@superdoc-dev/template-builder 0.1.0-next.1 → 0.2.0-next.1

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import Oe, { useState as z, useEffect as de, useMemo as he, useCallback as _, forwardRef as Ae, useRef as Z, useImperativeHandle as Pe } from "react";
+import Ae, { useState as z, useEffect as ue, useMemo as ye, useCallback as C, forwardRef as Ie, useRef as Z, useImperativeHandle as Me } from "react";
 var ce = { exports: {} }, se = {};
 /**
  * @license React
@@ -9,27 +9,27 @@ var ce = { 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 ye;
-function Ie() {
-  if (ye) return se;
-  ye = 1;
-  var l = Symbol.for("react.transitional.element"), b = Symbol.for("react.fragment");
-  function m(c, o, a) {
+var ve;
+function De() {
+  if (ve) return se;
+  ve = 1;
+  var a = Symbol.for("react.transitional.element"), x = Symbol.for("react.fragment");
+  function p(c, n, i) {
     var F = null;
-    if (a !== void 0 && (F = "" + a), o.key !== void 0 && (F = "" + o.key), "key" in o) {
-      a = {};
-      for (var I in o)
-        I !== "key" && (a[I] = o[I]);
-    } else a = o;
-    return o = a.ref, {
-      $$typeof: l,
+    if (i !== void 0 && (F = "" + i), n.key !== void 0 && (F = "" + n.key), "key" in n) {
+      i = {};
+      for (var I in n)
+        I !== "key" && (i[I] = n[I]);
+    } else i = n;
+    return n = i.ref, {
+      $$typeof: a,
       type: c,
       key: F,
-      ref: o !== void 0 ? o : null,
-      props: a
+      ref: n !== void 0 ? n : null,
+      props: i
     };
   }
-  return se.Fragment = b, se.jsx = m, se.jsxs = m, se;
+  return se.Fragment = x, se.jsx = p, se.jsxs = p, se;
 }
 var ae = {};
 /**
@@ -41,13 +41,13 @@ var ae = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var ve;
-function De() {
-  return ve || (ve = 1, process.env.NODE_ENV !== "production" && (function() {
-    function l(e) {
+var Ee;
+function Le() {
+  return Ee || (Ee = 1, process.env.NODE_ENV !== "production" && (function() {
+    function a(e) {
       if (e == null) return null;
       if (typeof e == "function")
-        return e.$$typeof === ue ? null : e.displayName || e.name || null;
+        return e.$$typeof === fe ? null : e.displayName || e.name || null;
       if (typeof e == "string") return e;
       switch (e) {
         case O:
@@ -56,43 +56,43 @@ function De() {
           return "Profiler";
         case K:
           return "StrictMode";
-        case x:
+        case g:
           return "Suspense";
         case E:
           return "SuspenseList";
-        case M:
+        case D:
           return "Activity";
       }
       if (typeof e == "object")
         switch (typeof e.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
         ), e.$$typeof) {
-          case J:
+          case G:
             return "Portal";
-          case P:
+          case A:
             return e.displayName || "Context";
-          case V:
+          case Y:
             return (e._context.displayName || "Context") + ".Consumer";
-          case i:
+          case l:
             var s = e.render;
             return e = e.displayName, e || (e = s.displayName || s.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
-          case j:
-            return s = e.displayName || null, s !== null ? s : l(e.type) || "Memo";
+          case w:
+            return s = e.displayName || null, s !== null ? s : a(e.type) || "Memo";
           case k:
             s = e._payload, e = e._init;
             try {
-              return l(e(s));
+              return a(e(s));
             } catch {
             }
         }
       return null;
     }
-    function b(e) {
+    function x(e) {
       return "" + e;
     }
-    function m(e) {
+    function p(e) {
       try {
-        b(e);
+        x(e);
         var s = !1;
       } catch {
         s = !0;
@@ -104,7 +104,7 @@ function De() {
           s,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
           d
-        ), b(e);
+        ), x(e);
       }
     }
     function c(e) {
@@ -112,17 +112,17 @@ function De() {
       if (typeof e == "object" && e !== null && e.$$typeof === k)
         return "<...>";
       try {
-        var s = l(e);
+        var s = a(e);
         return s ? "<" + s + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function o() {
+    function n() {
       var e = ee.A;
       return e === null ? null : e.getOwner();
     }
-    function a() {
+    function i() {
       return Error("react-stack-top-frame");
     }
     function F(e) {
@@ -145,20 +145,20 @@ function De() {
       });
     }
     function H() {
-      var e = l(this.type);
+      var e = a(this.type);
       return re[e] || (re[e] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), e = this.props.ref, e !== void 0 ? e : null;
     }
-    function U(e, s, f, d, $, oe) {
-      var g = f.ref;
+    function U(e, s, f, d, B, oe) {
+      var h = f.ref;
       return e = {
-        $$typeof: D,
+        $$typeof: M,
         type: e,
         key: s,
         props: f,
         _owner: d
-      }, (g !== void 0 ? g : null) !== null ? Object.defineProperty(e, "ref", {
+      }, (h !== void 0 ? h : null) !== null ? Object.defineProperty(e, "ref", {
         enumerable: !1,
         get: H
       }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
@@ -175,7 +175,7 @@ function De() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: $
+        value: B
       }), Object.defineProperty(e, "_debugTask", {
         configurable: !1,
         enumerable: !1,
@@ -183,25 +183,25 @@ function De() {
         value: oe
       }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
     }
-    function A(e, s, f, d, $, oe) {
-      var g = s.children;
-      if (g !== void 0)
+    function P(e, s, f, d, B, oe) {
+      var h = s.children;
+      if (h !== void 0)
         if (d)
-          if (te(g)) {
-            for (d = 0; d < g.length; d++)
-              N(g[d]);
-            Object.freeze && Object.freeze(g);
+          if (te(h)) {
+            for (d = 0; d < h.length; d++)
+              N(h[d]);
+            Object.freeze && Object.freeze(h);
           } 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 N(g);
+        else N(h);
       if (ie.call(s, "key")) {
-        g = l(e);
-        var w = Object.keys(s).filter(function(fe) {
-          return fe !== "key";
+        h = a(e);
+        var _ = Object.keys(s).filter(function(pe) {
+          return pe !== "key";
         });
-        d = 0 < w.length ? "{key: someKey, " + w.join(": ..., ") + ": ...}" : "{key: someKey}", q[g + d] || (w = 0 < w.length ? "{" + w.join(": ..., ") + ": ...}" : "{}", console.error(
+        d = 0 < _.length ? "{key: someKey, " + _.join(": ..., ") + ": ...}" : "{key: someKey}", J[h + d] || (_ = 0 < _.length ? "{" + _.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
@@ -209,25 +209,25 @@ React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
           d,
-          g,
-          w,
-          g
-        ), q[g + d] = !0);
+          h,
+          _,
+          h
+        ), J[h + d] = !0);
       }
-      if (g = null, f !== void 0 && (m(f), g = "" + f), F(s) && (m(s.key), g = "" + s.key), "key" in s) {
+      if (h = null, f !== void 0 && (p(f), h = "" + f), F(s) && (p(s.key), h = "" + s.key), "key" in s) {
         f = {};
-        for (var G in s)
-          G !== "key" && (f[G] = s[G]);
+        for (var q in s)
+          q !== "key" && (f[q] = s[q]);
       } else f = s;
-      return g && I(
+      return h && I(
         f,
         typeof e == "function" ? e.displayName || e.name || "Unknown" : e
       ), U(
         e,
-        g,
+        h,
         f,
-        o(),
-        $,
+        n(),
+        B,
         oe
       );
     }
@@ -235,67 +235,67 @@ React keys must be passed directly to JSX without using spread:
       T(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === k && (e._payload.status === "fulfilled" ? T(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
     }
     function T(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === D;
+      return typeof e == "object" && e !== null && e.$$typeof === M;
     }
-    var Y = Oe, D = Symbol.for("react.transitional.element"), J = Symbol.for("react.portal"), O = Symbol.for("react.fragment"), K = Symbol.for("react.strict_mode"), v = Symbol.for("react.profiler"), V = Symbol.for("react.consumer"), P = Symbol.for("react.context"), i = Symbol.for("react.forward_ref"), x = Symbol.for("react.suspense"), E = Symbol.for("react.suspense_list"), j = Symbol.for("react.memo"), k = Symbol.for("react.lazy"), M = Symbol.for("react.activity"), ue = Symbol.for("react.client.reference"), ee = Y.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, ie = Object.prototype.hasOwnProperty, te = Array.isArray, R = console.createTask ? console.createTask : function() {
+    var V = Ae, M = Symbol.for("react.transitional.element"), G = Symbol.for("react.portal"), O = Symbol.for("react.fragment"), K = Symbol.for("react.strict_mode"), v = Symbol.for("react.profiler"), Y = Symbol.for("react.consumer"), A = Symbol.for("react.context"), l = Symbol.for("react.forward_ref"), g = Symbol.for("react.suspense"), E = Symbol.for("react.suspense_list"), w = Symbol.for("react.memo"), k = Symbol.for("react.lazy"), D = Symbol.for("react.activity"), fe = Symbol.for("react.client.reference"), ee = V.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, ie = Object.prototype.hasOwnProperty, te = Array.isArray, R = console.createTask ? console.createTask : function() {
       return null;
     };
-    Y = {
+    V = {
       react_stack_bottom_frame: function(e) {
         return e();
       }
     };
-    var L, re = {}, B = Y.react_stack_bottom_frame.bind(
-      Y,
-      a
-    )(), ne = R(c(a)), q = {};
+    var L, re = {}, W = V.react_stack_bottom_frame.bind(
+      V,
+      i
+    )(), ne = R(c(i)), J = {};
     ae.Fragment = O, ae.jsx = function(e, s, f) {
       var d = 1e4 > ee.recentlyCreatedOwnerStacks++;
-      return A(
+      return P(
         e,
         s,
         f,
         !1,
-        d ? Error("react-stack-top-frame") : B,
+        d ? Error("react-stack-top-frame") : W,
         d ? R(c(e)) : ne
       );
     }, ae.jsxs = function(e, s, f) {
       var d = 1e4 > ee.recentlyCreatedOwnerStacks++;
-      return A(
+      return P(
         e,
         s,
         f,
         !0,
-        d ? Error("react-stack-top-frame") : B,
+        d ? Error("react-stack-top-frame") : W,
         d ? R(c(e)) : ne
       );
     };
   })()), ae;
 }
-var Ee;
-function Me() {
-  return Ee || (Ee = 1, process.env.NODE_ENV === "production" ? ce.exports = Ie() : ce.exports = De()), ce.exports;
+var Re;
+function We() {
+  return Re || (Re = 1, process.env.NODE_ENV === "production" ? ce.exports = De() : ce.exports = Le()), ce.exports;
 }
-var n = Me();
-const Le = ({
-  isVisible: l,
-  position: b,
-  availableFields: m,
+var o = We();
+const Be = ({
+  isVisible: a,
+  position: x,
+  availableFields: p,
   filteredFields: c,
-  filterQuery: o,
-  allowCreate: a,
+  filterQuery: n,
+  allowCreate: i,
   onSelect: F,
   onClose: I,
   onCreateField: H
 }) => {
-  const [U, A] = z(!1), [N, T] = z("");
-  de(() => {
-    l || (A(!1), T(""));
-  }, [l]);
-  const Y = he(() => ({
+  const [U, P] = z(!1), [N, T] = z("");
+  ue(() => {
+    a || (P(!1), T(""));
+  }, [a]);
+  const V = ye(() => ({
     position: "absolute",
-    left: b?.left,
-    top: b?.top,
+    left: x?.left,
+    top: x?.top,
     zIndex: 1e3,
     background: "white",
     border: "1px solid #ddd",
@@ -303,56 +303,56 @@ const Le = ({
     boxShadow: "0 2px 8px rgba(0,0,0,0.1)",
     padding: "8px 0",
     minWidth: "200px"
-  }), [b]), D = c ?? m, J = !!o, O = he(() => {
-    const i = [], x = /* @__PURE__ */ new Map();
-    return D.forEach((E) => {
-      const j = E.category?.trim() || "Uncategorized", k = x.get(j);
+  }), [x]), M = c ?? p, G = !!n, O = ye(() => {
+    const l = [], g = /* @__PURE__ */ new Map();
+    return M.forEach((E) => {
+      const w = E.category?.trim() || "Uncategorized", k = g.get(w);
       if (k !== void 0) {
-        i[k].fields.push(E);
+        l[k].fields.push(E);
         return;
       }
-      x.set(j, i.length), i.push({ category: j, fields: [E] });
-    }), i;
-  }, [D]), [K, v] = z({});
-  de(() => {
-    v((i) => {
+      g.set(w, l.length), l.push({ category: w, fields: [E] });
+    }), l;
+  }, [M]), [K, v] = z({});
+  ue(() => {
+    v((l) => {
       if (O.length === 0)
-        return Object.keys(i).length === 0 ? i : {};
-      const x = {};
-      let E = Object.keys(i).length !== O.length;
-      return O.forEach(({ category: j }, k) => {
-        const M = J ? !0 : i[j] ?? k === 0;
-        x[j] = M, !E && i[j] !== M && (E = !0);
-      }), E ? x : i;
+        return Object.keys(l).length === 0 ? l : {};
+      const g = {};
+      let E = Object.keys(l).length !== O.length;
+      return O.forEach(({ category: w }, k) => {
+        const D = G ? !0 : l[w] ?? k === 0;
+        g[w] = D, !E && l[w] !== D && (E = !0);
+      }), E ? g : l;
     });
-  }, [O, J]);
-  const V = _((i) => {
-    v((x) => ({
-      ...x,
-      [i]: !x[i]
+  }, [O, G]);
+  const Y = C((l) => {
+    v((g) => ({
+      ...g,
+      [l]: !g[l]
     }));
   }, []);
-  if (!l) return null;
-  const P = async () => {
-    const i = N.trim();
-    if (!i) return;
-    const x = {
+  if (!a) return null;
+  const A = async () => {
+    const l = N.trim();
+    if (!l) return;
+    const g = {
       id: `custom_${Date.now()}`,
-      label: i,
+      label: l,
       category: "Custom"
     };
     try {
       if (H) {
-        const E = await H(x);
-        F(E || x);
+        const E = await H(g);
+        F(E || g);
       } else
-        F(x);
+        F(g);
     } finally {
-      A(!1), T("");
+      P(!1), T("");
     }
   };
-  return /* @__PURE__ */ n.jsxs("div", { className: "superdoc-field-menu", style: Y, children: [
-    J && /* @__PURE__ */ n.jsx(
+  return /* @__PURE__ */ o.jsxs("div", { className: "superdoc-field-menu", style: V, children: [
+    G && /* @__PURE__ */ o.jsx(
       "div",
       {
         style: {
@@ -360,23 +360,23 @@ const Le = ({
           borderBottom: "1px solid #f0f0f0",
           marginBottom: "4px"
         },
-        children: /* @__PURE__ */ n.jsxs("div", { style: { fontSize: "12px", color: "#6b7280" }, children: [
+        children: /* @__PURE__ */ o.jsxs("div", { style: { fontSize: "12px", color: "#6b7280" }, children: [
           "Filtering results for",
-          /* @__PURE__ */ n.jsx(
+          /* @__PURE__ */ o.jsx(
             "span",
             {
               style: { fontWeight: 600, color: "#111827", marginLeft: "4px" },
-              children: o
+              children: n
             }
           )
         ] })
       }
     ),
-    a && !U && /* @__PURE__ */ n.jsx(
+    i && !U && /* @__PURE__ */ o.jsx(
       "div",
       {
         className: "field-menu-item",
-        onClick: () => A(!0),
+        onClick: () => P(!0),
         style: {
           padding: "8px 16px",
           cursor: "pointer",
@@ -386,16 +386,16 @@ const Le = ({
         children: "+ Create New Field"
       }
     ),
-    a && U && /* @__PURE__ */ n.jsxs("div", { style: { padding: "8px 16px" }, children: [
-      /* @__PURE__ */ n.jsx(
+    i && U && /* @__PURE__ */ o.jsxs("div", { style: { padding: "8px 16px" }, children: [
+      /* @__PURE__ */ o.jsx(
         "input",
         {
           type: "text",
           value: N,
           placeholder: "Field name...",
-          onChange: (i) => T(i.target.value),
-          onKeyDown: (i) => {
-            i.key === "Enter" && P(), i.key === "Escape" && (A(!1), T(""));
+          onChange: (l) => T(l.target.value),
+          onKeyDown: (l) => {
+            l.key === "Enter" && A(), l.key === "Escape" && (P(!1), T(""));
           },
           autoFocus: !0,
           style: {
@@ -406,7 +406,7 @@ const Le = ({
           }
         }
       ),
-      /* @__PURE__ */ n.jsxs(
+      /* @__PURE__ */ o.jsxs(
         "div",
         {
           style: {
@@ -415,10 +415,10 @@ const Le = ({
             gap: "8px"
           },
           children: [
-            /* @__PURE__ */ n.jsx(
+            /* @__PURE__ */ o.jsx(
               "button",
               {
-                onClick: P,
+                onClick: A,
                 disabled: !N.trim(),
                 style: {
                   padding: "4px 12px",
@@ -431,11 +431,11 @@ const Le = ({
                 children: "Create"
               }
             ),
-            /* @__PURE__ */ n.jsx(
+            /* @__PURE__ */ o.jsx(
               "button",
               {
                 onClick: () => {
-                  A(!1), T("");
+                  P(!1), T("");
                 },
                 style: {
                   padding: "4px 12px",
@@ -451,7 +451,7 @@ const Le = ({
         }
       )
     ] }),
-    a && m.length > 0 && /* @__PURE__ */ n.jsx(
+    i && p.length > 0 && /* @__PURE__ */ o.jsx(
       "div",
       {
         style: {
@@ -460,7 +460,7 @@ const Le = ({
         }
       }
     ),
-    O.length === 0 ? /* @__PURE__ */ n.jsx(
+    O.length === 0 ? /* @__PURE__ */ o.jsx(
       "div",
       {
         style: {
@@ -471,20 +471,20 @@ const Le = ({
         },
         children: "No matching fields"
       }
-    ) : O.map(({ category: i, fields: x }, E) => {
-      const j = !!K[i], k = `${Math.max(x.length * 40, 0)}px`;
-      return /* @__PURE__ */ n.jsxs(
+    ) : O.map(({ category: l, fields: g }, E) => {
+      const w = !!K[l], k = `${Math.max(g.length * 40, 0)}px`;
+      return /* @__PURE__ */ o.jsxs(
         "div",
         {
           style: {
-            borderTop: E === 0 && a ? void 0 : "1px solid #f0f0f0"
+            borderTop: E === 0 && i ? void 0 : "1px solid #f0f0f0"
           },
           children: [
-            /* @__PURE__ */ n.jsxs(
+            /* @__PURE__ */ o.jsxs(
               "button",
               {
                 type: "button",
-                onClick: () => V(i),
+                onClick: () => Y(l),
                 style: {
                   width: "100%",
                   display: "flex",
@@ -498,13 +498,13 @@ const Le = ({
                   textAlign: "left"
                 },
                 children: [
-                  /* @__PURE__ */ n.jsxs("span", { children: [
-                    i,
+                  /* @__PURE__ */ o.jsxs("span", { children: [
+                    l,
                     " (",
-                    x.length,
+                    g.length,
                     ")"
                   ] }),
-                  /* @__PURE__ */ n.jsx(
+                  /* @__PURE__ */ o.jsx(
                     "span",
                     {
                       "aria-hidden": !0,
@@ -514,7 +514,7 @@ const Le = ({
                         height: "8px",
                         borderRight: "2px solid #666",
                         borderBottom: "2px solid #666",
-                        transform: j ? "rotate(45deg)" : "rotate(-45deg)",
+                        transform: w ? "rotate(45deg)" : "rotate(-45deg)",
                         transition: "transform 0.2s ease",
                         marginLeft: "12px"
                       }
@@ -523,23 +523,23 @@ const Le = ({
                 ]
               }
             ),
-            /* @__PURE__ */ n.jsx(
+            /* @__PURE__ */ o.jsx(
               "div",
               {
-                "data-category": i,
-                "aria-hidden": !j,
+                "data-category": l,
+                "aria-hidden": !w,
                 style: {
                   overflow: "hidden",
-                  maxHeight: j ? k : "0px",
-                  opacity: j ? 1 : 0,
+                  maxHeight: w ? k : "0px",
+                  opacity: w ? 1 : 0,
                   transition: "max-height 0.2s ease, opacity 0.2s ease",
-                  pointerEvents: j ? "auto" : "none"
+                  pointerEvents: w ? "auto" : "none"
                 },
-                children: /* @__PURE__ */ n.jsx("div", { style: { padding: j ? "4px 0" : 0 }, children: x.map((M) => /* @__PURE__ */ n.jsx(
+                children: /* @__PURE__ */ o.jsx("div", { style: { padding: w ? "4px 0" : 0 }, children: g.map((D) => /* @__PURE__ */ o.jsx(
                   "div",
                   {
                     className: "field-menu-item",
-                    onClick: () => F(M),
+                    onClick: () => F(D),
                     style: {
                       padding: "8px 16px",
                       cursor: "pointer",
@@ -547,25 +547,25 @@ const Le = ({
                       alignItems: "center",
                       justifyContent: "space-between"
                     },
-                    children: /* @__PURE__ */ n.jsx("span", { style: { fontWeight: 500 }, children: M.label })
+                    children: /* @__PURE__ */ o.jsx("span", { style: { fontWeight: 500 }, children: D.label })
                   },
-                  M.id
+                  D.id
                 )) })
               }
             )
           ]
         },
-        i
+        l
       );
     }),
-    /* @__PURE__ */ n.jsx(
+    /* @__PURE__ */ o.jsx(
       "div",
       {
         style: {
           borderTop: "1px solid #eee",
           marginTop: "4px"
         },
-        children: /* @__PURE__ */ n.jsx(
+        children: /* @__PURE__ */ o.jsx(
           "button",
           {
             onClick: I,
@@ -583,12 +583,12 @@ const Le = ({
       }
     )
   ] });
-}, Be = ({
-  fields: l,
-  onSelect: b,
-  onDelete: m,
+}, $e = ({
+  fields: a,
+  onSelect: x,
+  onDelete: p,
   selectedFieldId: c
-}) => /* @__PURE__ */ n.jsxs(
+}) => /* @__PURE__ */ o.jsxs(
   "div",
   {
     className: "superdoc-field-list",
@@ -600,12 +600,12 @@ const Le = ({
       padding: "16px"
     },
     children: [
-      /* @__PURE__ */ n.jsxs("h3", { style: { margin: "0 0 16px 0", fontSize: "16px", fontWeight: "600" }, children: [
+      /* @__PURE__ */ o.jsxs("h3", { style: { margin: "0 0 16px 0", fontSize: "16px", fontWeight: "600" }, children: [
         "Template Fields (",
-        l.length,
+        a.length,
         ")"
       ] }),
-      l.length === 0 ? /* @__PURE__ */ n.jsxs(
+      a.length === 0 ? /* @__PURE__ */ o.jsxs(
         "div",
         {
           style: {
@@ -620,32 +620,32 @@ const Le = ({
             " to add a field."
           ]
         }
-      ) : /* @__PURE__ */ n.jsx("div", { style: { display: "flex", flexDirection: "column", gap: "8px" }, children: l.map((o) => /* @__PURE__ */ n.jsxs(
+      ) : /* @__PURE__ */ o.jsx("div", { style: { display: "flex", flexDirection: "column", gap: "8px" }, children: a.map((n) => /* @__PURE__ */ o.jsxs(
         "div",
         {
-          onClick: () => b(o),
+          onClick: () => x(n),
           style: {
             position: "relative",
             padding: "12px",
-            background: c === o.id ? "#eff6ff" : "#f9fafb",
-            border: c === o.id ? "1px solid #3b82f6" : "1px solid #e5e7eb",
+            background: c === n.id ? "#eff6ff" : "#f9fafb",
+            border: c === n.id ? "1px solid #3b82f6" : "1px solid #e5e7eb",
             borderRadius: "6px",
             cursor: "pointer",
             transition: "all 0.2s"
           },
-          onMouseEnter: (a) => {
-            c !== o.id && (a.currentTarget.style.background = "#f3f4f6");
+          onMouseEnter: (i) => {
+            c !== n.id && (i.currentTarget.style.background = "#f3f4f6");
           },
-          onMouseLeave: (a) => {
-            c !== o.id && (a.currentTarget.style.background = "#f9fafb");
+          onMouseLeave: (i) => {
+            c !== n.id && (i.currentTarget.style.background = "#f9fafb");
           },
-          title: o.alias,
+          title: n.alias,
           children: [
-            /* @__PURE__ */ n.jsx(
+            /* @__PURE__ */ o.jsx(
               "button",
               {
-                onClick: (a) => {
-                  a.stopPropagation(), m(o.id);
+                onClick: (i) => {
+                  i.stopPropagation(), p(n.id);
                 },
                 style: {
                   position: "absolute",
@@ -661,14 +661,14 @@ const Le = ({
                   alignItems: "center",
                   justifyContent: "center"
                 },
-                onMouseEnter: (a) => {
-                  a.currentTarget.style.color = "#ef4444";
+                onMouseEnter: (i) => {
+                  i.currentTarget.style.color = "#ef4444";
                 },
-                onMouseLeave: (a) => {
-                  a.currentTarget.style.color = "#9ca3af";
+                onMouseLeave: (i) => {
+                  i.currentTarget.style.color = "#9ca3af";
                 },
                 title: "Delete field",
-                children: /* @__PURE__ */ n.jsx(
+                children: /* @__PURE__ */ o.jsx(
                   "svg",
                   {
                     width: "16",
@@ -676,7 +676,7 @@ const Le = ({
                     viewBox: "0 0 16 16",
                     fill: "none",
                     xmlns: "http://www.w3.org/2000/svg",
-                    children: /* @__PURE__ */ n.jsx(
+                    children: /* @__PURE__ */ o.jsx(
                       "path",
                       {
                         d: "M6 2V1.5C6 1.22386 6.22386 1 6.5 1H9.5C9.77614 1 10 1.22386 10 1.5V2M2 4H14M12.6667 4L12.1991 11.0129C12.129 12.065 12.0939 12.5911 11.8667 12.99C11.6666 13.3412 11.3648 13.6235 11.0011 13.7998C10.588 14 10.0607 14 9.00623 14H6.99377C5.93927 14 5.41202 14 4.99889 13.7998C4.63517 13.6235 4.33339 13.3412 4.13332 12.99C3.90607 12.5911 3.871 12.065 3.80086 11.0129L3.33333 4",
@@ -690,127 +690,135 @@ const Le = ({
                 )
               }
             ),
-            /* @__PURE__ */ n.jsxs("div", { style: { paddingRight: "24px" }, children: [
-              /* @__PURE__ */ n.jsx(
+            /* @__PURE__ */ o.jsxs("div", { style: { paddingRight: "24px" }, children: [
+              /* @__PURE__ */ o.jsx(
                 "div",
                 {
                   style: {
                     fontWeight: "500",
                     fontSize: "14px",
-                    marginBottom: o.alias && o.alias !== o.id ? "4px" : "0"
+                    marginBottom: n.alias && n.alias !== n.id ? "4px" : "0"
                   },
-                  children: o.id
+                  children: n.id
                 }
               ),
-              o.alias && o.alias !== o.id && /* @__PURE__ */ n.jsx(
+              n.alias && n.alias !== n.id && /* @__PURE__ */ o.jsx(
                 "div",
                 {
                   style: {
                     fontSize: "12px",
                     color: "#4b5563"
                   },
-                  children: o.alias
+                  children: n.alias
                 }
               )
             ] })
           ]
         },
-        o.id
+        n.id
       )) })
     ]
   }
-), Re = (l) => {
-  const b = l.helpers?.structuredContentCommands;
-  return b?.getStructuredContentTags ? (b.getStructuredContentTags(l.state) || []).map((c) => {
-    const a = (c?.node ?? c)?.attrs ?? {};
+), Te = (a) => {
+  const x = a.helpers?.structuredContentCommands;
+  return x?.getStructuredContentTags ? (x.getStructuredContentTags(a.state) || []).map((c) => {
+    const i = (c?.node ?? c)?.attrs ?? {};
     return {
-      id: a.id,
-      alias: a.alias || a.label || "",
-      tag: a.tag
+      id: i.id,
+      alias: i.alias || i.label || "",
+      tag: i.tag
     };
   }).filter((c) => !!c.id) : [];
-}, Te = (l, b) => {
-  if (l === b) return !0;
-  if (l.length !== b.length) return !1;
-  for (let m = 0; m < l.length; m += 1) {
-    const c = l[m], o = b[m];
-    if (!o || c.id !== o.id || c.alias !== o.alias || c.tag !== o.tag || c.position !== o.position)
+}, we = (a, x) => {
+  if (a === x) return !0;
+  if (a.length !== x.length) return !1;
+  for (let p = 0; p < a.length; p += 1) {
+    const c = a[p], n = x[p];
+    if (!n || c.id !== n.id || c.alias !== n.alias || c.tag !== n.tag || c.position !== n.position)
       return !1;
   }
   return !0;
-}, $e = (l) => {
-  if (!l) return null;
-  if (l === !0)
+}, Ve = (a) => {
+  if (!a) return null;
+  if (a === !0)
     return {
       selector: "#superdoc-toolbar",
       config: {},
       renderDefaultContainer: !0
     };
-  if (typeof l == "string")
+  if (typeof a == "string")
     return {
-      selector: l,
+      selector: a,
       config: {},
       renderDefaultContainer: !1
     };
-  const { selector: b, ...m } = l;
+  const { selector: x, ...p } = a;
   return {
-    selector: b || "#superdoc-toolbar",
-    config: m,
-    renderDefaultContainer: b === void 0
+    selector: x || "#superdoc-toolbar",
+    config: p,
+    renderDefaultContainer: x === void 0
   };
-}, We = Ae((l, b) => {
+}, de = 10, Ye = 250, ze = 300, _e = (a) => {
+  const x = window.innerWidth - Ye - de, p = window.innerHeight - ze - de, c = Math.min(a.left, x), n = Math.min(a.top, p);
+  return new DOMRect(
+    Math.max(c, de),
+    Math.max(n, de),
+    a.width,
+    a.height
+  );
+}, He = Ie((a, x) => {
   const {
-    document: m,
+    document: p,
     fields: c = {},
-    menu: o = {},
-    list: a = {},
+    menu: n = {},
+    list: i = {},
     toolbar: F,
     onReady: I,
     onTrigger: H,
     onFieldInsert: U,
-    onFieldUpdate: A,
+    onFieldUpdate: P,
     onFieldDelete: N,
     onFieldsChange: T,
-    onFieldSelect: Y,
-    onFieldCreate: D,
-    className: J,
+    onFieldSelect: V,
+    onFieldCreate: M,
+    className: G,
     style: O,
     documentHeight: K = "600px"
-  } = l, [v, V] = z(
+  } = a, [v, Y] = z(
     c.initial || []
-  ), [P, i] = z(null), [x, E] = z(!1), [j, k] = z(), [M, ue] = z(""), [ee, ie] = z(() => c.available || []), te = Z(null), R = Z(null), L = Z(null), re = Z(c);
+  ), [A, l] = z(null), [g, E] = z(!1), [w, k] = z(), [D, fe] = z(""), [ee, ie] = z(() => c.available || []), te = Z(null), R = Z(null), L = Z(null), re = Z(c);
   re.current = c;
-  const B = Z(null), ne = Z(x);
-  de(() => {
-    ne.current = x;
-  }, [x]);
-  const q = o.trigger || "{{", e = re.current.available || [], s = _(
+  const W = Z(null), ne = Z(g);
+  ue(() => {
+    ne.current = g;
+  }, [g]);
+  const J = n.trigger || "{{", e = re.current.available || [], s = C(
     (t) => {
       const r = t.trim().toLowerCase();
-      return r ? e.filter((h) => {
-        const y = h.label.toLowerCase(), S = h.category?.toLowerCase() || "";
+      return r ? e.filter((b) => {
+        const y = b.label.toLowerCase(), S = b.category?.toLowerCase() || "";
         return y.includes(r) || S.includes(r);
       }) : e;
     },
     [e]
-  ), f = _(
+  ), f = C(
     (t) => {
-      ue(t), ie(s(t));
+      fe(t), ie(s(t));
     },
     [s]
-  ), d = _(() => {
+  ), d = C(() => {
     f("");
-  }, [f]), $ = _(
+  }, [f]), B = C(
     (t, r) => {
       if (!R.current?.activeEditor) return !1;
-      const h = R.current.activeEditor, y = `field_${Date.now()}`, S = t === "inline" ? h.commands.insertStructuredContentInline?.({
+      const b = R.current.activeEditor, y = `field_${Date.now()}`, S = t === "inline" ? b.commands.insertStructuredContentInline?.({
         attrs: {
           id: y,
           alias: r.alias,
           tag: r.metadata ? JSON.stringify(r.metadata) : r.category
         },
         text: r.defaultValue || r.alias
-      }) : h.commands.insertStructuredContentBlock?.({
+      }) : b.commands.insertStructuredContentBlock?.({
         attrs: {
           id: y,
           alias: r.alias,
@@ -819,108 +827,110 @@ const Le = ({
         text: r.defaultValue || r.alias
       });
       if (S) {
-        const C = {
+        const j = {
           id: y,
           alias: r.alias,
           tag: r.category
         };
-        V((p) => {
-          const u = [...p, C];
+        Y((m) => {
+          const u = [...m, j];
           return T?.(u), u;
-        }), U?.(C);
+        }), U?.(j);
       }
       return S;
     },
     [U, T]
-  ), oe = _(
+  ), oe = C(
     (t, r) => {
       if (!R.current?.activeEditor) return !1;
       const y = R.current.activeEditor.commands.updateStructuredContentById?.(t, {
         attrs: r
       });
-      return y && V((S) => {
-        const C = S.map(
+      return y && Y((S) => {
+        const j = S.map(
           (u) => u.id === t ? { ...u, ...r } : u
         );
-        T?.(C);
-        const p = C.find((u) => u.id === t);
-        return p && A?.(p), C;
+        T?.(j);
+        const m = j.find((u) => u.id === t);
+        return m && P?.(m), j;
       }), y;
     },
-    [A, T]
-  ), g = _(
+    [P, T]
+  ), h = C(
     (t) => {
       const r = R.current?.activeEditor;
       if (!r) {
         console.warn(
           "[SuperDocTemplateBuilder] deleteField called without active editor"
         );
-        let p = !1;
-        return V((u) => {
-          if (!u.some((W) => W.id === t)) return u;
-          const Q = u.filter((W) => W.id !== t);
-          return p = !0, T?.(Q), Q;
-        }), p && (N?.(t), i((u) => u === t ? null : u)), p;
+        let m = !1;
+        return Y((u) => {
+          if (!u.some(($) => $.id === t)) return u;
+          const Q = u.filter(($) => $.id !== t);
+          return m = !0, T?.(Q), Q;
+        }), m && (N?.(t), l((u) => u === t ? null : u)), m;
       }
-      let h = !1;
+      let b = !1;
       try {
-        h = r.commands.deleteStructuredContentById?.(t) ?? !1;
-      } catch (p) {
+        b = r.commands.deleteStructuredContentById?.(t) ?? !1;
+      } catch (m) {
         console.error(
           "[SuperDocTemplateBuilder] Delete command failed:",
-          p
+          m
         );
       }
-      let y = Re(r);
-      const S = y.some((p) => p.id === t);
-      !h && S && (y = y.filter((p) => p.id !== t));
-      let C = !1;
-      return V((p) => {
-        if (Te(p, y))
-          return p;
-        const u = p.some((W) => W.id === t), Q = y.some((W) => W.id === t);
-        return u && !Q && (C = !0), T?.(y), y;
-      }), C && (N?.(t), i((p) => p === t ? null : p)), h || C;
+      let y = Te(r);
+      const S = y.some((m) => m.id === t);
+      !b && S && (y = y.filter((m) => m.id !== t));
+      let j = !1;
+      return Y((m) => {
+        if (we(m, y))
+          return m;
+        const u = m.some(($) => $.id === t), Q = y.some(($) => $.id === t);
+        return u && !Q && (j = !0), T?.(y), y;
+      }), j && (N?.(t), l((m) => m === t ? null : m)), b || j;
     },
     [N, T]
-  ), w = _(
+  ), _ = C(
     (t) => {
       if (!R.current?.activeEditor) return;
-      R.current.activeEditor.commands.selectStructuredContentById?.(t), i(t);
-      const h = v.find((y) => y.id === t);
-      h && Y?.(h);
+      R.current.activeEditor.commands.selectStructuredContentById?.(t), l(t);
+      const b = v.find((y) => y.id === t);
+      b && V?.(b);
     },
-    [v, Y]
-  ), G = _(
+    [v, V]
+  ), q = C(
     (t) => {
       if (!t) return;
-      const r = Re(t);
-      V((h) => Te(h, r) ? h : (T?.(r), r));
+      const r = Te(t);
+      Y((b) => we(b, r) ? b : (T?.(r), r));
     },
     [T]
   );
-  de(() => te.current ? ((async () => {
-    const { SuperDoc: r } = await import("superdoc"), h = {
+  ue(() => te.current ? ((async () => {
+    const { SuperDoc: r } = await import("superdoc"), b = {
       selector: te.current,
-      document: m?.source,
-      documentMode: m?.mode || "editing",
+      document: p?.source,
+      documentMode: p?.mode || "editing",
       onReady: () => {
         if (y.activeEditor) {
           const S = y.activeEditor;
-          S.on("update", ({ editor: C }) => {
-            const { state: p } = C, { from: u } = p.selection;
-            if (u >= q.length) {
-              const pe = u - q.length;
-              if (p.doc.textBetween(pe, u) === q) {
-                const xe = C.view.coordsAtPos(u), ge = new DOMRect(xe.left, xe.top, 0, 0), be = () => {
+          S.on("update", ({ editor: j }) => {
+            const { state: m } = j, { from: u } = m.selection;
+            if (u >= J.length) {
+              const me = u - J.length;
+              if (m.doc.textBetween(me, u) === J) {
+                const ge = j.view.coordsAtPos(u), he = _e(
+                  new DOMRect(ge.left, ge.top, 0, 0)
+                ), be = () => {
                   const le = R.current?.activeEditor;
                   if (!le) return;
-                  const Fe = le.state.selection.from, Ne = le.state.tr.delete(pe, Fe);
-                  le.view.dispatch(Ne);
+                  const Oe = le.state.selection.from, Pe = le.state.tr.delete(me, Oe);
+                  le.view.dispatch(Pe);
                 };
-                L.current = be, B.current = u, k(ge), E(!0), d(), H?.({
-                  position: { from: pe, to: u },
-                  bounds: ge,
+                L.current = be, W.current = u, k(he), E(!0), d(), H?.({
+                  position: { from: me, to: u },
+                  bounds: he,
                   cleanup: be
                 });
                 return;
@@ -928,29 +938,31 @@ const Le = ({
             }
             if (!ne.current)
               return;
-            if (B.current == null) {
+            if (W.current == null) {
               E(!1), d();
               return;
             }
-            if (u < B.current) {
-              E(!1), B.current = null, d();
+            if (u < W.current) {
+              E(!1), W.current = null, d();
               return;
             }
-            const Q = p.doc.textBetween(
-              B.current,
+            const Q = m.doc.textBetween(
+              W.current,
               u
             );
             f(Q);
-            const W = C.view.coordsAtPos(u), Se = new DOMRect(W.left, W.top, 0, 0);
-            k(Se);
+            const $ = j.view.coordsAtPos(u), Ne = _e(
+              new DOMRect($.left, $.top, 0, 0)
+            );
+            k(Ne);
           }), S.on("update", () => {
-            G(S);
-          }), G(S);
+            q(S);
+          }), q(S);
         }
         I?.();
       }
     }, y = new r({
-      ...h,
+      ...b,
       ...X && {
         toolbar: X.selector,
         modules: {
@@ -967,21 +979,21 @@ const Le = ({
   })(), () => {
     R.current && (typeof R.current.destroy == "function" && R.current.destroy(), R.current = null);
   }) : void 0, [
-    m?.source,
-    m?.mode,
+    p?.source,
+    p?.mode,
+    J,
     q,
-    G,
     I,
     H,
     F
   ]);
-  const fe = _(
+  const pe = C(
     async (t) => {
-      if (L.current && (L.current(), L.current = null), B.current = null, d(), t.id.startsWith("custom_") && D)
+      if (L.current && (L.current(), L.current = null), W.current = null, d(), t.id.startsWith("custom_") && M)
         try {
-          const r = await D(t);
+          const r = await M(t);
           if (r) {
-            $("inline", {
+            B("inline", {
               alias: r.label,
               category: r.category,
               metadata: r.metadata,
@@ -992,31 +1004,31 @@ const Le = ({
         } catch (r) {
           console.error("Field creation failed:", r);
         }
-      $("inline", {
+      B("inline", {
         alias: t.label,
         category: t.category,
         metadata: t.metadata,
         defaultValue: t.defaultValue
       }), E(!1);
     },
-    [$, D, d]
-  ), je = _(() => {
-    E(!1), B.current = null, d(), L.current && (L.current(), L.current = null);
-  }, [d]), we = _(() => {
+    [B, M, d]
+  ), je = C(() => {
+    E(!1), W.current = null, d(), L.current && (L.current(), L.current = null);
+  }, [d]), Ce = C(() => {
     if (!R.current?.activeEditor || v.length === 0)
       return;
     const t = v.findIndex(
-      (h) => h.id === P
+      (b) => b.id === A
     ), r = t >= 0 ? (t + 1) % v.length : 0;
-    w(v[r].id);
-  }, [v, P, w]), Ce = _(() => {
+    _(v[r].id);
+  }, [v, A, _]), ke = C(() => {
     if (!R.current?.activeEditor || v.length === 0)
       return;
     const t = v.findIndex(
-      (h) => h.id === P
+      (b) => b.id === A
     ), r = t > 0 ? t - 1 : v.length - 1;
-    w(v[r].id);
-  }, [v, P, w]), _e = _(
+    _(v[r].id);
+  }, [v, A, _]), Se = C(
     async (t) => {
       try {
         await R.current?.export({
@@ -1029,36 +1041,36 @@ const Le = ({
     },
     []
   );
-  Pe(b, () => ({
-    insertField: (t) => $("inline", t),
-    insertBlockField: (t) => $("block", t),
+  Me(x, () => ({
+    insertField: (t) => B("inline", t),
+    insertBlockField: (t) => B("block", t),
     updateField: oe,
-    deleteField: g,
-    selectField: w,
-    nextField: we,
-    previousField: Ce,
+    deleteField: h,
+    selectField: _,
+    nextField: Ce,
+    previousField: ke,
     getFields: () => v,
-    exportTemplate: _e
+    exportTemplate: Se
   }));
-  const ke = o.component || Le, me = a.component || Be, X = $e(F);
-  return /* @__PURE__ */ n.jsxs(
+  const Fe = n.component || Be, xe = i.component || $e, X = Ve(F);
+  return /* @__PURE__ */ o.jsxs(
     "div",
     {
-      className: `superdoc-template-builder ${J || ""}`,
+      className: `superdoc-template-builder ${G || ""}`,
       style: O,
       children: [
-        /* @__PURE__ */ n.jsxs("div", { style: { display: "flex", gap: "20px" }, children: [
-          a.position === "left" && /* @__PURE__ */ n.jsx("div", { className: "superdoc-template-builder-sidebar", children: /* @__PURE__ */ n.jsx(
-            me,
+        /* @__PURE__ */ o.jsxs("div", { style: { display: "flex", gap: "20px" }, children: [
+          i.position === "left" && /* @__PURE__ */ o.jsx("div", { className: "superdoc-template-builder-sidebar", children: /* @__PURE__ */ o.jsx(
+            xe,
             {
               fields: v,
-              onSelect: (t) => w(t.id),
-              onDelete: g,
-              selectedFieldId: P || void 0
+              onSelect: (t) => _(t.id),
+              onDelete: h,
+              selectedFieldId: A || void 0
             }
           ) }),
-          /* @__PURE__ */ n.jsxs("div", { className: "superdoc-template-builder-document", style: { flex: 1 }, children: [
-            X?.renderDefaultContainer && /* @__PURE__ */ n.jsx(
+          /* @__PURE__ */ o.jsxs("div", { className: "superdoc-template-builder-document", style: { flex: 1 }, children: [
+            X?.renderDefaultContainer && /* @__PURE__ */ o.jsx(
               "div",
               {
                 id: "superdoc-toolbar",
@@ -1066,7 +1078,7 @@ const Le = ({
                 "data-testid": "template-builder-toolbar"
               }
             ),
-            /* @__PURE__ */ n.jsx(
+            /* @__PURE__ */ o.jsx(
               "div",
               {
                 ref: te,
@@ -1076,37 +1088,37 @@ const Le = ({
               }
             )
           ] }),
-          a.position === "right" && /* @__PURE__ */ n.jsx("div", { className: "superdoc-template-builder-sidebar", children: /* @__PURE__ */ n.jsx(
-            me,
+          i.position === "right" && /* @__PURE__ */ o.jsx("div", { className: "superdoc-template-builder-sidebar", children: /* @__PURE__ */ o.jsx(
+            xe,
             {
               fields: v,
-              onSelect: (t) => w(t.id),
-              onDelete: g,
-              selectedFieldId: P || void 0
+              onSelect: (t) => _(t.id),
+              onDelete: h,
+              selectedFieldId: A || void 0
             }
           ) })
         ] }),
-        /* @__PURE__ */ n.jsx(
-          ke,
+        /* @__PURE__ */ o.jsx(
+          Fe,
           {
-            isVisible: x,
-            position: j,
+            isVisible: g,
+            position: w,
             availableFields: c.available || [],
             filteredFields: ee,
-            filterQuery: M,
+            filterQuery: D,
             allowCreate: c.allowCreate || !1,
-            onSelect: fe,
+            onSelect: pe,
             onClose: je,
-            onCreateField: D
+            onCreateField: M
           }
         )
       ]
     }
   );
 });
-We.displayName = "SuperDocTemplateBuilder";
+He.displayName = "SuperDocTemplateBuilder";
 export {
-  Be as FieldList,
-  Le as FieldMenu,
-  We as default
+  $e as FieldList,
+  Be as FieldMenu,
+  He as default
 };