@mieweb/forms-editor 0.1.3 → 0.1.6

package/dist/index.js

@@ -1,8 +1,8 @@
-import E, { useState as xe, useRef as rr, useEffect as ee, useMemo as re, useCallback as be } from "react";
-import { useFormStore as q, useFieldsArray as Ie, useUIApi as H, EYECLOSED_ICON as Ar, EYEEDIT_ICON as Dr, PLUSSQUARE_ICON as Pr, DATALOG_ICON as Fr, X_ICON as $r, fieldTypes as le, useFormApi as tr, isVisible as Lr, getFieldComponent as Mr } from "@mieweb/forms-engine";
+import E, { useState as xe, useRef as er, useEffect as ee, useMemo as ie, useCallback as be } from "react";
+import { useFormStore as q, useFieldsArray as rr, useUIApi as H, EYECLOSED_ICON as Ar, EYEEDIT_ICON as Dr, PLUSSQUARE_ICON as Pr, DATALOG_ICON as Fr, X_ICON as $r, fieldTypes as le, useFormApi as tr, useVisibleFields as Lr, getFieldComponent as Mr } from "@mieweb/forms-engine";
 import { AnimatePresence as Wr, motion as K } from "framer-motion";
 import qr from "js-yaml";
-import './index.css';var pe = { exports: {} }, se = {};
+import './index.css';var pe = { exports: {} }, ae = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -12,21 +12,21 @@ import './index.css';var pe = { exports: {} }, se = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var ze;
+var Je;
 function Ur() {
-  if (ze) return se;
-  ze = 1;
-  var t = E, n = Symbol.for("react.element"), s = Symbol.for("react.fragment"), i = Object.prototype.hasOwnProperty, o = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, u = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function b(c, f, g) {
-    var m, p = {}, h = null, T = null;
-    g !== void 0 && (h = "" + g), f.key !== void 0 && (h = "" + f.key), f.ref !== void 0 && (T = f.ref);
-    for (m in f) i.call(f, m) && !u.hasOwnProperty(m) && (p[m] = f[m]);
-    if (c && c.defaultProps) for (m in f = c.defaultProps, f) p[m] === void 0 && (p[m] = f[m]);
-    return { $$typeof: n, type: c, key: h, ref: T, props: p, _owner: o.current };
+  if (Je) return ae;
+  Je = 1;
+  var t = E, n = Symbol.for("react.element"), s = Symbol.for("react.fragment"), i = Object.prototype.hasOwnProperty, c = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, h = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function m(o, u, g) {
+    var p, f = {}, x = null, k = null;
+    g !== void 0 && (x = "" + g), u.key !== void 0 && (x = "" + u.key), u.ref !== void 0 && (k = u.ref);
+    for (p in u) i.call(u, p) && !h.hasOwnProperty(p) && (f[p] = u[p]);
+    if (o && o.defaultProps) for (p in u = o.defaultProps, u) f[p] === void 0 && (f[p] = u[p]);
+    return { $$typeof: n, type: o, key: x, ref: k, props: f, _owner: c.current };
   }
-  return se.Fragment = s, se.jsx = b, se.jsxs = b, se;
+  return ae.Fragment = s, ae.jsx = m, ae.jsxs = m, ae;
 }
-var ie = {};
+var se = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -36,11 +36,11 @@ var ie = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Ge;
+var ze;
 function Yr() {
-  return Ge || (Ge = 1, process.env.NODE_ENV !== "production" && (function() {
-    var t = E, n = Symbol.for("react.element"), s = Symbol.for("react.portal"), i = Symbol.for("react.fragment"), o = Symbol.for("react.strict_mode"), u = Symbol.for("react.profiler"), b = Symbol.for("react.provider"), c = Symbol.for("react.context"), f = Symbol.for("react.forward_ref"), g = Symbol.for("react.suspense"), m = Symbol.for("react.suspense_list"), p = Symbol.for("react.memo"), h = Symbol.for("react.lazy"), T = Symbol.for("react.offscreen"), v = Symbol.iterator, S = "@@iterator";
-    function k(e) {
+  return ze || (ze = 1, process.env.NODE_ENV !== "production" && (function() {
+    var t = E, n = Symbol.for("react.element"), s = Symbol.for("react.portal"), i = Symbol.for("react.fragment"), c = Symbol.for("react.strict_mode"), h = Symbol.for("react.profiler"), m = Symbol.for("react.provider"), o = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), g = Symbol.for("react.suspense"), p = Symbol.for("react.suspense_list"), f = Symbol.for("react.memo"), x = Symbol.for("react.lazy"), k = Symbol.for("react.offscreen"), v = Symbol.iterator, S = "@@iterator";
+    function N(e) {
       if (e === null || typeof e != "object")
         return null;
       var a = v && e[v] || e[S];
@@ -49,38 +49,38 @@ function Yr() {
     var L = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function _(e) {
       {
-        for (var a = arguments.length, l = new Array(a > 1 ? a - 1 : 0), x = 1; x < a; x++)
-          l[x - 1] = arguments[x];
+        for (var a = arguments.length, l = new Array(a > 1 ? a - 1 : 0), b = 1; b < a; b++)
+          l[b - 1] = arguments[b];
         F("error", e, l);
       }
     }
     function F(e, a, l) {
       {
-        var x = L.ReactDebugCurrentFrame, N = x.getStackAddendum();
-        N !== "" && (a += "%s", l = l.concat([N]));
-        var R = l.map(function(w) {
+        var b = L.ReactDebugCurrentFrame, C = b.getStackAddendum();
+        C !== "" && (a += "%s", l = l.concat([C]));
+        var T = l.map(function(w) {
           return String(w);
         });
-        R.unshift("Warning: " + a), Function.prototype.apply.call(console[e], console, R);
+        T.unshift("Warning: " + a), Function.prototype.apply.call(console[e], console, T);
       }
     }
     var O = !1, he = !1, ve = !1, ge = !1, X = !1, oe;
     oe = Symbol.for("react.module.reference");
     function J(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === i || e === u || X || e === o || e === g || e === m || ge || e === T || O || he || ve || typeof e == "object" && e !== null && (e.$$typeof === h || e.$$typeof === p || e.$$typeof === b || e.$$typeof === c || e.$$typeof === f || // This needs to include all possible module reference object
+      return !!(typeof e == "string" || typeof e == "function" || e === i || e === h || X || e === c || e === g || e === p || ge || e === k || O || he || ve || typeof e == "object" && e !== null && (e.$$typeof === x || e.$$typeof === f || e.$$typeof === m || e.$$typeof === o || e.$$typeof === u || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
       e.$$typeof === oe || e.getModuleId !== void 0));
     }
     function ce(e, a, l) {
-      var x = e.displayName;
-      if (x)
-        return x;
-      var N = a.displayName || a.name || "";
-      return N !== "" ? l + "(" + N + ")" : l;
+      var b = e.displayName;
+      if (b)
+        return b;
+      var C = a.displayName || a.name || "";
+      return C !== "" ? l + "(" + C + ")" : l;
     }
-    function te(e) {
+    function re(e) {
       return e.displayName || "Context";
     }
     function B(e) {
@@ -95,32 +95,32 @@ function Yr() {
           return "Fragment";
         case s:
           return "Portal";
-        case u:
+        case h:
           return "Profiler";
-        case o:
+        case c:
           return "StrictMode";
         case g:
           return "Suspense";
-        case m:
+        case p:
           return "SuspenseList";
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case c:
+          case o:
             var a = e;
-            return te(a) + ".Consumer";
-          case b:
+            return re(a) + ".Consumer";
+          case m:
             var l = e;
-            return te(l._context) + ".Provider";
-          case f:
+            return re(l._context) + ".Provider";
+          case u:
             return ce(e, e.render, "ForwardRef");
-          case p:
-            var x = e.displayName || null;
-            return x !== null ? x : B(e.type) || "Memo";
-          case h: {
-            var N = e, R = N._payload, w = N._init;
+          case f:
+            var b = e.displayName || null;
+            return b !== null ? b : B(e.type) || "Memo";
+          case x: {
+            var C = e, T = C._payload, w = C._init;
             try {
-              return B(w(R));
+              return B(w(T));
             } catch {
               return null;
             }
@@ -128,14 +128,14 @@ function Yr() {
         }
       return null;
     }
-    var d = Object.assign, C = 0, I, Y, A, U, y, z, ne;
+    var d = Object.assign, R = 0, I, Y, A, U, y, z, te;
     function ye() {
     }
     ye.__reactDisabledLog = !0;
     function je() {
       {
-        if (C === 0) {
-          I = console.log, Y = console.info, A = console.warn, U = console.error, y = console.group, z = console.groupCollapsed, ne = console.groupEnd;
+        if (R === 0) {
+          I = console.log, Y = console.info, A = console.warn, U = console.error, y = console.group, z = console.groupCollapsed, te = console.groupEnd;
           var e = {
             configurable: !0,
             enumerable: !0,
@@ -152,12 +152,12 @@ function Yr() {
             groupEnd: e
           });
         }
-        C++;
+        R++;
       }
     }
     function lr() {
       {
-        if (C--, C === 0) {
+        if (R--, R === 0) {
           var e = {
             configurable: !0,
             enumerable: !0,
@@ -183,11 +183,11 @@ function Yr() {
               value: z
             }),
             groupEnd: d({}, e, {
-              value: ne
+              value: te
             })
           });
         }
-        C < 0 && _("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        R < 0 && _("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
     var we = L.ReactCurrentDispatcher, Ee;
@@ -196,9 +196,9 @@ function Yr() {
         if (Ee === void 0)
           try {
             throw Error();
-          } catch (N) {
-            var x = N.stack.trim().match(/\n( *(at )?)/);
-            Ee = x && x[1] || "";
+          } catch (C) {
+            var b = C.stack.trim().match(/\n( *(at )?)/);
+            Ee = b && b[1] || "";
           }
         return `
 ` + Ee + e;
@@ -209,7 +209,7 @@ function Yr() {
       var or = typeof WeakMap == "function" ? WeakMap : Map;
       ue = new or();
     }
-    function Oe(e, a) {
+    function Ie(e, a) {
       if (!e || ke)
         return "";
       {
@@ -217,12 +217,12 @@ function Yr() {
         if (l !== void 0)
           return l;
       }
-      var x;
+      var b;
       ke = !0;
-      var N = Error.prepareStackTrace;
+      var C = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var R;
-      R = we.current, we.current = null, je();
+      var T;
+      T = we.current, we.current = null, je();
       try {
         if (a) {
           var w = function() {
@@ -236,14 +236,14 @@ function Yr() {
             try {
               Reflect.construct(w, []);
             } catch (W) {
-              x = W;
+              b = W;
             }
             Reflect.construct(e, [], w);
           } else {
             try {
               w.call();
             } catch (W) {
-              x = W;
+              b = W;
             }
             e.call(w.prototype);
           }
@@ -251,14 +251,14 @@ function Yr() {
           try {
             throw Error();
           } catch (W) {
-            x = W;
+            b = W;
           }
           e();
         }
       } catch (W) {
-        if (W && x && typeof W.stack == "string") {
+        if (W && b && typeof W.stack == "string") {
           for (var j = W.stack.split(`
-`), M = x.stack.split(`
+`), M = b.stack.split(`
 `), D = j.length - 1, P = M.length - 1; D >= 1 && P >= 0 && j[D] !== M[P]; )
             P--;
           for (; D >= 1 && P >= 0; D--, P--)
@@ -275,13 +275,13 @@ function Yr() {
             }
         }
       } finally {
-        ke = !1, we.current = R, lr(), Error.prepareStackTrace = N;
+        ke = !1, we.current = T, lr(), Error.prepareStackTrace = C;
       }
       var Z = e ? e.displayName || e.name : "", G = Z ? de(Z) : "";
       return typeof e == "function" && ue.set(e, G), G;
     }
     function cr(e, a, l) {
-      return Oe(e, !1);
+      return Ie(e, !1);
     }
     function dr(e) {
       var a = e.prototype;
@@ -291,55 +291,55 @@ function Yr() {
       if (e == null)
         return "";
       if (typeof e == "function")
-        return Oe(e, dr(e));
+        return Ie(e, dr(e));
       if (typeof e == "string")
         return de(e);
       switch (e) {
         case g:
           return de("Suspense");
-        case m:
+        case p:
           return de("SuspenseList");
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case f:
+          case u:
             return cr(e.render);
-          case p:
+          case f:
             return fe(e.type, a, l);
-          case h: {
-            var x = e, N = x._payload, R = x._init;
+          case x: {
+            var b = e, C = b._payload, T = b._init;
             try {
-              return fe(R(N), a, l);
+              return fe(T(C), a, l);
             } catch {
             }
           }
         }
       return "";
     }
-    var ae = Object.prototype.hasOwnProperty, Ae = {}, De = L.ReactDebugCurrentFrame;
+    var ne = Object.prototype.hasOwnProperty, Oe = {}, Ae = L.ReactDebugCurrentFrame;
     function me(e) {
       if (e) {
         var a = e._owner, l = fe(e.type, e._source, a ? a.type : null);
-        De.setExtraStackFrame(l);
+        Ae.setExtraStackFrame(l);
       } else
-        De.setExtraStackFrame(null);
+        Ae.setExtraStackFrame(null);
     }
-    function ur(e, a, l, x, N) {
+    function ur(e, a, l, b, C) {
       {
-        var R = Function.call.bind(ae);
+        var T = Function.call.bind(ne);
         for (var w in e)
-          if (R(e, w)) {
+          if (T(e, w)) {
             var j = void 0;
             try {
               if (typeof e[w] != "function") {
-                var M = Error((x || "React class") + ": " + l + " type `" + w + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[w] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                var M = Error((b || "React class") + ": " + l + " type `" + w + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[w] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw M.name = "Invariant Violation", M;
               }
-              j = e[w](a, w, x, l, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              j = e[w](a, w, b, l, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (D) {
               j = D;
             }
-            j && !(j instanceof Error) && (me(N), _("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", x || "React class", l, w, typeof j), me(null)), j instanceof Error && !(j.message in Ae) && (Ae[j.message] = !0, me(N), _("Failed %s type: %s", l, j.message), me(null));
+            j && !(j instanceof Error) && (me(C), _("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", b || "React class", l, w, typeof j), me(null)), j instanceof Error && !(j.message in Oe) && (Oe[j.message] = !0, me(C), _("Failed %s type: %s", l, j.message), me(null));
           }
       }
     }
@@ -355,26 +355,26 @@ function Yr() {
     }
     function pr(e) {
       try {
-        return Pe(e), !1;
+        return De(e), !1;
       } catch {
         return !0;
       }
     }
-    function Pe(e) {
+    function De(e) {
       return "" + e;
     }
-    function Fe(e) {
+    function Pe(e) {
       if (pr(e))
-        return _("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", mr(e)), Pe(e);
+        return _("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", mr(e)), De(e);
     }
-    var $e = L.ReactCurrentOwner, br = {
+    var Fe = L.ReactCurrentOwner, br = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, Le, Me;
+    }, $e, Le;
     function xr(e) {
-      if (ae.call(e, "ref")) {
+      if (ne.call(e, "ref")) {
         var a = Object.getOwnPropertyDescriptor(e, "ref").get;
         if (a && a.isReactWarning)
           return !1;
@@ -382,7 +382,7 @@ function Yr() {
       return e.ref !== void 0;
     }
     function hr(e) {
-      if (ae.call(e, "key")) {
+      if (ne.call(e, "key")) {
         var a = Object.getOwnPropertyDescriptor(e, "key").get;
         if (a && a.isReactWarning)
           return !1;
@@ -390,12 +390,12 @@ function Yr() {
       return e.key !== void 0;
     }
     function vr(e, a) {
-      typeof e.ref == "string" && $e.current;
+      typeof e.ref == "string" && Fe.current;
     }
     function gr(e, a) {
       {
         var l = function() {
-          Le || (Le = !0, _("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", a));
+          $e || ($e = !0, _("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", a));
         };
         l.isReactWarning = !0, Object.defineProperty(e, "key", {
           get: l,
@@ -406,7 +406,7 @@ function Yr() {
     function yr(e, a) {
       {
         var l = function() {
-          Me || (Me = !0, _("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", a));
+          Le || (Le = !0, _("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", a));
         };
         l.isReactWarning = !0, Object.defineProperty(e, "ref", {
           get: l,
@@ -414,7 +414,7 @@ function Yr() {
         });
       }
     }
-    var jr = function(e, a, l, x, N, R, w) {
+    var jr = function(e, a, l, b, C, T, w) {
       var j = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: n,
@@ -424,7 +424,7 @@ function Yr() {
         ref: l,
         props: w,
         // Record the component responsible for creating this element.
-        _owner: R
+        _owner: T
       };
       return j._store = {}, Object.defineProperty(j._store, "validated", {
         configurable: !1,
@@ -435,46 +435,46 @@ function Yr() {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: x
+        value: b
       }), Object.defineProperty(j, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: N
+        value: C
       }), Object.freeze && (Object.freeze(j.props), Object.freeze(j)), j;
     };
-    function wr(e, a, l, x, N) {
+    function wr(e, a, l, b, C) {
       {
-        var R, w = {}, j = null, M = null;
-        l !== void 0 && (Fe(l), j = "" + l), hr(a) && (Fe(a.key), j = "" + a.key), xr(a) && (M = a.ref, vr(a, N));
-        for (R in a)
-          ae.call(a, R) && !br.hasOwnProperty(R) && (w[R] = a[R]);
+        var T, w = {}, j = null, M = null;
+        l !== void 0 && (Pe(l), j = "" + l), hr(a) && (Pe(a.key), j = "" + a.key), xr(a) && (M = a.ref, vr(a, C));
+        for (T in a)
+          ne.call(a, T) && !br.hasOwnProperty(T) && (w[T] = a[T]);
         if (e && e.defaultProps) {
           var D = e.defaultProps;
-          for (R in D)
-            w[R] === void 0 && (w[R] = D[R]);
+          for (T in D)
+            w[T] === void 0 && (w[T] = D[T]);
         }
         if (j || M) {
           var P = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
           j && gr(w, P), M && yr(w, P);
         }
-        return jr(e, j, M, N, x, $e.current, w);
+        return jr(e, j, M, C, b, Fe.current, w);
       }
     }
-    var Ce = L.ReactCurrentOwner, We = L.ReactDebugCurrentFrame;
+    var Ce = L.ReactCurrentOwner, Me = L.ReactDebugCurrentFrame;
     function Q(e) {
       if (e) {
         var a = e._owner, l = fe(e.type, e._source, a ? a.type : null);
-        We.setExtraStackFrame(l);
+        Me.setExtraStackFrame(l);
       } else
-        We.setExtraStackFrame(null);
+        Me.setExtraStackFrame(null);
     }
     var Re;
     Re = !1;
     function Te(e) {
       return typeof e == "object" && e !== null && e.$$typeof === n;
     }
-    function qe() {
+    function We() {
       {
         if (Ce.current) {
           var e = B(Ce.current.type);
@@ -489,10 +489,10 @@ Check the render method of \`` + e + "`.";
     function Er(e) {
       return "";
     }
-    var Ue = {};
+    var qe = {};
     function kr(e) {
       {
-        var a = qe();
+        var a = We();
         if (!a) {
           var l = typeof e == "string" ? e : e.displayName || e.name;
           l && (a = `
@@ -502,35 +502,35 @@ Check the top-level render call using <` + l + ">.");
         return a;
       }
     }
-    function Ye(e, a) {
+    function Ue(e, a) {
       {
         if (!e._store || e._store.validated || e.key != null)
           return;
         e._store.validated = !0;
         var l = kr(a);
-        if (Ue[l])
+        if (qe[l])
           return;
-        Ue[l] = !0;
-        var x = "";
-        e && e._owner && e._owner !== Ce.current && (x = " It was passed a child from " + B(e._owner.type) + "."), Q(e), _('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', l, x), Q(null);
+        qe[l] = !0;
+        var b = "";
+        e && e._owner && e._owner !== Ce.current && (b = " It was passed a child from " + B(e._owner.type) + "."), Q(e), _('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', l, b), Q(null);
       }
     }
-    function Ve(e, a) {
+    function Ye(e, a) {
       {
         if (typeof e != "object")
           return;
         if (Ne(e))
           for (var l = 0; l < e.length; l++) {
-            var x = e[l];
-            Te(x) && Ye(x, a);
+            var b = e[l];
+            Te(b) && Ue(b, a);
           }
         else if (Te(e))
           e._store && (e._store.validated = !0);
         else if (e) {
-          var N = k(e);
-          if (typeof N == "function" && N !== e.entries)
-            for (var R = N.call(e), w; !(w = R.next()).done; )
-              Te(w.value) && Ye(w.value, a);
+          var C = N(e);
+          if (typeof C == "function" && C !== e.entries)
+            for (var T = C.call(e), w; !(w = T.next()).done; )
+              Te(w.value) && Ue(w.value, a);
         }
       }
     }
@@ -542,19 +542,19 @@ Check the top-level render call using <` + l + ">.");
         var l;
         if (typeof a == "function")
           l = a.propTypes;
-        else if (typeof a == "object" && (a.$$typeof === f || // Note: Memo only checks outer props here.
+        else if (typeof a == "object" && (a.$$typeof === u || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        a.$$typeof === p))
+        a.$$typeof === f))
           l = a.propTypes;
         else
           return;
         if (l) {
-          var x = B(a);
-          ur(l, e.props, "prop", x, e);
+          var b = B(a);
+          ur(l, e.props, "prop", b, e);
         } else if (a.PropTypes !== void 0 && !Re) {
           Re = !0;
-          var N = B(a);
-          _("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", N || "Unknown");
+          var C = B(a);
+          _("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", C || "Unknown");
         }
         typeof a.getDefaultProps == "function" && !a.getDefaultProps.isReactClassApproved && _("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
@@ -562,73 +562,73 @@ Check the top-level render call using <` + l + ">.");
     function Cr(e) {
       {
         for (var a = Object.keys(e.props), l = 0; l < a.length; l++) {
-          var x = a[l];
-          if (x !== "children" && x !== "key") {
-            Q(e), _("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", x), Q(null);
+          var b = a[l];
+          if (b !== "children" && b !== "key") {
+            Q(e), _("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", b), Q(null);
             break;
           }
         }
         e.ref !== null && (Q(e), _("Invalid attribute `ref` supplied to `React.Fragment`."), Q(null));
       }
     }
-    var Be = {};
-    function Je(e, a, l, x, N, R) {
+    var Ve = {};
+    function Be(e, a, l, b, C, T) {
       {
         var w = J(e);
         if (!w) {
           var j = "";
           (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (j += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
           var M = Er();
-          M ? j += M : j += qe();
+          M ? j += M : j += We();
           var D;
           e === null ? D = "null" : Ne(e) ? D = "array" : e !== void 0 && e.$$typeof === n ? (D = "<" + (B(e.type) || "Unknown") + " />", j = " Did you accidentally export a JSX literal instead of a component?") : D = typeof e, _("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", D, j);
         }
-        var P = wr(e, a, l, N, R);
+        var P = wr(e, a, l, C, T);
         if (P == null)
           return P;
         if (w) {
           var V = a.children;
           if (V !== void 0)
-            if (x)
+            if (b)
               if (Ne(V)) {
                 for (var Z = 0; Z < V.length; Z++)
-                  Ve(V[Z], e);
+                  Ye(V[Z], e);
                 Object.freeze && Object.freeze(V);
               } else
                 _("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
-              Ve(V, e);
+              Ye(V, e);
         }
-        if (ae.call(a, "key")) {
+        if (ne.call(a, "key")) {
           var G = B(e), W = Object.keys(a).filter(function(Or) {
             return Or !== "key";
           }), Se = W.length > 0 ? "{key: someKey, " + W.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!Be[G + Se]) {
+          if (!Ve[G + Se]) {
             var Ir = W.length > 0 ? "{" + W.join(": ..., ") + ": ...}" : "{}";
             _(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`, Se, G, Ir, G), Be[G + Se] = !0;
+  <%s key={someKey} {...props} />`, Se, G, Ir, G), Ve[G + Se] = !0;
           }
         }
         return e === i ? Cr(P) : Nr(P), P;
       }
     }
     function Rr(e, a, l) {
-      return Je(e, a, l, !0);
+      return Be(e, a, l, !0);
     }
     function Tr(e, a, l) {
-      return Je(e, a, l, !1);
+      return Be(e, a, l, !1);
     }
     var Sr = Tr, _r = Rr;
-    ie.Fragment = i, ie.jsx = Sr, ie.jsxs = _r;
-  })()), ie;
+    se.Fragment = i, se.jsx = Sr, se.jsxs = _r;
+  })()), se;
 }
-var Ke;
+var Ge;
 function Vr() {
-  return Ke || (Ke = 1, process.env.NODE_ENV === "production" ? pe.exports = Ur() : pe.exports = Yr()), pe.exports;
+  return Ge || (Ge = 1, process.env.NODE_ENV === "production" ? pe.exports = Ur() : pe.exports = Yr()), pe.exports;
 }
 var r = Vr();
 function nr({
@@ -636,35 +636,35 @@ function nr({
   onClose: n,
   data: s,
   title: i = "Data Viewer",
-  placement: o = "center",
+  placement: c = "center",
   // "center" | "bottom"
-  pretty: u = 2,
-  defaultMode: b = "yaml",
+  pretty: h = 2,
+  defaultMode: m = "yaml",
   // "json" | "yaml"
-  fileBaseName: c = "form-data",
-  contentClassName: f = ""
+  fileBaseName: o = "form-data",
+  contentClassName: u = ""
 }) {
-  const g = o === "center", [m, p] = E.useState(b === "yaml" ? "yaml" : "json"), h = E.useMemo(() => {
-    const k = Math.max(2, u | 0);
+  const g = c === "center", [p, f] = E.useState(m === "yaml" ? "yaml" : "json"), x = E.useMemo(() => {
+    const N = Math.max(2, h | 0);
     try {
-      return m === "yaml" ? qr.dump(s ?? {}, {
-        indent: k,
+      return p === "yaml" ? qr.dump(s ?? {}, {
+        indent: N,
         lineWidth: 80,
         noRefs: !0,
         forceQuotes: !0,
         skipInvalid: !0
-      }) : JSON.stringify(s ?? {}, null, k);
+      }) : JSON.stringify(s ?? {}, null, N);
     } catch {
-      return m === "yaml" ? "# Failed to render YAML" : String(s);
+      return p === "yaml" ? "# Failed to render YAML" : String(s);
     }
-  }, [s, m, u]), T = (k) => k.stopPropagation(), v = (k) => {
-    T(k);
-    const L = m === "yaml", _ = new Blob([h], { type: L ? "text/yaml" : "application/json" }), F = URL.createObjectURL(_), O = document.createElement("a");
-    O.href = F, O.download = `${c}.${L ? "yml" : "json"}`, O.click(), URL.revokeObjectURL(F);
-  }, S = async (k) => {
-    T(k);
+  }, [s, p, h]), k = (N) => N.stopPropagation(), v = (N) => {
+    k(N);
+    const L = p === "yaml", _ = new Blob([x], { type: L ? "text/yaml" : "application/json" }), F = URL.createObjectURL(_), O = document.createElement("a");
+    O.href = F, O.download = `${o}.${L ? "yml" : "json"}`, O.click(), URL.revokeObjectURL(F);
+  }, S = async (N) => {
+    k(N);
     try {
-      await navigator.clipboard.writeText(h);
+      await navigator.clipboard.writeText(x);
     } catch {
     }
   };
@@ -681,7 +681,7 @@ function nr({
       children: /* @__PURE__ */ r.jsx("div", { className: "w-full h-full flex items-end sm:items-center justify-center sm:max-w-4xl", children: /* @__PURE__ */ r.jsxs(
         K.div,
         {
-          onMouseDown: T,
+          onMouseDown: k,
           initial: { y: g ? 20 : "100%", opacity: g ? 0 : 1, scale: g ? 0.98 : 1 },
           animate: { y: 0, opacity: 1, scale: 1 },
           exit: { y: g ? 20 : "100%", opacity: g ? 0 : 1, scale: g ? 0.98 : 1 },
@@ -692,7 +692,7 @@ function nr({
               /* @__PURE__ */ r.jsxs("h3", { className: "font-semibold", children: [
                 i,
                 " (",
-                m.toUpperCase(),
+                p.toUpperCase(),
                 ")"
               ] }),
               /* @__PURE__ */ r.jsxs("div", { className: "flex items-center gap-2", children: [
@@ -700,10 +700,10 @@ function nr({
                   /* @__PURE__ */ r.jsx(
                     "button",
                     {
-                      className: `px-3 py-1 text-sm ${m === "yaml" ? "bg-black/6" : "bg-gray-200 hover:bg-black/5"}`,
-                      "aria-pressed": m === "yaml",
-                      onClick: (k) => {
-                        T(k), p("yaml");
+                      className: `px-3 py-1 text-sm ${p === "yaml" ? "bg-black/6" : "bg-gray-200 hover:bg-black/5"}`,
+                      "aria-pressed": p === "yaml",
+                      onClick: (N) => {
+                        k(N), f("yaml");
                       },
                       children: "YAML"
                     }
@@ -711,10 +711,10 @@ function nr({
                   /* @__PURE__ */ r.jsx(
                     "button",
                     {
-                      className: `px-3 py-1 text-sm ${m === "json" ? "bg-black/6" : "bg-gray-200 hover:bg-black/5"}`,
-                      "aria-pressed": m === "json",
-                      onClick: (k) => {
-                        T(k), p("json");
+                      className: `px-3 py-1 text-sm ${p === "json" ? "bg-black/6" : "bg-gray-200 hover:bg-black/5"}`,
+                      "aria-pressed": p === "json",
+                      onClick: (N) => {
+                        k(N), f("json");
                       },
                       children: "JSON"
                     }
@@ -726,15 +726,15 @@ function nr({
                   "button",
                   {
                     className: "px-3 py-1 rounded-lg border border-black/10 hover:bg-black/5 text-sm",
-                    onClick: (k) => {
-                      T(k), n == null || n();
+                    onClick: (N) => {
+                      k(N), n == null || n();
                     },
                     children: "Close"
                   }
                 )
               ] })
             ] }),
-            /* @__PURE__ */ r.jsx("div", { className: g ? `p-4 overflow-auto max-h-[70vh] ${f}` : `mt-2 p-2 rounded-lg overflow-y-auto max-h-96 ${f}`, children: /* @__PURE__ */ r.jsx("pre", { className: "whitespace-pre-wrap break-words text-sm text-gray-700", children: h }) })
+            /* @__PURE__ */ r.jsx("div", { className: g ? `p-4 overflow-auto max-h-[70vh] ${u}` : `mt-2 p-2 rounded-lg overflow-y-auto max-h-96 ${u}`, children: /* @__PURE__ */ r.jsx("pre", { className: "whitespace-pre-wrap break-words text-sm text-gray-700", children: x }) })
           ]
         }
       ) })
@@ -742,18 +742,18 @@ function nr({
   ) });
 }
 function Br() {
-  const [t, n] = xe(!1), s = q((g) => g.replaceAll), i = Ie(), o = H(), u = o.state.isPreview, b = (g) => {
+  const [t, n] = xe(!1), s = q((g) => g.replaceAll), i = rr(), c = H(), h = c.state.isPreview, m = (g) => {
     try {
-      const m = String(g).replace(/^\uFEFF/, "").trim(), p = JSON.parse(m), h = Array.isArray(p) ? p : p == null ? void 0 : p.fields;
-      if (!Array.isArray(h)) throw new Error("Expected [] or { fields: [] }");
-      s(h), o.selectedFieldId.clear(), o.preview.set(!1);
-    } catch (m) {
-      alert((m == null ? void 0 : m.message) || "Invalid JSON format");
+      const p = String(g).replace(/^\uFEFF/, "").trim(), f = JSON.parse(p), x = Array.isArray(f) ? f : f == null ? void 0 : f.fields;
+      if (!Array.isArray(x)) throw new Error("Expected [] or { fields: [] }");
+      s(x), c.selectedFieldId.clear(), c.preview.set(!1);
+    } catch (p) {
+      alert((p == null ? void 0 : p.message) || "Invalid JSON format");
     }
-  }, c = () => {
-    o.preview.set(!0), o.selectedFieldId.clear();
-  }, f = () => {
-    o.preview.set(!1);
+  }, o = () => {
+    c.preview.set(!0), c.selectedFieldId.clear();
+  }, u = () => {
+    c.preview.set(!1);
   };
   return /* @__PURE__ */ r.jsxs("header", { className: "sticky top-0 z-49 bg-transparent mx-auto", children: [
     /* @__PURE__ */ r.jsxs("div", { className: "py-6 text-center", children: [
@@ -765,16 +765,16 @@ function Br() {
         /* @__PURE__ */ r.jsx(
           "button",
           {
-            className: `py-3 rounded-xl text-sm font-medium ${u ? "" : "bg-black/10"}`,
-            onClick: f,
+            className: `py-3 rounded-xl text-sm font-medium ${h ? "" : "bg-black/10"}`,
+            onClick: u,
             children: "Builder"
           }
         ),
         /* @__PURE__ */ r.jsx(
           "button",
           {
-            className: `py-3 rounded-xl text-sm font-medium ${u ? "bg-black/10" : ""}`,
-            onClick: c,
+            className: `py-3 rounded-xl text-sm font-medium ${h ? "bg-black/10" : ""}`,
+            onClick: o,
             children: "Preview"
           }
         )
@@ -789,14 +789,14 @@ function Br() {
               type: "file",
               accept: ".json,application/json",
               onChange: (g) => {
-                var h;
-                const m = (h = g.target.files) == null ? void 0 : h[0];
-                if (!m) return;
-                const p = new FileReader();
-                p.onload = (T) => {
+                var x;
+                const p = (x = g.target.files) == null ? void 0 : x[0];
+                if (!p) return;
+                const f = new FileReader();
+                f.onload = (k) => {
                   var v;
-                  return b(((v = T.target) == null ? void 0 : v.result) ?? "");
-                }, p.readAsText(m), g.target.value = "";
+                  return m(((v = k.target) == null ? void 0 : v.result) ?? "");
+                }, f.readAsText(p), g.target.value = "";
               }
             }
           )
@@ -825,20 +825,20 @@ function Br() {
   ] });
 }
 function Jr() {
-  const [t, n] = xe(!1), [s, i] = xe(!1), o = rr(null), u = q((h) => h.addField), b = Ie(), c = H(), f = c.state.isPreview, g = () => {
-    n((h) => !h), i(!1);
-  }, m = () => {
-    i((h) => !h), n(!1);
+  const [t, n] = xe(!1), [s, i] = xe(!1), c = er(null), h = q((x) => x.addField), m = rr(), o = H(), u = o.state.isPreview, g = () => {
+    n((x) => !x), i(!1);
   }, p = () => {
-    c.preview.toggle(), n(!1), i(!1);
+    i((x) => !x), n(!1);
+  }, f = () => {
+    o.preview.toggle(), n(!1), i(!1);
   };
   return ee(() => {
     if (!t || s) return;
-    const h = (T) => {
-      const v = o.current;
-      v && !v.contains(T.target) && (n(!1), i(!1));
+    const x = (k) => {
+      const v = c.current;
+      v && !v.contains(k.target) && (n(!1), i(!1));
     };
-    return document.addEventListener("pointerdown", h), () => document.removeEventListener("pointerdown", h);
+    return document.addEventListener("pointerdown", x), () => document.removeEventListener("pointerdown", x);
   }, [t, s]), /* @__PURE__ */ r.jsxs("div", { className: "MobileToolBar fixed bottom-0 left-0 w-full text-stone-900 shadow-lg z-10", children: [
     /* @__PURE__ */ r.jsxs(
       K.div,
@@ -846,23 +846,23 @@ function Jr() {
         initial: { y: "100%" },
         animate: { y: "0%" },
         transition: { duration: 0.8, ease: [0.25, 0.1, 0.25, 1] },
-        className: `flex ${f ? "justify-center" : "justify-around"} pb-5 max-w-xl sm:max-w-4xl mx-auto`,
+        className: `flex ${u ? "justify-center" : "justify-around"} pb-5 max-w-xl sm:max-w-4xl mx-auto`,
         children: [
           /* @__PURE__ */ r.jsx(
             K.button,
             {
-              onClick: p,
+              onClick: f,
               initial: { opacity: 1, scale: 1, x: "0%" },
               animate: {
                 opacity: t || s ? 0 : 1,
                 scale: t || s ? 0 : 1,
-                x: f ? "120%" : "0%"
+                x: u ? "120%" : "0%"
               },
-              className: `relative cursor-pointer ${f ? "mx-29" : ""} bg-black/5 rounded-2xl p-3 backdrop-blur-xl`,
-              children: f ? /* @__PURE__ */ r.jsx(Dr, { className: "h-12 w-12" }) : /* @__PURE__ */ r.jsx(Ar, { className: "h-12 w-12" })
+              className: `relative cursor-pointer ${u ? "mx-29" : ""} bg-black/5 rounded-2xl p-3 backdrop-blur-xl`,
+              children: u ? /* @__PURE__ */ r.jsx(Dr, { className: "h-12 w-12" }) : /* @__PURE__ */ r.jsx(Ar, { className: "h-12 w-12" })
             }
           ),
-          !f && /* @__PURE__ */ r.jsx(
+          !u && /* @__PURE__ */ r.jsx(
             K.button,
             {
               onClick: g,
@@ -878,14 +878,14 @@ function Jr() {
           /* @__PURE__ */ r.jsx(
             K.button,
             {
-              onClick: m,
+              onClick: p,
               initial: { opacity: 1, scale: 1, x: "0%" },
               animate: {
                 opacity: s || t ? 0 : 1,
                 scale: s || t ? 0 : 1,
-                x: f ? "-120%" : "0%"
+                x: u ? "-120%" : "0%"
               },
-              className: `relative cursor-pointer ${f ? "mx-29" : ""} bg-black/5 rounded-2xl p-3 backdrop-blur-xl`,
+              className: `relative cursor-pointer ${u ? "mx-29" : ""} bg-black/5 rounded-2xl p-3 backdrop-blur-xl`,
               children: /* @__PURE__ */ r.jsx(Fr, { className: "h-12 w-12" })
             }
           )
@@ -897,7 +897,7 @@ function Jr() {
       {
         open: s,
         onClose: () => i(!1),
-        data: b,
+        data: m,
         title: "Form Data",
         placement: "bottom",
         contentClassName: "custom-scrollbar"
@@ -906,8 +906,8 @@ function Jr() {
     /* @__PURE__ */ r.jsx(
       K.div,
       {
-        ref: o,
-        onPointerDown: (h) => h.stopPropagation(),
+        ref: c,
+        onPointerDown: (x) => x.stopPropagation(),
         initial: { opacity: 0, y: "100%", scale: 0 },
         animate: {
           opacity: t ? 1 : 0,
@@ -918,45 +918,45 @@ function Jr() {
         className: "MobileToolBar-Modal fixed bottom-0 w-full mx-auto bg-black/5 border-black/15 border px-9 py-4 mb-2 rounded-2xl backdrop-blur-xl overflow-y-scroll",
         children: /* @__PURE__ */ r.jsxs("div", { className: "grid grid-cols-1 gap-2", children: [
           /* @__PURE__ */ r.jsx("button", { className: "flex w-full justify-end", onClick: () => n(!1), children: /* @__PURE__ */ r.jsx($r, {}) }),
-          Object.keys(le).map((h) => /* @__PURE__ */ r.jsxs(
+          Object.keys(le).map((x) => /* @__PURE__ */ r.jsxs(
             "button",
             {
               className: "px-4 pl-6 py-2 text-black text-left rounded hover:bg-slate-50",
               onClick: () => {
-                u(h), n(!1);
+                h(x), n(!1);
               },
               children: [
                 "Add ",
-                le[h].label
+                le[x].label
               ]
             },
-            h
+            x
           ))
         ] })
       }
     )
   ] });
 }
-const He = Object.entries(le).map(([t, n]) => ({
+const Ke = Object.entries(le).map(([t, n]) => ({
   type: t,
   label: n.label
 })), zr = ({ isPreview: t = !1 }) => {
   if (t) return null;
-  const n = q((i) => i.addField), s = re(() => {
+  const n = q((i) => i.addField), s = ie(() => {
     const i = {};
-    for (const { type: o } of He) i[o] = () => n(o);
+    for (const { type: c } of Ke) i[c] = () => n(c);
     return i;
   }, [n]);
   return /* @__PURE__ */ r.jsxs("div", { className: "p-4 bg-white border border-gray-200 rounded-lg shadow-sm", children: [
     /* @__PURE__ */ r.jsx("h3", { className: "text-lg font-semibold mb-3", children: "Tools" }),
-    /* @__PURE__ */ r.jsx("div", { className: "grid grid-cols-1 gap-2", children: He.map(({ type: i, label: o }) => /* @__PURE__ */ r.jsxs(
+    /* @__PURE__ */ r.jsx("div", { className: "grid grid-cols-1 gap-2", children: Ke.map(({ type: i, label: c }) => /* @__PURE__ */ r.jsxs(
       "button",
       {
         className: "px-3 py-2 text-left border border-black/10 rounded-md hover:bg-slate-50",
         onClick: s[i],
         children: [
           "Add ",
-          o
+          c
         ]
       },
       i
@@ -968,48 +968,48 @@ function ar({
   label: n = "ID",
   onCommit: s,
   validate: i,
-  placeholder: o = "Enter unique ID…",
-  className: u = ""
+  placeholder: c = "Enter unique ID…",
+  className: h = ""
 }) {
-  const [b, c] = E.useState(t ?? ""), [f, g] = E.useState("");
+  const [m, o] = E.useState(t ?? ""), [u, g] = E.useState("");
   E.useEffect(() => {
-    c(t ?? ""), g("");
+    o(t ?? ""), g("");
   }, [t]);
-  const m = E.useCallback(() => {
-    const p = String(b ?? "").trim();
-    if (!p) {
-      g("ID cannot be empty."), c(t ?? "");
+  const p = E.useCallback(() => {
+    const f = String(m ?? "").trim();
+    if (!f) {
+      g("ID cannot be empty."), o(t ?? "");
       return;
     }
-    if (p !== (t ?? "")) {
+    if (f !== (t ?? "")) {
       if (typeof i == "function") {
-        const h = i(p, t ?? "");
-        if (h) {
-          g(h);
+        const x = i(f, t ?? "");
+        if (x) {
+          g(x);
           return;
         }
       }
-      s == null || s(p);
+      s == null || s(f);
     }
-  }, [b, t, s, i]);
-  return /* @__PURE__ */ r.jsxs("div", { className: u, children: [
+  }, [m, t, s, i]);
+  return /* @__PURE__ */ r.jsxs("div", { className: h, children: [
     /* @__PURE__ */ r.jsx("label", { className: "block text-sm mb-1", children: n }),
     /* @__PURE__ */ r.jsx(
       "input",
       {
         className: "w-full px-3 py-2 border border-black/20 rounded",
-        value: b,
-        onChange: (p) => {
-          f && g(""), c(p.target.value);
+        value: m,
+        onChange: (f) => {
+          u && g(""), o(f.target.value);
         },
-        onBlur: m,
-        onKeyDown: (p) => {
-          p.key === "Enter" && (p.preventDefault(), m());
+        onBlur: p,
+        onKeyDown: (f) => {
+          f.key === "Enter" && (f.preventDefault(), p());
         },
-        placeholder: o
+        placeholder: c
       }
     ),
-    f ? /* @__PURE__ */ r.jsx("p", { className: "text-xs text-red-600 mt-1", children: f }) : null
+    u ? /* @__PURE__ */ r.jsx("p", { className: "text-xs text-red-600 mt-1", children: u }) : null
   ] });
 }
 function sr({ f: t, onUpdateField: n }) {
@@ -1074,13 +1074,13 @@ function Xr() {
   }
   return _e(Hr);
 }
-const Qr = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), Xe = { randomUUID: Qr };
+const Qr = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), He = { randomUUID: Qr };
 function Zr(t, n, s) {
-  var o;
-  if (Xe.randomUUID && !t)
-    return Xe.randomUUID();
+  var c;
+  if (He.randomUUID && !t)
+    return He.randomUUID();
   t = t || {};
-  const i = t.random ?? ((o = t.rng) == null ? void 0 : o.call(t)) ?? Xr();
+  const i = t.random ?? ((c = t.rng) == null ? void 0 : c.call(t)) ?? Xr();
   if (i.length < 16)
     throw new Error("Random bytes length must be >= 16");
   return i[6] = i[6] & 15 | 64, i[8] = i[8] & 63 | 128, Kr(i);
@@ -1088,38 +1088,38 @@ function Zr(t, n, s) {
 function ir({ field: t, onUpdateField: n }) {
   const s = t.options || [], i = () => {
     n("options", [...s, { id: Zr(), value: "" }]);
-  }, o = (b, c) => {
+  }, c = (m, o) => {
     n(
       "options",
-      s.map((f) => f.id === b ? { ...f, value: c } : f)
+      s.map((u) => u.id === m ? { ...u, value: o } : u)
     );
-  }, u = (b) => {
+  }, h = (m) => {
     n(
       "options",
-      s.filter((c) => c.id !== b)
+      s.filter((o) => o.id !== m)
     );
   };
   return /* @__PURE__ */ r.jsxs("div", { className: "mt-3", children: [
     /* @__PURE__ */ r.jsx("div", { className: "text-sm font-medium mb-1", children: "Options" }),
-    s.map((b) => /* @__PURE__ */ r.jsxs("div", { className: "flex items-center gap-2 mb-2", children: [
+    s.map((m) => /* @__PURE__ */ r.jsxs("div", { className: "flex items-center gap-2 mb-2", children: [
       /* @__PURE__ */ r.jsx(
         "input",
         {
           className: "flex-1 px-3 py-2 border border-black/20 rounded",
-          value: b.value,
-          onChange: (c) => o(b.id, c.target.value),
+          value: m.value,
+          onChange: (o) => c(m.id, o.target.value),
           placeholder: "Option text"
         }
       ),
       /* @__PURE__ */ r.jsx(
         "button",
         {
-          onClick: () => u(b.id),
+          onClick: () => h(m.id),
           className: "px-2 py-1 text-sm border border-black/20 rounded hover:bg-slate-50",
           children: "Remove"
         }
       )
-    ] }, b.id)),
+    ] }, m.id)),
     /* @__PURE__ */ r.jsx(
       "button",
       {
@@ -1132,9 +1132,9 @@ function ir({ field: t, onUpdateField: n }) {
 }
 function et({ f: t }) {
   const n = tr(t.id), s = be(
-    (o, u) => n.field.update(o, u),
+    (c, h) => n.field.update(c, h),
     [n]
-  ), i = re(
+  ), i = ie(
     () => ["radio", "check", "selection"].includes(t.fieldType),
     [t.fieldType]
   );
@@ -1148,7 +1148,7 @@ function et({ f: t }) {
         {
           className: "w-full px-3 py-2 border border-black/20 rounded",
           value: t.answer || "",
-          onChange: (o) => s("answer", o.target.value),
+          onChange: (c) => s("answer", c.target.value),
           placeholder: "Default value"
         }
       )
@@ -1157,57 +1157,57 @@ function et({ f: t }) {
   ] });
 }
 function rt({ section: t, onActiveChildChange: n }) {
-  var p, h, T;
-  const s = tr(t.id), i = Array.isArray(t.fields) ? t.fields : [], [o, u] = xe(((p = i[0]) == null ? void 0 : p.id) || null);
+  var f, x, k;
+  const s = tr(t.id), i = Array.isArray(t.fields) ? t.fields : [], [c, h] = xe(((f = i[0]) == null ? void 0 : f.id) || null);
   ee(() => {
     var v;
-    u(((v = i[0]) == null ? void 0 : v.id) || null);
+    h(((v = i[0]) == null ? void 0 : v.id) || null);
   }, [t.id]), ee(() => {
     if (!i.length) {
-      o !== null && u(null);
+      c !== null && h(null);
       return;
     }
-    i.some((S) => S.id === o) || u(i[0].id);
-  }, [i, o]), ee(() => {
-    n == null || n(t.id, o || null);
-  }, [t.id, o, n]);
-  const b = be(
+    i.some((S) => S.id === c) || h(i[0].id);
+  }, [i, c]), ee(() => {
+    n == null || n(t.id, c || null);
+  }, [t.id, c, n]);
+  const m = be(
     (v, S) => s.field.update(v, S),
     [s]
-  ), c = re(
-    () => i.find((v) => v.id === o) || null,
-    [i, o]
-  ), f = be(
+  ), o = ie(
+    () => i.find((v) => v.id === c) || null,
+    [i, c]
+  ), u = be(
     (v, S) => {
-      if (c) {
+      if (o) {
         if (v === "id") {
-          const k = String(S ?? "").trim();
-          if (!k) return;
+          const N = String(S ?? "").trim();
+          if (!N) return;
           q.getState().updateField(
-            c.id,
-            { id: k },
+            o.id,
+            { id: N },
             {
               sectionId: t.id,
               onIdChange: (L, _) => {
-                u((F) => F === _ ? L : F);
+                h((F) => F === _ ? L : F);
               }
             }
           );
           return;
         }
         q.getState().updateField(
-          c.id,
+          o.id,
           { [v]: S },
           { sectionId: t.id }
         );
       }
     },
-    [c, t.id]
+    [o, t.id]
   ), g = be(() => {
-    c && q.getState().deleteField(c.id, { sectionId: t.id });
-  }, [c, t.id]), m = re(
-    () => c && ["radio", "check", "selection"].includes(c.fieldType),
-    [c]
+    o && q.getState().deleteField(o.id, { sectionId: t.id });
+  }, [o, t.id]), p = ie(
+    () => o && ["radio", "check", "selection"].includes(o.fieldType),
+    [o]
   );
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsx("h3", { className: "text-lg font-semibold mb-3", children: "Edit Section" }),
@@ -1225,7 +1225,7 @@ function rt({ section: t, onActiveChildChange: n }) {
         {
           className: "w-full px-3 py-2 border border-black/20 rounded",
           value: t.title || "",
-          onChange: (v) => b("title", v.target.value),
+          onChange: (v) => m("title", v.target.value),
           placeholder: "Section title"
         }
       )
@@ -1234,40 +1234,40 @@ function rt({ section: t, onActiveChildChange: n }) {
       /* @__PURE__ */ r.jsx("div", { className: "text-sm font-semibold mb-2", children: "Fields in this section" }),
       i.length === 0 ? /* @__PURE__ */ r.jsx("div", { className: "text-sm text-gray-500", children: "No fields yet. Use the section’s mini toolbar to add fields." }) : /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
         /* @__PURE__ */ r.jsx("div", { className: "flex flex-wrap gap-2 mb-3", children: i.map((v) => {
-          var S, k;
+          var S, N;
           return /* @__PURE__ */ r.jsx(
             "button",
             {
               className: [
                 "px-3 py-1.5 text-sm rounded border",
-                o === v.id ? "bg-black/5 border-black/20" : "bg-white border-black/10 hover:bg-slate-50"
+                c === v.id ? "bg-black/5 border-black/20" : "bg-white border-black/10 hover:bg-slate-50"
               ].join(" "),
-              onClick: () => u(v.id),
+              onClick: () => h(v.id),
               title: v.question || v.fieldType,
-              children: ((S = v.question) == null ? void 0 : S.trim()) || ((k = le[v.fieldType]) == null ? void 0 : k.label) || "Field"
+              children: ((S = v.question) == null ? void 0 : S.trim()) || ((N = le[v.fieldType]) == null ? void 0 : N.label) || "Field"
             },
             v.id
           );
         }) }),
-        c && /* @__PURE__ */ r.jsxs("div", { className: "mt-2", children: [
+        o && /* @__PURE__ */ r.jsxs("div", { className: "mt-2", children: [
           /* @__PURE__ */ r.jsxs("div", { className: "text-sm font-semibold mb-2", children: [
             "Editing: ",
-            ((h = c.question) == null ? void 0 : h.trim()) || ((T = le[c.fieldType]) == null ? void 0 : T.label)
+            ((x = o.question) == null ? void 0 : x.trim()) || ((k = le[o.fieldType]) == null ? void 0 : k.label)
           ] }),
-          /* @__PURE__ */ r.jsx(sr, { f: c, onUpdateField: f }),
-          c.fieldType === "input" && /* @__PURE__ */ r.jsxs("div", { className: "mt-4", children: [
+          /* @__PURE__ */ r.jsx(sr, { f: o, onUpdateField: u }),
+          o.fieldType === "input" && /* @__PURE__ */ r.jsxs("div", { className: "mt-4", children: [
             /* @__PURE__ */ r.jsx("div", { className: "text-sm font-medium mb-1", children: "Default Answer" }),
             /* @__PURE__ */ r.jsx(
               "input",
               {
                 className: "w-full px-3 py-2 border border-black/20 rounded",
-                value: c.answer || "",
-                onChange: (v) => f("answer", v.target.value),
+                value: o.answer || "",
+                onChange: (v) => u("answer", v.target.value),
                 placeholder: "Default value"
               }
             )
           ] }),
-          m && /* @__PURE__ */ r.jsx(ir, { field: c, onUpdateField: f }),
+          p && /* @__PURE__ */ r.jsx(ir, { field: o, onUpdateField: u }),
           /* @__PURE__ */ r.jsx(
             "button",
             {
@@ -1281,7 +1281,7 @@ function rt({ section: t, onActiveChildChange: n }) {
     ] })
   ] });
 }
-function Qe(t) {
+function Xe(t) {
   switch (t) {
     case "input":
       return ["equals", "contains"];
@@ -1294,7 +1294,7 @@ function Qe(t) {
       return ["equals"];
   }
 }
-function Ze(t) {
+function Qe(t) {
   if (t && typeof t == "object") {
     const s = t.id ?? String(t.value ?? ""), i = String(t.value ?? t.label ?? t.id ?? "");
     return { id: s, value: i };
@@ -1303,27 +1303,27 @@ function Ze(t) {
   return { id: n, value: n };
 }
 function tt() {
-  var ce, te, B;
-  const t = H(), n = q((d) => d.byId), s = q((d) => d.setEnableWhen), i = q((d) => d.updateField), o = ((ce = t == null ? void 0 : t.selectedFieldId) == null ? void 0 : ce.value) ?? null;
-  (te = t == null ? void 0 : t.selectedChildId) == null || te.ParentId;
-  const u = ((B = t == null ? void 0 : t.selectedChildId) == null ? void 0 : B.ChildId) ?? null, b = o ? n[o] : null, c = (b == null ? void 0 : b.fieldType) === "section", f = E.useMemo(() => c ? Array.isArray(b == null ? void 0 : b.fields) ? b.fields : [] : [], [c, b]), g = E.useMemo(() => !c || !u ? !1 : f.some((d) => d.id === u), [c, u, f]), m = E.useMemo(() => c && g ? `child:${u}` : "", [c, g, u]), [p, h] = E.useState(m);
+  var ce, re, B;
+  const t = H(), n = q((d) => d.byId), s = q((d) => d.setEnableWhen), i = q((d) => d.updateField), c = ((ce = t == null ? void 0 : t.selectedFieldId) == null ? void 0 : ce.value) ?? null;
+  (re = t == null ? void 0 : t.selectedChildId) == null || re.ParentId;
+  const h = ((B = t == null ? void 0 : t.selectedChildId) == null ? void 0 : B.ChildId) ?? null, m = c ? n[c] : null, o = (m == null ? void 0 : m.fieldType) === "section", u = E.useMemo(() => o ? Array.isArray(m == null ? void 0 : m.fields) ? m.fields : [] : [], [o, m]), g = E.useMemo(() => !o || !h ? !1 : u.some((d) => d.id === h), [o, h, u]), p = E.useMemo(() => o && g ? `child:${h}` : "", [o, g, h]), [f, x] = E.useState(p);
   E.useEffect(() => {
-    h(m);
-  }, [m]), E.useEffect(() => {
-    if (c)
-      if (p && p.startsWith("child:")) {
-        const d = p.slice(6);
-        t.selectedChildId.set(o, d);
+    x(p);
+  }, [p]), E.useEffect(() => {
+    if (o)
+      if (f && f.startsWith("child:")) {
+        const d = f.slice(6);
+        t.selectedChildId.set(c, d);
       } else
         t.selectedChildId.set(null, null);
-  }, [c, p, o, t]);
-  const T = !!(c && p && p.startsWith("child:")), v = T ? p.slice(6) : null, S = T ? v : o, k = E.useMemo(() => S ? T ? f.find((d) => d.id === v) ?? null : n[S] ?? null : null, [n, S, T, v, f]), L = E.useMemo(() => {
-    var C, I, Y;
+  }, [o, f, c, t]);
+  const k = !!(o && f && f.startsWith("child:")), v = k ? f.slice(6) : null, S = k ? v : c, N = E.useMemo(() => S ? k ? u.find((d) => d.id === v) ?? null : n[S] ?? null : null, [n, S, k, v, u]), L = E.useMemo(() => {
+    var R, I, Y;
     const d = [];
     for (const A of Object.values(n))
       if (A)
         if (A.fieldType === "section" && Array.isArray(A.fields)) {
-          const U = ((C = A.title) == null ? void 0 : C.trim()) || "Section";
+          const U = ((R = A.title) == null ? void 0 : R.trim()) || "Section";
           A.fields.forEach((y) => {
             var z;
             d.push({
@@ -1344,16 +1344,16 @@ function tt() {
           });
     return d;
   }, [n]), _ = E.useCallback(
-    (d) => L.find((C) => C.id === d) || null,
+    (d) => L.find((R) => R.id === d) || null,
     [L]
   ), F = E.useCallback(
     (d) => {
       if (!S) return;
-      const C = d && Array.isArray(d.conditions) ? { logic: d.logic || "AND", conditions: d.conditions } : void 0;
-      T && o ? i(S, { enableWhen: C }, { sectionId: o }) : s(S, C);
+      const R = d && Array.isArray(d.conditions) ? { logic: d.logic || "AND", conditions: d.conditions } : void 0;
+      k && c ? i(S, { enableWhen: R }, { sectionId: c }) : s(S, R);
     },
-    [S, T, o, s, i]
-  ), O = E.useMemo(() => k != null && k.enableWhen && Array.isArray(k.enableWhen.conditions) ? { logic: k.enableWhen.logic || "AND", conditions: k.enableWhen.conditions } : { logic: "AND", conditions: [] }, [k]), he = E.useCallback(() => {
+    [S, k, c, s, i]
+  ), O = E.useMemo(() => N != null && N.enableWhen && Array.isArray(N.enableWhen.conditions) ? { logic: N.enableWhen.logic || "AND", conditions: N.enableWhen.conditions } : { logic: "AND", conditions: [] }, [N]), he = E.useCallback(() => {
     const d = {
       logic: O.logic || "AND",
       conditions: [
@@ -1369,13 +1369,13 @@ function tt() {
     },
     [O, F]
   ), X = E.useCallback(
-    (d, C) => {
-      const Y = [...Array.isArray(O.conditions) ? O.conditions : []], U = { ...Y[d] || { targetId: "", operator: "equals", value: "" }, ...C };
-      if ("targetId" in C) {
-        const y = _(U.targetId), z = Qe(y == null ? void 0 : y.fieldType);
+    (d, R) => {
+      const Y = [...Array.isArray(O.conditions) ? O.conditions : []], U = { ...Y[d] || { targetId: "", operator: "equals", value: "" }, ...R };
+      if ("targetId" in R) {
+        const y = _(U.targetId), z = Xe(y == null ? void 0 : y.fieldType);
         z.includes(U.operator) || (U.operator = z[0] || "equals");
-        const ne = Array.isArray(y == null ? void 0 : y.options) ? y.options.map(Ze) : [];
-        ne.length > 0 && (new Set(ne.map((je) => je.id)).has(U.value) || (U.value = ""));
+        const te = Array.isArray(y == null ? void 0 : y.options) ? y.options.map(Qe) : [];
+        te.length > 0 && (new Set(te.map((je) => je.id)).has(U.value) || (U.value = ""));
       }
       Y[d] = U, F({ ...O, conditions: Y });
     },
@@ -1383,21 +1383,21 @@ function tt() {
   ), oe = E.useMemo(
     () => L.filter((d) => d.id !== S),
     [L, S]
-  ), J = !k || !S;
+  ), J = !N || !S;
   return /* @__PURE__ */ r.jsxs("div", { className: "space-y-2", children: [
-    c && /* @__PURE__ */ r.jsxs("div", { className: "flex gap-2 items-center", children: [
+    o && /* @__PURE__ */ r.jsxs("div", { className: "flex gap-2 items-center", children: [
       /* @__PURE__ */ r.jsx("label", { className: "text-sm", children: "Target:" }),
       /* @__PURE__ */ r.jsxs(
         "select",
         {
           className: "border p-1 rounded",
-          value: p,
-          onChange: (d) => h(d.target.value),
+          value: f,
+          onChange: (d) => x(d.target.value),
           children: [
             /* @__PURE__ */ r.jsx("option", { value: "", children: "Section (this)" }),
-            f.map((d) => {
-              var C, I;
-              return /* @__PURE__ */ r.jsx("option", { value: `child:${d.id}`, children: ((C = d.question) == null ? void 0 : C.trim()) || ((I = d.title) == null ? void 0 : I.trim()) || d.id }, d.id);
+            u.map((d) => {
+              var R, I;
+              return /* @__PURE__ */ r.jsx("option", { value: `child:${d.id}`, children: ((R = d.question) == null ? void 0 : R.trim()) || ((I = d.title) == null ? void 0 : I.trim()) || d.id }, d.id);
             })
           ]
         }
@@ -1421,14 +1421,14 @@ function tt() {
       /* @__PURE__ */ r.jsx("button", { type: "button", className: "px-2 py-1 border rounded", onClick: he, disabled: J, children: "+ Condition" }),
       /* @__PURE__ */ r.jsx("button", { type: "button", className: "px-2 py-1 border rounded", onClick: ve, disabled: J, children: "Clear" })
     ] }),
-    (Array.isArray(O.conditions) ? O.conditions : []).map((d, C) => {
-      const I = _(d.targetId), Y = Qe(I == null ? void 0 : I.fieldType), A = Array.isArray(I == null ? void 0 : I.options) ? I.options.map(Ze) : [], U = A.length > 0;
+    (Array.isArray(O.conditions) ? O.conditions : []).map((d, R) => {
+      const I = _(d.targetId), Y = Xe(I == null ? void 0 : I.fieldType), A = Array.isArray(I == null ? void 0 : I.options) ? I.options.map(Qe) : [], U = A.length > 0;
       return /* @__PURE__ */ r.jsxs("div", { className: "grid grid-cols-1 sm:grid-cols-7 gap-2 items-center opacity-100", children: [
         /* @__PURE__ */ r.jsx(
           "button",
           {
             type: "button",
-            onClick: () => ge(C),
+            onClick: () => ge(R),
             className: "px-2 py-1 border rounded sm:col-span-1",
             title: "Remove condition",
             disabled: J,
@@ -1440,7 +1440,7 @@ function tt() {
           {
             className: "border p-1 rounded sm:col-span-3",
             value: d.targetId,
-            onChange: (y) => X(C, { targetId: y.target.value }),
+            onChange: (y) => X(R, { targetId: y.target.value }),
             disabled: J,
             children: [
               /* @__PURE__ */ r.jsx("option", { value: "", children: "— Select field —" }),
@@ -1453,7 +1453,7 @@ function tt() {
           {
             className: "border p-1 rounded sm:col-span-1",
             value: d.operator,
-            onChange: (y) => X(C, { operator: y.target.value }),
+            onChange: (y) => X(R, { operator: y.target.value }),
             disabled: J || !I,
             children: (I ? Y : ["equals"]).map((y) => /* @__PURE__ */ r.jsx("option", { value: y, children: y }, y))
           }
@@ -1463,7 +1463,7 @@ function tt() {
           {
             className: "border p-1 rounded sm:col-span-2",
             value: d.value,
-            onChange: (y) => X(C, { value: y.target.value }),
+            onChange: (y) => X(R, { value: y.target.value }),
             disabled: J || !I,
             children: [
               /* @__PURE__ */ r.jsx("option", { value: "", children: "— Select option —" }),
@@ -1476,30 +1476,30 @@ function tt() {
             className: "border p-1 rounded sm:col-span-2",
             placeholder: "Enter value",
             value: d.value,
-            onChange: (y) => X(C, { value: y.target.value }),
+            onChange: (y) => X(R, { value: y.target.value }),
             disabled: J || !I
           }
         )
-      ] }, C);
+      ] }, R);
     })
   ] });
 }
-function er() {
+function Ze() {
   const t = H(), n = q(
     E.useCallback(
-      (c) => t.selectedFieldId.value ? c.byId[t.selectedFieldId.value] : null,
+      (o) => t.selectedFieldId.value ? o.byId[t.selectedFieldId.value] : null,
       [t.selectedFieldId.value]
     )
-  ), [s, i] = E.useState("EDIT"), o = E.useCallback(
-    (c, f) => {
-      t.selectedChildId.set(c, f);
+  ), [s, i] = E.useState("EDIT"), c = E.useCallback(
+    (o, u) => {
+      t.selectedChildId.set(o, u);
     },
     [t.selectedChildId.set]
   );
   if (E.useEffect(() => {
     t.selectedChildId.set(null, null), i("EDIT");
   }, [t.selectedFieldId.value]), t.state.isPreview) return null;
-  const u = !n, b = (n == null ? void 0 : n.fieldType) === "section";
+  const h = !n, m = (n == null ? void 0 : n.fieldType) === "section";
   return /* @__PURE__ */ r.jsxs(
     "div",
     {
@@ -1535,43 +1535,38 @@ function er() {
             ]
           }
         ),
-        u && /* @__PURE__ */ r.jsxs("div", { className: "text-gray-600", children: [
+        h && /* @__PURE__ */ r.jsxs("div", { className: "text-gray-600", children: [
           /* @__PURE__ */ r.jsx("h3", { className: "text-lg font-semibold mb-2", children: "Edit" }),
           /* @__PURE__ */ r.jsx("p", { children: "Select a field in the center panel to edit its properties." })
         ] }),
-        !u && s === "EDIT" && /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-          !b && /* @__PURE__ */ r.jsx(et, { f: n }),
-          b && /* @__PURE__ */ r.jsx(
+        !h && s === "EDIT" && /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+          !m && /* @__PURE__ */ r.jsx(et, { f: n }),
+          m && /* @__PURE__ */ r.jsx(
             rt,
             {
               section: n,
-              onActiveChildChange: o
+              onActiveChildChange: c
             }
           )
         ] }),
-        !u && s === "LOGIC" && /* @__PURE__ */ r.jsx(tt, {})
+        !h && s === "LOGIC" && /* @__PURE__ */ r.jsx(tt, {})
       ]
     }
   );
 }
 function nt() {
-  const t = H(), n = Ie(), s = re(() => {
-    const o = [];
-    return (n || []).forEach((u) => {
-      o.push(u), (u == null ? void 0 : u.fieldType) === "section" && Array.isArray(u.fields) && o.push(...u.fields);
-    }), o;
-  }, [n]), i = re(() => (t.state.isPreview ? n.filter((u) => Lr(u, s)) : n).map((u) => u.id), [t.state.isPreview, n, s]);
+  const t = H(), { fields: n } = Lr(t.state.isPreview), s = ie(() => n.map((i) => i.id), [n]);
   return /* @__PURE__ */ r.jsx(
     "div",
     {
       className: "w-full max-w-4xl mx-auto rounded-lg overflow-y-auto max-h-[calc(100svh-19rem)] lg:max-h-[calc(100dvh-15rem)] custom-scrollbar pr-2",
       onClick: () => !t.state.isPreview && t.selectedFieldId.clear(),
-      children: i.length === 0 ? /* @__PURE__ */ r.jsx(st, {}) : i.map((o) => /* @__PURE__ */ r.jsx(at, { id: o }, o))
+      children: s.length === 0 ? /* @__PURE__ */ r.jsx(st, {}) : s.map((i) => /* @__PURE__ */ r.jsx(at, { id: i }, i))
     }
   );
 }
 const at = E.memo(function({ id: n }) {
-  const s = q(E.useCallback((o) => o.byId[n], [n]));
+  const s = q(E.useCallback((c) => c.byId[n], [n]));
   if (!s) return null;
   const i = Mr(s.fieldType);
   return i ? /* @__PURE__ */ r.jsx("div", { className: "mb-1.5", "data-field-type": s.fieldType, "data-field-id": s.id, children: /* @__PURE__ */ r.jsx(i, { field: s }) }) : null;
@@ -1591,12 +1586,12 @@ function st() {
   ] });
 }
 function it({ selectedField: t }) {
-  const n = H(), s = n.state.isPreview, i = n.state.isEditModalOpen, o = n.state.panelResetKey, u = !s, b = u ? "lg:grid-cols-[280px_minmax(0,1fr)_320px]" : "lg:grid-cols-[minmax(0,1fr)]";
-  return /* @__PURE__ */ r.jsx("div", { className: "w-full max-w-6xl mx-auto px-4 h-fit rounded-lg mt-2", children: /* @__PURE__ */ r.jsxs("div", { className: `grid grid-cols-1 ${b} gap-3 h-full items-start`, children: [
-    u && /* @__PURE__ */ r.jsx("div", { className: "hidden lg:block", children: /* @__PURE__ */ r.jsx(Gr, {}) }),
+  const n = H(), s = n.state.isPreview, i = n.state.isEditModalOpen, c = n.state.panelResetKey, h = !s, m = h ? "lg:grid-cols-[280px_minmax(0,1fr)_320px]" : "lg:grid-cols-[minmax(0,1fr)]";
+  return /* @__PURE__ */ r.jsx("div", { className: "w-full max-w-6xl mx-auto px-4 h-fit rounded-lg mt-2", children: /* @__PURE__ */ r.jsxs("div", { className: `grid grid-cols-1 ${m} gap-3 h-full items-start`, children: [
+    h && /* @__PURE__ */ r.jsx("div", { className: "hidden lg:block", children: /* @__PURE__ */ r.jsx(Gr, {}) }),
     /* @__PURE__ */ r.jsx("div", { children: /* @__PURE__ */ r.jsx(nt, {}) }),
-    u && /* @__PURE__ */ r.jsx("div", { className: "hidden lg:block", children: /* @__PURE__ */ r.jsx(er, {}, o) }),
-    u && /* @__PURE__ */ r.jsx("div", { className: "lg:hidden", children: i && t && /* @__PURE__ */ r.jsx(
+    h && /* @__PURE__ */ r.jsx("div", { className: "hidden lg:block", children: /* @__PURE__ */ r.jsx(Ze, {}, c) }),
+    h && /* @__PURE__ */ r.jsx("div", { className: "lg:hidden", children: i && t && /* @__PURE__ */ r.jsx(
       "div",
       {
         className: "fixed inset-0 top-5 z-50 flex items-center justify-center bg-transparent/30 backdrop-blur-sm p-4",
@@ -1605,7 +1600,7 @@ function it({ selectedField: t }) {
           "div",
           {
             className: "w-full max-w-md mx-auto relative bg-white rounded-lg overflow-hidden",
-            onClick: (c) => c.stopPropagation(),
+            onClick: (o) => o.stopPropagation(),
             children: [
               /* @__PURE__ */ r.jsx(
                 "button",
@@ -1615,7 +1610,7 @@ function it({ selectedField: t }) {
                   children: /* @__PURE__ */ r.jsx("span", { className: "text-3xl", children: "×" })
                 }
               ),
-              /* @__PURE__ */ r.jsx(er, {}, o)
+              /* @__PURE__ */ r.jsx(Ze, {}, c)
             ]
           }
         )
@@ -1628,26 +1623,29 @@ function ut({
   onChange: n,
   className: s = "",
   showHeader: i = !0,
-  showMobileToolbar: o = !0,
-  startInPreview: u = !1
+  showMobileToolbar: c = !0,
+  startInPreview: h = !1
 }) {
-  const b = H(), c = rr(!1);
+  const m = H(), o = er(!1);
   ee(() => {
-    c.current || (Array.isArray(t) && t.length && q.getState().replaceAll(t), b.preview.set(!!u), c.current = !0);
-  }, [t, u, b.preview]), ee(() => n ? q.subscribe((m) => {
-    const p = m.flatArray ? m.flatArray() : Object.values(m.byId);
-    n(p);
+    o.current || (Array.isArray(t) && t.length && q.getState().replaceAll(t), m.preview.set(!!h), o.current = !0);
+  }, [t, h, m.preview]), ee(() => n ? q.subscribe((p) => {
+    const f = [];
+    p.order.forEach((x) => {
+      const k = p.byId[x];
+      k && (f.push(k), k.fieldType === "section" && Array.isArray(k.fields) && f.push(...k.fields));
+    }), n(f);
   }) : void 0, [n]);
-  const f = q(
+  const u = q(
     E.useCallback(
-      (g) => b.selectedFieldId.value ? g.byId[b.selectedFieldId.value] : null,
-      [b.selectedFieldId.value]
+      (g) => m.selectedFieldId.value ? g.byId[m.selectedFieldId.value] : null,
+      [m.selectedFieldId.value]
     )
   );
   return /* @__PURE__ */ r.jsxs("div", { className: `qb-editor-root min-h-screen bg-gray-100 font-titillium ${s}`, children: [
     i && /* @__PURE__ */ r.jsx(Br, {}),
-    o && /* @__PURE__ */ r.jsx("div", { className: "lg:hidden", children: /* @__PURE__ */ r.jsx(Jr, {}) }),
-    /* @__PURE__ */ r.jsx(it, { selectedField: f })
+    c && /* @__PURE__ */ r.jsx("div", { className: "lg:hidden", children: /* @__PURE__ */ r.jsx(Jr, {}) }),
+    /* @__PURE__ */ r.jsx(it, { selectedField: u })
   ] });
 }
 export {