@superdoc-dev/template-builder 0.2.0-next.6 → 0.2.0

package/dist/index.mjs

@@ -1,24 +1,301 @@
-import { jsxs as g, jsx as i } from "react/jsx-runtime";
-import { useState as T, useEffect as ee, useMemo as xe, useCallback as F, forwardRef as Ee, useRef as _, useImperativeHandle as De } from "react";
-const Ne = ({
-  isVisible: s,
-  position: f,
-  availableFields: m,
-  filteredFields: c,
-  filterQuery: n,
-  allowCreate: p,
-  onSelect: H,
-  onClose: j,
-  onCreateField: U
+import Ae, { useState as Y, useEffect as pe, useMemo as ve, useCallback as C, forwardRef as Ie, useRef as te, useImperativeHandle as Me } from "react";
+var de = { exports: {} }, ae = {};
+/**
+ * @license React
+ * react-jsx-runtime.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var Ee;
+function De() {
+  if (Ee) return ae;
+  Ee = 1;
+  var i = Symbol.for("react.transitional.element"), b = Symbol.for("react.fragment");
+  function h(d, r, l) {
+    var S = null;
+    if (l !== void 0 && (S = "" + l), r.key !== void 0 && (S = "" + r.key), "key" in r) {
+      l = {};
+      for (var N in r)
+        N !== "key" && (l[N] = r[N]);
+    } else l = r;
+    return r = l.ref, {
+      $$typeof: i,
+      type: d,
+      key: S,
+      ref: r !== void 0 ? r : null,
+      props: l
+    };
+  }
+  return ae.Fragment = b, ae.jsx = h, ae.jsxs = h, ae;
+}
+var ie = {};
+/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var Re;
+function Le() {
+  return Re || (Re = 1, process.env.NODE_ENV !== "production" && (function() {
+    function i(e) {
+      if (e == null) return null;
+      if (typeof e == "function")
+        return e.$$typeof === W ? null : e.displayName || e.name || null;
+      if (typeof e == "string") return e;
+      switch (e) {
+        case U:
+          return "Fragment";
+        case p:
+          return "Profiler";
+        case q:
+          return "StrictMode";
+        case z:
+          return "Suspense";
+        case a:
+          return "SuspenseList";
+        case T:
+          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 re:
+            return "Portal";
+          case M:
+            return e.displayName || "Context";
+          case $:
+            return (e._context.displayName || "Context") + ".Consumer";
+          case X:
+            var s = e.render;
+            return e = e.displayName, e || (e = s.displayName || s.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
+          case v:
+            return s = e.displayName || null, s !== null ? s : i(e.type) || "Memo";
+          case R:
+            s = e._payload, e = e._init;
+            try {
+              return i(e(s));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function b(e) {
+      return "" + e;
+    }
+    function h(e) {
+      try {
+        b(e);
+        var s = !1;
+      } catch {
+        s = !0;
+      }
+      if (s) {
+        s = console;
+        var f = s.error, u = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return f.call(
+          s,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          u
+        ), b(e);
+      }
+    }
+    function d(e) {
+      if (e === U) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === R)
+        return "<...>";
+      try {
+        var s = i(e);
+        return s ? "<" + s + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function r() {
+      var e = P.A;
+      return e === null ? null : e.getOwner();
+    }
+    function l() {
+      return Error("react-stack-top-frame");
+    }
+    function S(e) {
+      if (le.call(e, "key")) {
+        var s = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (s && s.isReactWarning) return !1;
+      }
+      return e.key !== void 0;
+    }
+    function N(e, s) {
+      function f() {
+        D || (D = !0, console.error(
+          "%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://react.dev/link/special-props)",
+          s
+        ));
+      }
+      f.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: f,
+        configurable: !0
+      });
+    }
+    function G() {
+      var e = i(this.type);
+      return oe[e] || (oe[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 J(e, s, f, u, B, Z) {
+      var y = f.ref;
+      return e = {
+        $$typeof: k,
+        type: e,
+        key: s,
+        props: f,
+        _owner: u
+      }, (y !== void 0 ? y : null) !== null ? Object.defineProperty(e, "ref", {
+        enumerable: !1,
+        get: G
+      }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: 0
+      }), Object.defineProperty(e, "_debugInfo", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: null
+      }), Object.defineProperty(e, "_debugStack", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: B
+      }), Object.defineProperty(e, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: Z
+      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
+    }
+    function A(e, s, f, u, B, Z) {
+      var y = s.children;
+      if (y !== void 0)
+        if (u)
+          if (ne(y)) {
+            for (u = 0; u < y.length; u++)
+              O(y[u]);
+            Object.freeze && Object.freeze(y);
+          } 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 O(y);
+      if (le.call(s, "key")) {
+        y = i(e);
+        var _ = Object.keys(s).filter(function(fe) {
+          return fe !== "key";
+        });
+        u = 0 < _.length ? "{key: someKey, " + _.join(": ..., ") + ": ...}" : "{key: someKey}", Q[y + u] || (_ = 0 < _.length ? "{" + _.join(": ..., ") + ": ...}" : "{}", console.error(
+          `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} />`,
+          u,
+          y,
+          _,
+          y
+        ), Q[y + u] = !0);
+      }
+      if (y = null, f !== void 0 && (h(f), y = "" + f), S(s) && (h(s.key), y = "" + s.key), "key" in s) {
+        f = {};
+        for (var K in s)
+          K !== "key" && (f[K] = s[K]);
+      } else f = s;
+      return y && N(
+        f,
+        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
+      ), J(
+        e,
+        y,
+        f,
+        r(),
+        B,
+        Z
+      );
+    }
+    function O(e) {
+      E(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === R && (e._payload.status === "fulfilled" ? E(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
+    }
+    function E(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === k;
+    }
+    var I = Ae, k = Symbol.for("react.transitional.element"), re = Symbol.for("react.portal"), U = Symbol.for("react.fragment"), q = Symbol.for("react.strict_mode"), p = Symbol.for("react.profiler"), $ = Symbol.for("react.consumer"), M = Symbol.for("react.context"), X = Symbol.for("react.forward_ref"), z = Symbol.for("react.suspense"), a = Symbol.for("react.suspense_list"), v = Symbol.for("react.memo"), R = Symbol.for("react.lazy"), T = Symbol.for("react.activity"), W = Symbol.for("react.client.reference"), P = I.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, le = Object.prototype.hasOwnProperty, ne = Array.isArray, j = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    I = {
+      react_stack_bottom_frame: function(e) {
+        return e();
+      }
+    };
+    var D, oe = {}, L = I.react_stack_bottom_frame.bind(
+      I,
+      l
+    )(), se = j(d(l)), Q = {};
+    ie.Fragment = U, ie.jsx = function(e, s, f) {
+      var u = 1e4 > P.recentlyCreatedOwnerStacks++;
+      return A(
+        e,
+        s,
+        f,
+        !1,
+        u ? Error("react-stack-top-frame") : L,
+        u ? j(d(e)) : se
+      );
+    }, ie.jsxs = function(e, s, f) {
+      var u = 1e4 > P.recentlyCreatedOwnerStacks++;
+      return A(
+        e,
+        s,
+        f,
+        !0,
+        u ? Error("react-stack-top-frame") : L,
+        u ? j(d(e)) : se
+      );
+    };
+  })()), ie;
+}
+var Te;
+function We() {
+  return Te || (Te = 1, process.env.NODE_ENV === "production" ? de.exports = De() : de.exports = Le()), de.exports;
+}
+var n = We();
+const Be = ({
+  isVisible: i,
+  position: b,
+  availableFields: h,
+  filteredFields: d,
+  filterQuery: r,
+  allowCreate: l,
+  onSelect: S,
+  onClose: N,
+  onCreateField: G
 }) => {
-  const [G, E] = T(!1), [S, y] = T(""), [A, k] = T("inline");
-  ee(() => {
-    s || (E(!1), y(""), k("inline"));
-  }, [s]);
-  const te = xe(() => ({
+  const [J, A] = Y(!1), [O, E] = Y(""), [I, k] = Y("inline");
+  pe(() => {
+    i || (A(!1), E(""), k("inline"));
+  }, [i]);
+  const re = ve(() => ({
     position: "absolute",
-    left: f?.left,
-    top: f?.top,
+    left: b?.left,
+    top: b?.top,
     zIndex: 1e3,
     background: "white",
     border: "1px solid #ddd",
@@ -26,57 +303,57 @@ const Ne = ({
     boxShadow: "0 2px 8px rgba(0,0,0,0.1)",
     padding: "8px 0",
     minWidth: "200px"
-  }), [f]), Q = c ?? m, X = !!n, u = xe(() => {
-    const r = [], x = /* @__PURE__ */ new Map();
-    return Q.forEach((v) => {
-      const h = v.category?.trim() || "Uncategorized", D = x.get(h);
-      if (D !== void 0) {
-        r[D].fields.push(v);
+  }), [b]), U = d ?? h, q = !!r, p = ve(() => {
+    const a = [], v = /* @__PURE__ */ new Map();
+    return U.forEach((R) => {
+      const T = R.category?.trim() || "Uncategorized", W = v.get(T);
+      if (W !== void 0) {
+        a[W].fields.push(R);
         return;
       }
-      x.set(h, r.length), r.push({ category: h, fields: [v] });
-    }), r;
-  }, [Q]), [P, I] = T({});
-  ee(() => {
-    I((r) => {
-      if (u.length === 0)
-        return Object.keys(r).length === 0 ? r : {};
-      const x = {};
-      let v = Object.keys(r).length !== u.length;
-      return u.forEach(({ category: h }, D) => {
-        const N = X ? !0 : r[h] ?? D === 0;
-        x[h] = N, !v && r[h] !== N && (v = !0);
-      }), v ? x : r;
+      v.set(T, a.length), a.push({ category: T, fields: [R] });
+    }), a;
+  }, [U]), [$, M] = Y({});
+  pe(() => {
+    M((a) => {
+      if (p.length === 0)
+        return Object.keys(a).length === 0 ? a : {};
+      const v = {};
+      let R = Object.keys(a).length !== p.length;
+      return p.forEach(({ category: T }, W) => {
+        const P = q ? !0 : a[T] ?? W === 0;
+        v[T] = P, !R && a[T] !== P && (R = !0);
+      }), R ? v : a;
     });
-  }, [u, X]);
-  const $ = F((r) => {
-    I((x) => ({
-      ...x,
-      [r]: !x[r]
+  }, [p, q]);
+  const X = C((a) => {
+    M((v) => ({
+      ...v,
+      [a]: !v[a]
     }));
   }, []);
-  if (!s) return null;
-  const W = async () => {
-    const r = S.trim();
-    if (!r) return;
-    const x = {
+  if (!i) return null;
+  const z = async () => {
+    const a = O.trim();
+    if (!a) return;
+    const v = {
       id: `custom_${Date.now()}`,
-      label: r,
+      label: a,
       category: "Custom",
-      metadata: { mode: A }
+      metadata: { mode: I }
     };
     try {
-      if (U) {
-        const v = await U(x);
-        H(v || x);
+      if (G) {
+        const R = await G(v);
+        S(R || v);
       } else
-        H(x);
+        S(v);
     } finally {
-      E(!1), y(""), k("inline");
+      A(!1), E(""), k("inline");
     }
   };
-  return /* @__PURE__ */ g("div", { className: "superdoc-field-menu", style: te, children: [
-    X && /* @__PURE__ */ i(
+  return /* @__PURE__ */ n.jsxs("div", { className: "superdoc-field-menu", style: re, children: [
+    q && /* @__PURE__ */ n.jsx(
       "div",
       {
         style: {
@@ -84,23 +361,23 @@ const Ne = ({
           borderBottom: "1px solid #f0f0f0",
           marginBottom: "4px"
         },
-        children: /* @__PURE__ */ g("div", { style: { fontSize: "12px", color: "#6b7280" }, children: [
+        children: /* @__PURE__ */ n.jsxs("div", { style: { fontSize: "12px", color: "#6b7280" }, children: [
           "Filtering results for",
-          /* @__PURE__ */ i(
+          /* @__PURE__ */ n.jsx(
             "span",
             {
               style: { fontWeight: 600, color: "#111827", marginLeft: "4px" },
-              children: n
+              children: r
             }
           )
         ] })
       }
     ),
-    p && !G && /* @__PURE__ */ i(
+    l && !J && /* @__PURE__ */ n.jsx(
       "div",
       {
         className: "field-menu-item",
-        onClick: () => E(!0),
+        onClick: () => A(!0),
         style: {
           padding: "8px 16px",
           cursor: "pointer",
@@ -110,16 +387,16 @@ const Ne = ({
         children: "+ Create New Field"
       }
     ),
-    p && G && /* @__PURE__ */ g("div", { style: { padding: "8px 16px" }, children: [
-      /* @__PURE__ */ i(
+    l && J && /* @__PURE__ */ n.jsxs("div", { style: { padding: "8px 16px" }, children: [
+      /* @__PURE__ */ n.jsx(
         "input",
         {
           type: "text",
-          value: S,
+          value: O,
           placeholder: "Field name...",
-          onChange: (r) => y(r.target.value),
-          onKeyDown: (r) => {
-            r.key === "Enter" && W(), r.key === "Escape" && (E(!1), y(""), k("inline"));
+          onChange: (a) => E(a.target.value),
+          onKeyDown: (a) => {
+            a.key === "Enter" && z(), a.key === "Escape" && (A(!1), E(""), k("inline"));
           },
           autoFocus: !0,
           style: {
@@ -130,7 +407,7 @@ const Ne = ({
           }
         }
       ),
-      /* @__PURE__ */ g(
+      /* @__PURE__ */ n.jsxs(
         "div",
         {
           style: {
@@ -140,7 +417,7 @@ const Ne = ({
             fontSize: "13px"
           },
           children: [
-            /* @__PURE__ */ g(
+            /* @__PURE__ */ n.jsxs(
               "label",
               {
                 style: {
@@ -150,12 +427,12 @@ const Ne = ({
                   cursor: "pointer"
                 },
                 children: [
-                  /* @__PURE__ */ i(
+                  /* @__PURE__ */ n.jsx(
                     "input",
                     {
                       type: "radio",
                       value: "inline",
-                      checked: A === "inline",
+                      checked: I === "inline",
                       onChange: () => k("inline")
                     }
                   ),
@@ -163,7 +440,7 @@ const Ne = ({
                 ]
               }
             ),
-            /* @__PURE__ */ g(
+            /* @__PURE__ */ n.jsxs(
               "label",
               {
                 style: {
@@ -173,12 +450,12 @@ const Ne = ({
                   cursor: "pointer"
                 },
                 children: [
-                  /* @__PURE__ */ i(
+                  /* @__PURE__ */ n.jsx(
                     "input",
                     {
                       type: "radio",
                       value: "block",
-                      checked: A === "block",
+                      checked: I === "block",
                       onChange: () => k("block")
                     }
                   ),
@@ -189,7 +466,7 @@ const Ne = ({
           ]
         }
       ),
-      /* @__PURE__ */ g(
+      /* @__PURE__ */ n.jsxs(
         "div",
         {
           style: {
@@ -198,27 +475,27 @@ const Ne = ({
             gap: "8px"
           },
           children: [
-            /* @__PURE__ */ i(
+            /* @__PURE__ */ n.jsx(
               "button",
               {
-                onClick: W,
-                disabled: !S.trim(),
+                onClick: z,
+                disabled: !O.trim(),
                 style: {
                   padding: "4px 12px",
-                  background: S.trim() ? "#0066cc" : "#ccc",
+                  background: O.trim() ? "#0066cc" : "#ccc",
                   color: "white",
                   border: "none",
                   borderRadius: "3px",
-                  cursor: S.trim() ? "pointer" : "not-allowed"
+                  cursor: O.trim() ? "pointer" : "not-allowed"
                 },
                 children: "Create"
               }
             ),
-            /* @__PURE__ */ i(
+            /* @__PURE__ */ n.jsx(
               "button",
               {
                 onClick: () => {
-                  E(!1), y(""), k("inline");
+                  A(!1), E(""), k("inline");
                 },
                 style: {
                   padding: "4px 12px",
@@ -234,7 +511,7 @@ const Ne = ({
         }
       )
     ] }),
-    p && m.length > 0 && /* @__PURE__ */ i(
+    l && h.length > 0 && /* @__PURE__ */ n.jsx(
       "div",
       {
         style: {
@@ -243,7 +520,7 @@ const Ne = ({
         }
       }
     ),
-    u.length === 0 ? /* @__PURE__ */ i(
+    p.length === 0 ? /* @__PURE__ */ n.jsx(
       "div",
       {
         style: {
@@ -254,20 +531,20 @@ const Ne = ({
         },
         children: "No matching fields"
       }
-    ) : u.map(({ category: r, fields: x }, v) => {
-      const h = !!P[r], D = `${Math.max(x.length * 40, 0)}px`;
-      return /* @__PURE__ */ g(
+    ) : p.map(({ category: a, fields: v }, R) => {
+      const T = !!$[a], W = `${Math.max(v.length * 40, 0)}px`;
+      return /* @__PURE__ */ n.jsxs(
         "div",
         {
           style: {
-            borderTop: v === 0 && p ? void 0 : "1px solid #f0f0f0"
+            borderTop: R === 0 && l ? void 0 : "1px solid #f0f0f0"
           },
           children: [
-            /* @__PURE__ */ g(
+            /* @__PURE__ */ n.jsxs(
               "button",
               {
                 type: "button",
-                onClick: () => $(r),
+                onClick: () => X(a),
                 style: {
                   width: "100%",
                   display: "flex",
@@ -281,13 +558,13 @@ const Ne = ({
                   textAlign: "left"
                 },
                 children: [
-                  /* @__PURE__ */ g("span", { children: [
-                    r,
+                  /* @__PURE__ */ n.jsxs("span", { children: [
+                    a,
                     " (",
-                    x.length,
+                    v.length,
                     ")"
                   ] }),
-                  /* @__PURE__ */ i(
+                  /* @__PURE__ */ n.jsx(
                     "span",
                     {
                       "aria-hidden": !0,
@@ -297,7 +574,7 @@ const Ne = ({
                         height: "8px",
                         borderRight: "2px solid #666",
                         borderBottom: "2px solid #666",
-                        transform: h ? "rotate(45deg)" : "rotate(-45deg)",
+                        transform: T ? "rotate(45deg)" : "rotate(-45deg)",
                         transition: "transform 0.2s ease",
                         marginLeft: "12px"
                       }
@@ -306,23 +583,23 @@ const Ne = ({
                 ]
               }
             ),
-            /* @__PURE__ */ i(
+            /* @__PURE__ */ n.jsx(
               "div",
               {
-                "data-category": r,
-                "aria-hidden": !h,
+                "data-category": a,
+                "aria-hidden": !T,
                 style: {
                   overflow: "hidden",
-                  maxHeight: h ? D : "0px",
-                  opacity: h ? 1 : 0,
+                  maxHeight: T ? W : "0px",
+                  opacity: T ? 1 : 0,
                   transition: "max-height 0.2s ease, opacity 0.2s ease",
-                  pointerEvents: h ? "auto" : "none"
+                  pointerEvents: T ? "auto" : "none"
                 },
-                children: /* @__PURE__ */ i("div", { style: { padding: h ? "4px 0" : 0 }, children: x.map((N) => /* @__PURE__ */ i(
+                children: /* @__PURE__ */ n.jsx("div", { style: { padding: T ? "4px 0" : 0 }, children: v.map((P) => /* @__PURE__ */ n.jsx(
                   "div",
                   {
                     className: "field-menu-item",
-                    onClick: () => H(N),
+                    onClick: () => S(P),
                     style: {
                       padding: "8px 16px",
                       cursor: "pointer",
@@ -330,28 +607,28 @@ const Ne = ({
                       alignItems: "center",
                       justifyContent: "space-between"
                     },
-                    children: /* @__PURE__ */ i("span", { style: { fontWeight: 500 }, children: N.label })
+                    children: /* @__PURE__ */ n.jsx("span", { style: { fontWeight: 500 }, children: P.label })
                   },
-                  N.id
+                  P.id
                 )) })
               }
             )
           ]
         },
-        r
+        a
       );
     }),
-    /* @__PURE__ */ i(
+    /* @__PURE__ */ n.jsx(
       "div",
       {
         style: {
           borderTop: "1px solid #eee",
           marginTop: "4px"
         },
-        children: /* @__PURE__ */ i(
+        children: /* @__PURE__ */ n.jsx(
           "button",
           {
-            onClick: j,
+            onClick: N,
             style: {
               width: "100%",
               padding: "6px 16px",
@@ -366,12 +643,12 @@ const Ne = ({
       }
     )
   ] });
-}, Re = ({
-  fields: s,
-  onSelect: f,
-  onDelete: m,
-  selectedFieldId: c
-}) => /* @__PURE__ */ g(
+}, Ve = ({
+  fields: i,
+  onSelect: b,
+  onDelete: h,
+  selectedFieldId: d
+}) => /* @__PURE__ */ n.jsxs(
   "div",
   {
     className: "superdoc-field-list",
@@ -383,12 +660,12 @@ const Ne = ({
       padding: "16px"
     },
     children: [
-      /* @__PURE__ */ g("h3", { style: { margin: "0 0 16px 0", fontSize: "16px", fontWeight: "600" }, children: [
+      /* @__PURE__ */ n.jsxs("h3", { style: { margin: "0 0 16px 0", fontSize: "16px", fontWeight: "600" }, children: [
         "Template Fields (",
-        s.length,
+        i.length,
         ")"
       ] }),
-      s.length === 0 ? /* @__PURE__ */ g(
+      i.length === 0 ? /* @__PURE__ */ n.jsxs(
         "div",
         {
           style: {
@@ -403,32 +680,32 @@ const Ne = ({
             " to add a field."
           ]
         }
-      ) : /* @__PURE__ */ i("div", { style: { display: "flex", flexDirection: "column", gap: "8px" }, children: s.map((n) => /* @__PURE__ */ g(
+      ) : /* @__PURE__ */ n.jsx("div", { style: { display: "flex", flexDirection: "column", gap: "8px" }, children: i.map((r) => /* @__PURE__ */ n.jsxs(
         "div",
         {
-          onClick: () => f(n),
+          onClick: () => b(r),
           style: {
             position: "relative",
             padding: "12px",
-            background: c === n.id ? "#eff6ff" : "#f9fafb",
-            border: c === n.id ? "1px solid #3b82f6" : "1px solid #e5e7eb",
+            background: d === r.id ? "#eff6ff" : "#f9fafb",
+            border: d === r.id ? "1px solid #3b82f6" : "1px solid #e5e7eb",
             borderRadius: "6px",
             cursor: "pointer",
             transition: "all 0.2s"
           },
-          onMouseEnter: (p) => {
-            c !== n.id && (p.currentTarget.style.background = "#f3f4f6");
+          onMouseEnter: (l) => {
+            d !== r.id && (l.currentTarget.style.background = "#f3f4f6");
           },
-          onMouseLeave: (p) => {
-            c !== n.id && (p.currentTarget.style.background = "#f9fafb");
+          onMouseLeave: (l) => {
+            d !== r.id && (l.currentTarget.style.background = "#f9fafb");
           },
-          title: n.alias,
+          title: r.alias,
           children: [
-            /* @__PURE__ */ i(
+            /* @__PURE__ */ n.jsx(
               "button",
               {
-                onClick: (p) => {
-                  p.stopPropagation(), m(n.id);
+                onClick: (l) => {
+                  l.stopPropagation(), h(r.id);
                 },
                 style: {
                   position: "absolute",
@@ -444,14 +721,14 @@ const Ne = ({
                   alignItems: "center",
                   justifyContent: "center"
                 },
-                onMouseEnter: (p) => {
-                  p.currentTarget.style.color = "#ef4444";
+                onMouseEnter: (l) => {
+                  l.currentTarget.style.color = "#ef4444";
                 },
-                onMouseLeave: (p) => {
-                  p.currentTarget.style.color = "#9ca3af";
+                onMouseLeave: (l) => {
+                  l.currentTarget.style.color = "#9ca3af";
                 },
                 title: "Delete field",
-                children: /* @__PURE__ */ i(
+                children: /* @__PURE__ */ n.jsx(
                   "svg",
                   {
                     width: "16",
@@ -459,7 +736,7 @@ const Ne = ({
                     viewBox: "0 0 16 16",
                     fill: "none",
                     xmlns: "http://www.w3.org/2000/svg",
-                    children: /* @__PURE__ */ i(
+                    children: /* @__PURE__ */ n.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",
@@ -473,19 +750,19 @@ const Ne = ({
                 )
               }
             ),
-            /* @__PURE__ */ g("div", { style: { paddingRight: "24px" }, children: [
-              /* @__PURE__ */ i(
+            /* @__PURE__ */ n.jsxs("div", { style: { paddingRight: "24px" }, children: [
+              /* @__PURE__ */ n.jsx(
                 "div",
                 {
                   style: {
                     fontWeight: "500",
                     fontSize: "14px",
-                    marginBottom: n.alias && n.alias !== n.id ? "4px" : "0"
+                    marginBottom: r.alias && r.alias !== r.id ? "4px" : "0"
                   },
-                  children: n.id
+                  children: r.id
                 }
               ),
-              /* @__PURE__ */ g(
+              /* @__PURE__ */ n.jsxs(
                 "div",
                 {
                   style: {
@@ -496,19 +773,19 @@ const Ne = ({
                     color: "#4b5563"
                   },
                   children: [
-                    n.alias && n.alias !== n.id && /* @__PURE__ */ i("span", { children: n.alias }),
-                    n.mode && /* @__PURE__ */ i(
+                    r.alias && r.alias !== r.id && /* @__PURE__ */ n.jsx("span", { children: r.alias }),
+                    r.mode && /* @__PURE__ */ n.jsx(
                       "span",
                       {
                         style: {
                           fontSize: "10px",
                           padding: "2px 6px",
                           borderRadius: "4px",
-                          background: n.mode === "block" ? "#dbeafe" : "#f3f4f6",
-                          color: n.mode === "block" ? "#1e40af" : "#4b5563",
+                          background: r.mode === "block" ? "#dbeafe" : "#f3f4f6",
+                          color: r.mode === "block" ? "#1e40af" : "#4b5563",
                           fontWeight: "500"
                         },
-                        children: n.mode
+                        children: r.mode
                       }
                     )
                   ]
@@ -517,368 +794,366 @@ const Ne = ({
             ] })
           ]
         },
-        n.id
+        r.id
       )) })
     ]
   }
-), ae = (s) => {
-  const f = s.helpers?.structuredContentCommands;
-  return f?.getStructuredContentTags ? (f.getStructuredContentTags(s.state) || []).map((c) => {
-    const n = c?.node ?? c, p = n?.attrs ?? {}, j = (n?.type?.name || "").includes("Block") ? "block" : "inline";
+), xe = (i) => {
+  const b = i.helpers?.structuredContentCommands;
+  return b?.getStructuredContentTags ? (b.getStructuredContentTags(i.state) || []).map((d) => {
+    const r = d?.node ?? d, l = r?.attrs ?? {}, N = (r?.type?.name || "").includes("Block") ? "block" : "inline";
     return {
-      id: p.id,
-      alias: p.alias || p.label || "",
-      tag: p.tag,
-      mode: j
+      id: l.id,
+      alias: l.alias || l.label || "",
+      tag: l.tag,
+      mode: N
     };
   }) : [];
-}, he = (s, f) => {
-  if (s === f) return !0;
-  if (s.length !== f.length) return !1;
-  for (let m = 0; m < s.length; m += 1) {
-    const c = s[m], n = f[m];
-    if (!n || c.id !== n.id || c.alias !== n.alias || c.tag !== n.tag || c.position !== n.position || c.mode !== n.mode)
+}, je = (i, b) => {
+  if (i === b) return !0;
+  if (i.length !== b.length) return !1;
+  for (let h = 0; h < i.length; h += 1) {
+    const d = i[h], r = b[h];
+    if (!r || d.id !== r.id || d.alias !== r.alias || d.tag !== r.tag || d.position !== r.position || d.mode !== r.mode)
       return !1;
   }
   return !0;
-}, Be = (s) => {
-  if (!s) return null;
-  if (s === !0)
+}, Ye = (i) => {
+  if (!i) return null;
+  if (i === !0)
     return {
       selector: "#superdoc-toolbar",
       config: {},
       renderDefaultContainer: !0
     };
-  if (typeof s == "string")
+  if (typeof i == "string")
     return {
-      selector: s,
+      selector: i,
       config: {},
       renderDefaultContainer: !1
     };
-  const { selector: f, ...m } = s;
+  const { selector: b, ...h } = i;
   return {
-    selector: f || "#superdoc-toolbar",
-    config: m,
-    renderDefaultContainer: f === void 0
+    selector: b || "#superdoc-toolbar",
+    config: h,
+    renderDefaultContainer: b === void 0
   };
-}, Z = 10, Le = 250, He = 300, ye = (s) => {
-  const f = window.innerWidth - Le - Z, m = window.innerHeight - He - Z, c = Math.min(s.left, f), n = Math.min(s.top, m);
+}, ue = 10, $e = 250, ze = 300, we = (i) => {
+  const b = window.innerWidth - $e - ue, h = window.innerHeight - ze - ue, d = Math.min(i.left, b), r = Math.min(i.top, h);
   return new DOMRect(
-    Math.max(c, Z),
-    Math.max(n, Z),
-    s.width,
-    s.height
+    Math.max(d, ue),
+    Math.max(r, ue),
+    i.width,
+    i.height
   );
-}, Pe = Ee((s, f) => {
+}, Ue = Ie((i, b) => {
   const {
-    document: m,
-    fields: c = {},
-    menu: n = {},
-    list: p = {},
-    toolbar: H,
-    onReady: j,
-    onTrigger: U,
-    onFieldInsert: G,
-    onFieldUpdate: E,
-    onFieldDelete: S,
-    onFieldsChange: y,
-    onFieldSelect: A,
+    document: h,
+    fields: d = {},
+    menu: r = {},
+    list: l = {},
+    toolbar: S,
+    onReady: N,
+    onTrigger: G,
+    onFieldInsert: J,
+    onFieldUpdate: A,
+    onFieldDelete: O,
+    onFieldsChange: E,
+    onFieldSelect: I,
     onFieldCreate: k,
-    className: te,
-    style: Q,
-    documentHeight: X = "600px"
-  } = s, [u, P] = T(
-    c.initial || []
-  ), [I, $] = T(null), [W, r] = T(!1), [x, v] = T(), [h, D] = T(""), [N, be] = T(() => c.available || []), q = _(null), C = _(null), R = _(null), de = _(c);
-  de.current = c;
-  const B = _(null), ce = _(W);
-  ee(() => {
-    ce.current = W;
-  }, [W]);
-  const K = n.trigger || "{{", ne = de.current.available || [], ue = F(
-    (e) => {
-      const t = e.trim().toLowerCase();
-      return t ? ne.filter((o) => {
-        const l = o.label.toLowerCase(), w = o.category?.toLowerCase() || "";
-        return l.includes(t) || w.includes(t);
-      }) : ne;
+    className: re,
+    style: U,
+    documentHeight: q = "600px"
+  } = i, [p, $] = Y(
+    d.initial || []
+  ), [M, X] = Y(null), [z, a] = Y(!1), [v, R] = Y(), [T, W] = Y(""), [P, le] = Y(() => d.available || []), ne = te(null), j = te(null), D = te(null), oe = te(d);
+  oe.current = d;
+  const L = te(null), se = te(z);
+  pe(() => {
+    se.current = z;
+  }, [z]);
+  const Q = r.trigger || "{{", e = oe.current.available || [], s = C(
+    (t) => {
+      const o = t.trim().toLowerCase();
+      return o ? e.filter((c) => {
+        const m = c.label.toLowerCase(), F = c.category?.toLowerCase() || "";
+        return m.includes(o) || F.includes(o);
+      }) : e;
     },
-    [ne]
-  ), re = F(
-    (e) => {
-      D(e), be(ue(e));
+    [e]
+  ), f = C(
+    (t) => {
+      W(t), le(s(t));
     },
-    [ue]
-  ), V = F(() => {
-    re("");
-  }, [re]), J = F(
-    (e, t) => {
-      if (!C.current?.activeEditor) return !1;
-      const o = C.current.activeEditor, l = u, w = e === "inline" ? o.commands.insertStructuredContentInline?.({
+    [s]
+  ), u = C(() => {
+    f("");
+  }, [f]), B = C(
+    (t, o) => {
+      if (!j.current?.activeEditor) return !1;
+      const c = j.current.activeEditor, m = p, F = t === "inline" ? c.commands.insertStructuredContentInline?.({
         attrs: {
-          alias: t.alias,
-          tag: t.metadata ? JSON.stringify(t.metadata) : t.category
+          alias: o.alias,
+          tag: o.metadata ? JSON.stringify(o.metadata) : o.category
         },
-        text: t.defaultValue || t.alias
-      }) : o.commands.insertStructuredContentBlock?.({
+        text: o.defaultValue || o.alias
+      }) : c.commands.insertStructuredContentBlock?.({
         attrs: {
-          alias: t.alias,
-          tag: t.metadata ? JSON.stringify(t.metadata) : t.category
+          alias: o.alias,
+          tag: o.metadata ? JSON.stringify(o.metadata) : o.category
         },
-        text: t.defaultValue || t.alias
+        text: o.defaultValue || o.alias
       });
-      if (w) {
-        const b = ae(o);
-        P(b), y?.(b);
-        const a = b.find(
-          (d) => !l.some((L) => L.id === d.id)
+      if (F) {
+        const w = xe(c);
+        $(w), E?.(w);
+        const x = w.find(
+          (g) => !m.some((H) => H.id === g.id)
         );
-        a && G?.(a);
+        x && J?.(x);
       }
-      return w;
+      return F;
     },
-    [G, y, u]
-  ), oe = F(
-    (e, t) => {
-      if (!C.current?.activeEditor) return !1;
-      const l = C.current.activeEditor.commands.updateStructuredContentById?.(e, {
-        attrs: t
+    [J, E, p]
+  ), Z = C(
+    (t, o) => {
+      if (!j.current?.activeEditor) return !1;
+      const m = j.current.activeEditor.commands.updateStructuredContentById?.(t, {
+        attrs: o
       });
-      return l && P((w) => {
-        const b = w.map(
-          (d) => d.id === e ? { ...d, ...t } : d
+      return m && $((F) => {
+        const w = F.map(
+          (g) => g.id === t ? { ...g, ...o } : g
         );
-        y?.(b);
-        const a = b.find((d) => d.id === e);
-        return a && E?.(a), b;
-      }), l;
+        E?.(w);
+        const x = w.find((g) => g.id === t);
+        return x && A?.(x), w;
+      }), m;
     },
-    [E, y]
-  ), ie = F(
-    (e) => {
-      const t = C.current?.activeEditor;
-      if (!t) {
+    [A, E]
+  ), y = C(
+    (t) => {
+      const o = j.current?.activeEditor;
+      if (!o) {
         console.warn(
           "[SuperDocTemplateBuilder] deleteField called without active editor"
         );
-        let a = !1;
-        return P((d) => {
-          if (!d.some((M) => M.id === e)) return d;
-          const L = d.filter((M) => M.id !== e);
-          return a = !0, y?.(L), L;
-        }), a && (S?.(e), $((d) => d === e ? null : d)), a;
+        let x = !1;
+        return $((g) => {
+          if (!g.some((V) => V.id === t)) return g;
+          const H = g.filter((V) => V.id !== t);
+          return x = !0, E?.(H), H;
+        }), x && (O?.(t), X((g) => g === t ? null : g)), x;
       }
-      let o = !1;
+      let c = !1;
       try {
-        o = t.commands.deleteStructuredContentById?.(e) ?? !1;
-      } catch (a) {
+        c = o.commands.deleteStructuredContentById?.(t) ?? !1;
+      } catch (x) {
         console.error(
           "[SuperDocTemplateBuilder] Delete command failed:",
-          a
+          x
         );
       }
-      let l = ae(t);
-      const w = l.some((a) => a.id === e);
-      !o && w && (l = l.filter((a) => a.id !== e));
-      let b = !1;
-      return P((a) => {
-        if (he(a, l))
-          return a;
-        const d = a.some((M) => M.id === e), L = l.some((M) => M.id === e);
-        return d && !L && (b = !0), y?.(l), l;
-      }), b && (S?.(e), $((a) => a === e ? null : a)), o || b;
+      let m = xe(o);
+      const F = m.some((x) => x.id === t);
+      !c && F && (m = m.filter((x) => x.id !== t));
+      let w = !1;
+      return $((x) => {
+        if (je(x, m))
+          return x;
+        const g = x.some((V) => V.id === t), H = m.some((V) => V.id === t);
+        return g && !H && (w = !0), E?.(m), m;
+      }), w && (O?.(t), X((x) => x === t ? null : x)), c || w;
     },
-    [S, y]
-  ), z = F(
-    (e) => {
-      if (!C.current?.activeEditor) return;
-      C.current.activeEditor.commands.selectStructuredContentById?.(e), $(e);
-      const o = u.find((l) => l.id === e);
-      o && A?.(o);
+    [O, E]
+  ), _ = C(
+    (t) => {
+      if (!j.current?.activeEditor) return;
+      j.current.activeEditor.commands.selectStructuredContentById?.(t), X(t);
+      const c = p.find((m) => m.id === t);
+      c && I?.(c);
     },
-    [u, A]
-  ), se = F(
-    (e) => {
-      if (!e) return;
-      const t = ae(e);
-      P((o) => he(o, t) ? o : (y?.(t), t));
+    [p, I]
+  ), K = C(
+    (t) => {
+      if (!t) return;
+      const o = xe(t);
+      $((c) => je(c, o) ? c : (E?.(o), o));
     },
-    [y]
+    [E]
   );
-  ee(() => q.current ? ((async () => {
-    const { SuperDoc: t } = await import("superdoc"), o = {
-      selector: q.current,
-      document: m?.source,
-      documentMode: m?.mode || "editing",
+  pe(() => ne.current ? ((async () => {
+    const { SuperDoc: o } = await import("superdoc"), c = {
+      selector: ne.current,
+      document: h?.source,
+      documentMode: h?.mode || "editing",
       onReady: () => {
-        if (l.activeEditor) {
-          const w = l.activeEditor;
-          w.on("update", ({ editor: b }) => {
-            const { state: a } = b, { from: d } = a.selection;
-            if (d >= K.length) {
-              const le = d - K.length;
-              if (a.doc.textBetween(le, d) === K) {
-                const me = b.view.coordsAtPos(d), fe = ye(
-                  new DOMRect(me.left, me.top, 0, 0)
-                ), ge = () => {
-                  const Y = C.current?.activeEditor;
-                  if (!Y) return;
-                  const Se = Y.state.selection.from, Ie = Y.state.tr.delete(le, Se);
-                  Y.view.dispatch(Ie);
+        if (m.activeEditor) {
+          const F = m.activeEditor;
+          F.on("update", ({ editor: w }) => {
+            const { state: x } = w, { from: g } = x.selection;
+            if (g >= Q.length) {
+              const me = g - Q.length;
+              if (x.doc.textBetween(me, g) === Q) {
+                const he = w.view.coordsAtPos(g), be = we(
+                  new DOMRect(he.left, he.top, 0, 0)
+                ), ye = () => {
+                  const ce = j.current?.activeEditor;
+                  if (!ce) return;
+                  const Oe = ce.state.selection.from, Pe = ce.state.tr.delete(me, Oe);
+                  ce.view.dispatch(Pe);
                 };
-                R.current = ge, B.current = d, v(fe), r(!0), V(), U?.({
-                  position: { from: le, to: d },
-                  bounds: fe,
-                  cleanup: ge
+                D.current = ye, L.current = g, R(be), a(!0), u(), G?.({
+                  position: { from: me, to: g },
+                  bounds: be,
+                  cleanup: ye
                 });
                 return;
               }
             }
-            if (!ce.current)
+            if (!se.current)
               return;
-            if (B.current == null) {
-              r(!1), V();
+            if (L.current == null) {
+              a(!1), u();
               return;
             }
-            if (d < B.current) {
-              r(!1), B.current = null, V();
+            if (g < L.current) {
+              a(!1), L.current = null, u();
               return;
             }
-            const L = a.doc.textBetween(
-              B.current,
-              d
+            const H = x.doc.textBetween(
+              L.current,
+              g
             );
-            re(L);
-            const M = b.view.coordsAtPos(d), Te = ye(
-              new DOMRect(M.left, M.top, 0, 0)
+            f(H);
+            const V = w.view.coordsAtPos(g), Ne = we(
+              new DOMRect(V.left, V.top, 0, 0)
             );
-            v(Te);
-          }), w.on("update", () => {
-            se(w);
-          }), se(w);
+            R(Ne);
+          }), F.on("update", () => {
+            K(F);
+          }), K(F);
         }
-        j?.();
+        N?.();
       }
-    }, l = new t({
-      selector: q.current,
-      documentMode: m?.mode || "editing",
-      ...o,
-      ...O && {
-        toolbar: O.selector,
+    }, m = new o({
+      ...c,
+      ...ee && {
+        toolbar: ee.selector,
         modules: {
           toolbar: {
-            selector: O.selector,
-            toolbarGroups: O.config.toolbarGroups || ["center"],
-            excludeItems: O.config.excludeItems || [],
-            ...O.config
+            selector: ee.selector,
+            toolbarGroups: ee.config.toolbarGroups || ["center"],
+            excludeItems: ee.config.excludeItems || [],
+            ...ee.config
           }
         }
       }
     });
-    C.current = l;
+    j.current = m;
   })(), () => {
-    R.current = null, B.current = null;
-    const t = C.current;
-    t && typeof t.destroy == "function" && t.destroy(), C.current = null;
+    D.current = null, L.current = null;
+    const o = j.current;
+    o && typeof o.destroy == "function" && o.destroy(), j.current = null;
   }) : void 0, [
-    m?.source,
-    m?.mode,
+    h?.source,
+    h?.mode,
+    Q,
     K,
-    se,
-    j,
-    U,
-    H
+    N,
+    G,
+    S
   ]);
-  const ve = F(
-    async (e) => {
-      R.current && (R.current(), R.current = null), B.current = null, V();
-      const t = e.metadata?.mode || "inline";
-      if (e.id.startsWith("custom_") && k)
+  const fe = C(
+    async (t) => {
+      D.current && (D.current(), D.current = null), L.current = null, u();
+      const o = t.metadata?.mode || "inline";
+      if (t.id.startsWith("custom_") && k)
         try {
-          const o = await k(e);
-          if (o) {
-            const l = o.metadata?.mode || t;
-            J(l, {
-              alias: o.label,
-              category: o.category,
-              metadata: o.metadata,
-              defaultValue: o.defaultValue
-            }), r(!1);
+          const c = await k(t);
+          if (c) {
+            const m = c.metadata?.mode || o;
+            B(m, {
+              alias: c.label,
+              category: c.category,
+              metadata: c.metadata,
+              defaultValue: c.defaultValue
+            }), a(!1);
             return;
           }
-        } catch (o) {
-          console.error("Field creation failed:", o);
+        } catch (c) {
+          console.error("Field creation failed:", c);
         }
-      J(t, {
-        alias: e.label,
-        category: e.category,
-        metadata: e.metadata,
-        defaultValue: e.defaultValue
-      }), r(!1);
+      B(o, {
+        alias: t.label,
+        category: t.category,
+        metadata: t.metadata,
+        defaultValue: t.defaultValue
+      }), a(!1);
     },
-    [J, k, V]
-  ), Ce = F(() => {
-    r(!1), B.current = null, V(), R.current && (R.current(), R.current = null);
-  }, [V]), Fe = F(() => {
-    if (!C.current?.activeEditor || u.length === 0)
+    [B, k, u]
+  ), ke = C(() => {
+    a(!1), L.current = null, u(), D.current && (D.current(), D.current = null);
+  }, [u]), _e = C(() => {
+    if (!j.current?.activeEditor || p.length === 0)
       return;
-    const e = u.findIndex(
-      (o) => o.id === I
-    ), t = e >= 0 ? (e + 1) % u.length : 0;
-    z(u[t].id);
-  }, [u, I, z]), we = F(() => {
-    if (!C.current?.activeEditor || u.length === 0)
+    const t = p.findIndex(
+      (c) => c.id === M
+    ), o = t >= 0 ? (t + 1) % p.length : 0;
+    _(p[o].id);
+  }, [p, M, _]), Ce = C(() => {
+    if (!j.current?.activeEditor || p.length === 0)
       return;
-    const e = u.findIndex(
-      (o) => o.id === I
-    ), t = e > 0 ? e - 1 : u.length - 1;
-    z(u[t].id);
-  }, [u, I, z]), ke = F(
-    async (e) => {
-      const { fileName: t = "document", triggerDownload: o = !0 } = e || {};
+    const t = p.findIndex(
+      (c) => c.id === M
+    ), o = t > 0 ? t - 1 : p.length - 1;
+    _(p[o].id);
+  }, [p, M, _]), Se = C(
+    async (t) => {
+      const { fileName: o = "document", triggerDownload: c = !0 } = t || {};
       try {
-        return await C.current?.export({
+        return await j.current?.export({
           exportType: ["docx"],
-          exportedName: t,
-          triggerDownload: o
+          exportedName: o,
+          triggerDownload: c
         });
-      } catch (l) {
-        throw console.error("Failed to export DOCX", l), l;
+      } catch (m) {
+        throw console.error("Failed to export DOCX", m), m;
       }
     },
     []
   );
-  De(f, () => ({
-    insertField: (e) => J("inline", e),
-    insertBlockField: (e) => J("block", e),
-    updateField: oe,
-    deleteField: ie,
-    selectField: z,
-    nextField: Fe,
-    previousField: we,
-    getFields: () => u,
-    exportTemplate: ke
+  Me(b, () => ({
+    insertField: (t) => B("inline", t),
+    insertBlockField: (t) => B("block", t),
+    updateField: Z,
+    deleteField: y,
+    selectField: _,
+    nextField: _e,
+    previousField: Ce,
+    getFields: () => p,
+    exportTemplate: Se
   }));
-  const Me = n.component || Ne, pe = p.component || Re, O = Be(H);
-  return /* @__PURE__ */ g(
+  const Fe = r.component || Be, ge = l.component || Ve, ee = Ye(S);
+  return /* @__PURE__ */ n.jsxs(
     "div",
     {
-      className: `superdoc-template-builder ${te || ""}`,
-      style: Q,
+      className: `superdoc-template-builder ${re || ""}`,
+      style: U,
       children: [
-        /* @__PURE__ */ g("div", { style: { display: "flex", gap: "20px" }, children: [
-          p.position === "left" && /* @__PURE__ */ i("div", { className: "superdoc-template-builder-sidebar", children: /* @__PURE__ */ i(
-            pe,
+        /* @__PURE__ */ n.jsxs("div", { style: { display: "flex", gap: "20px" }, children: [
+          l.position === "left" && /* @__PURE__ */ n.jsx("div", { className: "superdoc-template-builder-sidebar", children: /* @__PURE__ */ n.jsx(
+            ge,
             {
-              fields: u,
-              onSelect: (e) => z(e.id),
-              onDelete: ie,
-              onUpdate: (e) => oe(e.id, e),
-              selectedFieldId: I || void 0
+              fields: p,
+              onSelect: (t) => _(t.id),
+              onDelete: y,
+              onUpdate: (t) => Z(t.id, t),
+              selectedFieldId: M || void 0
             }
           ) }),
-          /* @__PURE__ */ g("div", { className: "superdoc-template-builder-document", style: { flex: 1 }, children: [
-            O?.renderDefaultContainer && /* @__PURE__ */ i(
+          /* @__PURE__ */ n.jsxs("div", { className: "superdoc-template-builder-document", style: { flex: 1 }, children: [
+            ee?.renderDefaultContainer && /* @__PURE__ */ n.jsx(
               "div",
               {
                 id: "superdoc-toolbar",
@@ -886,38 +1161,38 @@ const Ne = ({
                 "data-testid": "template-builder-toolbar"
               }
             ),
-            /* @__PURE__ */ i(
+            /* @__PURE__ */ n.jsx(
               "div",
               {
-                ref: q,
+                ref: ne,
                 className: "superdoc-template-builder-editor",
-                style: { height: X },
+                style: { height: q },
                 "data-testid": "template-builder-editor"
               }
             )
           ] }),
-          p.position === "right" && /* @__PURE__ */ i("div", { className: "superdoc-template-builder-sidebar", children: /* @__PURE__ */ i(
-            pe,
+          l.position === "right" && /* @__PURE__ */ n.jsx("div", { className: "superdoc-template-builder-sidebar", children: /* @__PURE__ */ n.jsx(
+            ge,
             {
-              fields: u,
-              onSelect: (e) => z(e.id),
-              onDelete: ie,
-              onUpdate: (e) => oe(e.id, e),
-              selectedFieldId: I || void 0
+              fields: p,
+              onSelect: (t) => _(t.id),
+              onDelete: y,
+              onUpdate: (t) => Z(t.id, t),
+              selectedFieldId: M || void 0
             }
           ) })
         ] }),
-        /* @__PURE__ */ i(
-          Me,
+        /* @__PURE__ */ n.jsx(
+          Fe,
           {
-            isVisible: W,
-            position: x,
-            availableFields: c.available || [],
-            filteredFields: N,
-            filterQuery: h,
-            allowCreate: c.allowCreate || !1,
-            onSelect: ve,
-            onClose: Ce,
+            isVisible: z,
+            position: v,
+            availableFields: d.available || [],
+            filteredFields: P,
+            filterQuery: T,
+            allowCreate: d.allowCreate || !1,
+            onSelect: fe,
+            onClose: ke,
             onCreateField: k
           }
         )
@@ -925,9 +1200,9 @@ const Ne = ({
     }
   );
 });
-Pe.displayName = "SuperDocTemplateBuilder";
+Ue.displayName = "SuperDocTemplateBuilder";
 export {
-  Re as FieldList,
-  Ne as FieldMenu,
-  Pe as default
+  Ve as FieldList,
+  Be as FieldMenu,
+  Ue as default
 };