@superdoc-dev/template-builder 1.0.0 → 1.0.1-next.1

package/dist/defaults/FieldList.d.ts

@@ -1,4 +1,3 @@
-import { default as React } from 'react';
+import { FC } from 'react';
 import { FieldListProps } from '../types';
-export declare const FieldList: React.FC<FieldListProps>;
-//# sourceMappingURL=FieldList.d.ts.map
+export declare const FieldList: FC<FieldListProps>;

package/dist/defaults/FieldMenu.d.ts

@@ -1,3 +1,2 @@
 import { FieldMenuProps } from '../types';
 export declare const FieldMenu: React.FC<FieldMenuProps>;
-//# sourceMappingURL=FieldMenu.d.ts.map

package/dist/defaults/index.d.ts

@@ -3,4 +3,3 @@
  */
 export { FieldMenu } from './FieldMenu';
 export { FieldList } from './FieldList';
-//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts

@@ -4,4 +4,3 @@ export * from './types';
 export { FieldMenu, FieldList };
 declare const SuperDocTemplateBuilder: import('react').ForwardRefExoticComponent<Types.SuperDocTemplateBuilderProps & import('react').RefAttributes<Types.SuperDocTemplateBuilderHandle>>;
 export default SuperDocTemplateBuilder;
-//# sourceMappingURL=index.d.ts.map

package/dist/index.js

@@ -1 +1 @@
-"use strict";var Ne=Object.create;var ge=Object.defineProperty;var ze=Object.getOwnPropertyDescriptor;var Be=Object.getOwnPropertyNames;var We=Object.getPrototypeOf,Le=Object.prototype.hasOwnProperty;var He=(n,o,d,i)=>{if(o&&typeof o=="object"||typeof o=="function")for(let l of Be(o))!Le.call(n,l)&&l!==d&&ge(n,l,{get:()=>o[l],enumerable:!(i=ze(o,l))||i.enumerable});return n};var Pe=(n,o,d)=>(d=n!=null?Ne(We(n)):{},He(o||!n||!n.__esModule?ge(d,"default",{value:n,enumerable:!0}):d,n));Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),s=require("react"),ye=({isVisible:n,position:o,availableFields:d,filteredFields:i,filterQuery:l,allowCreate:c,onSelect:R,onClose:W,onCreateField:V,existingFields:x=[],onSelectExisting:w})=>{const[m,y]=s.useState(!1),[k,E]=s.useState(""),[_,L]=s.useState("inline"),[q,te]=s.useState(!0),[p,D]=s.useState(!0);s.useEffect(()=>{n||(y(!1),E(""),L("inline"))},[n]);const H=s.useMemo(()=>({position:"absolute",left:o?.left,top:o?.top,zIndex:1e3,background:"white",border:"1px solid #ddd",borderRadius:"4px",boxShadow:"0 2px 8px rgba(0,0,0,0.1)",padding:"8px 0",width:"280px"}),[o]),O=i??d,P=!!l;if(s.useEffect(()=>{P&&D(!0)},[P]),!n)return null;const M=async()=>{const h=k.trim();if(!h)return;const N={id:`custom_${Date.now()}`,label:h,mode:_};try{if(V){const b=await V(N);R(b||N)}else R(N)}finally{y(!1),E(""),L("inline")}};return t.jsxs("div",{className:"superdoc-field-menu",style:H,children:[P&&t.jsx("div",{style:{padding:"8px 16px",borderBottom:"1px solid #f0f0f0",marginBottom:"4px"},children:t.jsxs("div",{style:{fontSize:"12px",color:"#6b7280"},children:["Filtering results for",t.jsx("span",{style:{fontWeight:600,color:"#111827",marginLeft:"4px"},children:l})]})}),c&&!m&&t.jsx("div",{className:"field-menu-item",onClick:()=>y(!0),style:{padding:"8px 16px",cursor:"pointer",color:"#0066cc",fontWeight:500},children:"+ Create New Field"}),c&&m&&t.jsxs("div",{style:{padding:"8px 16px"},children:[t.jsx("input",{type:"text",value:k,placeholder:"Field name...",onChange:h=>E(h.target.value),onKeyDown:h=>{h.key==="Enter"&&M(),h.key==="Escape"&&(y(!1),E(""),L("inline"))},autoFocus:!0,style:{width:"100%",padding:"4px 8px",border:"1px solid #ddd",borderRadius:"3px"}}),t.jsxs("div",{style:{marginTop:"8px",display:"flex",gap:"12px",fontSize:"13px"},children:[t.jsxs("label",{style:{display:"flex",alignItems:"center",gap:"4px",cursor:"pointer"},children:[t.jsx("input",{type:"radio",value:"inline",checked:_==="inline",onChange:()=>L("inline")}),"Inline"]}),t.jsxs("label",{style:{display:"flex",alignItems:"center",gap:"4px",cursor:"pointer"},children:[t.jsx("input",{type:"radio",value:"block",checked:_==="block",onChange:()=>L("block")}),"Block"]})]}),t.jsxs("div",{style:{marginTop:"8px",display:"flex",gap:"8px"},children:[t.jsx("button",{onClick:M,disabled:!k.trim(),style:{padding:"4px 12px",background:k.trim()?"#0066cc":"#ccc",color:"white",border:"none",borderRadius:"3px",cursor:k.trim()?"pointer":"not-allowed"},children:"Create"}),t.jsx("button",{onClick:()=>{y(!1),E(""),L("inline")},style:{padding:"4px 12px",background:"white",border:"1px solid #ddd",borderRadius:"3px",cursor:"pointer"},children:"Cancel"})]})]}),c&&d.length>0&&t.jsx("div",{style:{borderTop:"1px solid #eee",margin:"4px 0"}}),x.length>0&&(()=>{const h=new Map;x.forEach(b=>{const J=b.group||`individual-${b.id}`,Y=h.get(J)||[];Y.push(b),h.set(J,Y)});const N=Array.from(h.values()).map(b=>({...b[0],count:b.length}));return t.jsxs("div",{style:{borderBottom:"1px solid #f0f0f0"},children:[t.jsxs("button",{type:"button",onClick:()=>te(!q),style:{width:"100%",display:"flex",alignItems:"center",justifyContent:"space-between",padding:"8px 16px",background:"transparent",border:"none",cursor:"pointer",fontWeight:500,fontSize:"13px",color:"#374151",textAlign:"left"},children:[t.jsxs("span",{children:["Existing Fields (",N.length,")"]}),t.jsx("span",{"aria-hidden":!0,style:{display:"inline-block",width:"8px",height:"8px",borderRight:"2px solid #666",borderBottom:"2px solid #666",transform:q?"rotate(45deg)":"rotate(-45deg)",transition:"transform 0.2s ease"}})]}),q&&t.jsx("div",{style:{maxHeight:"300px",overflowY:"auto"},children:N.map(b=>t.jsxs("div",{className:"field-menu-item",onClick:()=>w?.(b),style:{padding:"8px 16px",cursor:"pointer",display:"flex",alignItems:"flex-start",justifyContent:"space-between",gap:"8px"},children:[t.jsxs("div",{style:{flex:1,minWidth:0},children:[t.jsx("div",{style:{fontWeight:500,fontSize:"13px"},children:b.alias||b.id}),t.jsx("div",{style:{fontSize:"11px",color:"#9ca3af",marginTop:"2px"},children:b.group?`group (${b.count} fields)`:`ID: ${b.id}`})]}),t.jsx("span",{style:{fontSize:"11px",color:"#6b7280",padding:"2px 6px",background:"#f3f4f6",borderRadius:"3px",textTransform:"capitalize",flexShrink:0},children:b.mode||"inline"})]},b.group||b.id))})]})})(),O.length===0?t.jsx("div",{style:{padding:"16px",fontSize:"13px",color:"#6b7280",textAlign:"center"},children:"No matching fields"}):t.jsxs("div",{style:{borderBottom:"1px solid #f0f0f0"},children:[t.jsxs("button",{type:"button",onClick:()=>D(!p),style:{width:"100%",display:"flex",alignItems:"center",justifyContent:"space-between",padding:"8px 16px",background:"transparent",border:"none",cursor:"pointer",fontWeight:500,fontSize:"13px",color:"#374151",textAlign:"left"},children:[t.jsxs("span",{children:["Available Fields (",O.length,")"]}),t.jsx("span",{"aria-hidden":!0,style:{display:"inline-block",width:"8px",height:"8px",borderRight:"2px solid #666",borderBottom:"2px solid #666",transform:p?"rotate(45deg)":"rotate(-45deg)",transition:"transform 0.2s ease"}})]}),p&&t.jsx("div",{style:{maxHeight:"300px",overflowY:"auto"},children:O.map(h=>t.jsxs("div",{className:"field-menu-item",onClick:()=>R(h),style:{padding:"8px 16px",cursor:"pointer",display:"flex",alignItems:"flex-start",justifyContent:"space-between",gap:"8px"},children:[t.jsxs("div",{style:{flex:1,minWidth:0},children:[t.jsx("div",{style:{fontWeight:500,fontSize:"13px"},children:h.label||h.id}),t.jsxs("div",{style:{fontSize:"11px",color:"#9ca3af",marginTop:"2px"},children:["ID: ",h.id]})]}),t.jsx("span",{style:{fontSize:"11px",color:"#6b7280",padding:"2px 6px",background:"#f3f4f6",borderRadius:"3px",textTransform:"capitalize",flexShrink:0},children:h.mode||"inline"})]},h.id))})]}),t.jsx("div",{style:{borderTop:"1px solid #eee",marginTop:"4px"},children:t.jsx("button",{onClick:W,style:{width:"100%",padding:"6px 16px",background:"#f3f4f6",border:"none",borderRadius:"0 0 4px 4px",cursor:"pointer"},children:"Close"})})]})},Ae=n=>{const o=n.split("-");return o.length>2?o[o.length-1].substring(0,6):n.substring(0,6)},me=({field:n,onSelect:o,onDelete:d,isSelected:i,isGrouped:l=!1})=>t.jsxs("div",{onClick:()=>o(n),style:{position:"relative",padding:"10px 12px",background:i?"#eff6ff":"#f9fafb",border:i?"1px solid #3b82f6":"1px solid #e5e7eb",borderRadius:"6px",cursor:"pointer",transition:"all 0.2s",fontSize:l?"13px":"14px"},onMouseEnter:c=>{i||(c.currentTarget.style.background="#f3f4f6")},onMouseLeave:c=>{i||(c.currentTarget.style.background="#f9fafb")},title:n.alias,children:[t.jsx("button",{onClick:c=>{c.stopPropagation(),d(n.id)},style:{position:"absolute",top:"6px",right:"6px",padding:"4px",background:"transparent",border:"none",cursor:"pointer",color:"#9ca3af",transition:"color 0.2s",display:"flex",alignItems:"center",justifyContent:"center"},onMouseEnter:c=>{c.currentTarget.style.color="#ef4444"},onMouseLeave:c=>{c.currentTarget.style.color="#9ca3af"},title:"Delete field",children:t.jsx("svg",{width:"14",height:"14",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:t.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",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})}),t.jsxs("div",{style:{paddingRight:"24px"},children:[t.jsx("div",{style:{fontWeight:"500",fontSize:l?"12px":"14px",color:l?"#6b7280":"#111827"},children:n.alias||n.id}),t.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"6px",fontSize:"11px",color:"#9ca3af",marginTop:"2px"},children:[t.jsxs("span",{children:["ID: ",n.id]}),n.mode&&t.jsx("span",{style:{fontSize:"9px",padding:"2px 5px",borderRadius:"3px",background:n.mode==="block"?"#dbeafe":"#f3f4f6",color:n.mode==="block"?"#1e40af":"#4b5563",fontWeight:"500"},children:n.mode})]})]})]}),ve=({fields:n,onSelect:o,onDelete:d,selectedFieldId:i})=>{const[l,c]=s.useState(new Set),{groupedFields:R,ungroupedFields:W}=s.useMemo(()=>{const x={},w=[];return n.forEach(m=>{m.group?(x[m.group]||(x[m.group]=[]),x[m.group].push(m)):w.push(m)}),{groupedFields:x,ungroupedFields:w}},[n]),V=x=>{c(w=>{const m=new Set(w);return m.has(x)?m.delete(x):m.add(x),m})};return t.jsxs("div",{className:"superdoc-field-list",style:{width:"250px",background:"white",border:"1px solid #e5e7eb",borderRadius:"8px",padding:"16px"},children:[t.jsxs("h3",{style:{margin:"0 0 16px 0",fontSize:"16px",fontWeight:"600"},children:["Template Fields (",n.length,")"]}),n.length===0?t.jsxs("div",{style:{color:"#9ca3af",fontSize:"14px",textAlign:"center",padding:"20px 0"},children:["No fields yet. Type ","{{"," to add a field."]}):t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"8px"},children:[W.map(x=>t.jsx(me,{field:x,onSelect:o,onDelete:d,isSelected:i===x.id},x.id)),Object.entries(R).map(([x,w])=>{const m=l.has(x),y=w[0];return t.jsxs("div",{children:[t.jsx("div",{style:{position:"relative",padding:"12px",background:"#f9fafb",border:"1px solid #e5e7eb",borderRadius:"6px",cursor:"pointer",transition:"all 0.2s"},onClick:()=>V(x),onMouseEnter:k=>{k.currentTarget.style.background="#f3f4f6"},onMouseLeave:k=>{k.currentTarget.style.background="#f9fafb"},children:t.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"8px"},children:[t.jsx("span",{style:{fontSize:"12px",color:"#6b7280"},children:m?"▼":"▶"}),t.jsxs("div",{style:{flex:1},children:[t.jsx("div",{style:{fontWeight:"500",fontSize:"14px"},children:y.alias}),t.jsxs("div",{style:{fontSize:"11px",color:"#9ca3af",marginTop:"2px"},children:["group: ",Ae(x)," (",w.length," fields)"]})]})]})}),m&&t.jsx("div",{style:{marginLeft:"16px",marginTop:"4px",display:"flex",flexDirection:"column",gap:"4px"},children:w.map(k=>t.jsx(me,{field:k,onSelect:o,onDelete:d,isSelected:i===k.id,isGrouped:!0},k.id))})]},x)})]})]})},U=n=>{const o=n.helpers?.structuredContentCommands;return o?.getStructuredContentTags?(o.getStructuredContentTags(n.state)||[]).map(i=>{const l=i?.node??i,c=l?.attrs??{},W=(l?.type?.name||"").includes("Block")?"block":"inline";return{id:c.id,alias:c.alias||c.label||"",tag:c.tag,mode:W,group:o.getGroup?.(c.tag)??void 0}}):[]},he=(n,o)=>{if(n===o)return!0;if(n.length!==o.length)return!1;for(let d=0;d<n.length;d+=1){const i=n[d],l=o[d];if(!l||i.id!==l.id||i.alias!==l.alias||i.tag!==l.tag||i.position!==l.position||i.mode!==l.mode||i.group!==l.group)return!1}return!0},Ve=n=>{if(!n)return null;if(n===!0)return{selector:"#superdoc-toolbar",config:{},renderDefaultContainer:!0};if(typeof n=="string")return{selector:n,config:{},renderDefaultContainer:!1};const{selector:o,...d}=n;return{selector:o||"#superdoc-toolbar",config:d,renderDefaultContainer:o===void 0}},ee=10,Oe=250,Ge=300,be=n=>{const o=window.innerWidth-Oe-ee,d=window.innerHeight-Ge-ee,i=Math.min(n.left,o),l=Math.min(n.top,d);return new DOMRect(Math.max(i,ee),Math.max(l,ee),n.width,n.height)},je=s.forwardRef((n,o)=>{const{document:d,fields:i={},menu:l={},list:c={},toolbar:R,onReady:W,onTrigger:V,onFieldInsert:x,onFieldUpdate:w,onFieldDelete:m,onFieldsChange:y,onFieldSelect:k,onFieldCreate:E,onExport:_,className:L,style:q,documentHeight:te="600px"}=n,[p,D]=s.useState(i.initial||[]),[H,O]=s.useState(null),[P,M]=s.useState(!1),[h,N]=s.useState(),[b,J]=s.useState(""),[Y,Ce]=s.useState(()=>i.available||[]),ne=s.useRef(null),F=s.useRef(null),T=s.useRef(null),ae=s.useRef(i);ae.current=i;const z=s.useRef(null),de=s.useRef(P);s.useEffect(()=>{de.current=P},[P]);const K=l.trigger||"{{",re=ae.current.available||[],A=s.useMemo(()=>Ve(R),[R]),ce=s.useCallback(e=>{const r=e.trim().toLowerCase();return r?re.filter(a=>a.label.toLowerCase().includes(r)):re},[re]),se=s.useCallback(e=>{J(e),Ce(ce(e))},[ce]),B=s.useCallback(()=>{se("")},[se]),Q=s.useCallback((e,r)=>{if(!F.current?.activeEditor)return!1;const a=F.current.activeEditor,v=p,C=e==="inline"?a.commands.insertStructuredContentInline?.({attrs:{alias:r.alias,tag:r.metadata?JSON.stringify(r.metadata):void 0},text:r.defaultValue||r.alias}):a.commands.insertStructuredContentBlock?.({attrs:{alias:r.alias,tag:r.metadata?JSON.stringify(r.metadata):void 0},text:r.defaultValue||r.alias});if(C){const f=U(a);D(f),y?.(f);const S=f.find(j=>!v.some(u=>u.id===j.id));S&&x?.(S)}return C??!1},[x,y,p]),X=s.useCallback((e,r)=>{if(!F.current?.activeEditor)return!1;const v=F.current.activeEditor.commands.updateStructuredContentById?.(e,{attrs:r});return v&&D(C=>{const f=C.map(j=>j.id===e?{...j,...r}:j);y?.(f);const S=f.find(j=>j.id===e);return S&&w?.(S),f}),v??!1},[w,y]),oe=s.useCallback(e=>{const r=F.current?.activeEditor;if(!r){let u=!1;return D(g=>{if(!g.some(I=>I.id===e))return g;const $=g.filter(I=>I.id!==e);return u=!0,y?.($),m?.(e),$}),u&&O(g=>g===e?null:g),u}const v=p.find(u=>u.id===e)?.group;let C=!1;try{C=r.commands.deleteStructuredContentById?.(e)??!1}catch{C=!1}let f=U(r);const S=f.some(u=>u.id===e);if(!C&&S&&(f=f.filter(u=>u.id!==e)),v){const u=f.filter(g=>g.group===v);if(u.length===1){const g=u[0];r.commands.updateStructuredContentById?.(g.id,{attrs:{tag:void 0}}),f=U(r)}}let j=!1;return D(u=>{if(he(u,f))return u;const g=u.some(I=>I.id===e),$=f.some(I=>I.id===e);return g&&!$&&(j=!0),y?.(f),j&&m?.(e),f}),j&&O(u=>u===e?null:u),C||j},[m,y,p]),G=s.useCallback(e=>{if(!F.current?.activeEditor)return;F.current.activeEditor.commands.selectStructuredContentById?.(e),O(e);const a=p.find(v=>v.id===e);a&&k?.(a)},[p,k]),ie=s.useCallback(e=>{if(!e)return;const r=U(e);D(a=>he(a,r)?a:(y?.(r),r))},[y]);s.useEffect(()=>{if(!ne.current)return;let e=!1,r=null;return(async()=>{const{SuperDoc:v}=await import("superdoc");if(e)return;const C={comments:!1,...A&&{toolbar:{selector:A.selector,toolbarGroups:A.config.toolbarGroups||["center"],excludeItems:A.config.excludeItems||[],...A.config}}},f=()=>{if(!e){if(r?.activeEditor){const S=r.activeEditor;S.on("update",({editor:j})=>{const{state:u}=j,{from:g}=u.selection;if(g>=K.length){const le=g-K.length;if(u.doc.textBetween(le,g)===K){const pe=j.view.coordsAtPos(g),xe=be(new DOMRect(pe.left,pe.top,0,0)),fe=()=>{const Z=F.current?.activeEditor;if(!Z)return;const Re=Z.state.selection.from,De=Z.state.tr.delete(le,Re);Z.view.dispatch(De)};T.current=fe,z.current=g,N(xe),M(!0),B(),V?.({position:{from:le,to:g},bounds:xe,cleanup:fe});return}}if(!de.current)return;if(z.current==null){M(!1),B();return}if(g<z.current){M(!1),z.current=null,B();return}const $=u.doc.textBetween(z.current,g);se($);const I=j.view.coordsAtPos(g),Ie=be(new DOMRect(I.left,I.top,0,0));N(Ie)}),S.on("update",()=>{ie(S)}),ie(S)}W?.()}};r=new v({selector:ne.current,document:d?.source,documentMode:d?.mode||"editing",modules:C,toolbar:A?.selector,onReady:f}),F.current=r})(),()=>{e=!0,T.current=null,z.current=null,r&&typeof r.destroy=="function"&&r.destroy(),F.current=null}},[d?.source,d?.mode,K,ie,W,V,A]);const ke=s.useCallback(async e=>{T.current&&(T.current(),T.current=null),z.current=null,B();const r=e.mode||"inline";if(e.id.startsWith("custom_")&&E){const a=await E(e);if(a){const v=a.mode||r;Q(v,{alias:a.label,metadata:a.metadata,defaultValue:a.defaultValue}),M(!1);return}}Q(r,{alias:e.label,metadata:e.metadata,defaultValue:e.defaultValue}),M(!1)},[Q,E,B]),Fe=s.useCallback(e=>{T.current&&(T.current(),T.current=null),z.current=null,B();const r=F.current?.activeEditor;if(!r)return;const a=r.helpers?.structuredContentCommands;if(!a)return;const v=e.group||`group-${Date.now()}-${Math.random().toString(36).substring(2,11)}`,C=a.createTagObject?.({group:v});if((e.mode||"inline")==="inline"?r.commands.insertStructuredContentInline?.({attrs:{alias:e.alias,tag:C},text:e.alias}):r.commands.insertStructuredContentBlock?.({attrs:{alias:e.alias,tag:C},text:e.alias})){e.group||X(e.id,{tag:C}),M(!1);const j=U(r);D(j),y?.(j)}},[X,B,y]),Se=s.useCallback(()=>{M(!1),z.current=null,B(),T.current&&(T.current(),T.current=null)},[B]),we=s.useCallback(()=>{if(!F.current?.activeEditor||p.length===0)return;const e=p.findIndex(a=>a.id===H),r=e>=0?(e+1)%p.length:0;G(p[r].id)},[p,H,G]),Te=s.useCallback(()=>{if(!F.current?.activeEditor||p.length===0)return;const e=p.findIndex(a=>a.id===H),r=e>0?e-1:p.length-1;G(p[r].id)},[p,H,G]),Ee=s.useCallback(async e=>{const{fileName:r="document",triggerDownload:a=!0}=e||{},v=await F.current?.export({exportType:["docx"],exportedName:r,triggerDownload:a}),C=F.current?.activeEditor;if(C){const f=U(C);_?.({fields:f,blob:a?void 0:v,fileName:r})}return v},[_]);s.useImperativeHandle(o,()=>({insertField:e=>Q("inline",e),insertBlockField:e=>Q("block",e),updateField:X,deleteField:oe,selectField:G,nextField:we,previousField:Te,getFields:()=>p,exportTemplate:Ee,getSuperDoc:()=>F.current}));const Me=l.component||ye,ue=c.component||ve;return t.jsxs("div",{className:`superdoc-template-builder ${L||""}`,style:q,children:[t.jsxs("div",{style:{display:"flex",gap:"20px"},children:[c.position==="left"&&t.jsx("div",{className:"superdoc-template-builder-sidebar",children:t.jsx(ue,{fields:p,onSelect:e=>G(e.id),onDelete:oe,onUpdate:e=>X(e.id,e),selectedFieldId:H||void 0})}),t.jsxs("div",{className:"superdoc-template-builder-document",style:{flex:1},children:[A?.renderDefaultContainer&&t.jsx("div",{id:"superdoc-toolbar",className:"superdoc-template-builder-toolbar","data-testid":"template-builder-toolbar"}),t.jsx("div",{ref:ne,className:"superdoc-template-builder-editor",style:{height:te},"data-testid":"template-builder-editor"})]}),c.position==="right"&&t.jsx("div",{className:"superdoc-template-builder-sidebar",children:t.jsx(ue,{fields:p,onSelect:e=>G(e.id),onDelete:oe,onUpdate:e=>X(e.id,e),selectedFieldId:H||void 0})})]}),t.jsx(Me,{isVisible:P,position:h,availableFields:i.available||[],filteredFields:Y,filterQuery:b,allowCreate:i.allowCreate||!1,onSelect:ke,onClose:Se,onCreateField:E,existingFields:p,onSelectExisting:Fe})]})});je.displayName="SuperDocTemplateBuilder";exports.FieldList=ve;exports.FieldMenu=ye;exports.default=je;
+"use strict";var Ne=Object.create;var ge=Object.defineProperty;var ze=Object.getOwnPropertyDescriptor;var Be=Object.getOwnPropertyNames;var We=Object.getPrototypeOf,Le=Object.prototype.hasOwnProperty;var He=(n,o,d,i)=>{if(o&&typeof o=="object"||typeof o=="function")for(let l of Be(o))!Le.call(n,l)&&l!==d&&ge(n,l,{get:()=>o[l],enumerable:!(i=ze(o,l))||i.enumerable});return n};var Pe=(n,o,d)=>(d=n!=null?Ne(We(n)):{},He(o||!n||!n.__esModule?ge(d,"default",{value:n,enumerable:!0}):d,n));Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),s=require("react"),ye=({isVisible:n,position:o,availableFields:d,filteredFields:i,filterQuery:l,allowCreate:u,onSelect:R,onClose:W,onCreateField:V,existingFields:x=[],onSelectExisting:w})=>{const[m,y]=s.useState(!1),[F,E]=s.useState(""),[_,L]=s.useState("inline"),[q,te]=s.useState(!0),[p,D]=s.useState(!0);s.useEffect(()=>{n||(y(!1),E(""),L("inline"))},[n]);const H=s.useMemo(()=>({position:"absolute",left:o?.left,top:o?.top,zIndex:1e3,background:"white",border:"1px solid #ddd",borderRadius:"4px",boxShadow:"0 2px 8px rgba(0,0,0,0.1)",padding:"8px 0",width:"280px"}),[o]),O=i??d,P=!!l;if(s.useEffect(()=>{P&&D(!0)},[P]),!n)return null;const M=async()=>{const h=F.trim();if(!h)return;const N={id:`custom_${Date.now()}`,label:h,mode:_};try{if(V){const b=await V(N);R(b||N)}else R(N)}finally{y(!1),E(""),L("inline")}};return t.jsxs("div",{className:"superdoc-field-menu",style:H,children:[P&&t.jsx("div",{style:{padding:"8px 16px",borderBottom:"1px solid #f0f0f0",marginBottom:"4px"},children:t.jsxs("div",{style:{fontSize:"12px",color:"#6b7280"},children:["Filtering results for",t.jsx("span",{style:{fontWeight:600,color:"#111827",marginLeft:"4px"},children:l})]})}),u&&!m&&t.jsx("div",{className:"field-menu-item",onClick:()=>y(!0),style:{padding:"8px 16px",cursor:"pointer",color:"#0066cc",fontWeight:500},children:"+ Create New Field"}),u&&m&&t.jsxs("div",{style:{padding:"8px 16px"},children:[t.jsx("input",{type:"text",value:F,placeholder:"Field name...",onChange:h=>E(h.target.value),onKeyDown:h=>{h.key==="Enter"&&M(),h.key==="Escape"&&(y(!1),E(""),L("inline"))},autoFocus:!0,style:{width:"100%",padding:"4px 8px",border:"1px solid #ddd",borderRadius:"3px"}}),t.jsxs("div",{style:{marginTop:"8px",display:"flex",gap:"12px",fontSize:"13px"},children:[t.jsxs("label",{style:{display:"flex",alignItems:"center",gap:"4px",cursor:"pointer"},children:[t.jsx("input",{type:"radio",value:"inline",checked:_==="inline",onChange:()=>L("inline")}),"Inline"]}),t.jsxs("label",{style:{display:"flex",alignItems:"center",gap:"4px",cursor:"pointer"},children:[t.jsx("input",{type:"radio",value:"block",checked:_==="block",onChange:()=>L("block")}),"Block"]})]}),t.jsxs("div",{style:{marginTop:"8px",display:"flex",gap:"8px"},children:[t.jsx("button",{onClick:M,disabled:!F.trim(),style:{padding:"4px 12px",background:F.trim()?"#0066cc":"#ccc",color:"white",border:"none",borderRadius:"3px",cursor:F.trim()?"pointer":"not-allowed"},children:"Create"}),t.jsx("button",{onClick:()=>{y(!1),E(""),L("inline")},style:{padding:"4px 12px",background:"white",border:"1px solid #ddd",borderRadius:"3px",cursor:"pointer"},children:"Cancel"})]})]}),u&&d.length>0&&t.jsx("div",{style:{borderTop:"1px solid #eee",margin:"4px 0"}}),x.length>0&&(()=>{const h=new Map;x.forEach(b=>{const J=b.group||`individual-${b.id}`,Y=h.get(J)||[];Y.push(b),h.set(J,Y)});const N=Array.from(h.values()).map(b=>({...b[0],count:b.length}));return t.jsxs("div",{style:{borderBottom:"1px solid #f0f0f0"},children:[t.jsxs("button",{type:"button",onClick:()=>te(!q),style:{width:"100%",display:"flex",alignItems:"center",justifyContent:"space-between",padding:"8px 16px",background:"transparent",border:"none",cursor:"pointer",fontWeight:500,fontSize:"13px",color:"#374151",textAlign:"left"},children:[t.jsxs("span",{children:["Existing Fields (",N.length,")"]}),t.jsx("span",{"aria-hidden":!0,style:{display:"inline-block",width:"8px",height:"8px",borderRight:"2px solid #666",borderBottom:"2px solid #666",transform:q?"rotate(45deg)":"rotate(-45deg)",transition:"transform 0.2s ease"}})]}),q&&t.jsx("div",{style:{maxHeight:"300px",overflowY:"auto"},children:N.map(b=>t.jsxs("div",{className:"field-menu-item",onClick:()=>w?.(b),style:{padding:"8px 16px",cursor:"pointer",display:"flex",alignItems:"flex-start",justifyContent:"space-between",gap:"8px"},children:[t.jsxs("div",{style:{flex:1,minWidth:0},children:[t.jsx("div",{style:{fontWeight:500,fontSize:"13px"},children:b.alias||b.id}),t.jsx("div",{style:{fontSize:"11px",color:"#9ca3af",marginTop:"2px"},children:b.group?`group (${b.count} fields)`:`ID: ${b.id}`})]}),t.jsx("span",{style:{fontSize:"11px",color:"#6b7280",padding:"2px 6px",background:"#f3f4f6",borderRadius:"3px",textTransform:"capitalize",flexShrink:0},children:b.mode||"inline"})]},b.group||b.id))})]})})(),O.length===0?t.jsx("div",{style:{padding:"16px",fontSize:"13px",color:"#6b7280",textAlign:"center"},children:"No matching fields"}):t.jsxs("div",{style:{borderBottom:"1px solid #f0f0f0"},children:[t.jsxs("button",{type:"button",onClick:()=>D(!p),style:{width:"100%",display:"flex",alignItems:"center",justifyContent:"space-between",padding:"8px 16px",background:"transparent",border:"none",cursor:"pointer",fontWeight:500,fontSize:"13px",color:"#374151",textAlign:"left"},children:[t.jsxs("span",{children:["Available Fields (",O.length,")"]}),t.jsx("span",{"aria-hidden":!0,style:{display:"inline-block",width:"8px",height:"8px",borderRight:"2px solid #666",borderBottom:"2px solid #666",transform:p?"rotate(45deg)":"rotate(-45deg)",transition:"transform 0.2s ease"}})]}),p&&t.jsx("div",{style:{maxHeight:"300px",overflowY:"auto"},children:O.map(h=>t.jsxs("div",{className:"field-menu-item",onClick:()=>R(h),style:{padding:"8px 16px",cursor:"pointer",display:"flex",alignItems:"flex-start",justifyContent:"space-between",gap:"8px"},children:[t.jsxs("div",{style:{flex:1,minWidth:0},children:[t.jsx("div",{style:{fontWeight:500,fontSize:"13px"},children:h.label||h.id}),t.jsxs("div",{style:{fontSize:"11px",color:"#9ca3af",marginTop:"2px"},children:["ID: ",h.id]})]}),t.jsx("span",{style:{fontSize:"11px",color:"#6b7280",padding:"2px 6px",background:"#f3f4f6",borderRadius:"3px",textTransform:"capitalize",flexShrink:0},children:h.mode||"inline"})]},h.id))})]}),t.jsx("div",{style:{borderTop:"1px solid #eee",marginTop:"4px"},children:t.jsx("button",{onClick:W,style:{width:"100%",padding:"6px 16px",background:"#f3f4f6",border:"none",borderRadius:"0 0 4px 4px",cursor:"pointer"},children:"Close"})})]})},Ae=n=>{const o=n.split("-");return o.length>2?o[o.length-1].substring(0,6):n.substring(0,6)},me=({field:n,onSelect:o,onDelete:d,isSelected:i,isGrouped:l=!1})=>t.jsxs("div",{onClick:()=>o(n),style:{position:"relative",padding:"10px 12px",background:i?"#eff6ff":"#f9fafb",border:i?"1px solid #3b82f6":"1px solid #e5e7eb",borderRadius:"6px",cursor:"pointer",transition:"all 0.2s",fontSize:l?"13px":"14px"},onMouseEnter:u=>{i||(u.currentTarget.style.background="#f3f4f6")},onMouseLeave:u=>{i||(u.currentTarget.style.background="#f9fafb")},title:n.alias,children:[t.jsx("button",{onClick:u=>{u.stopPropagation(),d(n.id)},style:{position:"absolute",top:"6px",right:"6px",padding:"4px",background:"transparent",border:"none",cursor:"pointer",color:"#9ca3af",transition:"color 0.2s",display:"flex",alignItems:"center",justifyContent:"center"},onMouseEnter:u=>{u.currentTarget.style.color="#ef4444"},onMouseLeave:u=>{u.currentTarget.style.color="#9ca3af"},title:"Delete field",children:t.jsx("svg",{width:"14",height:"14",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:t.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",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})}),t.jsxs("div",{style:{paddingRight:"24px"},children:[t.jsx("div",{style:{fontWeight:"500",fontSize:l?"12px":"14px",color:l?"#6b7280":"#111827"},children:n.alias||n.id}),t.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"6px",fontSize:"11px",color:"#9ca3af",marginTop:"2px"},children:[t.jsxs("span",{children:["ID: ",n.id]}),n.mode&&t.jsx("span",{style:{fontSize:"9px",padding:"2px 5px",borderRadius:"3px",background:n.mode==="block"?"#dbeafe":"#f3f4f6",color:n.mode==="block"?"#1e40af":"#4b5563",fontWeight:"500"},children:n.mode})]})]})]}),ve=({fields:n,onSelect:o,onDelete:d,selectedFieldId:i})=>{const[l,u]=s.useState(new Set),{groupedFields:R,ungroupedFields:W}=s.useMemo(()=>{const x={},w=[];return n.forEach(m=>{m.group?(x[m.group]||(x[m.group]=[]),x[m.group].push(m)):w.push(m)}),{groupedFields:x,ungroupedFields:w}},[n]),V=x=>{u(w=>{const m=new Set(w);return m.has(x)?m.delete(x):m.add(x),m})};return t.jsxs("div",{className:"superdoc-field-list",style:{width:"250px",background:"white",border:"1px solid #e5e7eb",borderRadius:"8px",padding:"16px"},children:[t.jsxs("h3",{style:{margin:"0 0 16px 0",fontSize:"16px",fontWeight:"600"},children:["Template Fields (",n.length,")"]}),n.length===0?t.jsxs("div",{style:{color:"#9ca3af",fontSize:"14px",textAlign:"center",padding:"20px 0"},children:["No fields yet. Type ","{{"," to add a field."]}):t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"8px"},children:[W.map(x=>t.jsx(me,{field:x,onSelect:o,onDelete:d,isSelected:i===x.id},x.id)),Object.entries(R).map(([x,w])=>{const m=l.has(x),y=w[0];return t.jsxs("div",{children:[t.jsx("div",{style:{position:"relative",padding:"12px",background:"#f9fafb",border:"1px solid #e5e7eb",borderRadius:"6px",cursor:"pointer",transition:"all 0.2s"},onClick:()=>V(x),onMouseEnter:F=>{F.currentTarget.style.background="#f3f4f6"},onMouseLeave:F=>{F.currentTarget.style.background="#f9fafb"},children:t.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"8px"},children:[t.jsx("span",{style:{fontSize:"12px",color:"#6b7280"},children:m?"▼":"▶"}),t.jsxs("div",{style:{flex:1},children:[t.jsx("div",{style:{fontWeight:"500",fontSize:"14px"},children:y.alias}),t.jsxs("div",{style:{fontSize:"11px",color:"#9ca3af",marginTop:"2px"},children:["group: ",Ae(x)," (",w.length," fields)"]})]})]})}),m&&t.jsx("div",{style:{marginLeft:"16px",marginTop:"4px",display:"flex",flexDirection:"column",gap:"4px"},children:w.map(F=>t.jsx(me,{field:F,onSelect:o,onDelete:d,isSelected:i===F.id,isGrouped:!0},F.id))})]},x)})]})]})},U=n=>{const o=n.helpers?.structuredContentCommands;return o?.getStructuredContentTags?(o.getStructuredContentTags(n.state)||[]).map(i=>{const l=i?.node??i,u=l?.attrs??{},W=(l?.type?.name||"").includes("Block")?"block":"inline";return{id:u.id,alias:u.alias||u.label||"",tag:u.tag,mode:W,group:o.getGroup?.(u.tag)??void 0}}):[]},he=(n,o)=>{if(n===o)return!0;if(n.length!==o.length)return!1;for(let d=0;d<n.length;d+=1){const i=n[d],l=o[d];if(!l||i.id!==l.id||i.alias!==l.alias||i.tag!==l.tag||i.position!==l.position||i.mode!==l.mode||i.group!==l.group)return!1}return!0},Ve=n=>{if(!n)return null;if(n===!0)return{selector:"#superdoc-toolbar",config:{},renderDefaultContainer:!0};if(typeof n=="string")return{selector:n,config:{},renderDefaultContainer:!1};const{selector:o,...d}=n;return{selector:o||"#superdoc-toolbar",config:d,renderDefaultContainer:o===void 0}},ee=10,Oe=250,Ge=300,be=n=>{const o=window.innerWidth-Oe-ee,d=window.innerHeight-Ge-ee,i=Math.min(n.left,o),l=Math.min(n.top,d);return new DOMRect(Math.max(i,ee),Math.max(l,ee),n.width,n.height)},je=s.forwardRef((n,o)=>{const{document:d,fields:i={},menu:l={},list:u={},toolbar:R,onReady:W,onTrigger:V,onFieldInsert:x,onFieldUpdate:w,onFieldDelete:m,onFieldsChange:y,onFieldSelect:F,onFieldCreate:E,onExport:_,className:L,style:q,documentHeight:te="600px"}=n,[p,D]=s.useState(i.initial||[]),[H,O]=s.useState(null),[P,M]=s.useState(!1),[h,N]=s.useState(),[b,J]=s.useState(""),[Y,Ce]=s.useState(()=>i.available||[]),ne=s.useRef(null),k=s.useRef(null),T=s.useRef(null),ae=s.useRef(i);ae.current=i;const z=s.useRef(null),de=s.useRef(P);s.useEffect(()=>{de.current=P},[P]);const K=l.trigger||"{{",re=ae.current.available||[],A=s.useMemo(()=>Ve(R),[R]),ce=s.useCallback(e=>{const r=e.trim().toLowerCase();return r?re.filter(a=>a.label.toLowerCase().includes(r)):re},[re]),se=s.useCallback(e=>{J(e),Ce(ce(e))},[ce]),B=s.useCallback(()=>{se("")},[se]),Q=s.useCallback((e,r)=>{if(!k.current?.activeEditor)return!1;const a=k.current.activeEditor,v=p,C=e==="inline"?a.commands.insertStructuredContentInline?.({attrs:{alias:r.alias,tag:r.metadata?JSON.stringify(r.metadata):void 0},text:r.defaultValue||r.alias}):a.commands.insertStructuredContentBlock?.({attrs:{alias:r.alias,tag:r.metadata?JSON.stringify(r.metadata):void 0},text:r.defaultValue||r.alias});if(C){const f=U(a);D(f),y?.(f);const S=f.find(j=>!v.some(c=>c.id===j.id));S&&x?.(S)}return C??!1},[x,y,p]),X=s.useCallback((e,r)=>{if(!k.current?.activeEditor)return!1;const v=k.current.activeEditor.commands.updateStructuredContentById?.(e,{attrs:r});return v&&D(C=>{const f=C.map(j=>j.id===e?{...j,...r}:j);y?.(f);const S=f.find(j=>j.id===e);return S&&w?.(S),f}),v??!1},[w,y]),oe=s.useCallback(e=>{const r=k.current?.activeEditor;if(!r){let c=!1;return D(g=>{if(!g.some(I=>I.id===e))return g;const $=g.filter(I=>I.id!==e);return c=!0,y?.($),m?.(e),$}),c&&O(g=>g===e?null:g),c}const v=p.find(c=>c.id===e)?.group;let C=!1;try{C=r.commands.deleteStructuredContentById?.(e)??!1}catch(c){console.warn("[TemplateBuilder] Failed to delete structured content:",e,c),C=!1}let f=U(r);const S=f.some(c=>c.id===e);if(!C&&S&&(f=f.filter(c=>c.id!==e)),v){const c=f.filter(g=>g.group===v);if(c.length===1){const g=c[0];r.commands.updateStructuredContentById?.(g.id,{attrs:{tag:void 0}}),f=U(r)}}let j=!1;return D(c=>{if(he(c,f))return c;const g=c.some(I=>I.id===e),$=f.some(I=>I.id===e);return g&&!$&&(j=!0),y?.(f),j&&m?.(e),f}),j&&O(c=>c===e?null:c),C||j},[m,y,p]),G=s.useCallback(e=>{if(!k.current?.activeEditor)return;k.current.activeEditor.commands.selectStructuredContentById?.(e),O(e);const a=p.find(v=>v.id===e);a&&F?.(a)},[p,F]),ie=s.useCallback(e=>{if(!e)return;const r=U(e);D(a=>he(a,r)?a:(y?.(r),r))},[y]);s.useEffect(()=>{if(!ne.current)return;let e=!1,r=null;return(async()=>{const{SuperDoc:v}=await import("superdoc");if(e)return;const C={comments:!1,...A&&{toolbar:{selector:A.selector,toolbarGroups:A.config.toolbarGroups||["center"],excludeItems:A.config.excludeItems||[],...A.config}}},f=()=>{if(!e){if(r?.activeEditor){const S=r.activeEditor;S.on("update",({editor:j})=>{const{state:c}=j,{from:g}=c.selection;if(g>=K.length){const le=g-K.length;if(c.doc.textBetween(le,g)===K){const pe=j.view.coordsAtPos(g),xe=be(new DOMRect(pe.left,pe.top,0,0)),fe=()=>{const Z=k.current?.activeEditor;if(!Z)return;const Re=Z.state.selection.from,De=Z.state.tr.delete(le,Re);Z.view.dispatch(De)};T.current=fe,z.current=g,N(xe),M(!0),B(),V?.({position:{from:le,to:g},bounds:xe,cleanup:fe});return}}if(!de.current)return;if(z.current==null){M(!1),B();return}if(g<z.current){M(!1),z.current=null,B();return}const $=c.doc.textBetween(z.current,g);se($);const I=j.view.coordsAtPos(g),Ie=be(new DOMRect(I.left,I.top,0,0));N(Ie)}),S.on("update",()=>{ie(S)}),ie(S)}W?.()}};r=new v({selector:ne.current,document:d?.source,documentMode:d?.mode||"editing",modules:C,toolbar:A?.selector,onReady:f}),k.current=r})(),()=>{e=!0,T.current=null,z.current=null,r&&typeof r.destroy=="function"&&r.destroy(),k.current=null}},[d?.source,d?.mode,K,ie,W,V,A]);const Fe=s.useCallback(async e=>{T.current&&(T.current(),T.current=null),z.current=null,B();const r=e.mode||"inline";if(e.id.startsWith("custom_")&&E){const a=await E(e);if(a){const v=a.mode||r;Q(v,{alias:a.label,metadata:a.metadata,defaultValue:a.defaultValue}),M(!1);return}}Q(r,{alias:e.label,metadata:e.metadata,defaultValue:e.defaultValue}),M(!1)},[Q,E,B]),ke=s.useCallback(e=>{T.current&&(T.current(),T.current=null),z.current=null,B();const r=k.current?.activeEditor;if(!r)return;const a=r.helpers?.structuredContentCommands;if(!a)return;const v=e.group||`group-${Date.now()}-${Math.random().toString(36).substring(2,11)}`,C=a.createTagObject?.({group:v});if((e.mode||"inline")==="inline"?r.commands.insertStructuredContentInline?.({attrs:{alias:e.alias,tag:C},text:e.alias}):r.commands.insertStructuredContentBlock?.({attrs:{alias:e.alias,tag:C},text:e.alias})){e.group||X(e.id,{tag:C}),M(!1);const j=U(r);D(j),y?.(j)}},[X,B,y]),Se=s.useCallback(()=>{M(!1),z.current=null,B(),T.current&&(T.current(),T.current=null)},[B]),we=s.useCallback(()=>{if(!k.current?.activeEditor||p.length===0)return;const e=p.findIndex(a=>a.id===H),r=e>=0?(e+1)%p.length:0;G(p[r].id)},[p,H,G]),Te=s.useCallback(()=>{if(!k.current?.activeEditor||p.length===0)return;const e=p.findIndex(a=>a.id===H),r=e>0?e-1:p.length-1;G(p[r].id)},[p,H,G]),Ee=s.useCallback(async e=>{const{fileName:r="document",triggerDownload:a=!0}=e||{},v=await k.current?.export({exportType:["docx"],exportedName:r,triggerDownload:a}),C=k.current?.activeEditor;if(C){const f=U(C);_?.({fields:f,blob:a?void 0:v,fileName:r})}return v},[_]);s.useImperativeHandle(o,()=>({insertField:e=>Q("inline",e),insertBlockField:e=>Q("block",e),updateField:X,deleteField:oe,selectField:G,nextField:we,previousField:Te,getFields:()=>p,exportTemplate:Ee,getSuperDoc:()=>k.current}));const Me=l.component||ye,ue=u.component||ve;return t.jsxs("div",{className:`superdoc-template-builder ${L||""}`,style:q,children:[t.jsxs("div",{style:{display:"flex",gap:"20px"},children:[u.position==="left"&&t.jsx("div",{className:"superdoc-template-builder-sidebar",children:t.jsx(ue,{fields:p,onSelect:e=>G(e.id),onDelete:oe,onUpdate:e=>X(e.id,e),selectedFieldId:H||void 0})}),t.jsxs("div",{className:"superdoc-template-builder-document",style:{flex:1},children:[A?.renderDefaultContainer&&t.jsx("div",{id:"superdoc-toolbar",className:"superdoc-template-builder-toolbar","data-testid":"template-builder-toolbar"}),t.jsx("div",{ref:ne,className:"superdoc-template-builder-editor",style:{height:te},"data-testid":"template-builder-editor"})]}),u.position==="right"&&t.jsx("div",{className:"superdoc-template-builder-sidebar",children:t.jsx(ue,{fields:p,onSelect:e=>G(e.id),onDelete:oe,onUpdate:e=>X(e.id,e),selectedFieldId:H||void 0})})]}),t.jsx(Me,{isVisible:P,position:h,availableFields:i.available||[],filteredFields:Y,filterQuery:b,allowCreate:i.allowCreate||!1,onSelect:Fe,onClose:Se,onCreateField:E,existingFields:p,onSelectExisting:ke})]})});je.displayName="SuperDocTemplateBuilder";exports.FieldList=ve;exports.FieldMenu=ye;exports.default=je;

package/dist/index.mjs

@@ -6,14 +6,14 @@ const He = ({
   availableFields: f,
   filteredFields: s,
   filterQuery: c,
-  allowCreate: d,
+  allowCreate: a,
   onSelect: z,
   onClose: P,
   onCreateField: O,
   existingFields: p = [],
   onSelectExisting: E
 }) => {
-  const [m, y] = I(!1), [w, R] = I(""), [U, A] = I("inline"), [X, ie] = I(!0), [u, B] = I(!0);
+  const [x, y] = I(!1), [w, R] = I(""), [U, A] = I("inline"), [X, ie] = I(!0), [u, B] = I(!0);
   oe(() => {
     n || (y(!1), R(""), A("inline"));
   }, [n]);
@@ -65,7 +65,7 @@ const He = ({
         ] })
       }
     ),
-    d && !m && /* @__PURE__ */ r(
+    a && !x && /* @__PURE__ */ r(
       "div",
       {
         className: "field-menu-item",
@@ -79,7 +79,7 @@ const He = ({
         children: "+ Create New Field"
       }
     ),
-    d && m && /* @__PURE__ */ o("div", { style: { padding: "8px 16px" }, children: [
+    a && x && /* @__PURE__ */ o("div", { style: { padding: "8px 16px" }, children: [
       /* @__PURE__ */ r(
         "input",
         {
@@ -203,7 +203,7 @@ const He = ({
         }
       )
     ] }),
-    d && f.length > 0 && /* @__PURE__ */ r(
+    a && f.length > 0 && /* @__PURE__ */ r(
       "div",
       {
         style: {
@@ -463,19 +463,19 @@ const He = ({
       transition: "all 0.2s",
       fontSize: c ? "13px" : "14px"
     },
-    onMouseEnter: (d) => {
-      s || (d.currentTarget.style.background = "#f3f4f6");
+    onMouseEnter: (a) => {
+      s || (a.currentTarget.style.background = "#f3f4f6");
     },
-    onMouseLeave: (d) => {
-      s || (d.currentTarget.style.background = "#f9fafb");
+    onMouseLeave: (a) => {
+      s || (a.currentTarget.style.background = "#f9fafb");
     },
     title: n.alias,
     children: [
       /* @__PURE__ */ r(
         "button",
         {
-          onClick: (d) => {
-            d.stopPropagation(), f(n.id);
+          onClick: (a) => {
+            a.stopPropagation(), f(n.id);
           },
           style: {
             position: "absolute",
@@ -491,33 +491,23 @@ const He = ({
             alignItems: "center",
             justifyContent: "center"
           },
-          onMouseEnter: (d) => {
-            d.currentTarget.style.color = "#ef4444";
+          onMouseEnter: (a) => {
+            a.currentTarget.style.color = "#ef4444";
           },
-          onMouseLeave: (d) => {
-            d.currentTarget.style.color = "#9ca3af";
+          onMouseLeave: (a) => {
+            a.currentTarget.style.color = "#9ca3af";
           },
           title: "Delete field",
-          children: /* @__PURE__ */ r(
-            "svg",
+          children: /* @__PURE__ */ r("svg", { width: "14", height: "14", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ r(
+            "path",
             {
-              width: "14",
-              height: "14",
-              viewBox: "0 0 16 16",
-              fill: "none",
-              xmlns: "http://www.w3.org/2000/svg",
-              children: /* @__PURE__ */ r(
-                "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",
-                  stroke: "currentColor",
-                  strokeWidth: "1.5",
-                  strokeLinecap: "round",
-                  strokeLinejoin: "round"
-                }
-              )
+              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",
+              stroke: "currentColor",
+              strokeWidth: "1.5",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
             }
-          )
+          ) })
         }
       ),
       /* @__PURE__ */ o("div", { style: { paddingRight: "24px" }, children: [
@@ -568,21 +558,16 @@ const He = ({
       ] })
     ]
   }
-), Pe = ({
-  fields: n,
-  onSelect: l,
-  onDelete: f,
-  selectedFieldId: s
-}) => {
-  const [c, d] = I(/* @__PURE__ */ new Set()), { groupedFields: z, ungroupedFields: P } = pe(() => {
+), Pe = ({ fields: n, onSelect: l, onDelete: f, selectedFieldId: s }) => {
+  const [c, a] = I(/* @__PURE__ */ new Set()), { groupedFields: z, ungroupedFields: P } = pe(() => {
     const p = {}, E = [];
-    return n.forEach((m) => {
-      m.group ? (p[m.group] || (p[m.group] = []), p[m.group].push(m)) : E.push(m);
+    return n.forEach((x) => {
+      x.group ? (p[x.group] || (p[x.group] = []), p[x.group].push(x)) : E.push(x);
     }), { groupedFields: p, ungroupedFields: E };
   }, [n]), O = (p) => {
-    d((E) => {
-      const m = new Set(E);
-      return m.has(p) ? m.delete(p) : m.add(p), m;
+    a((E) => {
+      const x = new Set(E);
+      return x.has(p) ? x.delete(p) : x.add(p), x;
     });
   };
   return /* @__PURE__ */ o(
@@ -629,7 +614,7 @@ const He = ({
             p.id
           )),
           Object.entries(z).map(([p, E]) => {
-            const m = c.has(p), y = E[0];
+            const x = c.has(p), y = E[0];
             return /* @__PURE__ */ o("div", { children: [
               /* @__PURE__ */ r(
                 "div",
@@ -651,7 +636,7 @@ const He = ({
                     w.currentTarget.style.background = "#f9fafb";
                   },
                   children: /* @__PURE__ */ o("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
-                    /* @__PURE__ */ r("span", { style: { fontSize: "12px", color: "#6b7280" }, children: m ? "▼" : "▶" }),
+                    /* @__PURE__ */ r("span", { style: { fontSize: "12px", color: "#6b7280" }, children: x ? "▼" : "▶" }),
                     /* @__PURE__ */ o("div", { style: { flex: 1 }, children: [
                       /* @__PURE__ */ r("div", { style: { fontWeight: "500", fontSize: "14px" }, children: y.alias }),
                       /* @__PURE__ */ o(
@@ -675,7 +660,7 @@ const He = ({
                   ] })
                 }
               ),
-              m && /* @__PURE__ */ r(
+              x && /* @__PURE__ */ r(
                 "div",
                 {
                   style: {
@@ -707,16 +692,16 @@ const He = ({
 }, Q = (n) => {
   const l = n.helpers?.structuredContentCommands;
   return l?.getStructuredContentTags ? (l.getStructuredContentTags(n.state) || []).map((s) => {
-    const c = s?.node ?? s, d = c?.attrs ?? {}, P = (c?.type?.name || "").includes("Block") ? "block" : "inline";
+    const c = s?.node ?? s, a = c?.attrs ?? {}, P = (c?.type?.name || "").includes("Block") ? "block" : "inline";
     return {
-      id: d.id,
-      alias: d.alias || d.label || "",
-      tag: d.tag,
+      id: a.id,
+      alias: a.alias || a.label || "",
+      tag: a.tag,
       mode: P,
-      group: l.getGroup?.(d.tag) ?? void 0
+      group: l.getGroup?.(a.tag) ?? void 0
     };
   }) : [];
-}, Ce = (n, l) => {
+}, Fe = (n, l) => {
   if (n === l) return !0;
   if (n.length !== l.length) return !1;
   for (let f = 0; f < n.length; f += 1) {
@@ -745,7 +730,7 @@ const He = ({
     config: f,
     renderDefaultContainer: l === void 0
   };
-}, re = 10, Ve = 250, je = 300, Fe = (n) => {
+}, re = 10, Ve = 250, je = 300, Ce = (n) => {
   const l = window.innerWidth - Ve - re, f = window.innerHeight - je - re, s = Math.min(n.left, l), c = Math.min(n.top, f);
   return new DOMRect(
     Math.max(s, re),
@@ -753,371 +738,363 @@ const He = ({
     n.width,
     n.height
   );
-}, Ge = Be((n, l) => {
-  const {
-    document: f,
-    fields: s = {},
-    menu: c = {},
-    list: d = {},
-    toolbar: z,
-    onReady: P,
-    onTrigger: O,
-    onFieldInsert: p,
-    onFieldUpdate: E,
-    onFieldDelete: m,
-    onFieldsChange: y,
-    onFieldSelect: w,
-    onFieldCreate: R,
-    onExport: U,
-    className: A,
-    style: X,
-    documentHeight: ie = "600px"
-  } = n, [u, B] = I(s.initial || []), [V, _] = I(null), [j, D] = I(!1), [h, W] = I(), [b, Y] = I(""), [ee, we] = I(
-    () => s.available || []
-  ), se = J(null), k = J(null), M = J(null), fe = J(s);
-  fe.current = s;
-  const H = J(null), ge = J(j);
-  oe(() => {
-    ge.current = j;
-  }, [j]);
-  const te = c.trigger || "{{", le = fe.current.available || [], G = pe(() => Ae(z), [z]), xe = T(
-    (e) => {
-      const t = e.trim().toLowerCase();
-      return t ? le.filter((i) => i.label.toLowerCase().includes(t)) : le;
-    },
-    [le]
-  ), de = T(
-    (e) => {
-      Y(e), we(xe(e));
-    },
-    [xe]
-  ), L = T(() => {
-    de("");
-  }, [de]), K = T(
-    (e, t) => {
-      if (!k.current?.activeEditor) return !1;
-      const i = k.current.activeEditor, v = u, F = e === "inline" ? i.commands.insertStructuredContentInline?.({
-        attrs: {
-          alias: t.alias,
-          tag: t.metadata ? JSON.stringify(t.metadata) : void 0
-        },
-        text: t.defaultValue || t.alias
-      }) : i.commands.insertStructuredContentBlock?.({
-        attrs: {
-          alias: t.alias,
-          tag: t.metadata ? JSON.stringify(t.metadata) : void 0
-        },
-        text: t.defaultValue || t.alias
-      });
-      if (F) {
-        const g = Q(i);
-        B(g), y?.(g);
-        const S = g.find(
-          (C) => !v.some((a) => a.id === C.id)
-        );
-        S && p?.(S);
-      }
-      return F ?? !1;
-    },
-    [p, y, u]
-  ), Z = T(
-    (e, t) => {
-      if (!k.current?.activeEditor) return !1;
-      const v = k.current.activeEditor.commands.updateStructuredContentById?.(e, {
-        attrs: t
-      });
-      return v && B((F) => {
-        const g = F.map((C) => C.id === e ? { ...C, ...t } : C);
-        y?.(g);
-        const S = g.find((C) => C.id === e);
-        return S && E?.(S), g;
-      }), v ?? !1;
-    },
-    [E, y]
-  ), ae = T(
-    (e) => {
-      const t = k.current?.activeEditor;
-      if (!t) {
-        let a = !1;
-        return B((x) => {
-          if (!x.some((N) => N.id === e)) return x;
-          const q = x.filter((N) => N.id !== e);
-          return a = !0, y?.(q), m?.(e), q;
-        }), a && _((x) => x === e ? null : x), a;
-      }
-      const v = u.find((a) => a.id === e)?.group;
-      let F = !1;
-      try {
-        F = t.commands.deleteStructuredContentById?.(e) ?? !1;
-      } catch {
-        F = !1;
-      }
-      let g = Q(t);
-      const S = g.some((a) => a.id === e);
-      if (!F && S && (g = g.filter((a) => a.id !== e)), v) {
-        const a = g.filter((x) => x.group === v);
-        if (a.length === 1) {
-          const x = a[0];
-          t.commands.updateStructuredContentById?.(x.id, {
-            attrs: { tag: void 0 }
-          }), g = Q(t);
+}, Ge = Be(
+  (n, l) => {
+    const {
+      document: f,
+      fields: s = {},
+      menu: c = {},
+      list: a = {},
+      toolbar: z,
+      onReady: P,
+      onTrigger: O,
+      onFieldInsert: p,
+      onFieldUpdate: E,
+      onFieldDelete: x,
+      onFieldsChange: y,
+      onFieldSelect: w,
+      onFieldCreate: R,
+      onExport: U,
+      className: A,
+      style: X,
+      documentHeight: ie = "600px"
+    } = n, [u, B] = I(s.initial || []), [V, _] = I(null), [j, D] = I(!1), [h, W] = I(), [b, Y] = I(""), [ee, we] = I(() => s.available || []), se = J(null), k = J(null), M = J(null), fe = J(s);
+    fe.current = s;
+    const H = J(null), ge = J(j);
+    oe(() => {
+      ge.current = j;
+    }, [j]);
+    const te = c.trigger || "{{", le = fe.current.available || [], G = pe(() => Ae(z), [z]), me = T(
+      (e) => {
+        const t = e.trim().toLowerCase();
+        return t ? le.filter((i) => i.label.toLowerCase().includes(t)) : le;
+      },
+      [le]
+    ), de = T(
+      (e) => {
+        Y(e), we(me(e));
+      },
+      [me]
+    ), L = T(() => {
+      de("");
+    }, [de]), K = T(
+      (e, t) => {
+        if (!k.current?.activeEditor) return !1;
+        const i = k.current.activeEditor, v = u, C = e === "inline" ? i.commands.insertStructuredContentInline?.({
+          attrs: {
+            alias: t.alias,
+            tag: t.metadata ? JSON.stringify(t.metadata) : void 0
+          },
+          text: t.defaultValue || t.alias
+        }) : i.commands.insertStructuredContentBlock?.({
+          attrs: {
+            alias: t.alias,
+            tag: t.metadata ? JSON.stringify(t.metadata) : void 0
+          },
+          text: t.defaultValue || t.alias
+        });
+        if (C) {
+          const g = Q(i);
+          B(g), y?.(g);
+          const S = g.find(
+            (F) => !v.some((d) => d.id === F.id)
+          );
+          S && p?.(S);
         }
-      }
-      let C = !1;
-      return B((a) => {
-        if (Ce(a, g))
-          return a;
-        const x = a.some((N) => N.id === e), q = g.some((N) => N.id === e);
-        return x && !q && (C = !0), y?.(g), C && m?.(e), g;
-      }), C && _((a) => a === e ? null : a), F || C;
-    },
-    [m, y, u]
-  ), $ = T(
-    (e) => {
-      if (!k.current?.activeEditor) return;
-      k.current.activeEditor.commands.selectStructuredContentById?.(e), _(e);
-      const i = u.find((v) => v.id === e);
-      i && w?.(i);
-    },
-    [u, w]
-  ), ce = T(
-    (e) => {
-      if (!e) return;
-      const t = Q(e);
-      B((i) => Ce(i, t) ? i : (y?.(t), t));
-    },
-    [y]
-  );
-  oe(() => {
-    if (!se.current) return;
-    let e = !1, t = null;
-    return (async () => {
-      const { SuperDoc: v } = await import("superdoc");
-      if (e) return;
-      const F = {
-        comments: !1,
-        ...G && {
-          toolbar: {
-            selector: G.selector,
-            toolbarGroups: G.config.toolbarGroups || ["center"],
-            excludeItems: G.config.excludeItems || [],
-            ...G.config
+        return C ?? !1;
+      },
+      [p, y, u]
+    ), Z = T(
+      (e, t) => {
+        if (!k.current?.activeEditor) return !1;
+        const v = k.current.activeEditor.commands.updateStructuredContentById?.(e, {
+          attrs: t
+        });
+        return v && B((C) => {
+          const g = C.map((F) => F.id === e ? { ...F, ...t } : F);
+          y?.(g);
+          const S = g.find((F) => F.id === e);
+          return S && E?.(S), g;
+        }), v ?? !1;
+      },
+      [E, y]
+    ), ae = T(
+      (e) => {
+        const t = k.current?.activeEditor;
+        if (!t) {
+          let d = !1;
+          return B((m) => {
+            if (!m.some((N) => N.id === e)) return m;
+            const q = m.filter((N) => N.id !== e);
+            return d = !0, y?.(q), x?.(e), q;
+          }), d && _((m) => m === e ? null : m), d;
+        }
+        const v = u.find((d) => d.id === e)?.group;
+        let C = !1;
+        try {
+          C = t.commands.deleteStructuredContentById?.(e) ?? !1;
+        } catch (d) {
+          console.warn("[TemplateBuilder] Failed to delete structured content:", e, d), C = !1;
+        }
+        let g = Q(t);
+        const S = g.some((d) => d.id === e);
+        if (!C && S && (g = g.filter((d) => d.id !== e)), v) {
+          const d = g.filter((m) => m.group === v);
+          if (d.length === 1) {
+            const m = d[0];
+            t.commands.updateStructuredContentById?.(m.id, {
+              attrs: { tag: void 0 }
+            }), g = Q(t);
           }
         }
-      }, g = () => {
-        if (!e) {
-          if (t?.activeEditor) {
-            const S = t.activeEditor;
-            S.on("update", ({ editor: C }) => {
-              const { state: a } = C, { from: x } = a.selection;
-              if (x >= te.length) {
-                const ue = x - te.length;
-                if (a.doc.textBetween(ue, x) === te) {
-                  const he = C.view.coordsAtPos(x), be = Fe(new DOMRect(he.left, he.top, 0, 0)), ye = () => {
-                    const ne = k.current?.activeEditor;
-                    if (!ne) return;
-                    const Ne = ne.state.selection.from, ze = ne.state.tr.delete(ue, Ne);
-                    ne.view.dispatch(ze);
-                  };
-                  M.current = ye, H.current = x, W(be), D(!0), L(), O?.({
-                    position: { from: ue, to: x },
-                    bounds: be,
-                    cleanup: ye
-                  });
+        let F = !1;
+        return B((d) => {
+          if (Fe(d, g))
+            return d;
+          const m = d.some((N) => N.id === e), q = g.some((N) => N.id === e);
+          return m && !q && (F = !0), y?.(g), F && x?.(e), g;
+        }), F && _((d) => d === e ? null : d), C || F;
+      },
+      [x, y, u]
+    ), $ = T(
+      (e) => {
+        if (!k.current?.activeEditor) return;
+        k.current.activeEditor.commands.selectStructuredContentById?.(e), _(e);
+        const i = u.find((v) => v.id === e);
+        i && w?.(i);
+      },
+      [u, w]
+    ), ce = T(
+      (e) => {
+        if (!e) return;
+        const t = Q(e);
+        B((i) => Fe(i, t) ? i : (y?.(t), t));
+      },
+      [y]
+    );
+    oe(() => {
+      if (!se.current) return;
+      let e = !1, t = null;
+      return (async () => {
+        const { SuperDoc: v } = await import("superdoc");
+        if (e) return;
+        const C = {
+          comments: !1,
+          ...G && {
+            toolbar: {
+              selector: G.selector,
+              toolbarGroups: G.config.toolbarGroups || ["center"],
+              excludeItems: G.config.excludeItems || [],
+              ...G.config
+            }
+          }
+        }, g = () => {
+          if (!e) {
+            if (t?.activeEditor) {
+              const S = t.activeEditor;
+              S.on("update", ({ editor: F }) => {
+                const { state: d } = F, { from: m } = d.selection;
+                if (m >= te.length) {
+                  const ue = m - te.length;
+                  if (d.doc.textBetween(ue, m) === te) {
+                    const he = F.view.coordsAtPos(m), be = Ce(new DOMRect(he.left, he.top, 0, 0)), ye = () => {
+                      const ne = k.current?.activeEditor;
+                      if (!ne) return;
+                      const Ne = ne.state.selection.from, ze = ne.state.tr.delete(ue, Ne);
+                      ne.view.dispatch(ze);
+                    };
+                    M.current = ye, H.current = m, W(be), D(!0), L(), O?.({
+                      position: { from: ue, to: m },
+                      bounds: be,
+                      cleanup: ye
+                    });
+                    return;
+                  }
+                }
+                if (!ge.current)
+                  return;
+                if (H.current == null) {
+                  D(!1), L();
                   return;
                 }
-              }
-              if (!ge.current)
-                return;
-              if (H.current == null) {
-                D(!1), L();
-                return;
-              }
-              if (x < H.current) {
-                D(!1), H.current = null, L();
-                return;
-              }
-              const q = a.doc.textBetween(H.current, x);
-              de(q);
-              const N = C.view.coordsAtPos(x), De = Fe(new DOMRect(N.left, N.top, 0, 0));
-              W(De);
-            }), S.on("update", () => {
-              ce(S);
-            }), ce(S);
+                if (m < H.current) {
+                  D(!1), H.current = null, L();
+                  return;
+                }
+                const q = d.doc.textBetween(H.current, m);
+                de(q);
+                const N = F.view.coordsAtPos(m), De = Ce(new DOMRect(N.left, N.top, 0, 0));
+                W(De);
+              }), S.on("update", () => {
+                ce(S);
+              }), ce(S);
+            }
+            P?.();
           }
-          P?.();
-        }
+        };
+        t = new v({
+          selector: se.current,
+          document: f?.source,
+          documentMode: f?.mode || "editing",
+          modules: C,
+          toolbar: G?.selector,
+          onReady: g
+        }), k.current = t;
+      })(), () => {
+        e = !0, M.current = null, H.current = null, t && typeof t.destroy == "function" && t.destroy(), k.current = null;
       };
-      t = new v({
-        selector: se.current,
-        document: f?.source,
-        documentMode: f?.mode || "editing",
-        modules: F,
-        toolbar: G?.selector,
-        onReady: g
-      }), k.current = t;
-    })(), () => {
-      e = !0, M.current = null, H.current = null, t && typeof t.destroy == "function" && t.destroy(), k.current = null;
-    };
-  }, [
-    f?.source,
-    f?.mode,
-    te,
-    ce,
-    P,
-    O,
-    G
-  ]);
-  const ke = T(
-    async (e) => {
-      M.current && (M.current(), M.current = null), H.current = null, L();
-      const t = e.mode || "inline";
-      if (e.id.startsWith("custom_") && R) {
-        const i = await R(e);
-        if (i) {
-          const v = i.mode || t;
-          K(v, {
-            alias: i.label,
-            metadata: i.metadata,
-            defaultValue: i.defaultValue
-          }), D(!1);
-          return;
+    }, [f?.source, f?.mode, te, ce, P, O, G]);
+    const ke = T(
+      async (e) => {
+        M.current && (M.current(), M.current = null), H.current = null, L();
+        const t = e.mode || "inline";
+        if (e.id.startsWith("custom_") && R) {
+          const i = await R(e);
+          if (i) {
+            const v = i.mode || t;
+            K(v, {
+              alias: i.label,
+              metadata: i.metadata,
+              defaultValue: i.defaultValue
+            }), D(!1);
+            return;
+          }
         }
-      }
-      K(t, {
-        alias: e.label,
-        metadata: e.metadata,
-        defaultValue: e.defaultValue
-      }), D(!1);
-    },
-    [K, R, L]
-  ), Se = T(
-    (e) => {
-      M.current && (M.current(), M.current = null), H.current = null, L();
-      const t = k.current?.activeEditor;
-      if (!t) return;
-      const i = t.helpers?.structuredContentCommands;
-      if (!i) return;
-      const v = e.group || `group-${Date.now()}-${Math.random().toString(36).substring(2, 11)}`, F = i.createTagObject?.({
-        group: v
-      });
-      if ((e.mode || "inline") === "inline" ? t.commands.insertStructuredContentInline?.({
-        attrs: {
-          alias: e.alias,
-          tag: F
-        },
-        text: e.alias
-      }) : t.commands.insertStructuredContentBlock?.({
-        attrs: {
-          alias: e.alias,
-          tag: F
-        },
-        text: e.alias
-      })) {
-        e.group || Z(e.id, { tag: F }), D(!1);
-        const C = Q(t);
-        B(C), y?.(C);
-      }
-    },
-    [Z, L, y]
-  ), Te = T(() => {
-    D(!1), H.current = null, L(), M.current && (M.current(), M.current = null);
-  }, [L]), Ee = T(() => {
-    if (!k.current?.activeEditor || u.length === 0) return;
-    const e = u.findIndex((i) => i.id === V), t = e >= 0 ? (e + 1) % u.length : 0;
-    $(u[t].id);
-  }, [u, V, $]), Ie = T(() => {
-    if (!k.current?.activeEditor || u.length === 0) return;
-    const e = u.findIndex((i) => i.id === V), t = e > 0 ? e - 1 : u.length - 1;
-    $(u[t].id);
-  }, [u, V, $]), Me = T(
-    async (e) => {
-      const { fileName: t = "document", triggerDownload: i = !0 } = e || {}, v = await k.current?.export({
-        exportType: ["docx"],
-        exportedName: t,
-        triggerDownload: i
-      }), F = k.current?.activeEditor;
-      if (F) {
-        const g = Q(F);
-        U?.({ fields: g, blob: i ? void 0 : v, fileName: t });
-      }
-      return v;
-    },
-    [U]
-  );
-  We(l, () => ({
-    insertField: (e) => K("inline", e),
-    insertBlockField: (e) => K("block", e),
-    updateField: Z,
-    deleteField: ae,
-    selectField: $,
-    nextField: Ee,
-    previousField: Ie,
-    getFields: () => u,
-    exportTemplate: Me,
-    getSuperDoc: () => k.current
-  }));
-  const Re = c.component || He, me = d.component || Pe;
-  return /* @__PURE__ */ o("div", { className: `superdoc-template-builder ${A || ""}`, style: X, children: [
-    /* @__PURE__ */ o("div", { style: { display: "flex", gap: "20px" }, children: [
-      d.position === "left" && /* @__PURE__ */ r("div", { className: "superdoc-template-builder-sidebar", children: /* @__PURE__ */ r(
-        me,
-        {
-          fields: u,
-          onSelect: (e) => $(e.id),
-          onDelete: ae,
-          onUpdate: (e) => Z(e.id, e),
-          selectedFieldId: V || void 0
+        K(t, {
+          alias: e.label,
+          metadata: e.metadata,
+          defaultValue: e.defaultValue
+        }), D(!1);
+      },
+      [K, R, L]
+    ), Se = T(
+      (e) => {
+        M.current && (M.current(), M.current = null), H.current = null, L();
+        const t = k.current?.activeEditor;
+        if (!t) return;
+        const i = t.helpers?.structuredContentCommands;
+        if (!i) return;
+        const v = e.group || `group-${Date.now()}-${Math.random().toString(36).substring(2, 11)}`, C = i.createTagObject?.({
+          group: v
+        });
+        if ((e.mode || "inline") === "inline" ? t.commands.insertStructuredContentInline?.({
+          attrs: {
+            alias: e.alias,
+            tag: C
+          },
+          text: e.alias
+        }) : t.commands.insertStructuredContentBlock?.({
+          attrs: {
+            alias: e.alias,
+            tag: C
+          },
+          text: e.alias
+        })) {
+          e.group || Z(e.id, { tag: C }), D(!1);
+          const F = Q(t);
+          B(F), y?.(F);
         }
-      ) }),
-      /* @__PURE__ */ o("div", { className: "superdoc-template-builder-document", style: { flex: 1 }, children: [
-        G?.renderDefaultContainer && /* @__PURE__ */ r(
-          "div",
+      },
+      [Z, L, y]
+    ), Te = T(() => {
+      D(!1), H.current = null, L(), M.current && (M.current(), M.current = null);
+    }, [L]), Ee = T(() => {
+      if (!k.current?.activeEditor || u.length === 0) return;
+      const e = u.findIndex((i) => i.id === V), t = e >= 0 ? (e + 1) % u.length : 0;
+      $(u[t].id);
+    }, [u, V, $]), Ie = T(() => {
+      if (!k.current?.activeEditor || u.length === 0) return;
+      const e = u.findIndex((i) => i.id === V), t = e > 0 ? e - 1 : u.length - 1;
+      $(u[t].id);
+    }, [u, V, $]), Me = T(
+      async (e) => {
+        const { fileName: t = "document", triggerDownload: i = !0 } = e || {}, v = await k.current?.export({
+          exportType: ["docx"],
+          exportedName: t,
+          triggerDownload: i
+        }), C = k.current?.activeEditor;
+        if (C) {
+          const g = Q(C);
+          U?.({ fields: g, blob: i ? void 0 : v, fileName: t });
+        }
+        return v;
+      },
+      [U]
+    );
+    We(l, () => ({
+      insertField: (e) => K("inline", e),
+      insertBlockField: (e) => K("block", e),
+      updateField: Z,
+      deleteField: ae,
+      selectField: $,
+      nextField: Ee,
+      previousField: Ie,
+      getFields: () => u,
+      exportTemplate: Me,
+      getSuperDoc: () => k.current
+    }));
+    const Re = c.component || He, xe = a.component || Pe;
+    return /* @__PURE__ */ o("div", { className: `superdoc-template-builder ${A || ""}`, style: X, children: [
+      /* @__PURE__ */ o("div", { style: { display: "flex", gap: "20px" }, children: [
+        a.position === "left" && /* @__PURE__ */ r("div", { className: "superdoc-template-builder-sidebar", children: /* @__PURE__ */ r(
+          xe,
           {
-            id: "superdoc-toolbar",
-            className: "superdoc-template-builder-toolbar",
-            "data-testid": "template-builder-toolbar"
+            fields: u,
+            onSelect: (e) => $(e.id),
+            onDelete: ae,
+            onUpdate: (e) => Z(e.id, e),
+            selectedFieldId: V || void 0
           }
-        ),
-        /* @__PURE__ */ r(
-          "div",
+        ) }),
+        /* @__PURE__ */ o("div", { className: "superdoc-template-builder-document", style: { flex: 1 }, children: [
+          G?.renderDefaultContainer && /* @__PURE__ */ r(
+            "div",
+            {
+              id: "superdoc-toolbar",
+              className: "superdoc-template-builder-toolbar",
+              "data-testid": "template-builder-toolbar"
+            }
+          ),
+          /* @__PURE__ */ r(
+            "div",
+            {
+              ref: se,
+              className: "superdoc-template-builder-editor",
+              style: { height: ie },
+              "data-testid": "template-builder-editor"
+            }
+          )
+        ] }),
+        a.position === "right" && /* @__PURE__ */ r("div", { className: "superdoc-template-builder-sidebar", children: /* @__PURE__ */ r(
+          xe,
           {
-            ref: se,
-            className: "superdoc-template-builder-editor",
-            style: { height: ie },
-            "data-testid": "template-builder-editor"
+            fields: u,
+            onSelect: (e) => $(e.id),
+            onDelete: ae,
+            onUpdate: (e) => Z(e.id, e),
+            selectedFieldId: V || void 0
           }
-        )
+        ) })
       ] }),
-      d.position === "right" && /* @__PURE__ */ r("div", { className: "superdoc-template-builder-sidebar", children: /* @__PURE__ */ r(
-        me,
+      /* @__PURE__ */ r(
+        Re,
         {
-          fields: u,
-          onSelect: (e) => $(e.id),
-          onDelete: ae,
-          onUpdate: (e) => Z(e.id, e),
-          selectedFieldId: V || void 0
+          isVisible: j,
+          position: h,
+          availableFields: s.available || [],
+          filteredFields: ee,
+          filterQuery: b,
+          allowCreate: s.allowCreate || !1,
+          onSelect: ke,
+          onClose: Te,
+          onCreateField: R,
+          existingFields: u,
+          onSelectExisting: Se
         }
-      ) })
-    ] }),
-    /* @__PURE__ */ r(
-      Re,
-      {
-        isVisible: j,
-        position: h,
-        availableFields: s.available || [],
-        filteredFields: ee,
-        filterQuery: b,
-        allowCreate: s.allowCreate || !1,
-        onSelect: ke,
-        onClose: Te,
-        onCreateField: R,
-        existingFields: u,
-        onSelectExisting: Se
-      }
-    )
-  ] });
-});
+      )
+    ] });
+  }
+);
 Ge.displayName = "SuperDocTemplateBuilder";
 export {
   Pe as FieldList,

package/dist/types.d.ts

@@ -137,4 +137,3 @@ export interface SuperDocTemplateBuilderHandle {
      */
     getSuperDoc: () => SuperDoc | null;
 }
-//# sourceMappingURL=types.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@superdoc-dev/template-builder",
-  "version": "1.0.0",
+  "version": "1.0.1-next.1",
   "description": "React template builder component for SuperDoc",
   "type": "module",
   "main": "./dist/index.js",
@@ -21,19 +21,16 @@
     "dev": "vite build --watch",
     "build": "tsc && vite build",
     "type-check": "tsc --noEmit",
-    "lint": "eslint src demo",
-    "lint:fix": "eslint src demo --fix",
-    "format": "prettier --write \"src/**/*.{ts,tsx}\" \"demo/**/*.{ts,tsx}\"",
-    "format:check": "prettier --check \"src/**/*.{ts,tsx}\" \"demo/**/*.{ts,tsx}\"",
-    "test": "vitest",
+    "lint": "eslint src",
+    "lint:fix": "eslint src --fix",
+    "test": "vitest run",
     "test:watch": "vitest --watch",
-    "prepare": "husky",
-    "release": "semantic-release",
-    "check:all": "pnpm run format:check && pnpm run lint && pnpm run type-check && pnpm run build"
+    "prepublishOnly": "pnpm run build"
   },
   "repository": {
     "type": "git",
-    "url": "https://github.com/superdoc-dev/template-builder.git"
+    "url": "git+https://github.com/superdoc-dev/superdoc.git",
+    "directory": "packages/template-builder"
   },
   "keywords": [
     "superdoc",
@@ -46,54 +43,38 @@
     "react"
   ],
   "author": "SuperDoc Team",
-  "license": "AGPLv3",
+  "license": "AGPL-3.0",
   "bugs": {
-    "url": "https://github.com/superdoc-dev/template-builder/issues"
+    "url": "https://github.com/superdoc-dev/superdoc/issues"
   },
-  "homepage": "https://github.com/superdoc-dev/template-builder#readme",
+  "homepage": "https://github.com/superdoc-dev/superdoc/tree/main/packages/template-builder#readme",
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
     "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
-    "superdoc": "^1.5.0"
+    "superdoc": "^1.9.0"
   },
   "devDependencies": {
-    "@commitlint/cli": "^20.1.0",
-    "@commitlint/config-conventional": "^20.0.0",
-    "@eslint/js": "^9.39.1",
-    "@semantic-release/git": "^10.0.1",
-    "@testing-library/jest-dom": "^6.9.1",
-    "@testing-library/react": "^16.3.0",
-    "@testing-library/user-event": "^14.6.1",
-    "@types/node": "^24.10.1",
-    "@types/react": "^19.2.6",
-    "@types/react-dom": "^19.2.3",
-    "@vitejs/plugin-react": "^5.1.1",
-    "eslint": "^9.39.1",
-    "eslint-plugin-react": "^7.37.5",
-    "eslint-plugin-react-hooks": "^7.0.1",
-    "husky": "^9.1.7",
-    "jsdom": "^27.2.0",
-    "lint-staged": "^16.2.7",
-    "prettier": "^3.6.2",
-    "react": "^19.2.0",
-    "react-dom": "^19.2.0",
-    "semantic-release": "^25.0.2",
-    "typescript": "^5.9.3",
-    "typescript-eslint": "^8.47.0",
-    "vite": "^7.2.4",
-    "vite-plugin-dts": "^4.5.4",
-    "vitest": "^4.0.13"
+    "@testing-library/jest-dom": "catalog:",
+    "@testing-library/react": "catalog:",
+    "@testing-library/user-event": "catalog:",
+    "@types/react": "catalog:",
+    "@types/react-dom": "catalog:",
+    "@vitejs/plugin-react": "catalog:",
+    "eslint-plugin-react": "catalog:",
+    "eslint-plugin-react-hooks": "catalog:",
+    "react": "catalog:",
+    "react-dom": "catalog:",
+    "superdoc": "workspace:*",
+    "typescript": "catalog:",
+    "vite": "catalog:",
+    "vite-plugin-dts": "catalog:",
+    "vitest": "catalog:",
+    "jsdom": "catalog:"
   },
   "publishConfig": {
     "access": "public"
   },
   "engines": {
     "node": ">=18"
-  },
-  "lint-staged": {
-    "*.{ts,tsx}": [
-      "prettier --write",
-      "eslint --fix"
-    ]
   }
 }

package/dist/defaults/FieldList.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FieldList.d.ts","sourceRoot":"","sources":["../../src/defaults/FieldList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,KAAK,EAAE,cAAc,EAAiB,MAAM,UAAU,CAAC;AA0H9D,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAoJ9C,CAAC"}

package/dist/defaults/FieldMenu.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FieldMenu.d.ts","sourceRoot":"","sources":["../../src/defaults/FieldMenu.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAmB,cAAc,EAAE,MAAM,UAAU,CAAC;AAEhE,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA8b9C,CAAC"}

package/dist/defaults/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/defaults/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC"}

package/dist/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,KAAK,KAAK,MAAM,SAAS,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAElD,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC;AAoGhC,QAAA,MAAM,uBAAuB,oJAymB3B,CAAC;AAIH,eAAe,uBAAuB,CAAC"}

package/dist/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"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"}