better-react-email-editor 0.1.1 → 0.1.2

package/dist/index.cjs

@@ -1,2 +1,2 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,n)=>{let r={};for(var i in e)t(r,i,{get:e[i],enumerable:!0});return n||t(r,Symbol.toStringTag,{value:`Module`}),r},s=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},c=(n,r,o)=>(o=n==null?{}:e(i(n)),s(r||!n||!n.__esModule||!a.call(n,`default`)?t(o,`default`,{value:n,enumerable:!0}):o,n));let l=require("react"),u=require("@tiptap/extension-placeholder"),d=require("@tiptap/react"),f=require("@react-email/editor/core"),p=require("@react-email/editor/extensions"),m=require("@react-email/editor/plugins"),h=require("@tiptap/pm/model"),g=require("@tiptap/pm/state"),_=require("@tiptap/html"),v=require("@react-email/editor/ui"),y=require("react/jsx-runtime"),b=require("@radix-ui/react-popover");b=c(b,1);let x=require("react-colorful"),S=require("@tiptap/core"),C=require("react-email"),w=require("react-dom");function T(...e){return e.filter(Boolean).join(` `)}var E=new Set([`container`,`section`,`columnsColumn`]),D=new Set([`twoColumns`,`threeColumns`,`fourColumns`]),ee=`application/x-email-block`;function O(e,t){let n=e.nodeDOM(t);return n instanceof HTMLElement?n.getBoundingClientRect():null}function te(e,t,n){let r=[];return t.forEach((t,i)=>{let a=n+1+i,o=O(e,a);o&&r.push({node:t,pos:a,rect:o})}),r}function k(e){return e.type.name===`paragraph`&&e.childCount===0}function A(e){let t=null;return e.forEach((e,n)=>{!t&&e.type.name===`container`&&(t={node:e,pos:n})}),t}function j(e,t,n,r,i){let a=A(e.state.doc);if(!a)return null;let o=e=>!!i&&e>=i.from&&e<i.to,s=(i,a)=>{let c=te(e,i,a),l=O(e,a);if(!l)return null;for(let r of c){let{rect:i}=r,a=Math.min(12,i.height/4),c=n>i.top+a&&n<i.bottom-a,l=t>=i.left&&t<=i.right;if(!c||!l||o(r.pos))continue;let u=r.node.type.name;if(E.has(u)){let e=s(r.node,r.pos);if(e)return e}else if(D.has(u)){let n=te(e,r.node,r.pos),i=n.find(e=>t>=e.rect.left&&t<=e.rect.right)??(t<n[0]?.rect.left?n[0]:n[n.length-1]);if(i&&!o(i.pos)){let e=s(i.node,i.pos);if(e)return e}}}if(c.length===1&&k(c[0].node)&&!o(c[0].pos)){let e=c[0];return i.type.validContent(r)?{pos:e.pos,replaceTo:e.pos+e.node.nodeSize,line:{top:e.rect.top,left:l.left,width:l.width},emptyZone:{top:l.top,left:l.left,width:l.width,height:Math.max(l.height,40)}}:null}let u=c.length;for(let e=0;e<c.length;e++){let{rect:t}=c[e];if(n<t.top+t.height/2){u=e;break}}let d=u,f=u<c.length?(e=>{let t=0,n=-1;return i.forEach((r,i)=>{a+1+i===e&&(n=t),t++}),n})(c[u].pos):i.childCount;if(!i.canReplace(f,f,r))return null;let p=d<c.length?c[d].pos:a+i.nodeSize-1,m;return m=c.length===0?l.top+4:d===0?c[0].rect.top:d===c.length?c[c.length-1].rect.bottom:(c[d-1].rect.bottom+c[d].rect.top)/2,{pos:p,line:{top:m,left:l.left,width:l.width}}};return s(a.node,a.pos)}function ne(e,t){let{schema:n,doc:r}=e.state;if(t.kind===`new`)try{return h.Fragment.fromArray(t.content().map(e=>n.nodeFromJSON(e)))}catch(e){return console.error(`Invalid block content`,e),null}let i=r.nodeAt(t.pos);return i?h.Fragment.from(i):null}function re(e,t){let n=e.doc.nodeAt(t);n&&(n.isAtom||n.type.name===`horizontalRule`?e.setSelection(g.NodeSelection.create(e.doc,t)):e.setSelection(g.TextSelection.near(e.doc.resolve(t+1))))}function M(e){let{selection:t,doc:n}=e.state;t instanceof g.NodeSelection&&e.dispatch(e.state.tr.setSelection(g.Selection.near(n.resolve(t.from))))}function ie(e,t){if(t.replaceTo!==void 0)return t;let n=e.resolve(t.pos),r=n.parent,i=r.lastChild;return n.index()!==r.childCount||!i||r.childCount<2||!k(i)?t:{...t,pos:t.pos-i.nodeSize}}function N(e,t,n){let{view:r}=e;M(r);let i=ne(r,t);if(!i)return!1;let a=ie(r.state.doc,n),o=r.state.tr;if(t.kind===`new`)a.replaceTo===void 0?o.insert(a.pos,i):o.replaceWith(a.pos,a.replaceTo,i),re(o,a.pos);else{let e=r.state.doc.nodeAt(t.pos);if(!e)return!1;let n=t.pos,i=n+e.nodeSize;if(a.replaceTo===void 0&&(a.pos===n||a.pos===i))return!1;ae(o,n,i);let s=o.mapping.map(a.pos,-1);if(a.replaceTo!==void 0){let t=o.mapping.map(a.replaceTo,1);o.replaceWith(s,t,e)}else o.insert(s,e);re(o,s)}return r.dispatch(o.scrollIntoView()),r.focus(),!0}function ae(e,t,n){let r=e.doc.resolve(t).parent;r.childCount===1&&E.has(r.type.name)?e.replaceWith(t,n,e.doc.type.schema.nodes.paragraph.create()):e.delete(t,n)}function P(e,t,n=!0){if(t<0||t>e.content.size)return null;let r=[],i=e.nodeAt(t);n&&i&&r.push({pos:t,node:i});let a=e.resolve(t);for(let e=a.depth;e>0;e--)r.push({pos:a.before(e),node:a.node(e)});for(let t of r){let n=e.resolve(t.pos).parent.type.name;if(E.has(n)||D.has(n))return t}return null}function oe(e){return e.node.type.name===`columnsColumn`}function se(e,t){let n=e.resolve(t.pos);for(let r=n.depth;r>0;r--){let i=P(e,n.before(r));if(i&&i.pos!==t.pos)return i}return null}function F(e){let{selection:t,doc:n}=e.state;return t instanceof g.NodeSelection?P(n,t.from)??{pos:t.from,node:t.node}:P(n,t.from,!1)}function I(e,t){let{view:n}=e,r=n.state.tr.setSelection(g.NodeSelection.create(n.state.doc,t.pos));n.dispatch(r),n.focus()}function ce(e,t){let{view:n}=e;M(n);let r=n.state.doc.nodeAt(t.pos);if(!r)return;let i=t.pos+r.nodeSize,a=n.state.tr.insert(i,r.copy(r.content));a.setSelection(g.NodeSelection.create(a.doc,i)),n.dispatch(a.scrollIntoView()),n.focus()}function le(e,t){let{view:n}=e,r=n.state.doc.nodeAt(t.pos);if(!r)return;let i=n.state.tr;ae(i,t.pos,t.pos+r.nodeSize),n.dispatch(i)}function ue(e,t){let n=A(e.state.doc);if(!n)return;let r=n.node.lastChild,i=n.pos+n.node.nodeSize-1;N(e,{kind:`new`,label:``,content:()=>t},r&&k(r)&&n.node.childCount>1?{pos:i-r.nodeSize,replaceTo:i,line:{top:0,left:0,width:0}}:{pos:i,line:{top:0,left:0,width:0}})}var de=p.Button.extend({parseHTML(){return[{tag:`a[data-id="react-email-button"]`,getAttrs:e=>{if(typeof e==`string`)return!1;let t=e,n=t.parentElement?.className.match(/align-(left|center|right)/)?.[1],r=t.className.replace(/\bnode-button\b/g,``).trim();return{href:t.getAttribute(`href`)??t.dataset.href??`#`,alignment:n??`left`,class:r||`button`,style:t.getAttribute(`style`)}}}]}});function fe(e,t){let n=t.clipboardData?.getData(`text/html`)??``,r=n.includes(`data-pm-slice`);if((t.clipboardData?.files?.length??0)>0)return!1;let{view:i}=e,{state:a}=i,{selection:o}=a;if(o instanceof g.NodeSelection&&o.node.isBlock){let e=o.node,t=e.type.name===`columnsColumn`?o.from+e.nodeSize-1:o.from+e.nodeSize,n=a.doc.resolve(t),r=a.schema.nodes.paragraph;if(D.has(n.parent.type.name)||!n.parent.canReplaceWith(n.index(),n.index(),r))return!1;i.dispatch(a.tr.setSelection(g.TextSelection.near(n)));let s=i.state.tr.insert(t,r.create());s.setSelection(g.TextSelection.create(s.doc,t+1)),i.dispatch(s)}return r?(t.preventDefault(),t.stopPropagation(),i.pasteHTML(n),!0):!1}var pe=/class="[^"]*node-/,L=[`script`,`iframe`,`object`,`embed`,`meta`,`base`],me=[`href`,`src`],he={a:[`href`,`target`,`rel`],img:[`src`,`alt`,`width`,`height`],td:[`colspan`,`rowspan`],th:[`colspan`,`rowspan`,`scope`],table:[`border`,`cellpadding`,`cellspacing`],"*":[`id`]};function R(e,t){let n=e.trim().toLowerCase();return n.startsWith(`javascript:`)||n.startsWith(`vbscript:`)?!1:!n.startsWith(`data:`)||t&&n.startsWith(`data:image/`)}function ge(e){let t=new Set([...he[e.tagName.toLowerCase()]??[],...he[`*`]]);for(let n of Array.from(e.attributes))(n.name.startsWith(`data-`)||!t.has(n.name))&&e.removeAttribute(n.name)}function _e(e){e.nodeType===Node.ELEMENT_NODE&&ge(e);for(let t of Array.from(e.childNodes))_e(t)}function ve(e){let t=new DOMParser().parseFromString(e,`text/html`);for(let e of L)for(let n of Array.from(t.body.getElementsByTagName(e)))n.remove();for(let e of Array.from(t.body.querySelectorAll(`[href], [src]`))){let t=e.tagName.toLowerCase()===`img`;for(let n of me){let r=e.getAttribute(n);r!==null&&!R(r,t)&&e.removeAttribute(n)}}return pe.test(e)||_e(t.body),t.body.innerHTML}function ye(e){return(t,n,r)=>{if(r.content.childCount===1)return!1;let i=n.clipboardData?.getData?.(`text/html`);if(!i)return!1;n.preventDefault();let a=(0,_.generateJSON)(ve(i),e),o=t.state.schema.nodeFromJSON(a);return t.dispatch(t.state.tr.replaceSelectionWith(o,!1)),!0}}function be(){let e=null;return{get:()=>e,start:t=>{e=t},end:()=>{e=null}}}function xe(){let e=null,t=new Set;return{get:()=>e,set:n=>{if(n!==e){e=n;for(let e of t)e()}},subscribe:e=>(t.add(e),()=>{t.delete(e)})}}var Se={topBar:{layers:`Layers`,toggleLayers:`Show / hide layers`,undo:`Undo (Ctrl+Z)`,redo:`Redo (Ctrl+Y)`,canvasWidth:`Canvas width`,desktop:`Desktop`,mobile:`Mobile`,template:`Template`,confirmTemplate:`Replace the content with the starter template?`,import:`Import`,exportJson:`Save JSON`,preview:`Preview`,exportHtml:`Export HTML`,invalidFile:e=>`Invalid file: ${e}`},preview:{dialogLabel:`Preview and export`,desktop:`Desktop`,mobile:`Mobile`,html:`HTML`,text:`Plain text`,copy:`Copy`,copied:`Copied ✓`,download:`Download .html`,close:`Close`,rendering:`Rendering the email…`,renderError:e=>`Render error: ${e}`,iframeTitle:`Email preview`},sidebar:{label:`Side panel`,tabContent:`Content`,tabBlocks:`Blocks`,tabBody:`Body`,layoutTitle:`Layout`,contentTitle:`Content`,dragHint:`Drag an item into the email. A click adds it at the end.`,tileTitle:e=>`Drag “${e}” into the email (or click to add it at the end)`,propertiesEyebrow:`Properties`,closeProperties:`Close (back to content)`,breadcrumb:`Hierarchy`,selectedText:`Selected text`},body:{general:`General`,previewText:`Preview text`,previewTextPlaceholder:`Shown after the subject line in the inbox`,background:`Background`,backgroundColor:`Background color`,outerPadding:`Outer padding`,content:`Content`,width:`Width`,contentColor:`Content color`,innerPadding:`Inner padding`,radius:`Corner radius`,defaultStyles:`Default styles`,text:`Text`,headings:`Headings`,links:`Links`,buttonBackground:`Button background`,buttonText:`Button text`},inspector:{typography:`Typography`,color:`Color`,size:`Size`,weight:`Weight`,weightLight:`Light`,weightNormal:`Normal`,weightSemibold:`Semibold`,weightBold:`Bold`,weightExtrabold:`Extra bold`,lineHeight:`Line height`,alignment:`Alignment`,spacing:`Spacing`,padding:`Padding`,box:`Background & border`,backgroundColor:`Background color`,radius:`Corner radius`,border:`Border`,borderColor:`Border color`,image:`Image`,uploadImage:`Upload an image…`,imageUrl:`Image URL`,altText:`Alt text`,altPlaceholder:`Describe the image`,layout:`Layout`,autoWidth:`Auto width`,width:`Width`,action:`Action`,clickLink:`Link on click`,linkUrl:`Link URL`,button:`Button`,textColor:`Text color`,textSize:`Text size`,buttonPadding:`Button padding`,networks:`Networks`,removeNetwork:`Remove`,addNetwork:`+ Add a network`,appearance:`Appearance`,iconSize:`Icon size`,gap:`Spacing`,columns:`Columns`,distribution:`Distribution`,equal:`Equal`,columnGap:`Gap between columns`,columnsHint:`Click inside a column to set its background and padding.`,spacer:`Spacer`,height:`Height`,htmlCode:`HTML code`,htmlHint:`The HTML is inserted as is in the exported email.`,line:`Line`,thickness:`Thickness`,lineStyle:`Style`,heading:`Heading`,level:`Level`,formatting:`Formatting`,bold:`Bold`,italic:`Italic`,underline:`Underline`,strike:`Strikethrough`,link:`Link`,url:`URL`,linkColor:`Link color`},fields:{colorDefault:`Default`,chooseColor:e=>`Pick a color (${e})`,hexCode:`Hex code`,eyedropper:`Eyedropper: pick a color on screen`,documentColors:`Document colors`,palette:`Palette`,resetColor:`Reset to default`,alignLeft:`Left`,alignCenter:`Center`,alignRight:`Right`,top:`Top`,right:`Right`,bottom:`Bottom`,left:`Left`,moreOptions:`More options`,auto:`auto`},layers:{title:`Layers`,expandAll:`Expand all`,collapseAll:`Collapse all`,close:`Close layers`,tree:`Email structure`,emptyEmail:`The email is empty.`,emptyZone:`Empty — drop content here`,column:e=>`Column ${e}`,fixedHint:`Columns stay in their row`,itemHint:`Click to select, drag to move`,expand:`Expand`,collapse:`Collapse`,uploadedImage:`uploaded image`,empty:`empty`},canvas:{dropHere:`Drop here`,dropLabel:e=>e?`Drop “${e}” here`:`Drop here`,emptyZone:`Drag content here`,move:`Drag to move`,moveLabel:e=>`Move: ${e}`,selectParent:e=>`Select: ${e}`,duplicate:`Duplicate`,delete:`Delete`},placeholder:{heading:`Heading`,paragraph:`Write, or type “/” for commands`},nodes:{body:`Body`,paragraph:`Text`,heading:`Heading`,image:`Image`,button:`Button`,horizontalRule:`Divider`,spacer:`Spacer`,socialLinks:`Social links`,htmlBlock:`HTML`,section:`Section`,twoColumns:`Row · 2 columns`,threeColumns:`Row · 3 columns`,fourColumns:`Row · 4 columns`,columnsColumn:`Column`,bulletList:`List`,orderedList:`Numbered list`,listItem:`List item`,blockquote:`Quote`,codeBlock:`Code`,table:`Table`,container:`Email`},palette:{oneColumn:`1 column`,twoColumns:`2 columns`,threeColumns:`3 columns`,fourColumns:`4 columns`,heading:`Heading`,text:`Text`,button:`Button`,image:`Image`,divider:`Divider`,spacer:`Spacer`,social:`Social`,menu:`Menu`,list:`List`,quote:`Quote`,html:`HTML`,card:`Card`},templates:{header:`Header`,headerDescription:`Logo on the left, menu on the right`,hero:`Hero`,heroDescription:`Big heading, tagline and button`,products:`Products`,productsDescription:`Two product cards side by side`,features:`Features`,featuresDescription:`Three columns with heading + text`,testimonial:`Testimonial`,testimonialDescription:`Highlighted customer quote`,footer:`Footer`,footerDescription:`Social links, address and unsubscribe`},content:{heading:`Your heading here`,text:`This is a new text block. Click it to edit the content, select text to format it.`,button:`Click here`,image:`Image`,menuHome:`Home`,menuShop:`Shop`,menuBlog:`Blog`,menuContact:`Contact`,listItems:[`First item`,`Second item`,`Third item`],quote:`“A quote that highlights your message.”`,html:`<p style="margin:0;text-align:center;font-family:sans-serif">Your custom <strong>HTML</strong></p>`,cardTitle:`Did you know?`,cardText:`A card draws attention to an important piece of information.`,logo:`LOGO`,heroTitle:`What’s new this season`,heroText:`Discover our selection made for you, available today.`,heroButton:`Discover`,productA:`Product A`,productB:`Product B`,productText:`A short description of the product.`,productButton:`Buy`,features:[`Free shipping`,`Free returns`,`24/7 support`],featureText:`A clear and concise argument.`,testimonialQuote:`“Flawless service, I recommend it with my eyes closed.”`,testimonialAuthor:`— Camille, customer since 2021`,footerAddress:`Acme Inc. · 10 Main Street, Springfield`,unsubscribe:`Unsubscribe`,starterTitle:`Our favourites`},slashCommands:{}},Ce={topBar:{layers:`Calques`,toggleLayers:`Afficher / masquer les calques`,undo:`Annuler (Ctrl+Z)`,redo:`Rétablir (Ctrl+Y)`,canvasWidth:`Largeur du canvas`,desktop:`Bureau`,mobile:`Mobile`,template:`Modèle`,confirmTemplate:`Remplacer le contenu par le modèle de départ ?`,import:`Importer`,exportJson:`Enregistrer JSON`,preview:`Aperçu`,exportHtml:`Exporter HTML`,invalidFile:e=>`Fichier invalide : ${e}`},preview:{dialogLabel:`Aperçu et export`,desktop:`Bureau`,mobile:`Mobile`,html:`HTML`,text:`Texte brut`,copy:`Copier`,copied:`Copié ✓`,download:`Télécharger .html`,close:`Fermer`,rendering:`Rendu de l’email…`,renderError:e=>`Erreur de rendu : ${e}`,iframeTitle:`Aperçu de l’email`},sidebar:{label:`Panneau latéral`,tabContent:`Contenu`,tabBlocks:`Blocs`,tabBody:`Corps`,layoutTitle:`Mise en page`,contentTitle:`Contenus`,dragHint:`Glissez un élément dans l’email. Un clic l’ajoute à la fin.`,tileTitle:e=>`Glissez « ${e} » dans l’email (ou cliquez pour l’ajouter à la fin)`,propertiesEyebrow:`Propriétés`,closeProperties:`Fermer (retour aux contenus)`,breadcrumb:`Hiérarchie`,selectedText:`Texte sélectionné`},body:{general:`Général`,previewText:`Texte d’aperçu`,previewTextPlaceholder:`Affiché après l’objet dans la boîte de réception`,background:`Arrière-plan`,backgroundColor:`Couleur de fond`,outerPadding:`Marge extérieure`,content:`Contenu`,width:`Largeur`,contentColor:`Couleur du contenu`,innerPadding:`Marge intérieure`,radius:`Arrondi`,defaultStyles:`Styles par défaut`,text:`Texte`,headings:`Titres`,links:`Liens`,buttonBackground:`Fond des boutons`,buttonText:`Texte des boutons`},inspector:{typography:`Typographie`,color:`Couleur`,size:`Taille`,weight:`Graisse`,weightLight:`Fin`,weightNormal:`Normal`,weightSemibold:`Semi-gras`,weightBold:`Gras`,weightExtrabold:`Extra-gras`,lineHeight:`Interligne`,alignment:`Alignement`,spacing:`Espacement`,padding:`Marge intérieure`,box:`Fond et bordure`,backgroundColor:`Couleur de fond`,radius:`Arrondi`,border:`Bordure`,borderColor:`Couleur de bordure`,image:`Image`,uploadImage:`Importer une image…`,imageUrl:`URL de l’image`,altText:`Texte alternatif`,altPlaceholder:`Décrivez l’image`,layout:`Disposition`,autoWidth:`Largeur auto`,width:`Largeur`,action:`Action`,clickLink:`Lien au clic`,linkUrl:`URL du lien`,button:`Bouton`,textColor:`Couleur du texte`,textSize:`Taille du texte`,buttonPadding:`Marges du bouton`,networks:`Réseaux`,removeNetwork:`Retirer`,addNetwork:`+ Ajouter un réseau`,appearance:`Apparence`,iconSize:`Taille des icônes`,gap:`Espacement`,columns:`Colonnes`,distribution:`Répartition`,equal:`Égales`,columnGap:`Espace entre colonnes`,columnsHint:`Cliquez dans une colonne pour régler son fond et ses marges.`,spacer:`Espacement`,height:`Hauteur`,htmlCode:`Code HTML`,htmlHint:`Le HTML est inséré tel quel dans l’email exporté.`,line:`Ligne`,thickness:`Épaisseur`,lineStyle:`Style`,heading:`Titre`,level:`Niveau`,formatting:`Mise en forme`,bold:`Gras`,italic:`Italique`,underline:`Souligné`,strike:`Barré`,link:`Lien`,url:`URL`,linkColor:`Couleur du lien`},fields:{colorDefault:`Par défaut`,chooseColor:e=>`Choisir une couleur (${e})`,hexCode:`Code hexadécimal`,eyedropper:`Pipette : prendre une couleur à l’écran`,documentColors:`Couleurs du document`,palette:`Palette`,resetColor:`Revenir à la valeur par défaut`,alignLeft:`Gauche`,alignCenter:`Centre`,alignRight:`Droite`,top:`Haut`,right:`Droite`,bottom:`Bas`,left:`Gauche`,moreOptions:`Plus d’options`,auto:`auto`},layers:{title:`Calques`,expandAll:`Tout déplier`,collapseAll:`Tout replier`,close:`Fermer les calques`,tree:`Structure de l’email`,emptyEmail:`L’email est vide.`,emptyZone:`Vide — déposez du contenu ici`,column:e=>`Colonne ${e}`,fixedHint:`Les colonnes restent dans leur ligne`,itemHint:`Cliquer pour sélectionner, glisser pour déplacer`,expand:`Déplier`,collapse:`Replier`,uploadedImage:`image importée`,empty:`vide`},canvas:{dropHere:`Déposer ici`,dropLabel:e=>e?`Déposer « ${e} » ici`:`Déposer ici`,emptyZone:`Glissez du contenu ici`,move:`Glisser pour déplacer`,moveLabel:e=>`Déplacer : ${e}`,selectParent:e=>`Sélectionner : ${e}`,duplicate:`Dupliquer`,delete:`Supprimer`},placeholder:{heading:`Titre`,paragraph:`Écrivez, ou tapez « / » pour les commandes`},nodes:{body:`Corps`,paragraph:`Texte`,heading:`Titre`,image:`Image`,button:`Bouton`,horizontalRule:`Séparateur`,spacer:`Espacement`,socialLinks:`Réseaux sociaux`,htmlBlock:`HTML`,section:`Section`,twoColumns:`Ligne · 2 colonnes`,threeColumns:`Ligne · 3 colonnes`,fourColumns:`Ligne · 4 colonnes`,columnsColumn:`Colonne`,bulletList:`Liste`,orderedList:`Liste numérotée`,listItem:`Élément de liste`,blockquote:`Citation`,codeBlock:`Code`,table:`Tableau`,container:`Email`},palette:{oneColumn:`1 colonne`,twoColumns:`2 colonnes`,threeColumns:`3 colonnes`,fourColumns:`4 colonnes`,heading:`Titre`,text:`Texte`,button:`Bouton`,image:`Image`,divider:`Séparateur`,spacer:`Espacement`,social:`Réseaux`,menu:`Menu`,list:`Liste`,quote:`Citation`,html:`HTML`,card:`Encadré`},templates:{header:`En-tête`,headerDescription:`Logo à gauche, menu à droite`,hero:`Hero`,heroDescription:`Grand titre, accroche et bouton`,products:`Produits`,productsDescription:`Deux cartes produit côte à côte`,features:`Avantages`,featuresDescription:`Trois colonnes titre + texte`,testimonial:`Témoignage`,testimonialDescription:`Citation client mise en avant`,footer:`Pied de page`,footerDescription:`Réseaux sociaux, adresse et désinscription`},content:{heading:`Votre titre ici`,text:`Ceci est un nouveau bloc de texte. Cliquez dessus pour modifier le contenu, sélectionnez du texte pour le mettre en forme.`,button:`Cliquez ici`,image:`Image`,menuHome:`Accueil`,menuShop:`Boutique`,menuBlog:`Blog`,menuContact:`Contact`,listItems:[`Premier point`,`Deuxième point`,`Troisième point`],quote:`« Une citation qui met en valeur votre message. »`,html:`<p style="margin:0;text-align:center;font-family:sans-serif">Votre <strong>HTML</strong> personnalisé</p>`,cardTitle:`Le saviez-vous ?`,cardText:`Un encadré attire l’œil sur une information importante.`,logo:`LOGO`,heroTitle:`Les nouveautés de la saison`,heroText:`Découvrez notre sélection pensée pour vous, disponible dès aujourd’hui.`,heroButton:`Découvrir`,productA:`Produit A`,productB:`Produit B`,productText:`Une courte description du produit.`,productButton:`Acheter`,features:[`Livraison offerte`,`Retours gratuits`,`Support 7j/7`],featureText:`Un argument clair et concis.`,testimonialQuote:`« Service impeccable, je recommande les yeux fermés. »`,testimonialAuthor:`— Camille, cliente depuis 2021`,footerAddress:`Acme SAS · 10 rue de la Paix, 75002 Paris`,unsubscribe:`Se désinscrire`,starterTitle:`Nos coups de cœur`},slashCommands:{Text:{title:`Texte`,description:`Paragraphe simple`},Title:{title:`Titre`,description:`Grand titre`},Subtitle:{title:`Sous-titre`,description:`Titre moyen`},Heading:{title:`Intertitre`,description:`Petit titre`},"Bullet list":{title:`Liste à puces`,description:`Liste non ordonnée`},"Numbered list":{title:`Liste numérotée`,description:`Liste ordonnée`},Quote:{title:`Citation`,description:`Bloc de citation`},"Code block":{title:`Bloc de code`,description:`Extrait de code`},Button:{title:`Bouton`,description:`Bouton cliquable`},Divider:{title:`Séparateur`,description:`Ligne horizontale`},Section:{title:`Section`,description:`Section de contenu`},"2 columns":{title:`2 colonnes`,description:`Mise en page sur deux colonnes`},"3 columns":{title:`3 colonnes`,description:`Mise en page sur trois colonnes`},"4 columns":{title:`4 colonnes`,description:`Mise en page sur quatre colonnes`}}},we={en:Se,fr:Ce};function Te(e,t){return typeof e==`function`?e(t):e}function Ee(e){return typeof e==`object`&&!!e&&!Array.isArray(e)}function De(e,t){if(!Ee(t)||!Ee(e))return t??e;let n={...e};for(let[e,r]of Object.entries(t))r!==void 0&&(n[e]=Ee(r)&&Ee(n[e])?De(n[e],r):r);return n}function Oe(e,t){let n=we[e]??Se;return t?De(n,t):n}var ke=o({CopyIcon:()=>je,DesktopIcon:()=>Ie,GripIcon:()=>Ae,LayersIcon:()=>Re,MobileIcon:()=>Le,OneColumnIcon:()=>Ue,ParentIcon:()=>Ne,PipetteIcon:()=>ze,RedoIcon:()=>Fe,SocialIcon:()=>He,SpacerIcon:()=>Be,SpacerTileIcon:()=>Ve,TrashIcon:()=>Me,UndoIcon:()=>Pe}),z=(e,t=2)=>({viewBox:`0 0 24 24`,width:e,height:e,fill:`none`,stroke:`currentColor`,strokeWidth:t,strokeLinecap:`round`,strokeLinejoin:`round`,"aria-hidden":!0}),Ae=({size:e=14})=>(0,y.jsx)(`svg`,{viewBox:`0 0 24 24`,width:e,height:e,fill:`currentColor`,"aria-hidden":!0,children:[6,12,18].map(e=>(0,y.jsxs)(`g`,{children:[(0,y.jsx)(`circle`,{cx:`9`,cy:e,r:`1.6`}),(0,y.jsx)(`circle`,{cx:`15`,cy:e,r:`1.6`})]},e))}),je=({size:e=14})=>(0,y.jsxs)(`svg`,{...z(e),children:[(0,y.jsx)(`rect`,{x:`8`,y:`8`,width:`12`,height:`12`,rx:`2`}),(0,y.jsx)(`path`,{d:`M16 8V6a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h2`})]}),Me=({size:e=14})=>(0,y.jsx)(`svg`,{...z(e),children:(0,y.jsx)(`path`,{d:`M4 7h16M10 11v6M14 11v6M6 7l1 12a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2l1-12M9 7V4h6v3`})}),Ne=({size:e=14})=>(0,y.jsx)(`svg`,{...z(e),children:(0,y.jsx)(`path`,{d:`M12 19V5M6 11l6-6 6 6`})}),Pe=({size:e=16})=>(0,y.jsxs)(`svg`,{...z(e),children:[(0,y.jsx)(`path`,{d:`M9 14 4 9l5-5`}),(0,y.jsx)(`path`,{d:`M4 9h10.5a5.5 5.5 0 0 1 0 11H11`})]}),Fe=({size:e=16})=>(0,y.jsxs)(`svg`,{...z(e),children:[(0,y.jsx)(`path`,{d:`m15 14 5-5-5-5`}),(0,y.jsx)(`path`,{d:`M20 9H9.5a5.5 5.5 0 0 0 0 11H13`})]}),Ie=({size:e=16})=>(0,y.jsxs)(`svg`,{...z(e),children:[(0,y.jsx)(`rect`,{x:`3`,y:`4`,width:`18`,height:`12`,rx:`2`}),(0,y.jsx)(`path`,{d:`M8 20h8M12 16v4`})]}),Le=({size:e=16})=>(0,y.jsxs)(`svg`,{...z(e),children:[(0,y.jsx)(`rect`,{x:`7`,y:`2`,width:`10`,height:`20`,rx:`2`}),(0,y.jsx)(`path`,{d:`M11 18h2`})]}),Re=({size:e=16})=>(0,y.jsxs)(`svg`,{...z(e),children:[(0,y.jsx)(`path`,{d:`m12 3 9 5-9 5-9-5 9-5Z`}),(0,y.jsx)(`path`,{d:`m3 13 9 5 9-5`})]}),ze=({size:e=15})=>(0,y.jsxs)(`svg`,{...z(e),children:[(0,y.jsx)(`path`,{d:`m2 22 1-1h3l9-9`}),(0,y.jsx)(`path`,{d:`M3 21v-3l9-9`}),(0,y.jsx)(`path`,{d:`m15 6 3.4-3.4a2.1 2.1 0 1 1 3 3L18 9l.4.4a2.1 2.1 0 1 1-3 3l-3.8-3.8a2.1 2.1 0 1 1 3-3l.4.4Z`})]}),Be=({size:e=14})=>(0,y.jsx)(`svg`,{...z(e),children:(0,y.jsx)(`path`,{d:`M4 4h16M4 20h16M12 8v8`})}),Ve=({size:e=22})=>(0,y.jsx)(`svg`,{...z(e,1.8),children:(0,y.jsx)(`path`,{d:`M4 4h16M4 20h16M12 7v10M9 9.5 12 7l3 2.5M9 14.5l3 2.5 3-2.5`})}),He=({size:e=22})=>(0,y.jsxs)(`svg`,{...z(e,1.8),children:[(0,y.jsx)(`circle`,{cx:`6`,cy:`12`,r:`2.5`}),(0,y.jsx)(`circle`,{cx:`18`,cy:`6`,r:`2.5`}),(0,y.jsx)(`circle`,{cx:`18`,cy:`18`,r:`2.5`}),(0,y.jsx)(`path`,{d:`m8.2 10.8 7.6-3.6M8.2 13.2l7.6 3.6`})]}),Ue=({size:e=22})=>(0,y.jsx)(`svg`,{...z(e,1.8),children:(0,y.jsx)(`rect`,{x:`4`,y:`4`,width:`16`,height:`16`,rx:`2`})});function B({title:e,children:t,defaultOpen:n=!0,className:r,style:i}){let[a,o]=(0,l.useState)(n);return(0,y.jsxs)(`section`,{className:T(`bree-group`,r),style:i,children:[(0,y.jsxs)(`button`,{type:`button`,className:`bree-group-header`,onClick:()=>o(!a),"aria-expanded":a,children:[(0,y.jsx)(`span`,{children:e}),(0,y.jsx)(`span`,{className:T(`bree-chevron`,a&&`bree-open`),"aria-hidden":!0,children:`›`})]}),a&&(0,y.jsx)(`div`,{className:`bree-group-body`,children:t})]})}function V({label:e,children:t,stacked:n,className:r,style:i}){return(0,y.jsxs)(`label`,{className:T(`bree-field`,n&&`bree-stacked`,r),style:i,children:[(0,y.jsx)(`span`,{className:`bree-field-label`,children:e}),(0,y.jsx)(`span`,{className:`bree-field-control`,children:t})]})}function We(e){let[t,n]=(0,l.useState)(e),[r,i]=(0,l.useState)(e);return Object.is(e,r)||(i(e),n(e)),[t,n]}function H({value:e,onChange:t,placeholder:n,type:r=`text`,className:i,style:a}){let[o,s]=We(e);return(0,y.jsx)(`input`,{className:T(`bree-input`,i),style:a,type:r,value:o,placeholder:n,onChange:e=>s(e.target.value),onBlur:()=>o!==e&&t(o),onKeyDown:e=>{e.key===`Enter`&&t(o)}})}function Ge({value:e,onChange:t,rows:n=8,className:r,style:i}){let[a,o]=We(e);return(0,y.jsx)(`textarea`,{className:T(`bree-input bree-textarea`,r),style:i,rows:n,value:a,spellCheck:!1,onChange:e=>o(e.target.value),onBlur:()=>a!==e&&t(a)})}function Ke(e){if(e==null||e===``||e===`auto`)return``;let t=Number.parseFloat(String(e));return Number.isFinite(t)?t:``}function U({value:e,onChange:t,unit:n=`px`,min:r=0,max:i,step:a=1,placeholder:o,className:s,style:c}){let l=$(),[u,d]=We(String(Ke(e))),f=e=>{if(e.trim()===``)return t(``);let n=Number.parseFloat(e);Number.isFinite(n)&&t(Math.max(r,i===void 0?n:Math.min(i,n)))};return(0,y.jsxs)(`span`,{className:T(`bree-number`,s),style:c,children:[(0,y.jsx)(`input`,{className:`bree-input`,inputMode:`decimal`,value:u,placeholder:o??l.fields.auto,onChange:e=>d(e.target.value),onBlur:()=>f(u),onKeyDown:e=>{if(e.key===`Enter`&&f(u),e.key===`ArrowUp`||e.key===`ArrowDown`){e.preventDefault();let t=(Ke(u)||0)+(e.key===`ArrowUp`?a:-a)*(e.shiftKey?10:1);d(String(t)),f(String(t))}}}),n&&(0,y.jsx)(`span`,{className:`bree-unit`,children:n})]})}function qe({value:e,onChange:t,min:n,max:r,unit:i=`px`,className:a,style:o}){let s=Ke(e)||n;return(0,y.jsxs)(`span`,{className:T(`bree-range`,a),style:o,children:[(0,y.jsx)(`input`,{type:`range`,min:n,max:r,value:s,onChange:e=>t(Number(e.target.value))}),(0,y.jsxs)(`span`,{className:`bree-range-value`,children:[s,i]})]})}var Je=[`#111827`,`#374151`,`#6b7280`,`#d1d5db`,`#f3f4f6`,`#ffffff`,`#ef4444`,`#f97316`,`#f59e0b`,`#10b981`,`#0ea5e9`,`#2563eb`,`#4f46e5`,`#7c3aed`,`#db2777`,`#eef2ff`,`#ecfdf5`,`#fef3c7`];function Ye(e){let t=e.trim().toLowerCase();if(/^#[0-9a-f]{6}$/.test(t))return t;if(/^#[0-9a-f]{3}$/.test(t))return`#${[...t.slice(1)].map(e=>e+e).join(``)}`;let n=t.match(/^rgba?\(\s*(\d+)[\s,]+(\d+)[\s,]+(\d+)/);return n?`#${n.slice(1,4).map(e=>Number(e).toString(16).padStart(2,`0`)).join(``)}`:null}function W({value:e,onChange:t,presets:n=[],swatches:r=Je,placeholder:i,className:a,style:o,popoverClassName:s}){let c=$(),u=i??c.fields.colorDefault,d=typeof e==`string`?e:``,f=Ye(d),[p,m]=(0,l.useState)(!1),[h,g]=(0,l.useState)(f??`#ffffff`),_=(0,l.useRef)(t);(0,l.useEffect)(()=>{_.current=t});let S=(0,l.useRef)(null),C=(0,l.useRef)(0),w=()=>{window.clearTimeout(C.current),C.current=0,S.current&&_.current(S.current),S.current=null},E=e=>{g(e),S.current=e,C.current||=window.setTimeout(w,60)},D=e=>{S.current=null,window.clearTimeout(C.current),C.current=0,g(Ye(e)??h),_.current(e)},ee=typeof window<`u`?window.EyeDropper:void 0,O=[...new Set(n.map(e=>Ye(e)).filter(e=>!!e))].slice(0,9);return(0,y.jsxs)(b.Root,{open:p,onOpenChange:e=>{e?g(f??`#ffffff`):w(),m(e)},children:[(0,y.jsxs)(`span`,{className:T(`bree-color-field`,a),style:o,children:[(0,y.jsx)(b.Trigger,{asChild:!0,children:(0,y.jsx)(`button`,{type:`button`,className:T(`bree-color-trigger`,!f&&`bree-empty`),style:f?{background:f}:void 0,"aria-label":c.fields.chooseColor(d||u)})}),(0,y.jsx)(H,{value:d,onChange:t,placeholder:u})]}),(0,y.jsx)(b.Portal,{children:(0,y.jsx)(v.EditorFocusScope,{children:(0,y.jsxs)(b.Content,{className:T(`bree bree-color-popover`,s),side:`left`,align:`start`,sideOffset:10,collisionPadding:12,onOpenAutoFocus:e=>e.preventDefault(),children:[(0,y.jsx)(x.HexColorPicker,{color:h,onChange:E}),(0,y.jsxs)(`div`,{className:`bree-color-popover-row`,children:[(0,y.jsx)(`span`,{className:`bree-color-preview`,style:{background:h}}),(0,y.jsxs)(`label`,{className:`bree-hex-field`,children:[(0,y.jsx)(`span`,{children:`#`}),(0,y.jsx)(x.HexColorInput,{color:h,onChange:D,"aria-label":c.fields.hexCode})]}),ee&&(0,y.jsx)(`button`,{type:`button`,className:`bree-icon-button`,title:c.fields.eyedropper,onClick:()=>new ee().open().then(e=>D(e.sRGBHex)).catch(()=>{}),children:(0,y.jsx)(ze,{})})]}),O.length>0&&(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(`span`,{className:`bree-color-popover-title`,children:c.fields.documentColors}),(0,y.jsx)(`div`,{className:`bree-swatches`,children:O.map(e=>(0,y.jsx)(`button`,{type:`button`,className:`bree-swatch`,style:{background:e},title:e,onClick:()=>D(e)},e))})]}),(0,y.jsx)(`span`,{className:`bree-color-popover-title`,children:c.fields.palette}),(0,y.jsx)(`div`,{className:`bree-swatches`,children:r.map(e=>(0,y.jsx)(`button`,{type:`button`,className:T(`bree-swatch`,e===h&&`bree-active`),style:{background:e},title:e,onClick:()=>D(e)},e))}),(0,y.jsx)(`button`,{type:`button`,className:`bree-color-reset`,onClick:()=>{S.current=null,_.current(``),m(!1)},children:c.fields.resetColor})]})})})]})}function Xe({value:e,onChange:t,options:n,className:r,style:i}){return(0,y.jsx)(`select`,{className:T(`bree-input bree-select`,r),style:i,value:e,onChange:e=>t(e.target.value),children:n.map(([e,t])=>(0,y.jsx)(`option`,{value:e,children:t},e))})}function Ze({value:e,onChange:t,options:n,ariaLabel:r,className:i,style:a}){return(0,y.jsx)(`span`,{className:T(`bree-segmented`,i),style:a,role:`radiogroup`,"aria-label":r,children:n.map(n=>(0,y.jsx)(`button`,{type:`button`,role:`radio`,"aria-checked":e===n.value,title:n.title,className:T(e===n.value&&`bree-active`),onClick:()=>t(n.value),children:n.label},n.value))})}function Qe({value:e,onChange:t,className:n,style:r}){let i=$();return(0,y.jsx)(Ze,{className:n,style:r,value:e||`left`,onChange:t,options:[{value:`left`,label:(0,y.jsx)(v.AlignLeftIcon,{size:14}),title:i.fields.alignLeft},{value:`center`,label:(0,y.jsx)(v.AlignCenterIcon,{size:14}),title:i.fields.alignCenter},{value:`right`,label:(0,y.jsx)(v.AlignRightIcon,{size:14}),title:i.fields.alignRight}]})}function $e({get:e,set:t,className:n,style:r}){let i=$(),a=[`Top`,`Right`,`Bottom`,`Left`],o=a.map(t=>Ke(e(t))),s=o.every(e=>e===o[0]),[c,u]=(0,l.useState)(!s),d={Top:i.fields.top,Right:i.fields.right,Bottom:i.fields.bottom,Left:i.fields.left};return(0,y.jsxs)(`div`,{className:T(`bree-padding`,n),style:r,children:[c?(0,y.jsx)(`div`,{className:`bree-padding-grid`,children:a.map((e,n)=>(0,y.jsxs)(`label`,{className:`bree-padding-side`,children:[(0,y.jsx)(`span`,{children:d[e]}),(0,y.jsx)(U,{value:o[n],onChange:n=>t([[e,n]])})]},e))}):(0,y.jsx)(U,{value:o[0],onChange:e=>t(a.map(t=>[t,e]))}),(0,y.jsxs)(`label`,{className:`bree-checkbox`,children:[(0,y.jsx)(`input`,{type:`checkbox`,checked:c,onChange:e=>u(e.target.checked)}),i.fields.moreOptions]})]})}var G=e=>e;function et({ctx:e,alignment:t,setAlignment:n,className:r,style:i}){let a=$().inspector;return(0,y.jsxs)(B,{title:a.typography,className:r,style:i,children:[(0,y.jsx)(V,{label:a.color,stacked:!0,children:(0,y.jsx)(W,{value:e.getStyle(G(`color`)),presets:e.presetColors,onChange:t=>e.setStyle(G(`color`),t)})}),(0,y.jsx)(V,{label:a.size,children:(0,y.jsx)(U,{value:e.getStyle(G(`fontSize`)),onChange:t=>e.setStyle(G(`fontSize`),t),min:8,max:96})}),(0,y.jsx)(V,{label:a.weight,children:(0,y.jsx)(Xe,{value:String(e.getStyle(G(`fontWeight`))??`400`),onChange:t=>e.setStyle(G(`fontWeight`),t),options:[[`300`,a.weightLight],[`400`,a.weightNormal],[`600`,a.weightSemibold],[`700`,a.weightBold],[`800`,a.weightExtrabold]]})}),(0,y.jsx)(V,{label:a.lineHeight,children:(0,y.jsx)(U,{value:e.getStyle(G(`lineHeight`)),unit:`%`,onChange:t=>e.setStyle(G(`lineHeight`),t),min:80,max:300,step:5})}),n&&(0,y.jsx)(V,{label:a.alignment,children:(0,y.jsx)(Qe,{value:t??`left`,onChange:n})})]})}function K({ctx:e,title:t,className:n,style:r}){let i=$();return(0,y.jsx)(B,{title:t??i.inspector.spacing,className:n,style:r,children:(0,y.jsx)(V,{label:i.inspector.padding,stacked:!0,children:(0,y.jsx)($e,{get:t=>e.getStyle(G(`padding${t}`))??e.getStyle(G(`padding`)),set:t=>e.batchSetStyle([{prop:G(`padding`),value:``},...t.map(([e,t])=>({prop:G(`padding${e}`),value:t}))])})})})}function tt({ctx:e,className:t,style:n}){let r=$().inspector;return(0,y.jsxs)(B,{title:r.box,className:t,style:n,children:[(0,y.jsx)(V,{label:r.backgroundColor,stacked:!0,children:(0,y.jsx)(W,{value:e.getStyle(G(`backgroundColor`)),presets:e.presetColors,onChange:t=>e.setStyle(G(`backgroundColor`),t)})}),(0,y.jsx)(V,{label:r.radius,children:(0,y.jsx)(U,{value:e.getStyle(G(`borderRadius`)),onChange:t=>e.setStyle(G(`borderRadius`),t)})}),(0,y.jsx)(V,{label:r.border,children:(0,y.jsx)(U,{value:e.getStyle(G(`borderWidth`)),onChange:t=>e.batchSetStyle([{prop:G(`borderWidth`),value:t},{prop:G(`borderStyle`),value:t?`solid`:``}])})}),(0,y.jsx)(V,{label:r.borderColor,stacked:!0,children:(0,y.jsx)(W,{value:e.getStyle(G(`borderColor`)),presets:e.presetColors,onChange:t=>e.setStyle(G(`borderColor`),t)})})]})}function nt({ctx:e,className:t,style:n}){let r=$().inspector;return(0,y.jsxs)(`div`,{className:T(`bree-inspector`,t),style:n,children:[(0,y.jsx)(B,{title:r.action,children:(0,y.jsx)(V,{label:r.linkUrl,stacked:!0,children:(0,y.jsx)(H,{value:String(e.getAttr(`href`)??``),onChange:t=>e.setAttr(`href`,t),placeholder:`https://`})})}),(0,y.jsxs)(B,{title:r.button,children:[(0,y.jsx)(V,{label:r.alignment,children:(0,y.jsx)(Qe,{value:String(e.getAttr(`alignment`)??`left`),onChange:t=>e.setAttr(`alignment`,t)})}),(0,y.jsx)(V,{label:r.backgroundColor,stacked:!0,children:(0,y.jsx)(W,{value:e.getStyle(G(`backgroundColor`)),presets:e.presetColors,onChange:t=>e.setStyle(G(`backgroundColor`),t)})}),(0,y.jsx)(V,{label:r.textColor,stacked:!0,children:(0,y.jsx)(W,{value:e.getStyle(G(`color`)),presets:e.presetColors,onChange:t=>e.setStyle(G(`color`),t)})}),(0,y.jsx)(V,{label:r.textSize,children:(0,y.jsx)(U,{value:e.getStyle(G(`fontSize`)),onChange:t=>e.setStyle(G(`fontSize`),t),min:8,max:48})}),(0,y.jsx)(V,{label:r.radius,children:(0,y.jsx)(U,{value:e.getStyle(G(`borderRadius`)),onChange:t=>e.setStyle(G(`borderRadius`),t)})})]}),(0,y.jsx)(K,{ctx:e,title:r.buttonPadding})]})}function rt({ctx:e,className:t,style:n}){let{editor:r,t:i}=Q(),a=i.inspector,o={twoColumns:2,threeColumns:3,fourColumns:4}[e.nodeType]??2,s=o===2?[[`50 / 50`,[50,50]],[`33 / 67`,[33,67]],[`67 / 33`,[67,33]],[`25 / 75`,[25,75]]]:o===3?[[a.equal,[33.33,33.33,33.34]],[`25 / 50 / 25`,[25,50,25]]]:[[a.equal,[25,25,25,25]]],c=t=>{let{state:n}=r,i=n.doc.nodeAt(e.nodePos.pos);if(!i)return;let a=n.tr;i.forEach((n,r,i)=>{let o=e.nodePos.pos+1+r,s=String(n.attrs.style??``).split(`;`).filter(e=>e.trim()&&!e.trim().startsWith(`width`)).join(`;`);a.setNodeMarkup(o,void 0,{...n.attrs,style:`${s?`${s};`:``}width:${t[i]}%`})}),n.selection instanceof g.NodeSelection&&a.setSelection(g.NodeSelection.create(a.doc,e.nodePos.pos)),r.view.dispatch(a)};return(0,y.jsx)(`div`,{className:T(`bree-inspector`,t),style:n,children:(0,y.jsxs)(B,{title:a.columns,children:[(0,y.jsx)(V,{label:a.distribution,stacked:!0,children:(0,y.jsx)(`div`,{className:`bree-ratio-grid`,children:s.map(([e,t])=>(0,y.jsxs)(`button`,{type:`button`,className:`bree-ratio`,onClick:()=>c(t),children:[(0,y.jsx)(`span`,{className:`bree-ratio-bars`,children:t.map((e,t)=>(0,y.jsx)(`i`,{style:{flex:e}},t))}),e]},e))})}),(0,y.jsx)(V,{label:a.columnGap,children:(0,y.jsx)(U,{value:e.getAttr(`cellspacing`)??0,onChange:t=>e.setAttr(`cellspacing`,t===``?null:t)})}),(0,y.jsx)(`p`,{className:`bree-hint`,children:a.columnsHint})]})})}function it({ctx:e,className:t,style:n}){let r=$();return(0,y.jsxs)(`div`,{className:T(`bree-inspector`,t),style:n,children:[(0,y.jsx)(B,{title:r.inspector.heading,children:(0,y.jsx)(V,{label:r.inspector.level,children:(0,y.jsx)(Ze,{value:String(e.getAttr(`level`)??1),onChange:t=>e.setAttr(`level`,Number(t)),options:[{value:`1`,label:`H1`},{value:`2`,label:`H2`},{value:`3`,label:`H3`}]})})}),(0,y.jsx)(et,{ctx:e,alignment:String(e.getAttr(`alignment`)??`left`),setAlignment:t=>e.setAttr(`alignment`,t)}),(0,y.jsx)(K,{ctx:e}),(0,y.jsx)(tt,{ctx:e})]})}function at({ctx:e,className:t,style:n}){let{t:r,uploadImage:i}=Q(),a=r.inspector,o=String(e.getAttr(`width`)??`auto`);return(0,y.jsxs)(`div`,{className:T(`bree-inspector`,t),style:n,children:[(0,y.jsxs)(B,{title:a.image,children:[(0,y.jsx)(`div`,{className:`bree-image-preview`,children:e.getAttr(`src`)?(0,y.jsx)(`img`,{src:String(e.getAttr(`src`)),alt:``}):null}),(0,y.jsxs)(`label`,{className:`bree-button-like`,children:[a.uploadImage,(0,y.jsx)(`input`,{type:`file`,accept:`image/*`,hidden:!0,onChange:async t=>{let n=t.target.files?.[0];n&&e.setAttr(`src`,(await i(n)).url),t.target.value=``}})]}),(0,y.jsx)(V,{label:a.imageUrl,stacked:!0,children:(0,y.jsx)(H,{value:String(e.getAttr(`src`)??``),onChange:t=>e.setAttr(`src`,t)})}),(0,y.jsx)(V,{label:a.altText,stacked:!0,children:(0,y.jsx)(H,{value:String(e.getAttr(`alt`)??``),onChange:t=>e.setAttr(`alt`,t),placeholder:a.altPlaceholder})})]}),(0,y.jsxs)(B,{title:a.layout,children:[(0,y.jsx)(V,{label:a.autoWidth,children:(0,y.jsx)(`input`,{type:`checkbox`,checked:o===`auto`,onChange:t=>e.setAttr(`width`,t.target.checked?`auto`:`300`)})}),o!==`auto`&&(0,y.jsx)(V,{label:a.width,children:(0,y.jsx)(qe,{value:o,min:20,max:900,onChange:t=>e.setAttr(`width`,String(t))})}),(0,y.jsx)(V,{label:a.alignment,children:(0,y.jsx)(Qe,{value:String(e.getAttr(`alignment`)??`center`),onChange:t=>e.setAttr(`alignment`,t)})}),(0,y.jsx)(V,{label:a.radius,children:(0,y.jsx)(U,{value:e.getStyle(G(`borderRadius`)),onChange:t=>e.setStyle(G(`borderRadius`),t)})})]}),(0,y.jsx)(B,{title:a.action,children:(0,y.jsx)(V,{label:a.clickLink,stacked:!0,children:(0,y.jsx)(H,{value:String(e.getAttr(`href`)??``),onChange:t=>e.setAttr(`href`,t||null),placeholder:`https://`})})}),(0,y.jsx)(K,{ctx:e})]})}function ot({ctx:e,className:t,style:n}){let r=$();return(0,y.jsx)(`div`,{className:T(`bree-inspector`,t),style:n,children:(0,y.jsx)(B,{title:r.inspector.spacer,children:(0,y.jsx)(V,{label:r.inspector.height,children:(0,y.jsx)(qe,{value:e.getAttr(`height`),min:4,max:160,onChange:t=>e.setAttr(`height`,t)})})})})}function st({ctx:e,className:t,style:n}){let r=$();return(0,y.jsx)(`div`,{className:T(`bree-inspector`,t),style:n,children:(0,y.jsxs)(B,{title:r.inspector.htmlCode,children:[(0,y.jsx)(Ge,{value:String(e.getAttr(`html`)??``),onChange:t=>e.setAttr(`html`,t),rows:14}),(0,y.jsx)(`p`,{className:`bree-hint`,children:r.inspector.htmlHint})]})})}function ct({ctx:e,className:t,style:n}){let r=$().inspector;return(0,y.jsx)(`div`,{className:T(`bree-inspector`,t),style:n,children:(0,y.jsxs)(B,{title:r.line,children:[(0,y.jsx)(V,{label:r.color,stacked:!0,children:(0,y.jsx)(W,{value:e.getStyle(G(`borderTopColor`)),presets:e.presetColors,onChange:t=>e.setStyle(G(`borderTopColor`),t)})}),(0,y.jsx)(V,{label:r.thickness,children:(0,y.jsx)(U,{value:e.getStyle(G(`borderTopWidth`))??1,onChange:t=>e.batchSetStyle([{prop:G(`borderTopWidth`),value:t},{prop:G(`borderTopStyle`),value:`solid`}]),min:1,max:12})}),(0,y.jsx)(V,{label:r.lineStyle,children:(0,y.jsx)(Ze,{value:String(e.getStyle(G(`borderTopStyle`))??`solid`),onChange:t=>e.setStyle(G(`borderTopStyle`),t),options:[{value:`solid`,label:`———`},{value:`dashed`,label:`- - -`},{value:`dotted`,label:`· · ·`}]})})]})})}function lt({ctx:e,className:t,style:n}){return(0,y.jsxs)(`div`,{className:T(`bree-inspector`,t),style:n,children:[(0,y.jsx)(tt,{ctx:e}),(0,y.jsx)(K,{ctx:e})]})}function ut(e){if(typeof e!=`string`||!e.trim())return{};let t={};for(let n of e.split(`;`)){let e=n.indexOf(`:`);if(e===-1)continue;let r=n.slice(0,e).trim(),i=n.slice(e+1).trim();r&&i&&(t[r.replace(/-([a-z])/g,(e,t)=>t.toUpperCase())]=i)}return t}var dt={style:{default:null,parseHTML:e=>e.getAttribute(`style`),renderHTML:e=>e.style?{style:e.style}:{}}},ft=f.EmailNode.create({name:`spacer`,group:`block`,atom:!0,selectable:!0,addAttributes(){return{...dt,height:{default:32,parseHTML:e=>Number(e.dataset.height)||32,renderHTML:e=>({"data-height":e.height})}}},parseHTML(){return[{tag:`div[data-type="spacer"]`}]},renderHTML({node:e,HTMLAttributes:t}){return[`div`,(0,S.mergeAttributes)(t,{"data-type":`spacer`,class:`node-spacer`,style:`height:${Number(e.attrs.height)}px`})]},renderToReactEmail({node:e}){let t=Number(e.attrs?.height??32);return(0,y.jsx)(C.Section,{style:{height:t,lineHeight:`${t}px`,fontSize:`1px`,...ut(e.attrs?.style)},children:`\xA0`})}}),pt={facebook:{label:`Facebook`,slug:`facebook`,color:`1877F2`},instagram:{label:`Instagram`,slug:`instagram`,color:`E4405F`},x:{label:`X`,slug:`x`,color:`000000`},linkedin:{label:`LinkedIn`,slug:`linkedin`,color:`0A66C2`},youtube:{label:`YouTube`,slug:`youtube`,color:`FF0000`},tiktok:{label:`TikTok`,slug:`tiktok`,color:`000000`},github:{label:`GitHub`,slug:`github`,color:`181717`}},mt={linkedin:`https://cdn.jsdelivr.net/npm/simple-icons@9.21.0/icons/linkedin.svg`};function ht(e){if(mt[e])return mt[e];let t=pt[e]??pt.facebook;return`https://cdn.simpleicons.org/${t.slug}/${t.color}`}function gt(e){if(Array.isArray(e))return e;if(typeof e==`string`)try{return JSON.parse(e)}catch{return[]}return[]}var _t=f.EmailNode.create({name:`socialLinks`,group:`block`,atom:!0,selectable:!0,addAttributes(){return{...dt,links:{default:[{network:`facebook`,url:`https://facebook.com/`},{network:`instagram`,url:`https://instagram.com/`},{network:`x`,url:`https://x.com/`},{network:`linkedin`,url:`https://linkedin.com/`}],parseHTML:e=>gt(e.dataset.links),renderHTML:e=>({"data-links":JSON.stringify(e.links??[])})},size:{default:28},gap:{default:12},alignment:{default:`center`}}},parseHTML(){return[{tag:`div[data-type="social-links"]`}]},renderHTML({node:e,HTMLAttributes:t}){let n=Number(e.attrs.size),r=Number(e.attrs.gap),i=gt(e.attrs.links);return[`div`,(0,S.mergeAttributes)(t,{"data-type":`social-links`,class:`node-socialLinks`,alignment:e.attrs.alignment}),...i.map((e,t)=>[`span`,{class:`node-socialLinks-item`,style:`margin-left:${t===0?0:r}px`},[`img`,{src:ht(e.network),width:String(n),height:String(n),alt:pt[e.network]?.label??e.network}]])]},renderToReactEmail({node:e}){let t=Number(e.attrs?.size??28),n=Number(e.attrs?.gap??12),r=gt(e.attrs?.links),i=e.attrs?.alignment??`center`;return(0,y.jsx)(C.Section,{style:ut(e.attrs?.style),children:(0,y.jsx)(C.Row,{children:(0,y.jsx)(C.Column,{align:i,children:r.map((e,r)=>(0,y.jsx)(C.Link,{href:e.url,style:{display:`inline-block`,marginLeft:r===0?0:n},children:(0,y.jsx)(C.Img,{src:ht(e.network),width:t,height:t,alt:pt[e.network]?.label??e.network})},`${e.network}-${r}`))})})})}}),vt=f.EmailNode.create({name:`htmlBlock`,group:`block`,atom:!0,selectable:!0,addAttributes(){return{html:{default:`<p style="margin:0;text-align:center;font-family:sans-serif">Your custom <strong>HTML</strong></p>`,parseHTML:e=>e.dataset.html??e.innerHTML,renderHTML:()=>({})}}},parseHTML(){return[{tag:`div[data-type="html-block"]`}]},renderHTML({node:e,HTMLAttributes:t}){return[`div`,(0,S.mergeAttributes)(t,{"data-type":`html-block`,class:`node-htmlBlock`,"data-html":e.attrs.html})]},addNodeView(){return({node:e})=>{let t=document.createElement(`div`);return t.className=`node-htmlBlock`,t.dataset.type=`html-block`,t.innerHTML=e.attrs.html,{dom:t,update(n){return n.type===e.type&&(t.innerHTML=n.attrs.html,!0)},ignoreMutation:()=>!0}}},renderToReactEmail({node:e}){return(0,y.jsx)(`div`,{dangerouslySetInnerHTML:{__html:e.attrs?.html??``}})}});function yt({ctx:e,className:t,style:n}){let r=$().inspector,i=e.getAttr(`links`),a=Array.isArray(i)?i:[],o=t=>e.setAttr(`links`,t);return(0,y.jsxs)(`div`,{className:T(`bree-inspector`,t),style:n,children:[(0,y.jsxs)(B,{title:r.networks,children:[(0,y.jsx)(`div`,{className:`bree-social-list`,children:a.map((e,t)=>(0,y.jsxs)(`div`,{className:`bree-social-row`,children:[(0,y.jsx)(Xe,{value:e.network,onChange:e=>o(a.map((n,r)=>r===t?{...n,network:e}:n)),options:Object.entries(pt).map(([e,t])=>[e,t.label])}),(0,y.jsx)(H,{value:e.url,onChange:e=>o(a.map((n,r)=>r===t?{...n,url:e}:n))}),(0,y.jsx)(`button`,{type:`button`,className:`bree-icon-button`,title:r.removeNetwork,onClick:()=>o(a.filter((e,n)=>n!==t)),children:(0,y.jsx)(v.XIcon,{size:14})})]},t))}),(0,y.jsx)(`button`,{type:`button`,className:`bree-button-like`,onClick:()=>o([...a,{network:`youtube`,url:`https://youtube.com/`}]),children:r.addNetwork})]}),(0,y.jsxs)(B,{title:r.appearance,children:[(0,y.jsx)(V,{label:r.iconSize,children:(0,y.jsx)(qe,{value:e.getAttr(`size`),min:16,max:64,onChange:t=>e.setAttr(`size`,t)})}),(0,y.jsx)(V,{label:r.gap,children:(0,y.jsx)(qe,{value:e.getAttr(`gap`),min:0,max:40,onChange:t=>e.setAttr(`gap`,t)})}),(0,y.jsx)(V,{label:r.alignment,children:(0,y.jsx)(Qe,{value:String(e.getAttr(`alignment`)??`center`),onChange:t=>e.setAttr(`alignment`,t)})})]}),(0,y.jsx)(K,{ctx:e})]})}function bt(e,t=36){let n=e.replace(/\s+/g,` `).trim();return n.length>t?`${n.slice(0,t)}…`:n}var xt=(e,{t})=>bt(e.textContent)||t.layers.empty,St=()=>``,Ct=[{type:`paragraph`,icon:v.TypeIcon},{type:`heading`,icon:v.Heading1Icon,inspector:it},{type:`image`,icon:v.ImageIcon,inspector:at,preview:(e,{t})=>{let{attrs:n}=e;if(n.alt)return bt(n.alt);let r=String(n.src??``);if(r.startsWith(`data:`))return t.layers.uploadedImage;try{let e=new URL(r);return bt(e.searchParams.get(`text`)??decodeURIComponent(e.pathname.split(`/`).pop()??``))}catch{return``}}},{type:`button`,icon:v.MousePointerClickIcon,inspector:nt},{type:`horizontalRule`,icon:v.MinusIcon,inspector:ct,preview:St},{type:`spacer`,icon:Be,inspector:ot,preview:e=>`${e.attrs.height}px`,extensions:[ft]},{type:`socialLinks`,icon:v.LinkIcon,inspector:yt,preview:e=>Array.isArray(e.attrs.links)?e.attrs.links.map(e=>e.network).join(`, `):``,extensions:[_t]},{type:`htmlBlock`,icon:v.SquareCodeIcon,inspector:st,preview:e=>bt(String(e.attrs.html??``).replace(/<[^>]+>/g,` `)),extensions:[vt]},{type:`section`,icon:v.LayoutIcon,inspector:lt,preview:St},{type:`columnsColumn`,icon:v.PanelLeftIcon,inspector:lt,preview:St},{type:`twoColumns`,icon:v.Columns2Icon,inspector:rt,preview:St},{type:`threeColumns`,icon:v.Columns3Icon,inspector:rt,preview:St},{type:`fourColumns`,icon:v.Columns4Icon,inspector:rt,preview:St},{type:`bulletList`,icon:v.ListIcon},{type:`orderedList`,icon:v.ListOrderedIcon},{type:`blockquote`,icon:v.TextQuoteIcon},{type:`codeBlock`,icon:v.CodeIcon},{type:`table`,icon:v.TableIcon}],wt=o({button:()=>Tt,column:()=>Dt,columns:()=>X,doc:()=>Nt,heading:()=>Y,image:()=>Et,link:()=>jt,padding:()=>At,paragraph:()=>J,placeholderImage:()=>Mt,section:()=>kt,sized:()=>Ot,text:()=>q}),q=(e,t)=>({type:`text`,text:e,...t?{marks:t}:{}}),J=(e=``,t={})=>({type:`paragraph`,attrs:t,content:typeof e==`string`?e?[q(e)]:[]:e}),Y=(e,t,n={})=>({type:`heading`,attrs:{level:e,...n},content:[q(t)]}),Tt=(e,t={})=>({type:`button`,attrs:{href:`https://example.com`,alignment:`center`,...t},content:[q(e)]}),Et=(e,t={})=>({type:`image`,attrs:{src:e,alt:``,alignment:`center`,...t}}),Dt=(...e)=>({type:`columnsColumn`,content:e.length?e:[J()]}),Ot=(e,t)=>({...e,attrs:{...e.attrs,style:`width:${t}%`}}),X=(e,t,n)=>({type:{2:`twoColumns`,3:`threeColumns`,4:`fourColumns`}[e],...n?{attrs:n}:{},content:t??Array.from({length:e},()=>Dt())}),kt=(e,...t)=>({type:`section`,attrs:{style:e},content:t}),At=(e,t=e)=>`padding-top:${e}px;padding-right:${t}px;padding-bottom:${e}px;padding-left:${t}px`,jt=e=>[{type:`link`,attrs:{href:e}}],Mt=(e,t,n=`Image`)=>`https://placehold.co/${e}x${t}/e2e8f0/64748b/png?text=${encodeURIComponent(n)}`,Nt=(...e)=>({type:`doc`,content:e}),Pt=({t:e},t=`center`)=>J([q(e.content.menuHome,jt(`https://example.com`)),q(`  ·  `),q(e.content.menuShop,jt(`https://example.com/shop`)),q(`  ·  `),q(e.content.menuBlog,jt(`https://example.com/blog`)),q(`  ·  `),q(e.content.menuContact,jt(`https://example.com/contact`))],{alignment:t}),Ft=[{id:`layout`,title:({t:e})=>e.sidebar.layoutTitle},{id:`content`,title:({t:e})=>e.sidebar.contentTitle}],It=[{id:`section`,group:`layout`,label:({t:e})=>e.palette.oneColumn,icon:(0,y.jsx)(Ue,{}),content:()=>[kt(At(16),J())]},{id:`columns-2`,group:`layout`,label:({t:e})=>e.palette.twoColumns,icon:(0,y.jsx)(v.Columns2Icon,{size:22}),content:()=>[X(2)]},{id:`columns-3`,group:`layout`,label:({t:e})=>e.palette.threeColumns,icon:(0,y.jsx)(v.Columns3Icon,{size:22}),content:()=>[X(3)]},{id:`columns-4`,group:`layout`,label:({t:e})=>e.palette.fourColumns,icon:(0,y.jsx)(v.Columns4Icon,{size:22}),content:()=>[X(4)]},{id:`heading`,group:`content`,label:({t:e})=>e.palette.heading,icon:(0,y.jsx)(v.Heading1Icon,{size:22}),content:({t:e})=>[Y(2,e.content.heading)]},{id:`text`,group:`content`,label:({t:e})=>e.palette.text,icon:(0,y.jsx)(v.TypeIcon,{size:22}),content:({t:e})=>[J(e.content.text)]},{id:`button`,group:`content`,label:({t:e})=>e.palette.button,icon:(0,y.jsx)(v.MousePointerClickIcon,{size:22}),content:({t:e})=>[Tt(e.content.button)]},{id:`image`,group:`content`,label:({t:e})=>e.palette.image,icon:(0,y.jsx)(v.ImageIcon,{size:22}),content:({t:e})=>[Et(Mt(600,300,e.content.image))]},{id:`divider`,group:`content`,label:({t:e})=>e.palette.divider,icon:(0,y.jsx)(v.MinusIcon,{size:22}),content:()=>[{type:`horizontalRule`}]},{id:`spacer`,group:`content`,label:({t:e})=>e.palette.spacer,icon:(0,y.jsx)(Ve,{}),content:()=>[{type:`spacer`,attrs:{height:32}}]},{id:`social`,group:`content`,label:({t:e})=>e.palette.social,icon:(0,y.jsx)(He,{}),content:()=>[{type:`socialLinks`}]},{id:`menu`,group:`content`,label:({t:e})=>e.palette.menu,icon:(0,y.jsx)(v.PanelTopIcon,{size:22}),content:e=>[Pt(e)]},{id:`list`,group:`content`,label:({t:e})=>e.palette.list,icon:(0,y.jsx)(v.ListIcon,{size:22}),content:({t:e})=>[{type:`bulletList`,content:e.content.listItems.map(e=>({type:`listItem`,content:[J(e)]}))}]},{id:`quote`,group:`content`,label:({t:e})=>e.palette.quote,icon:(0,y.jsx)(v.TextQuoteIcon,{size:22}),content:({t:e})=>[{type:`blockquote`,content:[J(e.content.quote)]}]},{id:`html`,group:`content`,label:({t:e})=>e.palette.html,icon:(0,y.jsx)(v.SquareCodeIcon,{size:22}),content:({t:e})=>[{type:`htmlBlock`,attrs:{html:e.content.html}}]},{id:`card`,group:`content`,label:({t:e})=>e.palette.card,icon:(0,y.jsx)(v.LayoutIcon,{size:22}),content:({t:e})=>[kt(`${At(24)};background-color:#f1f5f9;border-radius:12px`,Y(3,e.content.cardTitle),J(e.content.cardText))]}];function Z({variant:e}){return(0,y.jsxs)(`span`,{className:`bree-block-thumb bree-thumb-${e}`,"aria-hidden":!0,children:[(0,y.jsx)(`i`,{}),(0,y.jsx)(`i`,{}),(0,y.jsx)(`i`,{})]})}var Lt=[{id:`header`,label:({t:e})=>e.templates.header,description:({t:e})=>e.templates.headerDescription,thumbnail:(0,y.jsx)(Z,{variant:`header`}),content:e=>[X(2,[Ot(Dt(Et(Mt(140,40,e.t.content.logo),{alignment:`left`,width:`140`})),33),Ot(Dt(Pt(e,`right`)),67)])]},{id:`hero`,label:({t:e})=>e.templates.hero,description:({t:e})=>e.templates.heroDescription,thumbnail:(0,y.jsx)(Z,{variant:`hero`}),content:({t:e})=>[kt(`${At(40,24)};background-color:#eef2ff;border-radius:12px`,Y(1,e.content.heroTitle,{alignment:`center`}),J(e.content.heroText,{alignment:`center`}),Tt(e.content.heroButton,{style:`background-color:#4f46e5;color:#ffffff;${At(12,24)};border-radius:8px`}))]},{id:`products`,label:({t:e})=>e.templates.products,description:({t:e})=>e.templates.productsDescription,thumbnail:(0,y.jsx)(Z,{variant:`products`}),content:({t:e})=>[X(2,[e.content.productA,e.content.productB].map(t=>Dt(Et(Mt(280,200,t)),Y(3,t,{alignment:`center`}),J(e.content.productText,{alignment:`center`}),Tt(e.content.productButton))),{cellspacing:16})]},{id:`features`,label:({t:e})=>e.templates.features,description:({t:e})=>e.templates.featuresDescription,thumbnail:(0,y.jsx)(Z,{variant:`features`}),content:({t:e})=>[X(3,e.content.features.map(t=>Dt(Y(3,t,{alignment:`center`}),J(e.content.featureText,{alignment:`center`}))))]},{id:`testimonial`,label:({t:e})=>e.templates.testimonial,description:({t:e})=>e.templates.testimonialDescription,thumbnail:(0,y.jsx)(Z,{variant:`testimonial`}),content:({t:e})=>[kt(`${At(24)};background-color:#f8fafc;border-radius:12px`,{type:`blockquote`,content:[J(e.content.testimonialQuote)]},J(e.content.testimonialAuthor,{alignment:`right`,style:`color:#64748b`}))]},{id:`footer`,label:({t:e})=>e.templates.footer,description:({t:e})=>e.templates.footerDescription,thumbnail:(0,y.jsx)(Z,{variant:`footer`}),content:({t:e})=>[{type:`horizontalRule`},{type:`socialLinks`},J(e.content.footerAddress,{alignment:`center`,style:`color:#94a3b8;font-size:12px`}),J([q(e.content.unsubscribe,jt(`https://example.com/unsubscribe`))],{alignment:`center`,style:`font-size:12px`})]}],Rt=(e,t)=>Lt.find(t=>t.id===e)?.content(t)??[];function zt(e){let t={type:`spacer`,attrs:{height:16}};return{type:`doc`,content:[...Rt(`header`,e),t,...Rt(`hero`,e),t,Y(2,e.t.content.starterTitle,{alignment:`center`}),...Rt(`products`,e),t,...Rt(`footer`,e)]}}var Bt=(0,l.createContext)(null);function Q(){let e=(0,l.useContext)(Bt);if(!e)throw Error(`useEmailEditor must be used inside <EditorRoot> or <BetterEmailEditor>.`);return e}function Vt(){return(0,l.useContext)(Bt)}function $(){return(0,l.useContext)(Bt)?.t??Se}function Ht(){let{locale:e,t}=Q();return(0,l.useMemo)(()=>({locale:e,t}),[e,t])}var Ut=(0,m.extendTheme)(`basic`,{body:{backgroundColor:`#eef1f5`,padding:`32px 16px`},container:{backgroundColor:`#ffffff`,padding:`24px`,borderRadius:`12px`}}),Wt=e=>new Promise((t,n)=>{let r=new FileReader;r.onload=()=>t({url:String(r.result)}),r.onerror=n,r.readAsDataURL(e)}),Gt={type:`doc`,content:[{type:`paragraph`}]};function Kt(e){return typeof e==`object`&&!!e&&`doc`in e}function qt(e){return e?Kt(e)?{doc:e.doc,settings:{...e.settings,previewText:e.settings?.previewText??``}}:{doc:e,settings:{previewText:``}}:{doc:Gt,settings:{previewText:``}}}function Jt(e,t,n){let[r,i]=(0,l.useState)(t);return[e===void 0?r:e,(0,l.useCallback)(t=>{e===void 0&&i(t),n?.(t)},[e,n])]}var Yt=(0,l.forwardRef)(function({defaultValue:e,onChange:t,onReady:n,locale:r=`en`,messages:i,nodes:a=Ct,palette:o=It,paletteGroups:s=Ft,templates:c=Lt,starterDocument:h=zt,extensions:g,theme:_=Ut,uploadImage:v=Wt,editable:b=!0,device:x,defaultDevice:S=`desktop`,onDeviceChange:C,layersOpen:w,defaultLayersOpen:E=!0,onLayersOpenChange:D,className:ee,style:O,children:te},k){let A=(0,l.useMemo)(()=>Oe(r,i),[r,i]),[j]=(0,l.useState)(()=>qt(e)),[ne,re]=(0,l.useState)(j.settings),M=(0,l.useRef)(ne),ie=(0,l.useRef)(A),N=(0,l.useRef)(t),ae=(0,l.useRef)(n),P=(0,l.useRef)(v);(0,l.useLayoutEffect)(()=>{ie.current=A,N.current=t,ae.current=n,P.current=v});let[oe,se]=Jt(x,S,C),[F,I]=Jt(w,E,D),[ce]=(0,l.useState)(()=>({dragSession:be(),hoverStore:xe()})),le=(0,l.useCallback)(e=>P.current(e),[]),fe=(0,m.useEditorImage)({uploadImage:le}),[pe]=(0,l.useState)(()=>[p.StarterKit.configure({TiptapStarterKit:{dropcursor:!1},Button:!1}),de,u.Placeholder.configure({placeholder:({node:e})=>e.type.name===`heading`?ie.current.placeholder.heading:ie.current.placeholder.paragraph,includeChildren:!0}),m.EmailTheming.configure({theme:_}),...a.flatMap(e=>e.extensions??[]),...g??[],fe]),L=(0,d.useEditor)({extensions:pe,content:j.doc,editable:b,immediatelyRender:!1,editorProps:{handlePaste:ye(pe)}},[]);(0,l.useEffect)(()=>{L?.setEditable(b)},[L,b]);let me=(0,l.useCallback)(()=>({doc:L?.getJSON()??Gt,settings:M.current}),[L]),he=(0,l.useCallback)(e=>{let t={...M.current,...e};M.current=t,re(t),L&&N.current?.({doc:L.getJSON(),settings:t})},[L]),R=(0,l.useMemo)(()=>{let e=async()=>L?(0,f.composeReactEmail)({editor:L,preview:M.current.previewText||void 0}):{html:``,text:``,unformattedHtml:``};return{editor:L,getValue:me,getJSON:()=>L?.getJSON()??Gt,setValue:e=>{let t=qt(e);M.current=t.settings,re(t.settings),L?.commands.setContent(t.doc,{emitUpdate:!0})},exportEmail:e,getHtml:async()=>(await e()).html,getText:async()=>(await e()).text,insertBlocks:e=>{L&&ue(L,e)}}},[L,me]);(0,l.useImperativeHandle)(k,()=>R,[R]),(0,l.useEffect)(()=>{if(!L)return;ae.current?.(R);let e=()=>N.current?.(me());return L.on(`update`,e),()=>{L.off(`update`,e)}},[L,R,me]);let ge=(0,l.useMemo)(()=>new Map(a.map(e=>[e.type,e])),[a]),_e=(0,l.useMemo)(()=>{if(!L)return null;let e={locale:r,t:A};return{...e,editor:L,handle:R,nodes:ge,nodeLabel:t=>{let n=ge.get(t)?.label;return n?Te(n,e):A.nodes[t]??t},palette:o,paletteGroups:s,templates:c,starterDocument:h,uploadImage:le,...ce,device:oe,setDevice:se,layersOpen:F,setLayersOpen:I,settings:ne,updateSettings:he}},[L,r,A,R,ge,o,s,c,h,le,ce,oe,se,F,I,ne,he]),ve=(0,l.useMemo)(()=>({editor:L}),[L]),Se={"--bree-empty-zone-label":JSON.stringify(A.canvas.emptyZone),...O};return(0,y.jsx)(`div`,{className:T(`bree bree-root`,ee),style:Se,lang:r,children:_e&&(0,y.jsx)(d.EditorContext.Provider,{value:ve,children:(0,y.jsx)(Bt.Provider,{value:_e,children:te})})})});function Xt(e,t){let n=e.getBoundingClientRect();return{top:t.top-n.top+e.scrollTop,left:t.left-n.left+e.scrollLeft,width:t.width,height:t.height??0}}function Zt(e,t,n){if(!n)return null;let r=e.view.nodeDOM(n.pos);return r instanceof HTMLElement?Xt(t,r.getBoundingClientRect()):null}function Qt(e,t,n){let r=e.view.posAtCoords({left:t,top:n});return r&&r.inside>=0?P(e.state.doc,r.inside):null}function $t(e){let t=e.node.type.name;return E.has(t)||D.has(t)}function en({editor:e,host:t}){let{dragSession:n,hoverStore:r,nodeLabel:i,t:a}=Q(),o=(0,l.useRef)(i);(0,l.useLayoutEffect)(()=>{o.current=i});let s=(0,l.useSyncExternalStore)(r.subscribe,r.get),c=s===null?null:e.state.doc.nodeAt(s),u=s!==null&&c?{pos:s,node:c}:null,[f,p]=(0,l.useState)(null),[m,h]=(0,l.useState)(null),[,_]=(0,l.useState)(0),b=(0,l.useCallback)(()=>_(e=>e+1),[]),x=(0,d.useEditorState)({editor:e,selector:({editor:e})=>{if(!e?.isFocused)return null;let t=F(e);return t?`${t.pos}:${t.node.type.name}:${e.state.doc.content.size}`:null}})?F(e):null;(0,l.useEffect)(()=>{let n=()=>b(),i=()=>{r.set(null),b()};e.on(`update`,i);let a=new ResizeObserver(n);return a.observe(e.view.dom),t.addEventListener(`load`,n,!0),window.addEventListener(`resize`,n),()=>{e.off(`update`,i),a.disconnect(),t.removeEventListener(`load`,n,!0),window.removeEventListener(`resize`,n)}},[e,t,b,r]),(0,l.useEffect)(()=>{let i=0,a=t=>{n.get()||t.target.closest(`.bree-ov-toolbar, .bree-ov-handle, .bree-ov-tag`)||(cancelAnimationFrame(i),i=requestAnimationFrame(()=>{r.set(Qt(e,t.clientX,t.clientY)?.pos??null)}))},o=()=>r.set(null);return t.addEventListener(`mousemove`,a),t.addEventListener(`mouseleave`,o),()=>{cancelAnimationFrame(i),t.removeEventListener(`mousemove`,a),t.removeEventListener(`mouseleave`,o)}},[e,t,n,r]),(0,l.useEffect)(()=>{let n=n=>{if(n.button!==0||n.shiftKey||n.metaKey||n.ctrlKey||n.target.closest(`.bree-ov-layer`))return;if([t,e.view.dom,e.view.dom.parentElement].includes(n.target)){n.preventDefault();let t=document.activeElement;t instanceof HTMLElement&&t.blur(),e.commands.blur();return}let r=Qt(e,n.clientX,n.clientY);if(r&&$t(r)){n.preventDefault(),I(e,r);return}!e.isFocused&&e.state.selection instanceof g.NodeSelection&&e.view.focus()},r=t=>{e.view.dom.contains(t.target)&&fe(e,t)};return t.addEventListener(`mousedown`,n,!0),t.addEventListener(`paste`,r,!0),()=>{t.removeEventListener(`mousedown`,n,!0),t.removeEventListener(`paste`,r,!0)}},[e,t]),(0,l.useEffect)(()=>{let i=0,a=null,s=null,c=t=>{let r=n.get();if(!r||(a!==r&&(a=r,s=ne(e.view,r)),!s))return null;let i=r.kind===`move`?{from:r.pos,to:r.pos+(e.state.doc.nodeAt(r.pos)?.nodeSize??0)}:void 0;return j(e.view,t.clientX,t.clientY,s,i)},l=e=>{let t=n.get();t&&(e.preventDefault(),e.stopPropagation(),e.dataTransfer&&(e.dataTransfer.dropEffect=t.kind===`move`?`move`:`copy`),cancelAnimationFrame(i),i=requestAnimationFrame(()=>p(c(e))))},u=t=>{let a=n.get();if(!a)return;t.preventDefault(),t.stopPropagation(),cancelAnimationFrame(i);let o=c(t);o&&N(e,a,o),e.view.dragging=null,n.end(),p(null),h(null),r.set(null)},d=e=>{n.get()&&(t.contains(e.relatedTarget)||(cancelAnimationFrame(i),p(null)))},f=()=>{cancelAnimationFrame(i),n.end(),p(null),h(null),r.set(null)},m=t=>{let r=t.target;if(n.get()||r.tagName!==`IMG`||!e.view.dom.contains(r))return;let i=e.view.posAtDOM(r,0),a=P(e.state.doc,i);a&&!oe(a)&&(n.start({kind:`move`,pos:a.pos,label:o.current(a.node.type.name)}),requestAnimationFrame(()=>h(a.pos)))},g=t=>{if(t.key!==`Escape`||!e.isFocused)return;let n=F(e),r=n?se(e.state.doc,n):null;if(t.preventDefault(),r)I(e,r);else{let t=document.activeElement;t instanceof HTMLElement&&t.blur(),e.commands.blur()}};return t.addEventListener(`dragstart`,m,!0),t.addEventListener(`keydown`,g,!0),t.addEventListener(`dragover`,l,!0),t.addEventListener(`drop`,u,!0),t.addEventListener(`dragleave`,d,!0),document.addEventListener(`dragend`,f),()=>{cancelAnimationFrame(i),t.removeEventListener(`dragstart`,m,!0),t.removeEventListener(`keydown`,g,!0),t.removeEventListener(`dragover`,l,!0),t.removeEventListener(`drop`,u,!0),t.removeEventListener(`dragleave`,d,!0),document.removeEventListener(`dragend`,f)}},[e,t,n,r]);let S=(t,r)=>{let a=e.view.nodeDOM(r.pos);if(n.start({kind:`move`,pos:r.pos,label:i(r.node.type.name)}),t.dataTransfer.setData(ee,`move`),t.dataTransfer.effectAllowed=`move`,a instanceof HTMLElement){let e=a.getBoundingClientRect();t.dataTransfer.setDragImage(a,Math.min(24,e.width/2),Math.min(24,e.height/2))}requestAnimationFrame(()=>h(r.pos))},C=m!==null,w=u&&u.pos!==x?.pos?Zt(e,t,u):null,E=Zt(e,t,x),D=C?Zt(e,t,P(e.state.doc,m)):null,O=x?se(e.state.doc,x):null;return(0,y.jsxs)(`div`,{className:`bree-ov-layer`,children:[w&&u&&(0,y.jsx)(`div`,{className:T(`bree-ov-frame bree-ov-hover`,C&&`bree-ov-ghost`),style:w,children:(0,y.jsx)(`button`,{type:`button`,className:`bree-ov-tag`,onMouseDown:t=>{t.preventDefault(),I(e,u)},children:i(u.node.type.name)})}),E&&x&&(0,y.jsxs)(`div`,{className:T(`bree-ov-frame bree-ov-selected`,C&&`bree-ov-ghost`),style:E,children:[(0,y.jsx)(`span`,{className:`bree-ov-tag bree-ov-tag-selected`,children:i(x.node.type.name)}),!oe(x)&&(0,y.jsx)(v.EditorFocusScope,{children:(0,y.jsx)(`span`,{className:`bree-ov-handle`,role:`button`,tabIndex:-1,draggable:!0,title:a.canvas.move,"aria-label":a.canvas.moveLabel(i(x.node.type.name)),onDragStart:e=>S(e,x),children:(0,y.jsx)(Ae,{})})}),(0,y.jsx)(v.EditorFocusScope,{children:(0,y.jsxs)(`div`,{className:`bree-ov-toolbar`,onMouseDown:e=>e.preventDefault(),children:[O&&(0,y.jsx)(`button`,{type:`button`,className:`bree-ov-tool`,title:a.canvas.selectParent(i(O.node.type.name)),onClick:()=>I(e,O),children:(0,y.jsx)(Ne,{})}),!oe(x)&&(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(`button`,{type:`button`,className:`bree-ov-tool`,title:a.canvas.duplicate,onClick:()=>ce(e,x),children:(0,y.jsx)(je,{})}),(0,y.jsx)(`button`,{type:`button`,className:`bree-ov-tool bree-ov-danger`,title:a.canvas.delete,onClick:()=>le(e,x),children:(0,y.jsx)(Me,{})})]})]})})]}),D&&(0,y.jsx)(`div`,{className:`bree-ov-frame bree-ov-source`,style:D}),f&&(0,y.jsx)(tn,{host:t,target:f,label:n.get()?.label??``,messages:a})]})}function tn({host:e,target:t,label:n,messages:r}){if(t.emptyZone){let i=Xt(e,t.emptyZone);return(0,y.jsx)(`div`,{className:`bree-ov-dropzone`,style:i,children:(0,y.jsxs)(`span`,{children:[(0,y.jsx)(v.PlusIcon,{size:14}),` `,r.canvas.dropLabel(n)]})})}if(!t.line)return null;let i=Xt(e,{...t.line,height:0});return(0,y.jsx)(`div`,{className:`bree-ov-dropline`,style:{top:i.top,left:i.left,width:i.width},children:(0,y.jsx)(`span`,{className:`bree-ov-dropline-label`,children:r.canvas.dropHere})})}function nn({overlay:e=!0,bubbleMenu:t=!0,slashCommands:n=!0,className:r,style:i,children:a}){let{editor:o,device:s,t:c}=Q(),[u,f]=(0,l.useState)(null),p=(0,l.useMemo)(()=>Array.isArray(n)?n:v.defaultSlashCommands.map(e=>({...e,...c.slashCommands[e.title]})),[n,c]);return(0,y.jsxs)(`div`,{ref:f,className:T(`bree-canvas`,r),style:i,"data-device":s,children:[(0,y.jsx)(d.EditorContent,{editor:o,className:`bree-canvas-content`}),t&&(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(v.BubbleMenu,{hideWhenActiveNodes:[`button`,`horizontalRule`],hideWhenActiveMarks:[`link`]}),(0,y.jsx)(v.BubbleMenu.LinkDefault,{}),(0,y.jsx)(v.BubbleMenu.ButtonDefault,{}),(0,y.jsx)(v.BubbleMenu.ImageDefault,{})]}),n!==!1&&(0,y.jsx)(v.SlashCommand,{items:p}),e&&u&&(0,y.jsx)(en,{editor:o,host:u}),a]})}function rn(e,t){let n=e.child(t);return t===e.childCount-1&&e.childCount>1&&k(n)&&e.child(t-1).type.name!==`paragraph`}function an(e,t,n,r){let i=[];return e.forEach((a,o,s)=>{if(rn(e,s))return;let c=t+1+o,l=a.type.name,u=`${r}${s}`,d=E.has(l),f=d&&a.childCount===1&&k(a.firstChild),p=d||D.has(l);i.push({key:u,pos:c,node:a,depth:n,index:s+1,children:p&&!f?an(a,c,n+1,`${u}.`):[],accepts:d,fixed:l===`columnsColumn`,empty:f})}),i}function on(e){let t=A(e);return t?an(t.node,t.pos,0,``):[]}function sn(e,t){return e.fixed?`inside`:e.accepts?t<.25?`before`:t>.75?`after`:`inside`:t<.5?`before`:`after`}function cn(e,t,n,r,i){let a,o;if(n===`inside`){if(!t.accepts)return null;t.empty?(a=t.pos+1,o=a+t.node.firstChild.nodeSize):a=t.pos+t.node.nodeSize-1}else{if(t.fixed)return null;a=n===`before`?t.pos:t.pos+t.node.nodeSize}if(i&&a>=i.from&&a<=i.to)return null;let s=e.resolve(a),c=s.index();return s.parent.canReplace(c,o===void 0?c:c+1,r)?{pos:a,replaceTo:o}:null}function ln({onClose:e,title:t,expandCollapseButtons:n=!0,className:r,style:i}){let{editor:a,t:o,locale:s,nodes:c,nodeLabel:u,dragSession:f,hoverStore:p}=Q(),m=e=>e.node.type.name===`columnsColumn`?o.layers.column(e.index):u(e.node.type.name),h=e=>(c.get(e.node.type.name)?.preview??xt)(e.node,{locale:s,t:o}),g=(0,d.useEditorState)({editor:a,selector:({editor:e})=>e?.state.doc??null,equalityFn:(e,t)=>e===t}),_=(0,d.useEditorState)({editor:a,selector:({editor:e})=>e?.isFocused?F(e)?.pos??null:null}),b=(0,l.useSyncExternalStore)(p.subscribe,p.get),x=(0,l.useMemo)(()=>g?on(g):[],[g]),[S,C]=(0,l.useState)(()=>new Set),[w,E]=(0,l.useState)(null),D=(0,l.useRef)(null);(0,l.useEffect)(()=>{_!==null&&D.current?.querySelector(`[aria-selected="true"]`)?.scrollIntoView({block:`nearest`})},[_]);let O=e=>C(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n}),te=e=>{I(a,{pos:e.pos,node:e.node});let t=a.view.nodeDOM(e.pos);t instanceof HTMLElement&&t.scrollIntoView({block:`nearest`,behavior:`smooth`})},k=(e,t)=>{let n=f.get();if(!n)return null;let r=ne(a.view,n);if(!r)return null;let i=e.currentTarget.getBoundingClientRect(),o=sn(t,(e.clientY-i.top)/i.height),s=n.kind===`move`?a.state.doc.nodeAt(n.pos):null,c=n.kind===`move`&&s?{from:n.pos,to:n.pos+s.nodeSize}:void 0,l=cn(a.state.doc,t,o,r,c);return l?{zone:o,target:l,payload:n}:null},A=()=>{f.end(),E(null)},j=e=>e.map(e=>{let t=c.get(e.node.type.name)?.icon??v.LayoutIcon,n=e.children.length>0,r=S.has(e.key),i=h(e),s=w?.key===e.key?w.zone:null;return(0,y.jsxs)(`div`,{role:`none`,children:[(0,y.jsxs)(`div`,{role:`treeitem`,tabIndex:_===e.pos||_===null&&e.key===`0`?0:-1,"aria-level":e.depth+1,"aria-selected":_===e.pos,"aria-expanded":n?!r:void 0,className:T(`bree-layer`,_===e.pos&&`bree-selected`,b===e.pos&&`bree-hovered`,s&&`bree-drop-${s}`,e.fixed&&`bree-fixed`),style:{paddingLeft:6+e.depth*16},draggable:!e.fixed,title:e.fixed?o.layers.fixedHint:o.layers.itemHint,onClick:()=>te(e),onKeyDown:t=>{if(t.key===`Enter`||t.key===` `)t.preventDefault(),te(e);else if(t.key===`ArrowLeft`&&n&&!r||t.key===`ArrowRight`&&r)O(e.key);else if(t.key===`ArrowDown`||t.key===`ArrowUp`){t.preventDefault();let e=[...D.current?.querySelectorAll(`[role="treeitem"]`)??[]];e[e.indexOf(t.currentTarget)+(t.key===`ArrowDown`?1:-1)]?.focus()}},onMouseEnter:()=>p.set(e.pos),onMouseLeave:()=>p.set(null),onDragStart:t=>{t.stopPropagation(),f.start({kind:`move`,pos:e.pos,label:m(e)}),t.dataTransfer.setData(ee,`move`),t.dataTransfer.effectAllowed=`move`},onDragEnd:A,onDragOver:t=>{let n=k(t,e);if(!n){w?.key===e.key&&E(null);return}t.preventDefault(),t.dataTransfer.dropEffect=n.payload.kind===`move`?`move`:`copy`,(w?.key!==e.key||w.zone!==n.zone)&&E({key:e.key,zone:n.zone})},onDrop:t=>{let n=k(t,e);t.preventDefault(),n&&N(a,n.payload,n.target),A()},children:[n?(0,y.jsx)(`button`,{type:`button`,className:T(`bree-layer-caret`,!r&&`bree-open`),"aria-label":r?o.layers.expand:o.layers.collapse,tabIndex:-1,onClick:t=>{t.stopPropagation(),O(e.key)},children:`›`}):(0,y.jsx)(`span`,{className:`bree-layer-caret-spacer`}),(0,y.jsx)(`span`,{className:`bree-layer-icon`,children:(0,y.jsx)(t,{size:14})}),(0,y.jsx)(`span`,{className:`bree-layer-label`,children:m(e)}),i&&(0,y.jsx)(`span`,{className:`bree-layer-preview`,children:i})]}),e.empty&&(0,y.jsx)(`div`,{className:`bree-layer-empty`,style:{paddingLeft:6+(e.depth+1)*16+18},children:o.layers.emptyZone}),n&&!r&&(0,y.jsx)(`div`,{role:`group`,children:j(e.children)})]},e.key)});return(0,y.jsx)(v.EditorFocusScope,{children:(0,y.jsxs)(`aside`,{className:T(`bree-layers`,r),style:i,"aria-label":t??o.layers.title,tabIndex:-1,onDragLeave:e=>!e.currentTarget.contains(e.relatedTarget)&&E(null),children:[(0,y.jsxs)(`header`,{className:`bree-layers-header`,children:[(0,y.jsx)(`h2`,{children:t??o.layers.title}),(0,y.jsxs)(`div`,{className:`bree-layers-actions`,children:[n&&(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(`button`,{type:`button`,className:`bree-icon-button bree-small`,title:o.layers.expandAll,onClick:()=>C(new Set),children:`⊞`}),(0,y.jsx)(`button`,{type:`button`,className:`bree-icon-button bree-small`,title:o.layers.collapseAll,onClick:()=>{let e=new Set,t=n=>n.forEach(n=>{n.children.length&&e.add(n.key),t(n.children)});t(x),C(e)},children:`⊟`})]}),e&&(0,y.jsx)(`button`,{type:`button`,className:`bree-icon-button bree-small`,title:o.layers.close,onClick:e,children:(0,y.jsx)(v.XIcon,{size:14})})]})]}),(0,y.jsx)(`div`,{className:`bree-layers-list`,role:`tree`,"aria-label":o.layers.tree,ref:D,children:x.length?j(x):(0,y.jsx)(`p`,{className:`bree-hint`,children:o.layers.emptyEmail})})]})})}function un({ctx:e,className:t,style:n}){return(0,y.jsxs)(`div`,{className:T(`bree-inspector`,t),style:n,children:[(0,y.jsx)(et,{ctx:e,alignment:String(e.getAttr(`alignment`)??`left`),setAlignment:t=>e.setAttr(`alignment`,t)}),(0,y.jsx)(K,{ctx:e}),(0,y.jsx)(tt,{ctx:e})]})}function dn(){let{editor:e}=Q();return()=>{let t=document.activeElement;t instanceof HTMLElement&&t.blur(),e.commands.blur()}}function fn({title:e,children:t,breadcrumb:n=!0,className:r,style:i}){let{t:a,nodeLabel:o}=Q(),s=dn();return(0,y.jsxs)(`div`,{className:T(`bree-properties`,r),style:i,children:[(0,y.jsxs)(`header`,{className:`bree-properties-header`,children:[(0,y.jsxs)(`div`,{children:[(0,y.jsx)(`span`,{className:`bree-eyebrow`,children:a.sidebar.propertiesEyebrow}),(0,y.jsx)(`h2`,{children:e})]}),(0,y.jsx)(`button`,{type:`button`,className:`bree-icon-button`,title:a.sidebar.closeProperties,onClick:s,children:(0,y.jsx)(v.XIcon,{size:16})})]}),n&&(0,y.jsx)(v.Inspector.Breadcrumb,{children:e=>e.length>1&&(0,y.jsx)(`nav`,{className:`bree-breadcrumb`,"aria-label":a.sidebar.breadcrumb,children:e.map((t,n)=>(0,y.jsxs)(`span`,{className:`bree-crumb`,children:[n>0&&(0,y.jsx)(`span`,{className:`bree-crumb-sep`,children:`/`}),(0,y.jsx)(`button`,{type:`button`,disabled:n===e.length-1,onClick:t.focus,children:o(t.node.nodeType)})]},`${t.node.nodeType}-${t.node.nodePos.pos}`))})}),(0,y.jsx)(`div`,{className:`bree-panel-scroll`,children:t})]})}function pn({ctx:e,className:t,style:n}){let{nodes:r,nodeLabel:i}=Q(),a=r.get(e.nodeType)?.inspector??un;return(0,y.jsx)(fn,{title:i(e.nodeType),className:t,style:n,children:(0,y.jsx)(a,{ctx:e},`${e.nodeType}-${e.nodePos.pos}`)})}function mn(e,t){let{editor:n,dragSession:r}=Q();return{draggable:!0,onDragStart:n=>{r.start({kind:`new`,label:e,content:t}),n.dataTransfer.setData(ee,e),n.dataTransfer.effectAllowed=`copy`},onDragEnd:()=>r.end(),onClick:()=>ue(n,t())}}function hn({template:e,className:t,style:n}){let r=Ht(),i=Te(e.label,r),a=mn(i,()=>e.content(r));return(0,y.jsxs)(`button`,{type:`button`,className:T(`bree-block-card`,t),style:n,...a,children:[e.thumbnail??(0,y.jsx)(Z,{variant:`default`}),(0,y.jsxs)(`span`,{className:`bree-block-text`,children:[(0,y.jsx)(`strong`,{children:i}),e.description&&(0,y.jsx)(`span`,{children:Te(e.description,r)})]})]})}function gn({templates:e,className:t,style:n}){let r=Q();return(0,y.jsx)(`div`,{className:T(`bree-block-list`,t),style:n,children:(e??r.templates).map(e=>(0,y.jsx)(hn,{template:e},e.id))})}function _n({ctx:e,className:t,style:n}){let{settings:r,updateSettings:i,t:a}=Q(),o=a.body,{findStyleValue:s,setGlobalStyle:c}=e;return(0,y.jsxs)(`div`,{className:T(`bree-body-tab`,t),style:n,children:[(0,y.jsx)(B,{title:o.general,children:(0,y.jsx)(V,{label:o.previewText,stacked:!0,children:(0,y.jsx)(H,{value:r.previewText,onChange:e=>i({previewText:e}),placeholder:o.previewTextPlaceholder})})}),(0,y.jsxs)(B,{title:o.background,children:[(0,y.jsx)(V,{label:o.backgroundColor,stacked:!0,children:(0,y.jsx)(W,{value:s(`body`,`backgroundColor`),onChange:e=>c(`body`,`backgroundColor`,e)})}),(0,y.jsx)(V,{label:o.outerPadding,children:(0,y.jsx)(U,{value:s(`body`,`padding`),onChange:e=>c(`body`,`padding`,e)})})]}),(0,y.jsxs)(B,{title:o.content,children:[(0,y.jsx)(V,{label:o.width,children:(0,y.jsx)(U,{value:s(`container`,`width`),onChange:e=>c(`container`,`width`,e),min:320,max:900})}),(0,y.jsx)(V,{label:o.contentColor,stacked:!0,children:(0,y.jsx)(W,{value:s(`container`,`backgroundColor`),onChange:e=>c(`container`,`backgroundColor`,e)})}),(0,y.jsx)(V,{label:o.innerPadding,children:(0,y.jsx)(U,{value:s(`container`,`padding`),onChange:e=>c(`container`,`padding`,e)})}),(0,y.jsx)(V,{label:o.radius,children:(0,y.jsx)(U,{value:s(`container`,`borderRadius`),onChange:e=>c(`container`,`borderRadius`,e)})})]}),(0,y.jsxs)(B,{title:o.defaultStyles,children:[(0,y.jsx)(V,{label:o.text,stacked:!0,children:(0,y.jsx)(W,{value:s(`paragraph`,`color`),onChange:e=>c(`paragraph`,`color`,e)})}),(0,y.jsx)(V,{label:o.headings,stacked:!0,children:(0,y.jsx)(W,{value:s(`h1`,`color`),onChange:t=>e.batchSetGlobalStyle([`h1`,`h2`,`h3`].map(e=>({classReference:e,property:`color`,value:t})))})}),(0,y.jsx)(V,{label:o.links,stacked:!0,children:(0,y.jsx)(W,{value:s(`link`,`color`),onChange:e=>c(`link`,`color`,e)})}),(0,y.jsx)(V,{label:o.buttonBackground,stacked:!0,children:(0,y.jsx)(W,{value:s(`button`,`backgroundColor`),onChange:e=>c(`button`,`backgroundColor`,e)})}),(0,y.jsx)(V,{label:o.buttonText,stacked:!0,children:(0,y.jsx)(W,{value:s(`button`,`color`),onChange:e=>c(`button`,`color`,e)})})]})]})}function vn({item:e,className:t,style:n}){let r=Ht(),i=Te(e.label,r),a=mn(i,()=>e.content(r));return(0,y.jsxs)(`button`,{type:`button`,className:T(`bree-tile`,t),style:n,title:r.t.sidebar.tileTitle(i),...a,children:[(0,y.jsx)(`span`,{className:`bree-tile-icon`,children:e.icon}),(0,y.jsx)(`span`,{className:`bree-tile-label`,children:i})]})}function yn({items:e,groups:t,hint:n,className:r,style:i}){let a=Q(),o=e??a.palette,s=t??a.paletteGroups,c=[...s,...[...new Set(o.map(e=>e.group))].filter(e=>!s.some(t=>t.id===e)).map(e=>({id:e,title:e}))];return(0,y.jsxs)(`div`,{className:T(`bree-content-tab`,r),style:i,children:[c.map(e=>{let t=o.filter(t=>t.group===e.id);return t.length?(0,y.jsxs)(`section`,{children:[(0,y.jsx)(`h3`,{className:`bree-panel-title`,children:Te(e.title,a)}),(0,y.jsx)(`div`,{className:`bree-tiles`,children:t.map(e=>(0,y.jsx)(vn,{item:e},e.id))})]},e.id):null}),n!==null&&(0,y.jsx)(`p`,{className:`bree-hint`,children:n??a.t.sidebar.dragHint})]})}function bn({ctx:e,tabs:t=[`content`,`blocks`,`body`],defaultTab:n,className:r,style:i}){let{t:a}=Q(),o={content:{id:`content`,label:a.sidebar.tabContent,render:()=>(0,y.jsx)(yn,{})},blocks:{id:`blocks`,label:a.sidebar.tabBlocks,render:()=>(0,y.jsx)(gn,{})},body:{id:`body`,label:a.sidebar.tabBody,render:e=>(0,y.jsx)(_n,{ctx:e})}},s=t.map(e=>typeof e==`string`?o[e]:e),[c,u]=(0,l.useState)(n??s[0]?.id),d=s.find(e=>e.id===c)??s[0];return(0,y.jsxs)(`div`,{className:T(`bree-content-panel`,r),style:i,children:[s.length>1&&(0,y.jsx)(`nav`,{className:`bree-tabs`,role:`tablist`,children:s.map(e=>(0,y.jsx)(`button`,{type:`button`,role:`tab`,"aria-selected":e.id===d?.id,className:T(e.id===d?.id&&`bree-active`),onClick:()=>u(e.id),children:e.label},e.id))}),(0,y.jsx)(`div`,{className:`bree-panel-scroll`,children:d?.render(e)})]})}function xn({ctx:e,className:t,style:n}){let r=$(),i=r.inspector,a=[{mark:`bold`,Icon:v.BoldIcon,title:i.bold},{mark:`italic`,Icon:v.ItalicIcon,title:i.italic},{mark:`underline`,Icon:v.UnderlineIcon,title:i.underline},{mark:`strike`,Icon:v.StrikethroughIcon,title:i.strike}];return(0,y.jsxs)(fn,{title:r.sidebar.selectedText,className:t,style:n,children:[(0,y.jsx)(B,{title:i.formatting,children:(0,y.jsx)(`div`,{className:`bree-mark-row`,children:a.map(({mark:t,Icon:n,title:r})=>(0,y.jsx)(`button`,{type:`button`,title:r,"aria-pressed":!!e.marks[t],className:T(`bree-mark`,e.marks[t]&&`bree-active`),onClick:()=>e.toggleMark(t),children:(0,y.jsx)(n,{size:14})},t))})}),(0,y.jsx)(et,{ctx:e,alignment:e.alignment,setAlignment:e.setAlignment}),e.isLinkActive&&(0,y.jsxs)(B,{title:i.link,children:[(0,y.jsx)(V,{label:i.url,stacked:!0,children:(0,y.jsx)(`span`,{className:`bree-readonly`,children:e.linkHref})}),(0,y.jsx)(V,{label:i.linkColor,stacked:!0,children:(0,y.jsx)(W,{value:e.linkColor,presets:e.presetColors,onChange:e.setLinkColor})})]})]})}function Sn({renderDocument:e=e=>(0,y.jsx)(bn,{ctx:e}),renderNode:t=e=>(0,y.jsx)(pn,{ctx:e}),renderText:n=e=>(0,y.jsx)(xn,{ctx:e}),className:r,style:i}){let{t:a}=Q();return(0,y.jsxs)(v.Inspector.Root,{className:T(`bree-sidebar`,r),style:i,"aria-label":a.sidebar.label,children:[(0,y.jsx)(v.Inspector.Document,{children:e}),(0,y.jsx)(v.Inspector.Node,{children:t}),(0,y.jsx)(v.Inspector.Text,{children:n})]})}function Cn(e,t,n){let r=URL.createObjectURL(new Blob([t],{type:n})),i=document.createElement(`a`);i.href=r,i.download=e,i.click(),URL.revokeObjectURL(r)}function wn({onClose:e,defaultView:t=`desktop`,views:n=[`desktop`,`mobile`,`html`,`text`],filename:r=`email.html`,className:i,style:a}){let{handle:o,settings:s,t:c}=Q(),[u,d]=(0,l.useState)(t),[f,p]=(0,l.useState)(null),[m,h]=(0,l.useState)(null),[g,_]=(0,l.useState)(!1);(0,l.useEffect)(()=>{let e=!1;return o.exportEmail().then(t=>!e&&p(t)).catch(t=>!e&&h(t instanceof Error?t.message:String(t))),()=>{e=!0}},[o,s.previewText]),(0,l.useEffect)(()=>{let t=t=>t.key===`Escape`&&e();return window.addEventListener(`keydown`,t),()=>window.removeEventListener(`keydown`,t)},[e]);let b=async()=>{f&&(await navigator.clipboard.writeText(u===`text`?f.text:f.html),_(!0),setTimeout(()=>_(!1),1500))},x=c.preview;return(0,w.createPortal)((0,y.jsx)(v.EditorFocusScope,{children:(0,y.jsx)(`div`,{className:`bree bree-modal-backdrop`,onMouseDown:t=>t.target===t.currentTarget&&e(),children:(0,y.jsxs)(`div`,{className:T(`bree-modal`,i),style:a,role:`dialog`,"aria-modal":`true`,"aria-label":x.dialogLabel,children:[(0,y.jsxs)(`header`,{className:`bree-modal-header`,children:[(0,y.jsx)(`nav`,{className:`bree-tabs bree-compact`,role:`tablist`,children:n.map(e=>(0,y.jsx)(`button`,{type:`button`,role:`tab`,"aria-selected":u===e,className:T(u===e&&`bree-active`),onClick:()=>d(e),children:x[e]},e))}),(0,y.jsxs)(`div`,{className:`bree-modal-actions`,children:[f&&(u===`html`||u===`text`)&&(0,y.jsx)(`button`,{type:`button`,className:`bree-btn`,onClick:b,children:g?x.copied:x.copy}),f&&(0,y.jsx)(`button`,{type:`button`,className:`bree-btn bree-primary`,onClick:()=>Cn(r,f.unformattedHtml,`text/html`),children:x.download}),(0,y.jsx)(`button`,{type:`button`,className:`bree-icon-button`,onClick:e,title:x.close,children:(0,y.jsx)(v.XIcon,{size:18})})]})]}),(0,y.jsxs)(`div`,{className:`bree-modal-body`,children:[m&&(0,y.jsx)(`p`,{className:`bree-error`,children:x.renderError(m)}),!f&&!m&&(0,y.jsx)(`p`,{className:`bree-loading`,children:x.rendering}),f&&(u===`desktop`||u===`mobile`)&&(0,y.jsx)(`div`,{className:T(`bree-preview-frame`,`bree-preview-${u}`),children:(0,y.jsx)(`iframe`,{title:x.iframeTitle,srcDoc:f.html,sandbox:`allow-same-origin allow-popups`})}),f&&u===`html`&&(0,y.jsx)(`pre`,{className:`bree-code`,children:f.html}),f&&u===`text`&&(0,y.jsx)(`pre`,{className:`bree-code`,children:f.text})]})]})})}),document.body)}function Tn({className:e,style:t}){let{layersOpen:n,setLayersOpen:r,t:i}=Q();return(0,y.jsxs)(`button`,{type:`button`,className:T(`bree-btn bree-ghost bree-layers-toggle`,n&&`bree-active`,e),style:t,"aria-pressed":n,onClick:()=>r(!n),title:i.topBar.toggleLayers,children:[(0,y.jsx)(Re,{}),` `,i.topBar.layers]})}function En({className:e,style:t}){let{editor:n,t:r}=Q(),i=(0,d.useEditorState)({editor:n,selector:({editor:e})=>({undo:!!e?.can().undo(),redo:!!e?.can().redo()})});return(0,y.jsxs)(`div`,{className:T(`bree-btn-group`,e),style:t,children:[(0,y.jsx)(`button`,{type:`button`,className:`bree-icon-button`,title:r.topBar.undo,disabled:!i?.undo,onClick:()=>n.chain().focus().undo().run(),children:(0,y.jsx)(Pe,{})}),(0,y.jsx)(`button`,{type:`button`,className:`bree-icon-button`,title:r.topBar.redo,disabled:!i?.redo,onClick:()=>n.chain().focus().redo().run(),children:(0,y.jsx)(Fe,{})})]})}function Dn({className:e,style:t}){let{device:n,setDevice:r,t:i}=Q(),a=[{id:`desktop`,label:i.topBar.desktop,Icon:Ie},{id:`mobile`,label:i.topBar.mobile,Icon:Le}];return(0,y.jsx)(`div`,{className:T(`bree-segmented bree-device-toggle`,e),style:t,role:`radiogroup`,"aria-label":i.topBar.canvasWidth,children:a.map(({id:e,label:t,Icon:i})=>(0,y.jsx)(`button`,{type:`button`,role:`radio`,"aria-checked":n===e,className:T(n===e&&`bree-active`),onClick:()=>r(e),title:t,children:(0,y.jsx)(i,{})},e))})}function On({className:e,style:t}){let{editor:n,starterDocument:r,locale:i,t:a}=Q();return(0,y.jsx)(`button`,{type:`button`,className:T(`bree-btn bree-ghost`,e),style:t,onClick:()=>{confirm(a.topBar.confirmTemplate)&&n.commands.setContent(r({locale:i,t:a}))},children:a.topBar.template})}function kn({className:e,style:t}){let{handle:n,t:r}=Q(),i=(0,l.useRef)(null),a=async e=>{try{n.setValue(JSON.parse(await e.text()))}catch(e){alert(r.topBar.invalidFile(e instanceof Error?e.message:String(e)))}};return(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(`button`,{type:`button`,className:T(`bree-btn bree-ghost`,e),style:t,onClick:()=>i.current?.click(),children:r.topBar.import}),(0,y.jsx)(`input`,{ref:i,type:`file`,accept:`application/json,.json`,hidden:!0,onChange:e=>{let t=e.target.files?.[0];t&&a(t),e.target.value=``}})]})}function An({className:e,style:t,filename:n=`email.json`}){let{handle:r,t:i}=Q();return(0,y.jsx)(`button`,{type:`button`,className:T(`bree-btn bree-ghost`,e),style:t,onClick:()=>Cn(n,JSON.stringify(r.getValue(),null,2),`application/json`),children:i.topBar.exportJson})}function jn({view:e=`desktop`,variant:t=`default`,children:n,className:r,style:i}){let{t:a}=Q(),[o,s]=(0,l.useState)(!1);return(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(`button`,{type:`button`,className:T(`bree-btn`,t!=="default"&&`bree-${t}`,r),style:i,onClick:()=>s(!0),children:n??a.topBar.preview}),o&&(0,y.jsx)(wn,{defaultView:e,onClose:()=>s(!1)})]})}function Mn(e){let{t}=Q();return(0,y.jsx)(jn,{view:`html`,variant:`primary`,...e,children:t.topBar.exportHtml})}function Nn({brand:e,actions:t,children:n,className:r,style:i}){return(0,y.jsx)(v.EditorFocusScope,{children:(0,y.jsxs)(`header`,{className:T(`bree-topbar`,r),style:i,children:[(0,y.jsx)(`div`,{className:`bree-topbar-start`,children:e}),n??(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(`div`,{className:`bree-topbar-center`,children:(0,y.jsx)(Dn,{})}),(0,y.jsxs)(`div`,{className:`bree-topbar-actions`,children:[t,(0,y.jsx)(Mn,{})]})]})]})})}function Pn({showTopBar:e=!0,showLayers:t=!0,showSidebar:n=!0,components:r={},slotProps:i={}}){let{layersOpen:a}=Q(),{TopBar:o=Nn,LayersPanel:s=ln,Canvas:c=nn,Sidebar:l=Sn}=r,u=t&&a;return(0,y.jsxs)(`div`,{className:T(`bree-layout`,e&&`bree-with-topbar`,u&&`bree-with-layers`,n&&`bree-with-sidebar`),children:[e&&(0,y.jsx)(o,{...i.topBar}),u&&(0,y.jsx)(s,{...i.layersPanel}),(0,y.jsx)(c,{...i.canvas}),n&&(0,y.jsx)(l,{...i.sidebar})]})}var Fn=(0,l.forwardRef)(function({showTopBar:e,showLayers:t,showSidebar:n,components:r,slotProps:i,...a},o){return(0,y.jsx)(Yt,{ref:o,...a,children:(0,y.jsx)(Pn,{showTopBar:e,showLayers:t,showSidebar:n,components:r,slotProps:i})})});exports.AlignInput=Qe,exports.BLOCK_CONTAINERS=E,exports.BetterEmailEditor=Fn,exports.BlockProperties=pn,exports.BlocksTab=gn,exports.BodyTab=_n,exports.BoxGroup=tt,exports.ButtonInspector=nt,exports.COLUMN_PARENTS=D,exports.Canvas=nn,exports.CanvasOverlay=en,exports.ColorInput=W,exports.ColumnsInspector=rt,exports.ContainerInspector=lt,exports.ContentPanel=bn,exports.ContentTab=yn,exports.DEFAULT_SWATCHES=Je,exports.DefaultInspector=un,exports.DeviceToggle=Dn,exports.DividerInspector=ct,exports.EditorRoot=Yt,exports.EmailButton=de,exports.ExportHtmlButton=Mn,exports.ExportJsonButton=An,exports.Field=V,exports.Group=B,exports.HeadingInspector=it,exports.HtmlBlock=vt,exports.HtmlInspector=st,exports.ImageInspector=at,exports.ImportButton=kn,exports.LayersPanel=ln,exports.LayersToggle=Tn,exports.NumberInput=U,exports.PaddingInput=$e,exports.PaletteTile=vn,exports.PreviewButton=jn,exports.PreviewDialog=wn,exports.PropertiesPanel=fn,exports.RangeInput=qe,exports.SOCIAL_NETWORKS=pt,exports.Segmented=Ze,exports.Select=Xe,exports.Sidebar=Sn,exports.SocialLinks=_t,exports.SocialLinksInspector=yt,exports.Spacer=ft,exports.SpacerInspector=ot,exports.SpacingGroup=K,exports.TemplateButton=On,exports.TemplateCard=hn,exports.TemplateThumbnail=Z,exports.TextArea=Ge,exports.TextInput=H,exports.TextProperties=xn,exports.TopBar=Nn,exports.TypographyGroup=et,exports.UndoRedo=En,exports.appendBlocks=ue,exports.applyDrop=N,Object.defineProperty(exports,"content",{enumerable:!0,get:function(){return wt}}),exports.createStarterDocument=zt,exports.css=G,exports.cx=T,exports.defaultNodes=Ct,exports.defaultPalette=It,exports.defaultPaletteGroups=Ft,exports.defaultTemplates=Lt,exports.defaultTheme=Ut,exports.deleteUnit=le,exports.download=Cn,exports.duplicateUnit=ce,exports.en=Se,exports.findDropTarget=j,exports.fr=Ce,exports.iconUrl=ht,Object.defineProperty(exports,"icons",{enumerable:!0,get:function(){return ke}}),exports.inlineStyleToObject=ut,exports.locales=we,exports.menuParagraph=Pt,exports.parentUnit=se,exports.readFileAsDataUrl=Wt,exports.resolveLabel=Te,exports.resolveMessages=Oe,exports.selectUnit=I,exports.selectedUnit=F,exports.textPreview=xt,exports.toHex=Ye,exports.truncate=bt,exports.unitAt=P,exports.useDeselect=dn,exports.useDraggableBlock=mn,exports.useEmailEditor=Q,exports.useI18n=Ht,exports.useMessages=$,exports.useOptionalEmailEditor=Vt;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,n)=>{let r={};for(var i in e)t(r,i,{get:e[i],enumerable:!0});return n||t(r,Symbol.toStringTag,{value:`Module`}),r},s=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},c=(n,r,o)=>(o=n==null?{}:e(i(n)),s(r||!n||!n.__esModule||!a.call(n,`default`)?t(o,`default`,{value:n,enumerable:!0}):o,n));let l=require("react"),u=require("@tiptap/extension-placeholder"),d=require("@tiptap/react"),f=require("@react-email/editor/core"),p=require("@react-email/editor/extensions"),m=require("@react-email/editor/plugins"),h=require("@tiptap/pm/model"),g=require("@tiptap/pm/state"),_=require("@tiptap/html"),v=require("@tiptap/core"),y=require("@tiptap/pm/transform"),b=require("@react-email/editor/ui"),x=require("react/jsx-runtime"),S=require("@radix-ui/react-popover");S=c(S,1);let C=require("react-colorful"),w=require("react-email"),T=require("react-dom");function E(...e){return e.filter(Boolean).join(` `)}var D=new Set([`container`,`section`,`columnsColumn`]),O=new Set([`twoColumns`,`threeColumns`,`fourColumns`]),k=`application/x-email-block`;function ee(e,t){let n=e.nodeDOM(t);return n instanceof HTMLElement?n.getBoundingClientRect():null}function te(e,t,n){let r=[];return t.forEach((t,i)=>{let a=n+1+i,o=ee(e,a);o&&r.push({node:t,pos:a,rect:o})}),r}function A(e){return e.type.name===`paragraph`&&e.childCount===0}function j(e){let t=null;return e.forEach((e,n)=>{!t&&e.type.name===`container`&&(t={node:e,pos:n})}),t}function ne(e,t,n,r,i){let a=j(e.state.doc);if(!a)return null;let o=e=>!!i&&e>=i.from&&e<i.to,s=(i,a)=>{let c=te(e,i,a),l=ee(e,a);if(!l)return null;for(let r of c){let{rect:i}=r,a=Math.min(12,i.height/4),c=n>i.top+a&&n<i.bottom-a,l=t>=i.left&&t<=i.right;if(!c||!l||o(r.pos))continue;let u=r.node.type.name;if(D.has(u)){let e=s(r.node,r.pos);if(e)return e}else if(O.has(u)){let n=te(e,r.node,r.pos),i=n.find(e=>t>=e.rect.left&&t<=e.rect.right)??(t<n[0]?.rect.left?n[0]:n[n.length-1]);if(i&&!o(i.pos)){let e=s(i.node,i.pos);if(e)return e}}}if(c.length===1&&A(c[0].node)&&!o(c[0].pos)){let e=c[0];return i.type.validContent(r)?{pos:e.pos,replaceTo:e.pos+e.node.nodeSize,line:{top:e.rect.top,left:l.left,width:l.width},emptyZone:{top:l.top,left:l.left,width:l.width,height:Math.max(l.height,40)}}:null}let u=c.length;for(let e=0;e<c.length;e++){let{rect:t}=c[e];if(n<t.top+t.height/2){u=e;break}}let d=u,f=u<c.length?(e=>{let t=0,n=-1;return i.forEach((r,i)=>{a+1+i===e&&(n=t),t++}),n})(c[u].pos):i.childCount;if(!i.canReplace(f,f,r))return null;let p=d<c.length?c[d].pos:a+i.nodeSize-1,m;return m=c.length===0?l.top+4:d===0?c[0].rect.top:d===c.length?c[c.length-1].rect.bottom:(c[d-1].rect.bottom+c[d].rect.top)/2,{pos:p,line:{top:m,left:l.left,width:l.width}}};return s(a.node,a.pos)}function re(e,t){let{schema:n,doc:r}=e.state;if(t.kind===`new`)try{return h.Fragment.fromArray(t.content().map(e=>n.nodeFromJSON(e)))}catch(e){return console.error(`Invalid block content`,e),null}let i=r.nodeAt(t.pos);return i?h.Fragment.from(i):null}function M(e,t){let n=e.doc.nodeAt(t);n&&(n.isAtom||n.type.name===`horizontalRule`?e.setSelection(g.NodeSelection.create(e.doc,t)):e.setSelection(g.TextSelection.near(e.doc.resolve(t+1))))}function ie(e){let{selection:t,doc:n}=e.state;t instanceof g.NodeSelection&&e.dispatch(e.state.tr.setSelection(g.Selection.near(n.resolve(t.from))))}function ae(e,t){if(t.replaceTo!==void 0)return t;let n=e.resolve(t.pos),r=n.parent,i=r.lastChild;return n.index()!==r.childCount||!i||r.childCount<2||!A(i)?t:{...t,pos:t.pos-i.nodeSize}}function oe(e,t,n){let{view:r}=e;ie(r);let i=re(r,t);if(!i)return!1;let a=ae(r.state.doc,n),o=r.state.tr;if(t.kind===`new`)a.replaceTo===void 0?o.insert(a.pos,i):o.replaceWith(a.pos,a.replaceTo,i),M(o,a.pos);else{let e=r.state.doc.nodeAt(t.pos);if(!e)return!1;let n=t.pos,i=n+e.nodeSize;if(a.replaceTo===void 0&&(a.pos===n||a.pos===i))return!1;se(o,n,i);let s=o.mapping.map(a.pos,-1);if(a.replaceTo!==void 0){let t=o.mapping.map(a.replaceTo,1);o.replaceWith(s,t,e)}else o.insert(s,e);M(o,s)}return r.dispatch(o.scrollIntoView()),r.focus(),!0}function se(e,t,n){let r=e.doc.resolve(t).parent;r.childCount===1&&D.has(r.type.name)?e.replaceWith(t,n,e.doc.type.schema.nodes.paragraph.create()):e.delete(t,n)}function N(e,t,n=!0){if(t<0||t>e.content.size)return null;let r=[],i=e.nodeAt(t);n&&i&&r.push({pos:t,node:i});let a=e.resolve(t);for(let e=a.depth;e>0;e--)r.push({pos:a.before(e),node:a.node(e)});for(let t of r){let n=e.resolve(t.pos).parent.type.name;if(D.has(n)||O.has(n))return t}return null}function ce(e){return e.node.type.name===`columnsColumn`}function le(e,t){let n=e.resolve(t.pos);for(let r=n.depth;r>0;r--){let i=N(e,n.before(r));if(i&&i.pos!==t.pos)return i}return null}function P(e){let{selection:t,doc:n}=e.state;return t instanceof g.NodeSelection?N(n,t.from)??{pos:t.from,node:t.node}:N(n,t.from,!1)}function F(e,t){let{view:n}=e,r=n.state.tr.setSelection(g.NodeSelection.create(n.state.doc,t.pos));n.dispatch(r),n.focus()}function ue(e,t){let{view:n}=e;ie(n);let r=n.state.doc.nodeAt(t.pos);if(!r)return;let i=t.pos+r.nodeSize,a=n.state.tr.insert(i,r.copy(r.content));a.setSelection(g.NodeSelection.create(a.doc,i)),n.dispatch(a.scrollIntoView()),n.focus()}function de(e,t){let{view:n}=e,r=n.state.doc.nodeAt(t.pos);if(!r)return;let i=n.state.tr;se(i,t.pos,t.pos+r.nodeSize),n.dispatch(i)}function fe(e,t){let n=j(e.state.doc);if(!n)return;let r=n.node.lastChild,i=n.pos+n.node.nodeSize-1;oe(e,{kind:`new`,label:``,content:()=>t},r&&A(r)&&n.node.childCount>1?{pos:i-r.nodeSize,replaceTo:i,line:{top:0,left:0,width:0}}:{pos:i,line:{top:0,left:0,width:0}})}var pe=p.Button.extend({parseHTML(){return[{tag:`a[data-id="react-email-button"]`,getAttrs:e=>{if(typeof e==`string`)return!1;let t=e,n=t.parentElement?.className.match(/align-(left|center|right)/)?.[1],r=t.className.replace(/\bnode-button\b/g,``).trim();return{href:t.getAttribute(`href`)??t.dataset.href??`#`,alignment:n??`left`,class:r||`button`,style:t.getAttribute(`style`)}}}]}});function me(e,t){let n=t.clipboardData?.getData(`text/html`)??``,r=n.includes(`data-pm-slice`);if((t.clipboardData?.files?.length??0)>0)return!1;let{view:i}=e,{state:a}=i,{selection:o}=a;if(o instanceof g.NodeSelection&&o.node.isBlock){let e=o.node,t=e.type.name===`columnsColumn`?o.from+e.nodeSize-1:o.from+e.nodeSize,n=a.doc.resolve(t),r=a.schema.nodes.paragraph;if(O.has(n.parent.type.name)||!n.parent.canReplaceWith(n.index(),n.index(),r))return!1;i.dispatch(a.tr.setSelection(g.TextSelection.near(n)));let s=i.state.tr.insert(t,r.create());s.setSelection(g.TextSelection.create(s.doc,t+1)),i.dispatch(s)}return r?(t.preventDefault(),t.stopPropagation(),i.pasteHTML(n),!0):!1}var I=/class="[^"]*node-/,he=[`script`,`iframe`,`object`,`embed`,`meta`,`base`],ge=[`href`,`src`],L={a:[`href`,`target`,`rel`],img:[`src`,`alt`,`width`,`height`],td:[`colspan`,`rowspan`],th:[`colspan`,`rowspan`,`scope`],table:[`border`,`cellpadding`,`cellspacing`],"*":[`id`]};function _e(e,t){let n=e.trim().toLowerCase();return n.startsWith(`javascript:`)||n.startsWith(`vbscript:`)?!1:!n.startsWith(`data:`)||t&&n.startsWith(`data:image/`)}function ve(e){let t=new Set([...L[e.tagName.toLowerCase()]??[],...L[`*`]]);for(let n of Array.from(e.attributes))(n.name.startsWith(`data-`)||!t.has(n.name))&&e.removeAttribute(n.name)}function ye(e){e.nodeType===Node.ELEMENT_NODE&&ve(e);for(let t of Array.from(e.childNodes))ye(t)}function be(e){let t=new DOMParser().parseFromString(e,`text/html`);for(let e of he)for(let n of Array.from(t.body.getElementsByTagName(e)))n.remove();for(let e of Array.from(t.body.querySelectorAll(`[href], [src]`))){let t=e.tagName.toLowerCase()===`img`;for(let n of ge){let r=e.getAttribute(n);r!==null&&!_e(r,t)&&e.removeAttribute(n)}}return I.test(e)||ye(t.body),t.body.innerHTML}function xe(e){return(t,n,r)=>{if(r.content.childCount===1)return!1;let i=n.clipboardData?.getData?.(`text/html`);if(!i)return!1;n.preventDefault();let a=(0,_.generateJSON)(be(i),e),o=t.state.schema.nodeFromJSON(a);return t.dispatch(t.state.tr.replaceSelectionWith(o,!1)),!0}}var Se=v.Extension.create({name:`selectAllFix`,addProseMirrorPlugins(){return[new g.Plugin({key:new g.PluginKey(`selectAllFix`),appendTransaction(e,t,n){let r=t.selection;if(!(r instanceof g.TextSelection)||r.$from.parent.inlineContent&&r.$to.parent.inlineContent||!e.some(e=>e.steps.some(e=>e instanceof y.ReplaceStep&&e.from===r.from&&e.to===r.to)))return null;let i=r.from,a=r.to;for(let t of e)i=t.mapping.map(i,-1),a=t.mapping.map(a,1);let{selection:o}=n;if(o instanceof g.TextSelection&&o.from>=i&&o.to<=a)return null;let s=n.doc.resolve(i);return n.tr.setSelection(g.Selection.findFrom(s,1,!0)??g.Selection.near(s))}})]}});function Ce(){let e=null;return{get:()=>e,start:t=>{e=t},end:()=>{e=null}}}function we(){let e=null,t=new Set;return{get:()=>e,set:n=>{if(n!==e){e=n;for(let e of t)e()}},subscribe:e=>(t.add(e),()=>{t.delete(e)})}}var Te={topBar:{layers:`Layers`,toggleLayers:`Show / hide layers`,undo:`Undo (Ctrl+Z)`,redo:`Redo (Ctrl+Y)`,canvasWidth:`Canvas width`,desktop:`Desktop`,mobile:`Mobile`,template:`Template`,confirmTemplate:`Replace the content with the starter template?`,import:`Import`,exportJson:`Save JSON`,preview:`Preview`,exportHtml:`Export HTML`,invalidFile:e=>`Invalid file: ${e}`},preview:{dialogLabel:`Preview and export`,desktop:`Desktop`,mobile:`Mobile`,html:`HTML`,text:`Plain text`,copy:`Copy`,copied:`Copied ✓`,download:`Download .html`,close:`Close`,rendering:`Rendering the email…`,renderError:e=>`Render error: ${e}`,iframeTitle:`Email preview`},sidebar:{label:`Side panel`,tabContent:`Content`,tabBlocks:`Blocks`,tabBody:`Body`,layoutTitle:`Layout`,contentTitle:`Content`,dragHint:`Drag an item into the email. A click adds it at the end.`,tileTitle:e=>`Drag “${e}” into the email (or click to add it at the end)`,propertiesEyebrow:`Properties`,closeProperties:`Close (back to content)`,breadcrumb:`Hierarchy`,selectedText:`Selected text`},body:{general:`General`,previewText:`Preview text`,previewTextPlaceholder:`Shown after the subject line in the inbox`,background:`Background`,backgroundColor:`Background color`,outerPadding:`Outer padding`,content:`Content`,width:`Width`,contentColor:`Content color`,innerPadding:`Inner padding`,radius:`Corner radius`,defaultStyles:`Default styles`,text:`Text`,headings:`Headings`,links:`Links`,buttonBackground:`Button background`,buttonText:`Button text`},inspector:{typography:`Typography`,color:`Color`,size:`Size`,weight:`Weight`,weightLight:`Light`,weightNormal:`Normal`,weightSemibold:`Semibold`,weightBold:`Bold`,weightExtrabold:`Extra bold`,lineHeight:`Line height`,alignment:`Alignment`,spacing:`Spacing`,padding:`Padding`,box:`Background & border`,backgroundColor:`Background color`,radius:`Corner radius`,border:`Border`,borderColor:`Border color`,image:`Image`,uploadImage:`Upload an image…`,imageUrl:`Image URL`,altText:`Alt text`,altPlaceholder:`Describe the image`,layout:`Layout`,autoWidth:`Auto width`,width:`Width`,action:`Action`,clickLink:`Link on click`,linkUrl:`Link URL`,button:`Button`,textColor:`Text color`,textSize:`Text size`,buttonPadding:`Button padding`,networks:`Networks`,removeNetwork:`Remove`,addNetwork:`+ Add a network`,appearance:`Appearance`,iconSize:`Icon size`,gap:`Spacing`,columns:`Columns`,distribution:`Distribution`,equal:`Equal`,columnGap:`Gap between columns`,columnsHint:`Click inside a column to set its background and padding.`,spacer:`Spacer`,height:`Height`,htmlCode:`HTML code`,htmlHint:`The HTML is inserted as is in the exported email.`,line:`Line`,thickness:`Thickness`,lineStyle:`Style`,heading:`Heading`,level:`Level`,formatting:`Formatting`,bold:`Bold`,italic:`Italic`,underline:`Underline`,strike:`Strikethrough`,link:`Link`,url:`URL`,linkColor:`Link color`},fields:{colorDefault:`Default`,chooseColor:e=>`Pick a color (${e})`,hexCode:`Hex code`,eyedropper:`Eyedropper: pick a color on screen`,documentColors:`Document colors`,palette:`Palette`,resetColor:`Reset to default`,alignLeft:`Left`,alignCenter:`Center`,alignRight:`Right`,top:`Top`,right:`Right`,bottom:`Bottom`,left:`Left`,moreOptions:`More options`,auto:`auto`},layers:{title:`Layers`,expandAll:`Expand all`,collapseAll:`Collapse all`,close:`Close layers`,tree:`Email structure`,emptyEmail:`The email is empty.`,emptyZone:`Empty — drop content here`,column:e=>`Column ${e}`,fixedHint:`Columns stay in their row`,itemHint:`Click to select, drag to move`,expand:`Expand`,collapse:`Collapse`,uploadedImage:`uploaded image`,empty:`empty`},canvas:{dropHere:`Drop here`,dropLabel:e=>e?`Drop “${e}” here`:`Drop here`,emptyZone:`Drag content here`,move:`Drag to move`,moveLabel:e=>`Move: ${e}`,selectParent:e=>`Select: ${e}`,duplicate:`Duplicate`,delete:`Delete`},placeholder:{heading:`Heading`,paragraph:`Write, or type “/” for commands`},nodes:{body:`Body`,paragraph:`Text`,heading:`Heading`,image:`Image`,button:`Button`,horizontalRule:`Divider`,spacer:`Spacer`,socialLinks:`Social links`,htmlBlock:`HTML`,section:`Section`,twoColumns:`Row · 2 columns`,threeColumns:`Row · 3 columns`,fourColumns:`Row · 4 columns`,columnsColumn:`Column`,bulletList:`List`,orderedList:`Numbered list`,listItem:`List item`,blockquote:`Quote`,codeBlock:`Code`,table:`Table`,container:`Email`},palette:{oneColumn:`1 column`,twoColumns:`2 columns`,threeColumns:`3 columns`,fourColumns:`4 columns`,heading:`Heading`,text:`Text`,button:`Button`,image:`Image`,divider:`Divider`,spacer:`Spacer`,social:`Social`,menu:`Menu`,list:`List`,quote:`Quote`,html:`HTML`,card:`Card`},templates:{header:`Header`,headerDescription:`Logo on the left, menu on the right`,hero:`Hero`,heroDescription:`Big heading, tagline and button`,products:`Products`,productsDescription:`Two product cards side by side`,features:`Features`,featuresDescription:`Three columns with heading + text`,testimonial:`Testimonial`,testimonialDescription:`Highlighted customer quote`,footer:`Footer`,footerDescription:`Social links, address and unsubscribe`},content:{heading:`Your heading here`,text:`This is a new text block. Click it to edit the content, select text to format it.`,button:`Click here`,image:`Image`,menuHome:`Home`,menuShop:`Shop`,menuBlog:`Blog`,menuContact:`Contact`,listItems:[`First item`,`Second item`,`Third item`],quote:`“A quote that highlights your message.”`,html:`<p style="margin:0;text-align:center;font-family:sans-serif">Your custom <strong>HTML</strong></p>`,cardTitle:`Did you know?`,cardText:`A card draws attention to an important piece of information.`,logo:`LOGO`,heroTitle:`What’s new this season`,heroText:`Discover our selection made for you, available today.`,heroButton:`Discover`,productA:`Product A`,productB:`Product B`,productText:`A short description of the product.`,productButton:`Buy`,features:[`Free shipping`,`Free returns`,`24/7 support`],featureText:`A clear and concise argument.`,testimonialQuote:`“Flawless service, I recommend it with my eyes closed.”`,testimonialAuthor:`— Camille, customer since 2021`,footerAddress:`Acme Inc. · 10 Main Street, Springfield`,unsubscribe:`Unsubscribe`,starterTitle:`Our favourites`},slashCommands:{}},Ee={topBar:{layers:`Calques`,toggleLayers:`Afficher / masquer les calques`,undo:`Annuler (Ctrl+Z)`,redo:`Rétablir (Ctrl+Y)`,canvasWidth:`Largeur du canvas`,desktop:`Bureau`,mobile:`Mobile`,template:`Modèle`,confirmTemplate:`Remplacer le contenu par le modèle de départ ?`,import:`Importer`,exportJson:`Enregistrer JSON`,preview:`Aperçu`,exportHtml:`Exporter HTML`,invalidFile:e=>`Fichier invalide : ${e}`},preview:{dialogLabel:`Aperçu et export`,desktop:`Bureau`,mobile:`Mobile`,html:`HTML`,text:`Texte brut`,copy:`Copier`,copied:`Copié ✓`,download:`Télécharger .html`,close:`Fermer`,rendering:`Rendu de l’email…`,renderError:e=>`Erreur de rendu : ${e}`,iframeTitle:`Aperçu de l’email`},sidebar:{label:`Panneau latéral`,tabContent:`Contenu`,tabBlocks:`Blocs`,tabBody:`Corps`,layoutTitle:`Mise en page`,contentTitle:`Contenus`,dragHint:`Glissez un élément dans l’email. Un clic l’ajoute à la fin.`,tileTitle:e=>`Glissez « ${e} » dans l’email (ou cliquez pour l’ajouter à la fin)`,propertiesEyebrow:`Propriétés`,closeProperties:`Fermer (retour aux contenus)`,breadcrumb:`Hiérarchie`,selectedText:`Texte sélectionné`},body:{general:`Général`,previewText:`Texte d’aperçu`,previewTextPlaceholder:`Affiché après l’objet dans la boîte de réception`,background:`Arrière-plan`,backgroundColor:`Couleur de fond`,outerPadding:`Marge extérieure`,content:`Contenu`,width:`Largeur`,contentColor:`Couleur du contenu`,innerPadding:`Marge intérieure`,radius:`Arrondi`,defaultStyles:`Styles par défaut`,text:`Texte`,headings:`Titres`,links:`Liens`,buttonBackground:`Fond des boutons`,buttonText:`Texte des boutons`},inspector:{typography:`Typographie`,color:`Couleur`,size:`Taille`,weight:`Graisse`,weightLight:`Fin`,weightNormal:`Normal`,weightSemibold:`Semi-gras`,weightBold:`Gras`,weightExtrabold:`Extra-gras`,lineHeight:`Interligne`,alignment:`Alignement`,spacing:`Espacement`,padding:`Marge intérieure`,box:`Fond et bordure`,backgroundColor:`Couleur de fond`,radius:`Arrondi`,border:`Bordure`,borderColor:`Couleur de bordure`,image:`Image`,uploadImage:`Importer une image…`,imageUrl:`URL de l’image`,altText:`Texte alternatif`,altPlaceholder:`Décrivez l’image`,layout:`Disposition`,autoWidth:`Largeur auto`,width:`Largeur`,action:`Action`,clickLink:`Lien au clic`,linkUrl:`URL du lien`,button:`Bouton`,textColor:`Couleur du texte`,textSize:`Taille du texte`,buttonPadding:`Marges du bouton`,networks:`Réseaux`,removeNetwork:`Retirer`,addNetwork:`+ Ajouter un réseau`,appearance:`Apparence`,iconSize:`Taille des icônes`,gap:`Espacement`,columns:`Colonnes`,distribution:`Répartition`,equal:`Égales`,columnGap:`Espace entre colonnes`,columnsHint:`Cliquez dans une colonne pour régler son fond et ses marges.`,spacer:`Espacement`,height:`Hauteur`,htmlCode:`Code HTML`,htmlHint:`Le HTML est inséré tel quel dans l’email exporté.`,line:`Ligne`,thickness:`Épaisseur`,lineStyle:`Style`,heading:`Titre`,level:`Niveau`,formatting:`Mise en forme`,bold:`Gras`,italic:`Italique`,underline:`Souligné`,strike:`Barré`,link:`Lien`,url:`URL`,linkColor:`Couleur du lien`},fields:{colorDefault:`Par défaut`,chooseColor:e=>`Choisir une couleur (${e})`,hexCode:`Code hexadécimal`,eyedropper:`Pipette : prendre une couleur à l’écran`,documentColors:`Couleurs du document`,palette:`Palette`,resetColor:`Revenir à la valeur par défaut`,alignLeft:`Gauche`,alignCenter:`Centre`,alignRight:`Droite`,top:`Haut`,right:`Droite`,bottom:`Bas`,left:`Gauche`,moreOptions:`Plus d’options`,auto:`auto`},layers:{title:`Calques`,expandAll:`Tout déplier`,collapseAll:`Tout replier`,close:`Fermer les calques`,tree:`Structure de l’email`,emptyEmail:`L’email est vide.`,emptyZone:`Vide — déposez du contenu ici`,column:e=>`Colonne ${e}`,fixedHint:`Les colonnes restent dans leur ligne`,itemHint:`Cliquer pour sélectionner, glisser pour déplacer`,expand:`Déplier`,collapse:`Replier`,uploadedImage:`image importée`,empty:`vide`},canvas:{dropHere:`Déposer ici`,dropLabel:e=>e?`Déposer « ${e} » ici`:`Déposer ici`,emptyZone:`Glissez du contenu ici`,move:`Glisser pour déplacer`,moveLabel:e=>`Déplacer : ${e}`,selectParent:e=>`Sélectionner : ${e}`,duplicate:`Dupliquer`,delete:`Supprimer`},placeholder:{heading:`Titre`,paragraph:`Écrivez, ou tapez « / » pour les commandes`},nodes:{body:`Corps`,paragraph:`Texte`,heading:`Titre`,image:`Image`,button:`Bouton`,horizontalRule:`Séparateur`,spacer:`Espacement`,socialLinks:`Réseaux sociaux`,htmlBlock:`HTML`,section:`Section`,twoColumns:`Ligne · 2 colonnes`,threeColumns:`Ligne · 3 colonnes`,fourColumns:`Ligne · 4 colonnes`,columnsColumn:`Colonne`,bulletList:`Liste`,orderedList:`Liste numérotée`,listItem:`Élément de liste`,blockquote:`Citation`,codeBlock:`Code`,table:`Tableau`,container:`Email`},palette:{oneColumn:`1 colonne`,twoColumns:`2 colonnes`,threeColumns:`3 colonnes`,fourColumns:`4 colonnes`,heading:`Titre`,text:`Texte`,button:`Bouton`,image:`Image`,divider:`Séparateur`,spacer:`Espacement`,social:`Réseaux`,menu:`Menu`,list:`Liste`,quote:`Citation`,html:`HTML`,card:`Encadré`},templates:{header:`En-tête`,headerDescription:`Logo à gauche, menu à droite`,hero:`Hero`,heroDescription:`Grand titre, accroche et bouton`,products:`Produits`,productsDescription:`Deux cartes produit côte à côte`,features:`Avantages`,featuresDescription:`Trois colonnes titre + texte`,testimonial:`Témoignage`,testimonialDescription:`Citation client mise en avant`,footer:`Pied de page`,footerDescription:`Réseaux sociaux, adresse et désinscription`},content:{heading:`Votre titre ici`,text:`Ceci est un nouveau bloc de texte. Cliquez dessus pour modifier le contenu, sélectionnez du texte pour le mettre en forme.`,button:`Cliquez ici`,image:`Image`,menuHome:`Accueil`,menuShop:`Boutique`,menuBlog:`Blog`,menuContact:`Contact`,listItems:[`Premier point`,`Deuxième point`,`Troisième point`],quote:`« Une citation qui met en valeur votre message. »`,html:`<p style="margin:0;text-align:center;font-family:sans-serif">Votre <strong>HTML</strong> personnalisé</p>`,cardTitle:`Le saviez-vous ?`,cardText:`Un encadré attire l’œil sur une information importante.`,logo:`LOGO`,heroTitle:`Les nouveautés de la saison`,heroText:`Découvrez notre sélection pensée pour vous, disponible dès aujourd’hui.`,heroButton:`Découvrir`,productA:`Produit A`,productB:`Produit B`,productText:`Une courte description du produit.`,productButton:`Acheter`,features:[`Livraison offerte`,`Retours gratuits`,`Support 7j/7`],featureText:`Un argument clair et concis.`,testimonialQuote:`« Service impeccable, je recommande les yeux fermés. »`,testimonialAuthor:`— Camille, cliente depuis 2021`,footerAddress:`Acme SAS · 10 rue de la Paix, 75002 Paris`,unsubscribe:`Se désinscrire`,starterTitle:`Nos coups de cœur`},slashCommands:{Text:{title:`Texte`,description:`Paragraphe simple`},Title:{title:`Titre`,description:`Grand titre`},Subtitle:{title:`Sous-titre`,description:`Titre moyen`},Heading:{title:`Intertitre`,description:`Petit titre`},"Bullet list":{title:`Liste à puces`,description:`Liste non ordonnée`},"Numbered list":{title:`Liste numérotée`,description:`Liste ordonnée`},Quote:{title:`Citation`,description:`Bloc de citation`},"Code block":{title:`Bloc de code`,description:`Extrait de code`},Button:{title:`Bouton`,description:`Bouton cliquable`},Divider:{title:`Séparateur`,description:`Ligne horizontale`},Section:{title:`Section`,description:`Section de contenu`},"2 columns":{title:`2 colonnes`,description:`Mise en page sur deux colonnes`},"3 columns":{title:`3 colonnes`,description:`Mise en page sur trois colonnes`},"4 columns":{title:`4 colonnes`,description:`Mise en page sur quatre colonnes`}}},De={en:Te,fr:Ee};function R(e,t){return typeof e==`function`?e(t):e}function Oe(e){return typeof e==`object`&&!!e&&!Array.isArray(e)}function ke(e,t){if(!Oe(t)||!Oe(e))return t??e;let n={...e};for(let[e,r]of Object.entries(t))r!==void 0&&(n[e]=Oe(r)&&Oe(n[e])?ke(n[e],r):r);return n}function Ae(e,t){let n=De[e]??Te;return t?ke(n,t):n}var je=o({CopyIcon:()=>Ne,DesktopIcon:()=>Re,GripIcon:()=>Me,LayersIcon:()=>Be,MobileIcon:()=>ze,OneColumnIcon:()=>Ge,ParentIcon:()=>Fe,PipetteIcon:()=>Ve,RedoIcon:()=>Le,SocialIcon:()=>We,SpacerIcon:()=>He,SpacerTileIcon:()=>Ue,TrashIcon:()=>Pe,UndoIcon:()=>Ie}),z=(e,t=2)=>({viewBox:`0 0 24 24`,width:e,height:e,fill:`none`,stroke:`currentColor`,strokeWidth:t,strokeLinecap:`round`,strokeLinejoin:`round`,"aria-hidden":!0}),Me=({size:e=14})=>(0,x.jsx)(`svg`,{viewBox:`0 0 24 24`,width:e,height:e,fill:`currentColor`,"aria-hidden":!0,children:[6,12,18].map(e=>(0,x.jsxs)(`g`,{children:[(0,x.jsx)(`circle`,{cx:`9`,cy:e,r:`1.6`}),(0,x.jsx)(`circle`,{cx:`15`,cy:e,r:`1.6`})]},e))}),Ne=({size:e=14})=>(0,x.jsxs)(`svg`,{...z(e),children:[(0,x.jsx)(`rect`,{x:`8`,y:`8`,width:`12`,height:`12`,rx:`2`}),(0,x.jsx)(`path`,{d:`M16 8V6a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h2`})]}),Pe=({size:e=14})=>(0,x.jsx)(`svg`,{...z(e),children:(0,x.jsx)(`path`,{d:`M4 7h16M10 11v6M14 11v6M6 7l1 12a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2l1-12M9 7V4h6v3`})}),Fe=({size:e=14})=>(0,x.jsx)(`svg`,{...z(e),children:(0,x.jsx)(`path`,{d:`M12 19V5M6 11l6-6 6 6`})}),Ie=({size:e=16})=>(0,x.jsxs)(`svg`,{...z(e),children:[(0,x.jsx)(`path`,{d:`M9 14 4 9l5-5`}),(0,x.jsx)(`path`,{d:`M4 9h10.5a5.5 5.5 0 0 1 0 11H11`})]}),Le=({size:e=16})=>(0,x.jsxs)(`svg`,{...z(e),children:[(0,x.jsx)(`path`,{d:`m15 14 5-5-5-5`}),(0,x.jsx)(`path`,{d:`M20 9H9.5a5.5 5.5 0 0 0 0 11H13`})]}),Re=({size:e=16})=>(0,x.jsxs)(`svg`,{...z(e),children:[(0,x.jsx)(`rect`,{x:`3`,y:`4`,width:`18`,height:`12`,rx:`2`}),(0,x.jsx)(`path`,{d:`M8 20h8M12 16v4`})]}),ze=({size:e=16})=>(0,x.jsxs)(`svg`,{...z(e),children:[(0,x.jsx)(`rect`,{x:`7`,y:`2`,width:`10`,height:`20`,rx:`2`}),(0,x.jsx)(`path`,{d:`M11 18h2`})]}),Be=({size:e=16})=>(0,x.jsxs)(`svg`,{...z(e),children:[(0,x.jsx)(`path`,{d:`m12 3 9 5-9 5-9-5 9-5Z`}),(0,x.jsx)(`path`,{d:`m3 13 9 5 9-5`})]}),Ve=({size:e=15})=>(0,x.jsxs)(`svg`,{...z(e),children:[(0,x.jsx)(`path`,{d:`m2 22 1-1h3l9-9`}),(0,x.jsx)(`path`,{d:`M3 21v-3l9-9`}),(0,x.jsx)(`path`,{d:`m15 6 3.4-3.4a2.1 2.1 0 1 1 3 3L18 9l.4.4a2.1 2.1 0 1 1-3 3l-3.8-3.8a2.1 2.1 0 1 1 3-3l.4.4Z`})]}),He=({size:e=14})=>(0,x.jsx)(`svg`,{...z(e),children:(0,x.jsx)(`path`,{d:`M4 4h16M4 20h16M12 8v8`})}),Ue=({size:e=22})=>(0,x.jsx)(`svg`,{...z(e,1.8),children:(0,x.jsx)(`path`,{d:`M4 4h16M4 20h16M12 7v10M9 9.5 12 7l3 2.5M9 14.5l3 2.5 3-2.5`})}),We=({size:e=22})=>(0,x.jsxs)(`svg`,{...z(e,1.8),children:[(0,x.jsx)(`circle`,{cx:`6`,cy:`12`,r:`2.5`}),(0,x.jsx)(`circle`,{cx:`18`,cy:`6`,r:`2.5`}),(0,x.jsx)(`circle`,{cx:`18`,cy:`18`,r:`2.5`}),(0,x.jsx)(`path`,{d:`m8.2 10.8 7.6-3.6M8.2 13.2l7.6 3.6`})]}),Ge=({size:e=22})=>(0,x.jsx)(`svg`,{...z(e,1.8),children:(0,x.jsx)(`rect`,{x:`4`,y:`4`,width:`16`,height:`16`,rx:`2`})});function B({title:e,children:t,defaultOpen:n=!0,className:r,style:i}){let[a,o]=(0,l.useState)(n);return(0,x.jsxs)(`section`,{className:E(`bree-group`,r),style:i,children:[(0,x.jsxs)(`button`,{type:`button`,className:`bree-group-header`,onClick:()=>o(!a),"aria-expanded":a,children:[(0,x.jsx)(`span`,{children:e}),(0,x.jsx)(`span`,{className:E(`bree-chevron`,a&&`bree-open`),"aria-hidden":!0,children:`›`})]}),a&&(0,x.jsx)(`div`,{className:`bree-group-body`,children:t})]})}function V({label:e,children:t,stacked:n,className:r,style:i}){return(0,x.jsxs)(`label`,{className:E(`bree-field`,n&&`bree-stacked`,r),style:i,children:[(0,x.jsx)(`span`,{className:`bree-field-label`,children:e}),(0,x.jsx)(`span`,{className:`bree-field-control`,children:t})]})}function Ke(e){let[t,n]=(0,l.useState)(e),[r,i]=(0,l.useState)(e);return Object.is(e,r)||(i(e),n(e)),[t,n]}function H({value:e,onChange:t,placeholder:n,type:r=`text`,className:i,style:a}){let[o,s]=Ke(e);return(0,x.jsx)(`input`,{className:E(`bree-input`,i),style:a,type:r,value:o,placeholder:n,onChange:e=>s(e.target.value),onBlur:()=>o!==e&&t(o),onKeyDown:e=>{e.key===`Enter`&&t(o)}})}function qe({value:e,onChange:t,rows:n=8,className:r,style:i}){let[a,o]=Ke(e);return(0,x.jsx)(`textarea`,{className:E(`bree-input bree-textarea`,r),style:i,rows:n,value:a,spellCheck:!1,onChange:e=>o(e.target.value),onBlur:()=>a!==e&&t(a)})}function Je(e){if(e==null||e===``||e===`auto`)return``;let t=Number.parseFloat(String(e));return Number.isFinite(t)?t:``}function U({value:e,onChange:t,unit:n=`px`,min:r=0,max:i,step:a=1,placeholder:o,className:s,style:c}){let l=$(),[u,d]=Ke(String(Je(e))),f=e=>{if(e.trim()===``)return t(``);let n=Number.parseFloat(e);Number.isFinite(n)&&t(Math.max(r,i===void 0?n:Math.min(i,n)))};return(0,x.jsxs)(`span`,{className:E(`bree-number`,s),style:c,children:[(0,x.jsx)(`input`,{className:`bree-input`,inputMode:`decimal`,value:u,placeholder:o??l.fields.auto,onChange:e=>d(e.target.value),onBlur:()=>f(u),onKeyDown:e=>{if(e.key===`Enter`&&f(u),e.key===`ArrowUp`||e.key===`ArrowDown`){e.preventDefault();let t=(Je(u)||0)+(e.key===`ArrowUp`?a:-a)*(e.shiftKey?10:1);d(String(t)),f(String(t))}}}),n&&(0,x.jsx)(`span`,{className:`bree-unit`,children:n})]})}function Ye({value:e,onChange:t,min:n,max:r,unit:i=`px`,className:a,style:o}){let s=Je(e)||n;return(0,x.jsxs)(`span`,{className:E(`bree-range`,a),style:o,children:[(0,x.jsx)(`input`,{type:`range`,min:n,max:r,value:s,onChange:e=>t(Number(e.target.value))}),(0,x.jsxs)(`span`,{className:`bree-range-value`,children:[s,i]})]})}var Xe=[`#111827`,`#374151`,`#6b7280`,`#d1d5db`,`#f3f4f6`,`#ffffff`,`#ef4444`,`#f97316`,`#f59e0b`,`#10b981`,`#0ea5e9`,`#2563eb`,`#4f46e5`,`#7c3aed`,`#db2777`,`#eef2ff`,`#ecfdf5`,`#fef3c7`];function Ze(e){let t=e.trim().toLowerCase();if(/^#[0-9a-f]{6}$/.test(t))return t;if(/^#[0-9a-f]{3}$/.test(t))return`#${[...t.slice(1)].map(e=>e+e).join(``)}`;let n=t.match(/^rgba?\(\s*(\d+)[\s,]+(\d+)[\s,]+(\d+)/);return n?`#${n.slice(1,4).map(e=>Number(e).toString(16).padStart(2,`0`)).join(``)}`:null}function W({value:e,onChange:t,presets:n=[],swatches:r=Xe,placeholder:i,className:a,style:o,popoverClassName:s}){let c=$(),u=i??c.fields.colorDefault,d=typeof e==`string`?e:``,f=Ze(d),[p,m]=(0,l.useState)(!1),[h,g]=(0,l.useState)(f??`#ffffff`),_=(0,l.useRef)(t);(0,l.useEffect)(()=>{_.current=t});let v=(0,l.useRef)(null),y=(0,l.useRef)(0),w=()=>{window.clearTimeout(y.current),y.current=0,v.current&&_.current(v.current),v.current=null},T=e=>{g(e),v.current=e,y.current||=window.setTimeout(w,60)},D=e=>{v.current=null,window.clearTimeout(y.current),y.current=0,g(Ze(e)??h),_.current(e)},O=typeof window<`u`?window.EyeDropper:void 0,k=[...new Set(n.map(e=>Ze(e)).filter(e=>!!e))].slice(0,9);return(0,x.jsxs)(S.Root,{open:p,onOpenChange:e=>{e?g(f??`#ffffff`):w(),m(e)},children:[(0,x.jsxs)(`span`,{className:E(`bree-color-field`,a),style:o,children:[(0,x.jsx)(S.Trigger,{asChild:!0,children:(0,x.jsx)(`button`,{type:`button`,className:E(`bree-color-trigger`,!f&&`bree-empty`),style:f?{background:f}:void 0,"aria-label":c.fields.chooseColor(d||u)})}),(0,x.jsx)(H,{value:d,onChange:t,placeholder:u})]}),(0,x.jsx)(S.Portal,{children:(0,x.jsx)(b.EditorFocusScope,{children:(0,x.jsxs)(S.Content,{className:E(`bree bree-color-popover`,s),side:`left`,align:`start`,sideOffset:10,collisionPadding:12,onOpenAutoFocus:e=>e.preventDefault(),children:[(0,x.jsx)(C.HexColorPicker,{color:h,onChange:T}),(0,x.jsxs)(`div`,{className:`bree-color-popover-row`,children:[(0,x.jsx)(`span`,{className:`bree-color-preview`,style:{background:h}}),(0,x.jsxs)(`label`,{className:`bree-hex-field`,children:[(0,x.jsx)(`span`,{children:`#`}),(0,x.jsx)(C.HexColorInput,{color:h,onChange:D,"aria-label":c.fields.hexCode})]}),O&&(0,x.jsx)(`button`,{type:`button`,className:`bree-icon-button`,title:c.fields.eyedropper,onClick:()=>new O().open().then(e=>D(e.sRGBHex)).catch(()=>{}),children:(0,x.jsx)(Ve,{})})]}),k.length>0&&(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)(`span`,{className:`bree-color-popover-title`,children:c.fields.documentColors}),(0,x.jsx)(`div`,{className:`bree-swatches`,children:k.map(e=>(0,x.jsx)(`button`,{type:`button`,className:`bree-swatch`,style:{background:e},title:e,onClick:()=>D(e)},e))})]}),(0,x.jsx)(`span`,{className:`bree-color-popover-title`,children:c.fields.palette}),(0,x.jsx)(`div`,{className:`bree-swatches`,children:r.map(e=>(0,x.jsx)(`button`,{type:`button`,className:E(`bree-swatch`,e===h&&`bree-active`),style:{background:e},title:e,onClick:()=>D(e)},e))}),(0,x.jsx)(`button`,{type:`button`,className:`bree-color-reset`,onClick:()=>{v.current=null,_.current(``),m(!1)},children:c.fields.resetColor})]})})})]})}function Qe({value:e,onChange:t,options:n,className:r,style:i}){return(0,x.jsx)(`select`,{className:E(`bree-input bree-select`,r),style:i,value:e,onChange:e=>t(e.target.value),children:n.map(([e,t])=>(0,x.jsx)(`option`,{value:e,children:t},e))})}function $e({value:e,onChange:t,options:n,ariaLabel:r,className:i,style:a}){return(0,x.jsx)(`span`,{className:E(`bree-segmented`,i),style:a,role:`radiogroup`,"aria-label":r,children:n.map(n=>(0,x.jsx)(`button`,{type:`button`,role:`radio`,"aria-checked":e===n.value,title:n.title,className:E(e===n.value&&`bree-active`),onClick:()=>t(n.value),children:n.label},n.value))})}function et({value:e,onChange:t,className:n,style:r}){let i=$();return(0,x.jsx)($e,{className:n,style:r,value:e||`left`,onChange:t,options:[{value:`left`,label:(0,x.jsx)(b.AlignLeftIcon,{size:14}),title:i.fields.alignLeft},{value:`center`,label:(0,x.jsx)(b.AlignCenterIcon,{size:14}),title:i.fields.alignCenter},{value:`right`,label:(0,x.jsx)(b.AlignRightIcon,{size:14}),title:i.fields.alignRight}]})}function tt({get:e,set:t,className:n,style:r}){let i=$(),a=[`Top`,`Right`,`Bottom`,`Left`],o=a.map(t=>Je(e(t))),s=o.every(e=>e===o[0]),[c,u]=(0,l.useState)(!s),d={Top:i.fields.top,Right:i.fields.right,Bottom:i.fields.bottom,Left:i.fields.left};return(0,x.jsxs)(`div`,{className:E(`bree-padding`,n),style:r,children:[c?(0,x.jsx)(`div`,{className:`bree-padding-grid`,children:a.map((e,n)=>(0,x.jsxs)(`label`,{className:`bree-padding-side`,children:[(0,x.jsx)(`span`,{children:d[e]}),(0,x.jsx)(U,{value:o[n],onChange:n=>t([[e,n]])})]},e))}):(0,x.jsx)(U,{value:o[0],onChange:e=>t(a.map(t=>[t,e]))}),(0,x.jsxs)(`label`,{className:`bree-checkbox`,children:[(0,x.jsx)(`input`,{type:`checkbox`,checked:c,onChange:e=>u(e.target.checked)}),i.fields.moreOptions]})]})}var G=e=>e;function nt({ctx:e,alignment:t,setAlignment:n,className:r,style:i}){let a=$().inspector;return(0,x.jsxs)(B,{title:a.typography,className:r,style:i,children:[(0,x.jsx)(V,{label:a.color,stacked:!0,children:(0,x.jsx)(W,{value:e.getStyle(G(`color`)),presets:e.presetColors,onChange:t=>e.setStyle(G(`color`),t)})}),(0,x.jsx)(V,{label:a.size,children:(0,x.jsx)(U,{value:e.getStyle(G(`fontSize`)),onChange:t=>e.setStyle(G(`fontSize`),t),min:8,max:96})}),(0,x.jsx)(V,{label:a.weight,children:(0,x.jsx)(Qe,{value:String(e.getStyle(G(`fontWeight`))??`400`),onChange:t=>e.setStyle(G(`fontWeight`),t),options:[[`300`,a.weightLight],[`400`,a.weightNormal],[`600`,a.weightSemibold],[`700`,a.weightBold],[`800`,a.weightExtrabold]]})}),(0,x.jsx)(V,{label:a.lineHeight,children:(0,x.jsx)(U,{value:e.getStyle(G(`lineHeight`)),unit:`%`,onChange:t=>e.setStyle(G(`lineHeight`),t),min:80,max:300,step:5})}),n&&(0,x.jsx)(V,{label:a.alignment,children:(0,x.jsx)(et,{value:t??`left`,onChange:n})})]})}function K({ctx:e,title:t,className:n,style:r}){let i=$();return(0,x.jsx)(B,{title:t??i.inspector.spacing,className:n,style:r,children:(0,x.jsx)(V,{label:i.inspector.padding,stacked:!0,children:(0,x.jsx)(tt,{get:t=>e.getStyle(G(`padding${t}`))??e.getStyle(G(`padding`)),set:t=>e.batchSetStyle([{prop:G(`padding`),value:``},...t.map(([e,t])=>({prop:G(`padding${e}`),value:t}))])})})})}function rt({ctx:e,className:t,style:n}){let r=$().inspector;return(0,x.jsxs)(B,{title:r.box,className:t,style:n,children:[(0,x.jsx)(V,{label:r.backgroundColor,stacked:!0,children:(0,x.jsx)(W,{value:e.getStyle(G(`backgroundColor`)),presets:e.presetColors,onChange:t=>e.setStyle(G(`backgroundColor`),t)})}),(0,x.jsx)(V,{label:r.radius,children:(0,x.jsx)(U,{value:e.getStyle(G(`borderRadius`)),onChange:t=>e.setStyle(G(`borderRadius`),t)})}),(0,x.jsx)(V,{label:r.border,children:(0,x.jsx)(U,{value:e.getStyle(G(`borderWidth`)),onChange:t=>e.batchSetStyle([{prop:G(`borderWidth`),value:t},{prop:G(`borderStyle`),value:t?`solid`:``}])})}),(0,x.jsx)(V,{label:r.borderColor,stacked:!0,children:(0,x.jsx)(W,{value:e.getStyle(G(`borderColor`)),presets:e.presetColors,onChange:t=>e.setStyle(G(`borderColor`),t)})})]})}function it({ctx:e,className:t,style:n}){let r=$().inspector;return(0,x.jsxs)(`div`,{className:E(`bree-inspector`,t),style:n,children:[(0,x.jsx)(B,{title:r.action,children:(0,x.jsx)(V,{label:r.linkUrl,stacked:!0,children:(0,x.jsx)(H,{value:String(e.getAttr(`href`)??``),onChange:t=>e.setAttr(`href`,t),placeholder:`https://`})})}),(0,x.jsxs)(B,{title:r.button,children:[(0,x.jsx)(V,{label:r.alignment,children:(0,x.jsx)(et,{value:String(e.getAttr(`alignment`)??`left`),onChange:t=>e.setAttr(`alignment`,t)})}),(0,x.jsx)(V,{label:r.backgroundColor,stacked:!0,children:(0,x.jsx)(W,{value:e.getStyle(G(`backgroundColor`)),presets:e.presetColors,onChange:t=>e.setStyle(G(`backgroundColor`),t)})}),(0,x.jsx)(V,{label:r.textColor,stacked:!0,children:(0,x.jsx)(W,{value:e.getStyle(G(`color`)),presets:e.presetColors,onChange:t=>e.setStyle(G(`color`),t)})}),(0,x.jsx)(V,{label:r.textSize,children:(0,x.jsx)(U,{value:e.getStyle(G(`fontSize`)),onChange:t=>e.setStyle(G(`fontSize`),t),min:8,max:48})}),(0,x.jsx)(V,{label:r.radius,children:(0,x.jsx)(U,{value:e.getStyle(G(`borderRadius`)),onChange:t=>e.setStyle(G(`borderRadius`),t)})})]}),(0,x.jsx)(K,{ctx:e,title:r.buttonPadding})]})}function at({ctx:e,className:t,style:n}){let{editor:r,t:i}=Q(),a=i.inspector,o={twoColumns:2,threeColumns:3,fourColumns:4}[e.nodeType]??2,s=o===2?[[`50 / 50`,[50,50]],[`33 / 67`,[33,67]],[`67 / 33`,[67,33]],[`25 / 75`,[25,75]]]:o===3?[[a.equal,[33.33,33.33,33.34]],[`25 / 50 / 25`,[25,50,25]]]:[[a.equal,[25,25,25,25]]],c=t=>{let{state:n}=r,i=n.doc.nodeAt(e.nodePos.pos);if(!i)return;let a=n.tr;i.forEach((n,r,i)=>{let o=e.nodePos.pos+1+r,s=String(n.attrs.style??``).split(`;`).filter(e=>e.trim()&&!e.trim().startsWith(`width`)).join(`;`);a.setNodeMarkup(o,void 0,{...n.attrs,style:`${s?`${s};`:``}width:${t[i]}%`})}),n.selection instanceof g.NodeSelection&&a.setSelection(g.NodeSelection.create(a.doc,e.nodePos.pos)),r.view.dispatch(a)};return(0,x.jsx)(`div`,{className:E(`bree-inspector`,t),style:n,children:(0,x.jsxs)(B,{title:a.columns,children:[(0,x.jsx)(V,{label:a.distribution,stacked:!0,children:(0,x.jsx)(`div`,{className:`bree-ratio-grid`,children:s.map(([e,t])=>(0,x.jsxs)(`button`,{type:`button`,className:`bree-ratio`,onClick:()=>c(t),children:[(0,x.jsx)(`span`,{className:`bree-ratio-bars`,children:t.map((e,t)=>(0,x.jsx)(`i`,{style:{flex:e}},t))}),e]},e))})}),(0,x.jsx)(V,{label:a.columnGap,children:(0,x.jsx)(U,{value:e.getAttr(`cellspacing`)??0,onChange:t=>e.setAttr(`cellspacing`,t===``?null:t)})}),(0,x.jsx)(`p`,{className:`bree-hint`,children:a.columnsHint})]})})}function ot({ctx:e,className:t,style:n}){let r=$();return(0,x.jsxs)(`div`,{className:E(`bree-inspector`,t),style:n,children:[(0,x.jsx)(B,{title:r.inspector.heading,children:(0,x.jsx)(V,{label:r.inspector.level,children:(0,x.jsx)($e,{value:String(e.getAttr(`level`)??1),onChange:t=>e.setAttr(`level`,Number(t)),options:[{value:`1`,label:`H1`},{value:`2`,label:`H2`},{value:`3`,label:`H3`}]})})}),(0,x.jsx)(nt,{ctx:e,alignment:String(e.getAttr(`alignment`)??`left`),setAlignment:t=>e.setAttr(`alignment`,t)}),(0,x.jsx)(K,{ctx:e}),(0,x.jsx)(rt,{ctx:e})]})}function st({ctx:e,className:t,style:n}){let{t:r,uploadImage:i}=Q(),a=r.inspector,o=String(e.getAttr(`width`)??`auto`);return(0,x.jsxs)(`div`,{className:E(`bree-inspector`,t),style:n,children:[(0,x.jsxs)(B,{title:a.image,children:[(0,x.jsx)(`div`,{className:`bree-image-preview`,children:e.getAttr(`src`)?(0,x.jsx)(`img`,{src:String(e.getAttr(`src`)),alt:``}):null}),(0,x.jsxs)(`label`,{className:`bree-button-like`,children:[a.uploadImage,(0,x.jsx)(`input`,{type:`file`,accept:`image/*`,hidden:!0,onChange:async t=>{let n=t.target.files?.[0];n&&e.setAttr(`src`,(await i(n)).url),t.target.value=``}})]}),(0,x.jsx)(V,{label:a.imageUrl,stacked:!0,children:(0,x.jsx)(H,{value:String(e.getAttr(`src`)??``),onChange:t=>e.setAttr(`src`,t)})}),(0,x.jsx)(V,{label:a.altText,stacked:!0,children:(0,x.jsx)(H,{value:String(e.getAttr(`alt`)??``),onChange:t=>e.setAttr(`alt`,t),placeholder:a.altPlaceholder})})]}),(0,x.jsxs)(B,{title:a.layout,children:[(0,x.jsx)(V,{label:a.autoWidth,children:(0,x.jsx)(`input`,{type:`checkbox`,checked:o===`auto`,onChange:t=>e.setAttr(`width`,t.target.checked?`auto`:`300`)})}),o!==`auto`&&(0,x.jsx)(V,{label:a.width,children:(0,x.jsx)(Ye,{value:o,min:20,max:900,onChange:t=>e.setAttr(`width`,String(t))})}),(0,x.jsx)(V,{label:a.alignment,children:(0,x.jsx)(et,{value:String(e.getAttr(`alignment`)??`center`),onChange:t=>e.setAttr(`alignment`,t)})}),(0,x.jsx)(V,{label:a.radius,children:(0,x.jsx)(U,{value:e.getStyle(G(`borderRadius`)),onChange:t=>e.setStyle(G(`borderRadius`),t)})})]}),(0,x.jsx)(B,{title:a.action,children:(0,x.jsx)(V,{label:a.clickLink,stacked:!0,children:(0,x.jsx)(H,{value:String(e.getAttr(`href`)??``),onChange:t=>e.setAttr(`href`,t||null),placeholder:`https://`})})}),(0,x.jsx)(K,{ctx:e})]})}function ct({ctx:e,className:t,style:n}){let r=$();return(0,x.jsx)(`div`,{className:E(`bree-inspector`,t),style:n,children:(0,x.jsx)(B,{title:r.inspector.spacer,children:(0,x.jsx)(V,{label:r.inspector.height,children:(0,x.jsx)(Ye,{value:e.getAttr(`height`),min:4,max:160,onChange:t=>e.setAttr(`height`,t)})})})})}function lt({ctx:e,className:t,style:n}){let r=$();return(0,x.jsx)(`div`,{className:E(`bree-inspector`,t),style:n,children:(0,x.jsxs)(B,{title:r.inspector.htmlCode,children:[(0,x.jsx)(qe,{value:String(e.getAttr(`html`)??``),onChange:t=>e.setAttr(`html`,t),rows:14}),(0,x.jsx)(`p`,{className:`bree-hint`,children:r.inspector.htmlHint})]})})}function ut({ctx:e,className:t,style:n}){let r=$().inspector;return(0,x.jsx)(`div`,{className:E(`bree-inspector`,t),style:n,children:(0,x.jsxs)(B,{title:r.line,children:[(0,x.jsx)(V,{label:r.color,stacked:!0,children:(0,x.jsx)(W,{value:e.getStyle(G(`borderTopColor`)),presets:e.presetColors,onChange:t=>e.setStyle(G(`borderTopColor`),t)})}),(0,x.jsx)(V,{label:r.thickness,children:(0,x.jsx)(U,{value:e.getStyle(G(`borderTopWidth`))??1,onChange:t=>e.batchSetStyle([{prop:G(`borderTopWidth`),value:t},{prop:G(`borderTopStyle`),value:`solid`}]),min:1,max:12})}),(0,x.jsx)(V,{label:r.lineStyle,children:(0,x.jsx)($e,{value:String(e.getStyle(G(`borderTopStyle`))??`solid`),onChange:t=>e.setStyle(G(`borderTopStyle`),t),options:[{value:`solid`,label:`———`},{value:`dashed`,label:`- - -`},{value:`dotted`,label:`· · ·`}]})})]})})}function dt({ctx:e,className:t,style:n}){return(0,x.jsxs)(`div`,{className:E(`bree-inspector`,t),style:n,children:[(0,x.jsx)(rt,{ctx:e}),(0,x.jsx)(K,{ctx:e})]})}function ft(e){if(typeof e!=`string`||!e.trim())return{};let t={};for(let n of e.split(`;`)){let e=n.indexOf(`:`);if(e===-1)continue;let r=n.slice(0,e).trim(),i=n.slice(e+1).trim();r&&i&&(t[r.replace(/-([a-z])/g,(e,t)=>t.toUpperCase())]=i)}return t}var pt={style:{default:null,parseHTML:e=>e.getAttribute(`style`),renderHTML:e=>e.style?{style:e.style}:{}}},mt=f.EmailNode.create({name:`spacer`,group:`block`,atom:!0,selectable:!0,addAttributes(){return{...pt,height:{default:32,parseHTML:e=>Number(e.dataset.height)||32,renderHTML:e=>({"data-height":e.height})}}},parseHTML(){return[{tag:`div[data-type="spacer"]`}]},renderHTML({node:e,HTMLAttributes:t}){return[`div`,(0,v.mergeAttributes)(t,{"data-type":`spacer`,class:`node-spacer`,style:`height:${Number(e.attrs.height)}px`})]},renderToReactEmail({node:e}){let t=Number(e.attrs?.height??32);return(0,x.jsx)(w.Section,{style:{height:t,lineHeight:`${t}px`,fontSize:`1px`,...ft(e.attrs?.style)},children:`\xA0`})}}),ht={facebook:{label:`Facebook`,slug:`facebook`,color:`1877F2`},instagram:{label:`Instagram`,slug:`instagram`,color:`E4405F`},x:{label:`X`,slug:`x`,color:`000000`},linkedin:{label:`LinkedIn`,slug:`linkedin`,color:`0A66C2`},youtube:{label:`YouTube`,slug:`youtube`,color:`FF0000`},tiktok:{label:`TikTok`,slug:`tiktok`,color:`000000`},github:{label:`GitHub`,slug:`github`,color:`181717`}},gt={linkedin:`https://cdn.jsdelivr.net/npm/simple-icons@9.21.0/icons/linkedin.svg`};function _t(e){if(gt[e])return gt[e];let t=ht[e]??ht.facebook;return`https://cdn.simpleicons.org/${t.slug}/${t.color}`}function vt(e){if(Array.isArray(e))return e;if(typeof e==`string`)try{return JSON.parse(e)}catch{return[]}return[]}var yt=f.EmailNode.create({name:`socialLinks`,group:`block`,atom:!0,selectable:!0,addAttributes(){return{...pt,links:{default:[{network:`facebook`,url:`https://facebook.com/`},{network:`instagram`,url:`https://instagram.com/`},{network:`x`,url:`https://x.com/`},{network:`linkedin`,url:`https://linkedin.com/`}],parseHTML:e=>vt(e.dataset.links),renderHTML:e=>({"data-links":JSON.stringify(e.links??[])})},size:{default:28},gap:{default:12},alignment:{default:`center`}}},parseHTML(){return[{tag:`div[data-type="social-links"]`}]},renderHTML({node:e,HTMLAttributes:t}){let n=Number(e.attrs.size),r=Number(e.attrs.gap),i=vt(e.attrs.links);return[`div`,(0,v.mergeAttributes)(t,{"data-type":`social-links`,class:`node-socialLinks`,alignment:e.attrs.alignment}),...i.map((e,t)=>[`span`,{class:`node-socialLinks-item`,style:`margin-left:${t===0?0:r}px`},[`img`,{src:_t(e.network),width:String(n),height:String(n),alt:ht[e.network]?.label??e.network}]])]},renderToReactEmail({node:e}){let t=Number(e.attrs?.size??28),n=Number(e.attrs?.gap??12),r=vt(e.attrs?.links),i=e.attrs?.alignment??`center`;return(0,x.jsx)(w.Section,{style:ft(e.attrs?.style),children:(0,x.jsx)(w.Row,{children:(0,x.jsx)(w.Column,{align:i,children:r.map((e,r)=>(0,x.jsx)(w.Link,{href:e.url,style:{display:`inline-block`,marginLeft:r===0?0:n},children:(0,x.jsx)(w.Img,{src:_t(e.network),width:t,height:t,alt:ht[e.network]?.label??e.network})},`${e.network}-${r}`))})})})}}),bt=f.EmailNode.create({name:`htmlBlock`,group:`block`,atom:!0,selectable:!0,addAttributes(){return{html:{default:`<p style="margin:0;text-align:center;font-family:sans-serif">Your custom <strong>HTML</strong></p>`,parseHTML:e=>e.dataset.html??e.innerHTML,renderHTML:()=>({})}}},parseHTML(){return[{tag:`div[data-type="html-block"]`}]},renderHTML({node:e,HTMLAttributes:t}){return[`div`,(0,v.mergeAttributes)(t,{"data-type":`html-block`,class:`node-htmlBlock`,"data-html":e.attrs.html})]},addNodeView(){return({node:e})=>{let t=document.createElement(`div`);return t.className=`node-htmlBlock`,t.dataset.type=`html-block`,t.innerHTML=e.attrs.html,{dom:t,update(n){return n.type===e.type&&(t.innerHTML=n.attrs.html,!0)},ignoreMutation:()=>!0}}},renderToReactEmail({node:e}){return(0,x.jsx)(`div`,{dangerouslySetInnerHTML:{__html:e.attrs?.html??``}})}});function xt({ctx:e,className:t,style:n}){let r=$().inspector,i=e.getAttr(`links`),a=Array.isArray(i)?i:[],o=t=>e.setAttr(`links`,t);return(0,x.jsxs)(`div`,{className:E(`bree-inspector`,t),style:n,children:[(0,x.jsxs)(B,{title:r.networks,children:[(0,x.jsx)(`div`,{className:`bree-social-list`,children:a.map((e,t)=>(0,x.jsxs)(`div`,{className:`bree-social-row`,children:[(0,x.jsx)(Qe,{value:e.network,onChange:e=>o(a.map((n,r)=>r===t?{...n,network:e}:n)),options:Object.entries(ht).map(([e,t])=>[e,t.label])}),(0,x.jsx)(H,{value:e.url,onChange:e=>o(a.map((n,r)=>r===t?{...n,url:e}:n))}),(0,x.jsx)(`button`,{type:`button`,className:`bree-icon-button`,title:r.removeNetwork,onClick:()=>o(a.filter((e,n)=>n!==t)),children:(0,x.jsx)(b.XIcon,{size:14})})]},t))}),(0,x.jsx)(`button`,{type:`button`,className:`bree-button-like`,onClick:()=>o([...a,{network:`youtube`,url:`https://youtube.com/`}]),children:r.addNetwork})]}),(0,x.jsxs)(B,{title:r.appearance,children:[(0,x.jsx)(V,{label:r.iconSize,children:(0,x.jsx)(Ye,{value:e.getAttr(`size`),min:16,max:64,onChange:t=>e.setAttr(`size`,t)})}),(0,x.jsx)(V,{label:r.gap,children:(0,x.jsx)(Ye,{value:e.getAttr(`gap`),min:0,max:40,onChange:t=>e.setAttr(`gap`,t)})}),(0,x.jsx)(V,{label:r.alignment,children:(0,x.jsx)(et,{value:String(e.getAttr(`alignment`)??`center`),onChange:t=>e.setAttr(`alignment`,t)})})]}),(0,x.jsx)(K,{ctx:e})]})}function St(e,t=36){let n=e.replace(/\s+/g,` `).trim();return n.length>t?`${n.slice(0,t)}…`:n}var Ct=(e,{t})=>St(e.textContent)||t.layers.empty,wt=()=>``,Tt=[{type:`paragraph`,icon:b.TypeIcon},{type:`heading`,icon:b.Heading1Icon,inspector:ot},{type:`image`,icon:b.ImageIcon,inspector:st,preview:(e,{t})=>{let{attrs:n}=e;if(n.alt)return St(n.alt);let r=String(n.src??``);if(r.startsWith(`data:`))return t.layers.uploadedImage;try{let e=new URL(r);return St(e.searchParams.get(`text`)??decodeURIComponent(e.pathname.split(`/`).pop()??``))}catch{return``}}},{type:`button`,icon:b.MousePointerClickIcon,inspector:it},{type:`horizontalRule`,icon:b.MinusIcon,inspector:ut,preview:wt},{type:`spacer`,icon:He,inspector:ct,preview:e=>`${e.attrs.height}px`,extensions:[mt]},{type:`socialLinks`,icon:b.LinkIcon,inspector:xt,preview:e=>Array.isArray(e.attrs.links)?e.attrs.links.map(e=>e.network).join(`, `):``,extensions:[yt]},{type:`htmlBlock`,icon:b.SquareCodeIcon,inspector:lt,preview:e=>St(String(e.attrs.html??``).replace(/<[^>]+>/g,` `)),extensions:[bt]},{type:`section`,icon:b.LayoutIcon,inspector:dt,preview:wt},{type:`columnsColumn`,icon:b.PanelLeftIcon,inspector:dt,preview:wt},{type:`twoColumns`,icon:b.Columns2Icon,inspector:at,preview:wt},{type:`threeColumns`,icon:b.Columns3Icon,inspector:at,preview:wt},{type:`fourColumns`,icon:b.Columns4Icon,inspector:at,preview:wt},{type:`bulletList`,icon:b.ListIcon},{type:`orderedList`,icon:b.ListOrderedIcon},{type:`blockquote`,icon:b.TextQuoteIcon},{type:`codeBlock`,icon:b.CodeIcon},{type:`table`,icon:b.TableIcon}],Et=o({button:()=>Dt,column:()=>kt,columns:()=>X,doc:()=>Ft,heading:()=>Y,image:()=>Ot,link:()=>Nt,padding:()=>Mt,paragraph:()=>J,placeholderImage:()=>Pt,section:()=>jt,sized:()=>At,text:()=>q}),q=(e,t)=>({type:`text`,text:e,...t?{marks:t}:{}}),J=(e=``,t={})=>({type:`paragraph`,attrs:t,content:typeof e==`string`?e?[q(e)]:[]:e}),Y=(e,t,n={})=>({type:`heading`,attrs:{level:e,...n},content:[q(t)]}),Dt=(e,t={})=>({type:`button`,attrs:{href:`https://example.com`,alignment:`center`,...t},content:[q(e)]}),Ot=(e,t={})=>({type:`image`,attrs:{src:e,alt:``,alignment:`center`,...t}}),kt=(...e)=>({type:`columnsColumn`,content:e.length?e:[J()]}),At=(e,t)=>({...e,attrs:{...e.attrs,style:`width:${t}%`}}),X=(e,t,n)=>({type:{2:`twoColumns`,3:`threeColumns`,4:`fourColumns`}[e],...n?{attrs:n}:{},content:t??Array.from({length:e},()=>kt())}),jt=(e,...t)=>({type:`section`,attrs:{style:e},content:t}),Mt=(e,t=e)=>`padding-top:${e}px;padding-right:${t}px;padding-bottom:${e}px;padding-left:${t}px`,Nt=e=>[{type:`link`,attrs:{href:e}}],Pt=(e,t,n=`Image`)=>`https://placehold.co/${e}x${t}/e2e8f0/64748b/png?text=${encodeURIComponent(n)}`,Ft=(...e)=>({type:`doc`,content:e}),It=({t:e},t=`center`)=>J([q(e.content.menuHome,Nt(`https://example.com`)),q(`  ·  `),q(e.content.menuShop,Nt(`https://example.com/shop`)),q(`  ·  `),q(e.content.menuBlog,Nt(`https://example.com/blog`)),q(`  ·  `),q(e.content.menuContact,Nt(`https://example.com/contact`))],{alignment:t}),Lt=[{id:`layout`,title:({t:e})=>e.sidebar.layoutTitle},{id:`content`,title:({t:e})=>e.sidebar.contentTitle}],Rt=[{id:`section`,group:`layout`,label:({t:e})=>e.palette.oneColumn,icon:(0,x.jsx)(Ge,{}),content:()=>[jt(Mt(16),J())]},{id:`columns-2`,group:`layout`,label:({t:e})=>e.palette.twoColumns,icon:(0,x.jsx)(b.Columns2Icon,{size:22}),content:()=>[X(2)]},{id:`columns-3`,group:`layout`,label:({t:e})=>e.palette.threeColumns,icon:(0,x.jsx)(b.Columns3Icon,{size:22}),content:()=>[X(3)]},{id:`columns-4`,group:`layout`,label:({t:e})=>e.palette.fourColumns,icon:(0,x.jsx)(b.Columns4Icon,{size:22}),content:()=>[X(4)]},{id:`heading`,group:`content`,label:({t:e})=>e.palette.heading,icon:(0,x.jsx)(b.Heading1Icon,{size:22}),content:({t:e})=>[Y(2,e.content.heading)]},{id:`text`,group:`content`,label:({t:e})=>e.palette.text,icon:(0,x.jsx)(b.TypeIcon,{size:22}),content:({t:e})=>[J(e.content.text)]},{id:`button`,group:`content`,label:({t:e})=>e.palette.button,icon:(0,x.jsx)(b.MousePointerClickIcon,{size:22}),content:({t:e})=>[Dt(e.content.button)]},{id:`image`,group:`content`,label:({t:e})=>e.palette.image,icon:(0,x.jsx)(b.ImageIcon,{size:22}),content:({t:e})=>[Ot(Pt(600,300,e.content.image))]},{id:`divider`,group:`content`,label:({t:e})=>e.palette.divider,icon:(0,x.jsx)(b.MinusIcon,{size:22}),content:()=>[{type:`horizontalRule`}]},{id:`spacer`,group:`content`,label:({t:e})=>e.palette.spacer,icon:(0,x.jsx)(Ue,{}),content:()=>[{type:`spacer`,attrs:{height:32}}]},{id:`social`,group:`content`,label:({t:e})=>e.palette.social,icon:(0,x.jsx)(We,{}),content:()=>[{type:`socialLinks`}]},{id:`menu`,group:`content`,label:({t:e})=>e.palette.menu,icon:(0,x.jsx)(b.PanelTopIcon,{size:22}),content:e=>[It(e)]},{id:`list`,group:`content`,label:({t:e})=>e.palette.list,icon:(0,x.jsx)(b.ListIcon,{size:22}),content:({t:e})=>[{type:`bulletList`,content:e.content.listItems.map(e=>({type:`listItem`,content:[J(e)]}))}]},{id:`quote`,group:`content`,label:({t:e})=>e.palette.quote,icon:(0,x.jsx)(b.TextQuoteIcon,{size:22}),content:({t:e})=>[{type:`blockquote`,content:[J(e.content.quote)]}]},{id:`html`,group:`content`,label:({t:e})=>e.palette.html,icon:(0,x.jsx)(b.SquareCodeIcon,{size:22}),content:({t:e})=>[{type:`htmlBlock`,attrs:{html:e.content.html}}]},{id:`card`,group:`content`,label:({t:e})=>e.palette.card,icon:(0,x.jsx)(b.LayoutIcon,{size:22}),content:({t:e})=>[jt(`${Mt(24)};background-color:#f1f5f9;border-radius:12px`,Y(3,e.content.cardTitle),J(e.content.cardText))]}];function Z({variant:e}){return(0,x.jsxs)(`span`,{className:`bree-block-thumb bree-thumb-${e}`,"aria-hidden":!0,children:[(0,x.jsx)(`i`,{}),(0,x.jsx)(`i`,{}),(0,x.jsx)(`i`,{})]})}var zt=[{id:`header`,label:({t:e})=>e.templates.header,description:({t:e})=>e.templates.headerDescription,thumbnail:(0,x.jsx)(Z,{variant:`header`}),content:e=>[X(2,[At(kt(Ot(Pt(140,40,e.t.content.logo),{alignment:`left`,width:`140`})),33),At(kt(It(e,`right`)),67)])]},{id:`hero`,label:({t:e})=>e.templates.hero,description:({t:e})=>e.templates.heroDescription,thumbnail:(0,x.jsx)(Z,{variant:`hero`}),content:({t:e})=>[jt(`${Mt(40,24)};background-color:#eef2ff;border-radius:12px`,Y(1,e.content.heroTitle,{alignment:`center`}),J(e.content.heroText,{alignment:`center`}),Dt(e.content.heroButton,{style:`background-color:#4f46e5;color:#ffffff;${Mt(12,24)};border-radius:8px`}))]},{id:`products`,label:({t:e})=>e.templates.products,description:({t:e})=>e.templates.productsDescription,thumbnail:(0,x.jsx)(Z,{variant:`products`}),content:({t:e})=>[X(2,[e.content.productA,e.content.productB].map(t=>kt(Ot(Pt(280,200,t)),Y(3,t,{alignment:`center`}),J(e.content.productText,{alignment:`center`}),Dt(e.content.productButton))),{cellspacing:16})]},{id:`features`,label:({t:e})=>e.templates.features,description:({t:e})=>e.templates.featuresDescription,thumbnail:(0,x.jsx)(Z,{variant:`features`}),content:({t:e})=>[X(3,e.content.features.map(t=>kt(Y(3,t,{alignment:`center`}),J(e.content.featureText,{alignment:`center`}))))]},{id:`testimonial`,label:({t:e})=>e.templates.testimonial,description:({t:e})=>e.templates.testimonialDescription,thumbnail:(0,x.jsx)(Z,{variant:`testimonial`}),content:({t:e})=>[jt(`${Mt(24)};background-color:#f8fafc;border-radius:12px`,{type:`blockquote`,content:[J(e.content.testimonialQuote)]},J(e.content.testimonialAuthor,{alignment:`right`,style:`color:#64748b`}))]},{id:`footer`,label:({t:e})=>e.templates.footer,description:({t:e})=>e.templates.footerDescription,thumbnail:(0,x.jsx)(Z,{variant:`footer`}),content:({t:e})=>[{type:`horizontalRule`},{type:`socialLinks`},J(e.content.footerAddress,{alignment:`center`,style:`color:#94a3b8;font-size:12px`}),J([q(e.content.unsubscribe,Nt(`https://example.com/unsubscribe`))],{alignment:`center`,style:`font-size:12px`})]}],Bt=(e,t)=>zt.find(t=>t.id===e)?.content(t)??[];function Vt(e){let t={type:`spacer`,attrs:{height:16}};return{type:`doc`,content:[...Bt(`header`,e),t,...Bt(`hero`,e),t,Y(2,e.t.content.starterTitle,{alignment:`center`}),...Bt(`products`,e),t,...Bt(`footer`,e)]}}var Ht=(0,l.createContext)(null);function Q(){let e=(0,l.useContext)(Ht);if(!e)throw Error(`useEmailEditor must be used inside <EditorRoot> or <BetterEmailEditor>.`);return e}function Ut(){return(0,l.useContext)(Ht)}function $(){return(0,l.useContext)(Ht)?.t??Te}function Wt(){let{locale:e,t}=Q();return(0,l.useMemo)(()=>({locale:e,t}),[e,t])}var Gt=(0,m.extendTheme)(`basic`,{body:{backgroundColor:`#eef1f5`,padding:`32px 16px`},container:{backgroundColor:`#ffffff`,padding:`24px`,borderRadius:`12px`}}),Kt=e=>new Promise((t,n)=>{let r=new FileReader;r.onload=()=>t({url:String(r.result)}),r.onerror=n,r.readAsDataURL(e)}),qt={type:`doc`,content:[{type:`paragraph`}]};function Jt(e){return typeof e==`object`&&!!e&&`doc`in e}function Yt(e){return e?Jt(e)?{doc:e.doc,settings:{...e.settings,previewText:e.settings?.previewText??``}}:{doc:e,settings:{previewText:``}}:{doc:qt,settings:{previewText:``}}}function Xt(e,t,n){let[r,i]=(0,l.useState)(t);return[e===void 0?r:e,(0,l.useCallback)(t=>{e===void 0&&i(t),n?.(t)},[e,n])]}var Zt=(0,l.forwardRef)(function({defaultValue:e,onChange:t,onReady:n,locale:r=`en`,messages:i,nodes:a=Tt,palette:o=Rt,paletteGroups:s=Lt,templates:c=zt,starterDocument:h=Vt,extensions:g,theme:_=Gt,uploadImage:v=Kt,editable:y=!0,device:b,defaultDevice:S=`desktop`,onDeviceChange:C,layersOpen:w,defaultLayersOpen:T=!0,onLayersOpenChange:D,className:O,style:k,children:ee},te){let A=(0,l.useMemo)(()=>Ae(r,i),[r,i]),[j]=(0,l.useState)(()=>Yt(e)),[ne,re]=(0,l.useState)(j.settings),M=(0,l.useRef)(ne),ie=(0,l.useRef)(A),ae=(0,l.useRef)(t),oe=(0,l.useRef)(n),se=(0,l.useRef)(v);(0,l.useLayoutEffect)(()=>{ie.current=A,ae.current=t,oe.current=n,se.current=v});let[N,ce]=Xt(b,S,C),[le,P]=Xt(w,T,D),[F]=(0,l.useState)(()=>({dragSession:Ce(),hoverStore:we()})),ue=(0,l.useCallback)(e=>se.current(e),[]),de=(0,m.useEditorImage)({uploadImage:ue}),[me]=(0,l.useState)(()=>[p.StarterKit.configure({TiptapStarterKit:{dropcursor:!1},Button:!1}),pe,Se,u.Placeholder.configure({placeholder:({node:e})=>e.type.name===`heading`?ie.current.placeholder.heading:ie.current.placeholder.paragraph,includeChildren:!0}),m.EmailTheming.configure({theme:_}),...a.flatMap(e=>e.extensions??[]),...g??[],de]),I=(0,d.useEditor)({extensions:me,content:j.doc,editable:y,immediatelyRender:!1,editorProps:{handlePaste:xe(me)}},[]);(0,l.useEffect)(()=>{I?.setEditable(y)},[I,y]);let he=(0,l.useCallback)(()=>({doc:I?.getJSON()??qt,settings:M.current}),[I]),ge=(0,l.useCallback)(e=>{let t={...M.current,...e};M.current=t,re(t),I&&ae.current?.({doc:I.getJSON(),settings:t})},[I]),L=(0,l.useMemo)(()=>{let e=async()=>I?(0,f.composeReactEmail)({editor:I,preview:M.current.previewText||void 0}):{html:``,text:``,unformattedHtml:``};return{editor:I,getValue:he,getJSON:()=>I?.getJSON()??qt,setValue:e=>{let t=Yt(e);M.current=t.settings,re(t.settings),I?.commands.setContent(t.doc,{emitUpdate:!0})},exportEmail:e,getHtml:async()=>(await e()).html,getText:async()=>(await e()).text,insertBlocks:e=>{I&&fe(I,e)}}},[I,he]);(0,l.useImperativeHandle)(te,()=>L,[L]),(0,l.useEffect)(()=>{if(!I)return;oe.current?.(L);let e=()=>ae.current?.(he());return I.on(`update`,e),()=>{I.off(`update`,e)}},[I,L,he]);let _e=(0,l.useMemo)(()=>new Map(a.map(e=>[e.type,e])),[a]),ve=(0,l.useMemo)(()=>{if(!I)return null;let e={locale:r,t:A};return{...e,editor:I,handle:L,nodes:_e,nodeLabel:t=>{let n=_e.get(t)?.label;return n?R(n,e):A.nodes[t]??t},palette:o,paletteGroups:s,templates:c,starterDocument:h,uploadImage:ue,...F,device:N,setDevice:ce,layersOpen:le,setLayersOpen:P,settings:ne,updateSettings:ge}},[I,r,A,L,_e,o,s,c,h,ue,F,N,ce,le,P,ne,ge]),ye=(0,l.useMemo)(()=>({editor:I}),[I]),be={"--bree-empty-zone-label":JSON.stringify(A.canvas.emptyZone),...k};return(0,x.jsx)(`div`,{className:E(`bree bree-root`,O),style:be,lang:r,children:ve&&(0,x.jsx)(d.EditorContext.Provider,{value:ye,children:(0,x.jsx)(Ht.Provider,{value:ve,children:ee})})})});function Qt(e,t){let n=e.getBoundingClientRect();return{top:t.top-n.top+e.scrollTop,left:t.left-n.left+e.scrollLeft,width:t.width,height:t.height??0}}function $t(e,t,n){if(!n)return null;let r=e.view.nodeDOM(n.pos);return r instanceof HTMLElement?Qt(t,r.getBoundingClientRect()):null}function en(e,t,n){let r=e.view.posAtCoords({left:t,top:n});return r&&r.inside>=0?N(e.state.doc,r.inside):null}function tn(e){let t=e.node.type.name;return D.has(t)||O.has(t)}function nn({editor:e,host:t}){let{dragSession:n,hoverStore:r,nodeLabel:i,t:a}=Q(),o=(0,l.useRef)(i);(0,l.useLayoutEffect)(()=>{o.current=i});let s=(0,l.useSyncExternalStore)(r.subscribe,r.get),c=s===null?null:e.state.doc.nodeAt(s),u=s!==null&&c?{pos:s,node:c}:null,[f,p]=(0,l.useState)(null),[m,h]=(0,l.useState)(null),[,_]=(0,l.useState)(0),v=(0,l.useCallback)(()=>_(e=>e+1),[]),y=(0,d.useEditorState)({editor:e,selector:({editor:e})=>{if(!e?.isFocused)return null;let t=P(e);return t?`${t.pos}:${t.node.type.name}:${e.state.doc.content.size}`:null}})?P(e):null;(0,l.useEffect)(()=>{let n=()=>v(),i=()=>{r.set(null),v()};e.on(`update`,i);let a=new ResizeObserver(n);return a.observe(e.view.dom),t.addEventListener(`load`,n,!0),window.addEventListener(`resize`,n),()=>{e.off(`update`,i),a.disconnect(),t.removeEventListener(`load`,n,!0),window.removeEventListener(`resize`,n)}},[e,t,v,r]),(0,l.useEffect)(()=>{let i=0,a=t=>{n.get()||t.target.closest(`.bree-ov-toolbar, .bree-ov-handle, .bree-ov-tag`)||(cancelAnimationFrame(i),i=requestAnimationFrame(()=>{r.set(en(e,t.clientX,t.clientY)?.pos??null)}))},o=()=>r.set(null);return t.addEventListener(`mousemove`,a),t.addEventListener(`mouseleave`,o),()=>{cancelAnimationFrame(i),t.removeEventListener(`mousemove`,a),t.removeEventListener(`mouseleave`,o)}},[e,t,n,r]),(0,l.useEffect)(()=>{let n=n=>{if(n.button!==0||n.shiftKey||n.metaKey||n.ctrlKey||n.target.closest(`.bree-ov-layer`))return;if([t,e.view.dom,e.view.dom.parentElement].includes(n.target)){n.preventDefault();let t=document.activeElement;t instanceof HTMLElement&&t.blur(),e.commands.blur();return}let r=en(e,n.clientX,n.clientY);if(r&&tn(r)){n.preventDefault(),F(e,r);return}!e.isFocused&&e.state.selection instanceof g.NodeSelection&&e.view.focus()},r=t=>{e.view.dom.contains(t.target)&&me(e,t)};return t.addEventListener(`mousedown`,n,!0),t.addEventListener(`paste`,r,!0),()=>{t.removeEventListener(`mousedown`,n,!0),t.removeEventListener(`paste`,r,!0)}},[e,t]),(0,l.useEffect)(()=>{let i=0,a=null,s=null,c=t=>{let r=n.get();if(!r||(a!==r&&(a=r,s=re(e.view,r)),!s))return null;let i=r.kind===`move`?{from:r.pos,to:r.pos+(e.state.doc.nodeAt(r.pos)?.nodeSize??0)}:void 0;return ne(e.view,t.clientX,t.clientY,s,i)},l=e=>{let t=n.get();t&&(e.preventDefault(),e.stopPropagation(),e.dataTransfer&&(e.dataTransfer.dropEffect=t.kind===`move`?`move`:`copy`),cancelAnimationFrame(i),i=requestAnimationFrame(()=>p(c(e))))},u=t=>{let a=n.get();if(!a)return;t.preventDefault(),t.stopPropagation(),cancelAnimationFrame(i);let o=c(t);o&&oe(e,a,o),e.view.dragging=null,n.end(),p(null),h(null),r.set(null)},d=e=>{n.get()&&(t.contains(e.relatedTarget)||(cancelAnimationFrame(i),p(null)))},f=()=>{cancelAnimationFrame(i),n.end(),p(null),h(null),r.set(null)},m=t=>{let r=t.target;if(n.get()||r.tagName!==`IMG`||!e.view.dom.contains(r))return;let i=e.view.posAtDOM(r,0),a=N(e.state.doc,i);a&&!ce(a)&&(n.start({kind:`move`,pos:a.pos,label:o.current(a.node.type.name)}),requestAnimationFrame(()=>h(a.pos)))},g=t=>{if(t.key!==`Escape`||!e.isFocused)return;let n=P(e),r=n?le(e.state.doc,n):null;if(t.preventDefault(),r)F(e,r);else{let t=document.activeElement;t instanceof HTMLElement&&t.blur(),e.commands.blur()}};return t.addEventListener(`dragstart`,m,!0),t.addEventListener(`keydown`,g,!0),t.addEventListener(`dragover`,l,!0),t.addEventListener(`drop`,u,!0),t.addEventListener(`dragleave`,d,!0),document.addEventListener(`dragend`,f),()=>{cancelAnimationFrame(i),t.removeEventListener(`dragstart`,m,!0),t.removeEventListener(`keydown`,g,!0),t.removeEventListener(`dragover`,l,!0),t.removeEventListener(`drop`,u,!0),t.removeEventListener(`dragleave`,d,!0),document.removeEventListener(`dragend`,f)}},[e,t,n,r]);let S=(t,r)=>{let a=e.view.nodeDOM(r.pos);if(n.start({kind:`move`,pos:r.pos,label:i(r.node.type.name)}),t.dataTransfer.setData(k,`move`),t.dataTransfer.effectAllowed=`move`,a instanceof HTMLElement){let e=a.getBoundingClientRect();t.dataTransfer.setDragImage(a,Math.min(24,e.width/2),Math.min(24,e.height/2))}requestAnimationFrame(()=>h(r.pos))},C=m!==null,w=u&&u.pos!==y?.pos?$t(e,t,u):null,T=$t(e,t,y),D=C?$t(e,t,N(e.state.doc,m)):null,O=y?le(e.state.doc,y):null;return(0,x.jsxs)(`div`,{className:`bree-ov-layer`,children:[w&&u&&(0,x.jsx)(`div`,{className:E(`bree-ov-frame bree-ov-hover`,C&&`bree-ov-ghost`),style:w,children:(0,x.jsx)(`button`,{type:`button`,className:`bree-ov-tag`,onMouseDown:t=>{t.preventDefault(),F(e,u)},children:i(u.node.type.name)})}),T&&y&&(0,x.jsxs)(`div`,{className:E(`bree-ov-frame bree-ov-selected`,C&&`bree-ov-ghost`),style:T,children:[(0,x.jsx)(`span`,{className:`bree-ov-tag bree-ov-tag-selected`,children:i(y.node.type.name)}),!ce(y)&&(0,x.jsx)(b.EditorFocusScope,{children:(0,x.jsx)(`span`,{className:`bree-ov-handle`,role:`button`,tabIndex:-1,draggable:!0,title:a.canvas.move,"aria-label":a.canvas.moveLabel(i(y.node.type.name)),onDragStart:e=>S(e,y),children:(0,x.jsx)(Me,{})})}),(0,x.jsx)(b.EditorFocusScope,{children:(0,x.jsxs)(`div`,{className:`bree-ov-toolbar`,onMouseDown:e=>e.preventDefault(),children:[O&&(0,x.jsx)(`button`,{type:`button`,className:`bree-ov-tool`,title:a.canvas.selectParent(i(O.node.type.name)),onClick:()=>F(e,O),children:(0,x.jsx)(Fe,{})}),!ce(y)&&(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)(`button`,{type:`button`,className:`bree-ov-tool`,title:a.canvas.duplicate,onClick:()=>ue(e,y),children:(0,x.jsx)(Ne,{})}),(0,x.jsx)(`button`,{type:`button`,className:`bree-ov-tool bree-ov-danger`,title:a.canvas.delete,onClick:()=>de(e,y),children:(0,x.jsx)(Pe,{})})]})]})})]}),D&&(0,x.jsx)(`div`,{className:`bree-ov-frame bree-ov-source`,style:D}),f&&(0,x.jsx)(rn,{host:t,target:f,label:n.get()?.label??``,messages:a})]})}function rn({host:e,target:t,label:n,messages:r}){if(t.emptyZone){let i=Qt(e,t.emptyZone);return(0,x.jsx)(`div`,{className:`bree-ov-dropzone`,style:i,children:(0,x.jsxs)(`span`,{children:[(0,x.jsx)(b.PlusIcon,{size:14}),` `,r.canvas.dropLabel(n)]})})}if(!t.line)return null;let i=Qt(e,{...t.line,height:0});return(0,x.jsx)(`div`,{className:`bree-ov-dropline`,style:{top:i.top,left:i.left,width:i.width},children:(0,x.jsx)(`span`,{className:`bree-ov-dropline-label`,children:r.canvas.dropHere})})}function an({overlay:e=!0,bubbleMenu:t=!0,slashCommands:n=!0,className:r,style:i,children:a}){let{editor:o,device:s,t:c}=Q(),[u,f]=(0,l.useState)(null),p=(0,l.useMemo)(()=>Array.isArray(n)?n:b.defaultSlashCommands.map(e=>({...e,...c.slashCommands[e.title]})),[n,c]);return(0,x.jsxs)(`div`,{ref:f,className:E(`bree-canvas`,r),style:i,"data-device":s,children:[(0,x.jsx)(d.EditorContent,{editor:o,className:`bree-canvas-content`}),t&&(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)(b.BubbleMenu,{hideWhenActiveNodes:[`button`,`horizontalRule`],hideWhenActiveMarks:[`link`]}),(0,x.jsx)(b.BubbleMenu.LinkDefault,{}),(0,x.jsx)(b.BubbleMenu.ButtonDefault,{}),(0,x.jsx)(b.BubbleMenu.ImageDefault,{})]}),n!==!1&&(0,x.jsx)(b.SlashCommand,{items:p}),e&&u&&(0,x.jsx)(nn,{editor:o,host:u}),a]})}function on(e,t){let n=e.child(t);return t===e.childCount-1&&e.childCount>1&&A(n)&&e.child(t-1).type.name!==`paragraph`}function sn(e,t,n,r){let i=[];return e.forEach((a,o,s)=>{if(on(e,s))return;let c=t+1+o,l=a.type.name,u=`${r}${s}`,d=D.has(l),f=d&&a.childCount===1&&A(a.firstChild),p=d||O.has(l);i.push({key:u,pos:c,node:a,depth:n,index:s+1,children:p&&!f?sn(a,c,n+1,`${u}.`):[],accepts:d,fixed:l===`columnsColumn`,empty:f})}),i}function cn(e){let t=j(e);return t?sn(t.node,t.pos,0,``):[]}function ln(e,t){return e.fixed?`inside`:e.accepts?t<.25?`before`:t>.75?`after`:`inside`:t<.5?`before`:`after`}function un(e,t,n,r,i){let a,o;if(n===`inside`){if(!t.accepts)return null;t.empty?(a=t.pos+1,o=a+t.node.firstChild.nodeSize):a=t.pos+t.node.nodeSize-1}else{if(t.fixed)return null;a=n===`before`?t.pos:t.pos+t.node.nodeSize}if(i&&a>=i.from&&a<=i.to)return null;let s=e.resolve(a),c=s.index();return s.parent.canReplace(c,o===void 0?c:c+1,r)?{pos:a,replaceTo:o}:null}function dn({onClose:e,title:t,expandCollapseButtons:n=!0,className:r,style:i}){let{editor:a,t:o,locale:s,nodes:c,nodeLabel:u,dragSession:f,hoverStore:p}=Q(),m=e=>e.node.type.name===`columnsColumn`?o.layers.column(e.index):u(e.node.type.name),h=e=>(c.get(e.node.type.name)?.preview??Ct)(e.node,{locale:s,t:o}),g=(0,d.useEditorState)({editor:a,selector:({editor:e})=>e?.state.doc??null,equalityFn:(e,t)=>e===t}),_=(0,d.useEditorState)({editor:a,selector:({editor:e})=>e?.isFocused?P(e)?.pos??null:null}),v=(0,l.useSyncExternalStore)(p.subscribe,p.get),y=(0,l.useMemo)(()=>g?cn(g):[],[g]),[S,C]=(0,l.useState)(()=>new Set),[w,T]=(0,l.useState)(null),D=(0,l.useRef)(null);(0,l.useEffect)(()=>{_!==null&&D.current?.querySelector(`[aria-selected="true"]`)?.scrollIntoView({block:`nearest`})},[_]);let O=e=>C(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n}),ee=e=>{F(a,{pos:e.pos,node:e.node});let t=a.view.nodeDOM(e.pos);t instanceof HTMLElement&&t.scrollIntoView({block:`nearest`,behavior:`smooth`})},te=(e,t)=>{let n=f.get();if(!n)return null;let r=re(a.view,n);if(!r)return null;let i=e.currentTarget.getBoundingClientRect(),o=ln(t,(e.clientY-i.top)/i.height),s=n.kind===`move`?a.state.doc.nodeAt(n.pos):null,c=n.kind===`move`&&s?{from:n.pos,to:n.pos+s.nodeSize}:void 0,l=un(a.state.doc,t,o,r,c);return l?{zone:o,target:l,payload:n}:null},A=()=>{f.end(),T(null)},j=e=>e.map(e=>{let t=c.get(e.node.type.name)?.icon??b.LayoutIcon,n=e.children.length>0,r=S.has(e.key),i=h(e),s=w?.key===e.key?w.zone:null;return(0,x.jsxs)(`div`,{role:`none`,children:[(0,x.jsxs)(`div`,{role:`treeitem`,tabIndex:_===e.pos||_===null&&e.key===`0`?0:-1,"aria-level":e.depth+1,"aria-selected":_===e.pos,"aria-expanded":n?!r:void 0,className:E(`bree-layer`,_===e.pos&&`bree-selected`,v===e.pos&&`bree-hovered`,s&&`bree-drop-${s}`,e.fixed&&`bree-fixed`),style:{paddingLeft:6+e.depth*16},draggable:!e.fixed,title:e.fixed?o.layers.fixedHint:o.layers.itemHint,onClick:()=>ee(e),onKeyDown:t=>{if(t.key===`Enter`||t.key===` `)t.preventDefault(),ee(e);else if(t.key===`ArrowLeft`&&n&&!r||t.key===`ArrowRight`&&r)O(e.key);else if(t.key===`ArrowDown`||t.key===`ArrowUp`){t.preventDefault();let e=[...D.current?.querySelectorAll(`[role="treeitem"]`)??[]];e[e.indexOf(t.currentTarget)+(t.key===`ArrowDown`?1:-1)]?.focus()}},onMouseEnter:()=>p.set(e.pos),onMouseLeave:()=>p.set(null),onDragStart:t=>{t.stopPropagation(),f.start({kind:`move`,pos:e.pos,label:m(e)}),t.dataTransfer.setData(k,`move`),t.dataTransfer.effectAllowed=`move`},onDragEnd:A,onDragOver:t=>{let n=te(t,e);if(!n){w?.key===e.key&&T(null);return}t.preventDefault(),t.dataTransfer.dropEffect=n.payload.kind===`move`?`move`:`copy`,(w?.key!==e.key||w.zone!==n.zone)&&T({key:e.key,zone:n.zone})},onDrop:t=>{let n=te(t,e);t.preventDefault(),n&&oe(a,n.payload,n.target),A()},children:[n?(0,x.jsx)(`button`,{type:`button`,className:E(`bree-layer-caret`,!r&&`bree-open`),"aria-label":r?o.layers.expand:o.layers.collapse,tabIndex:-1,onClick:t=>{t.stopPropagation(),O(e.key)},children:`›`}):(0,x.jsx)(`span`,{className:`bree-layer-caret-spacer`}),(0,x.jsx)(`span`,{className:`bree-layer-icon`,children:(0,x.jsx)(t,{size:14})}),(0,x.jsx)(`span`,{className:`bree-layer-label`,children:m(e)}),i&&(0,x.jsx)(`span`,{className:`bree-layer-preview`,children:i})]}),e.empty&&(0,x.jsx)(`div`,{className:`bree-layer-empty`,style:{paddingLeft:6+(e.depth+1)*16+18},children:o.layers.emptyZone}),n&&!r&&(0,x.jsx)(`div`,{role:`group`,children:j(e.children)})]},e.key)});return(0,x.jsx)(b.EditorFocusScope,{children:(0,x.jsxs)(`aside`,{className:E(`bree-layers`,r),style:i,"aria-label":t??o.layers.title,tabIndex:-1,onDragLeave:e=>!e.currentTarget.contains(e.relatedTarget)&&T(null),children:[(0,x.jsxs)(`header`,{className:`bree-layers-header`,children:[(0,x.jsx)(`h2`,{children:t??o.layers.title}),(0,x.jsxs)(`div`,{className:`bree-layers-actions`,children:[n&&(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)(`button`,{type:`button`,className:`bree-icon-button bree-small`,title:o.layers.expandAll,onClick:()=>C(new Set),children:`⊞`}),(0,x.jsx)(`button`,{type:`button`,className:`bree-icon-button bree-small`,title:o.layers.collapseAll,onClick:()=>{let e=new Set,t=n=>n.forEach(n=>{n.children.length&&e.add(n.key),t(n.children)});t(y),C(e)},children:`⊟`})]}),e&&(0,x.jsx)(`button`,{type:`button`,className:`bree-icon-button bree-small`,title:o.layers.close,onClick:e,children:(0,x.jsx)(b.XIcon,{size:14})})]})]}),(0,x.jsx)(`div`,{className:`bree-layers-list`,role:`tree`,"aria-label":o.layers.tree,ref:D,children:y.length?j(y):(0,x.jsx)(`p`,{className:`bree-hint`,children:o.layers.emptyEmail})})]})})}function fn({ctx:e,className:t,style:n}){return(0,x.jsxs)(`div`,{className:E(`bree-inspector`,t),style:n,children:[(0,x.jsx)(nt,{ctx:e,alignment:String(e.getAttr(`alignment`)??`left`),setAlignment:t=>e.setAttr(`alignment`,t)}),(0,x.jsx)(K,{ctx:e}),(0,x.jsx)(rt,{ctx:e})]})}function pn(){let{editor:e}=Q();return()=>{let t=document.activeElement;t instanceof HTMLElement&&t.blur(),e.commands.blur()}}function mn({title:e,children:t,breadcrumb:n=!0,className:r,style:i}){let{t:a,nodeLabel:o}=Q(),s=pn();return(0,x.jsxs)(`div`,{className:E(`bree-properties`,r),style:i,children:[(0,x.jsxs)(`header`,{className:`bree-properties-header`,children:[(0,x.jsxs)(`div`,{children:[(0,x.jsx)(`span`,{className:`bree-eyebrow`,children:a.sidebar.propertiesEyebrow}),(0,x.jsx)(`h2`,{children:e})]}),(0,x.jsx)(`button`,{type:`button`,className:`bree-icon-button`,title:a.sidebar.closeProperties,onClick:s,children:(0,x.jsx)(b.XIcon,{size:16})})]}),n&&(0,x.jsx)(b.Inspector.Breadcrumb,{children:e=>e.length>1&&(0,x.jsx)(`nav`,{className:`bree-breadcrumb`,"aria-label":a.sidebar.breadcrumb,children:e.map((t,n)=>(0,x.jsxs)(`span`,{className:`bree-crumb`,children:[n>0&&(0,x.jsx)(`span`,{className:`bree-crumb-sep`,children:`/`}),(0,x.jsx)(`button`,{type:`button`,disabled:n===e.length-1,onClick:t.focus,children:o(t.node.nodeType)})]},`${t.node.nodeType}-${t.node.nodePos.pos}`))})}),(0,x.jsx)(`div`,{className:`bree-panel-scroll`,children:t})]})}function hn({ctx:e,className:t,style:n}){let{nodes:r,nodeLabel:i}=Q(),a=r.get(e.nodeType)?.inspector??fn;return(0,x.jsx)(mn,{title:i(e.nodeType),className:t,style:n,children:(0,x.jsx)(a,{ctx:e},`${e.nodeType}-${e.nodePos.pos}`)})}function gn(e,t){let{editor:n,dragSession:r}=Q();return{draggable:!0,onDragStart:n=>{r.start({kind:`new`,label:e,content:t}),n.dataTransfer.setData(k,e),n.dataTransfer.effectAllowed=`copy`},onDragEnd:()=>r.end(),onClick:()=>fe(n,t())}}function _n({template:e,className:t,style:n}){let r=Wt(),i=R(e.label,r),a=gn(i,()=>e.content(r));return(0,x.jsxs)(`button`,{type:`button`,className:E(`bree-block-card`,t),style:n,...a,children:[e.thumbnail??(0,x.jsx)(Z,{variant:`default`}),(0,x.jsxs)(`span`,{className:`bree-block-text`,children:[(0,x.jsx)(`strong`,{children:i}),e.description&&(0,x.jsx)(`span`,{children:R(e.description,r)})]})]})}function vn({templates:e,className:t,style:n}){let r=Q();return(0,x.jsx)(`div`,{className:E(`bree-block-list`,t),style:n,children:(e??r.templates).map(e=>(0,x.jsx)(_n,{template:e},e.id))})}function yn({ctx:e,className:t,style:n}){let{settings:r,updateSettings:i,t:a}=Q(),o=a.body,{findStyleValue:s,setGlobalStyle:c}=e;return(0,x.jsxs)(`div`,{className:E(`bree-body-tab`,t),style:n,children:[(0,x.jsx)(B,{title:o.general,children:(0,x.jsx)(V,{label:o.previewText,stacked:!0,children:(0,x.jsx)(H,{value:r.previewText,onChange:e=>i({previewText:e}),placeholder:o.previewTextPlaceholder})})}),(0,x.jsxs)(B,{title:o.background,children:[(0,x.jsx)(V,{label:o.backgroundColor,stacked:!0,children:(0,x.jsx)(W,{value:s(`body`,`backgroundColor`),onChange:e=>c(`body`,`backgroundColor`,e)})}),(0,x.jsx)(V,{label:o.outerPadding,children:(0,x.jsx)(U,{value:s(`body`,`padding`),onChange:e=>c(`body`,`padding`,e)})})]}),(0,x.jsxs)(B,{title:o.content,children:[(0,x.jsx)(V,{label:o.width,children:(0,x.jsx)(U,{value:s(`container`,`width`),onChange:e=>c(`container`,`width`,e),min:320,max:900})}),(0,x.jsx)(V,{label:o.contentColor,stacked:!0,children:(0,x.jsx)(W,{value:s(`container`,`backgroundColor`),onChange:e=>c(`container`,`backgroundColor`,e)})}),(0,x.jsx)(V,{label:o.innerPadding,children:(0,x.jsx)(U,{value:s(`container`,`padding`),onChange:e=>c(`container`,`padding`,e)})}),(0,x.jsx)(V,{label:o.radius,children:(0,x.jsx)(U,{value:s(`container`,`borderRadius`),onChange:e=>c(`container`,`borderRadius`,e)})})]}),(0,x.jsxs)(B,{title:o.defaultStyles,children:[(0,x.jsx)(V,{label:o.text,stacked:!0,children:(0,x.jsx)(W,{value:s(`paragraph`,`color`),onChange:e=>c(`paragraph`,`color`,e)})}),(0,x.jsx)(V,{label:o.headings,stacked:!0,children:(0,x.jsx)(W,{value:s(`h1`,`color`),onChange:t=>e.batchSetGlobalStyle([`h1`,`h2`,`h3`].map(e=>({classReference:e,property:`color`,value:t})))})}),(0,x.jsx)(V,{label:o.links,stacked:!0,children:(0,x.jsx)(W,{value:s(`link`,`color`),onChange:e=>c(`link`,`color`,e)})}),(0,x.jsx)(V,{label:o.buttonBackground,stacked:!0,children:(0,x.jsx)(W,{value:s(`button`,`backgroundColor`),onChange:e=>c(`button`,`backgroundColor`,e)})}),(0,x.jsx)(V,{label:o.buttonText,stacked:!0,children:(0,x.jsx)(W,{value:s(`button`,`color`),onChange:e=>c(`button`,`color`,e)})})]})]})}function bn({item:e,className:t,style:n}){let r=Wt(),i=R(e.label,r),a=gn(i,()=>e.content(r));return(0,x.jsxs)(`button`,{type:`button`,className:E(`bree-tile`,t),style:n,title:r.t.sidebar.tileTitle(i),...a,children:[(0,x.jsx)(`span`,{className:`bree-tile-icon`,children:e.icon}),(0,x.jsx)(`span`,{className:`bree-tile-label`,children:i})]})}function xn({items:e,groups:t,hint:n,className:r,style:i}){let a=Q(),o=e??a.palette,s=t??a.paletteGroups,c=[...s,...[...new Set(o.map(e=>e.group))].filter(e=>!s.some(t=>t.id===e)).map(e=>({id:e,title:e}))];return(0,x.jsxs)(`div`,{className:E(`bree-content-tab`,r),style:i,children:[c.map(e=>{let t=o.filter(t=>t.group===e.id);return t.length?(0,x.jsxs)(`section`,{children:[(0,x.jsx)(`h3`,{className:`bree-panel-title`,children:R(e.title,a)}),(0,x.jsx)(`div`,{className:`bree-tiles`,children:t.map(e=>(0,x.jsx)(bn,{item:e},e.id))})]},e.id):null}),n!==null&&(0,x.jsx)(`p`,{className:`bree-hint`,children:n??a.t.sidebar.dragHint})]})}function Sn({ctx:e,tabs:t=[`content`,`blocks`,`body`],defaultTab:n,className:r,style:i}){let{t:a}=Q(),o={content:{id:`content`,label:a.sidebar.tabContent,render:()=>(0,x.jsx)(xn,{})},blocks:{id:`blocks`,label:a.sidebar.tabBlocks,render:()=>(0,x.jsx)(vn,{})},body:{id:`body`,label:a.sidebar.tabBody,render:e=>(0,x.jsx)(yn,{ctx:e})}},s=t.map(e=>typeof e==`string`?o[e]:e),[c,u]=(0,l.useState)(n??s[0]?.id),d=s.find(e=>e.id===c)??s[0];return(0,x.jsxs)(`div`,{className:E(`bree-content-panel`,r),style:i,children:[s.length>1&&(0,x.jsx)(`nav`,{className:`bree-tabs`,role:`tablist`,children:s.map(e=>(0,x.jsx)(`button`,{type:`button`,role:`tab`,"aria-selected":e.id===d?.id,className:E(e.id===d?.id&&`bree-active`),onClick:()=>u(e.id),children:e.label},e.id))}),(0,x.jsx)(`div`,{className:`bree-panel-scroll`,children:d?.render(e)})]})}function Cn({ctx:e,className:t,style:n}){let r=$(),i=r.inspector,a=[{mark:`bold`,Icon:b.BoldIcon,title:i.bold},{mark:`italic`,Icon:b.ItalicIcon,title:i.italic},{mark:`underline`,Icon:b.UnderlineIcon,title:i.underline},{mark:`strike`,Icon:b.StrikethroughIcon,title:i.strike}];return(0,x.jsxs)(mn,{title:r.sidebar.selectedText,className:t,style:n,children:[(0,x.jsx)(B,{title:i.formatting,children:(0,x.jsx)(`div`,{className:`bree-mark-row`,children:a.map(({mark:t,Icon:n,title:r})=>(0,x.jsx)(`button`,{type:`button`,title:r,"aria-pressed":!!e.marks[t],className:E(`bree-mark`,e.marks[t]&&`bree-active`),onClick:()=>e.toggleMark(t),children:(0,x.jsx)(n,{size:14})},t))})}),(0,x.jsx)(nt,{ctx:e,alignment:e.alignment,setAlignment:e.setAlignment}),e.isLinkActive&&(0,x.jsxs)(B,{title:i.link,children:[(0,x.jsx)(V,{label:i.url,stacked:!0,children:(0,x.jsx)(`span`,{className:`bree-readonly`,children:e.linkHref})}),(0,x.jsx)(V,{label:i.linkColor,stacked:!0,children:(0,x.jsx)(W,{value:e.linkColor,presets:e.presetColors,onChange:e.setLinkColor})})]})]})}function wn({renderDocument:e=e=>(0,x.jsx)(Sn,{ctx:e}),renderNode:t=e=>(0,x.jsx)(hn,{ctx:e}),renderText:n=e=>(0,x.jsx)(Cn,{ctx:e}),className:r,style:i}){let{t:a}=Q();return(0,x.jsxs)(b.Inspector.Root,{className:E(`bree-sidebar`,r),style:i,"aria-label":a.sidebar.label,children:[(0,x.jsx)(b.Inspector.Document,{children:e}),(0,x.jsx)(b.Inspector.Node,{children:t}),(0,x.jsx)(b.Inspector.Text,{children:n})]})}function Tn(e,t,n){let r=URL.createObjectURL(new Blob([t],{type:n})),i=document.createElement(`a`);i.href=r,i.download=e,i.click(),URL.revokeObjectURL(r)}function En({onClose:e,defaultView:t=`desktop`,views:n=[`desktop`,`mobile`,`html`,`text`],filename:r=`email.html`,className:i,style:a}){let{handle:o,settings:s,t:c}=Q(),[u,d]=(0,l.useState)(t),[f,p]=(0,l.useState)(null),[m,h]=(0,l.useState)(null),[g,_]=(0,l.useState)(!1);(0,l.useEffect)(()=>{let e=!1;return o.exportEmail().then(t=>!e&&p(t)).catch(t=>!e&&h(t instanceof Error?t.message:String(t))),()=>{e=!0}},[o,s.previewText]),(0,l.useEffect)(()=>{let t=t=>t.key===`Escape`&&e();return window.addEventListener(`keydown`,t),()=>window.removeEventListener(`keydown`,t)},[e]);let v=async()=>{f&&(await navigator.clipboard.writeText(u===`text`?f.text:f.html),_(!0),setTimeout(()=>_(!1),1500))},y=c.preview;return(0,T.createPortal)((0,x.jsx)(b.EditorFocusScope,{children:(0,x.jsx)(`div`,{className:`bree bree-modal-backdrop`,onMouseDown:t=>t.target===t.currentTarget&&e(),children:(0,x.jsxs)(`div`,{className:E(`bree-modal`,i),style:a,role:`dialog`,"aria-modal":`true`,"aria-label":y.dialogLabel,children:[(0,x.jsxs)(`header`,{className:`bree-modal-header`,children:[(0,x.jsx)(`nav`,{className:`bree-tabs bree-compact`,role:`tablist`,children:n.map(e=>(0,x.jsx)(`button`,{type:`button`,role:`tab`,"aria-selected":u===e,className:E(u===e&&`bree-active`),onClick:()=>d(e),children:y[e]},e))}),(0,x.jsxs)(`div`,{className:`bree-modal-actions`,children:[f&&(u===`html`||u===`text`)&&(0,x.jsx)(`button`,{type:`button`,className:`bree-btn`,onClick:v,children:g?y.copied:y.copy}),f&&(0,x.jsx)(`button`,{type:`button`,className:`bree-btn bree-primary`,onClick:()=>Tn(r,f.unformattedHtml,`text/html`),children:y.download}),(0,x.jsx)(`button`,{type:`button`,className:`bree-icon-button`,onClick:e,title:y.close,children:(0,x.jsx)(b.XIcon,{size:18})})]})]}),(0,x.jsxs)(`div`,{className:`bree-modal-body`,children:[m&&(0,x.jsx)(`p`,{className:`bree-error`,children:y.renderError(m)}),!f&&!m&&(0,x.jsx)(`p`,{className:`bree-loading`,children:y.rendering}),f&&(u===`desktop`||u===`mobile`)&&(0,x.jsx)(`div`,{className:E(`bree-preview-frame`,`bree-preview-${u}`),children:(0,x.jsx)(`iframe`,{title:y.iframeTitle,srcDoc:f.html,sandbox:`allow-same-origin allow-popups`})}),f&&u===`html`&&(0,x.jsx)(`pre`,{className:`bree-code`,children:f.html}),f&&u===`text`&&(0,x.jsx)(`pre`,{className:`bree-code`,children:f.text})]})]})})}),document.body)}function Dn({className:e,style:t}){let{layersOpen:n,setLayersOpen:r,t:i}=Q();return(0,x.jsxs)(`button`,{type:`button`,className:E(`bree-btn bree-ghost bree-layers-toggle`,n&&`bree-active`,e),style:t,"aria-pressed":n,onClick:()=>r(!n),title:i.topBar.toggleLayers,children:[(0,x.jsx)(Be,{}),` `,i.topBar.layers]})}function On({className:e,style:t}){let{editor:n,t:r}=Q(),i=(0,d.useEditorState)({editor:n,selector:({editor:e})=>({undo:!!e?.can().undo(),redo:!!e?.can().redo()})});return(0,x.jsxs)(`div`,{className:E(`bree-btn-group`,e),style:t,children:[(0,x.jsx)(`button`,{type:`button`,className:`bree-icon-button`,title:r.topBar.undo,disabled:!i?.undo,onClick:()=>n.chain().focus().undo().run(),children:(0,x.jsx)(Ie,{})}),(0,x.jsx)(`button`,{type:`button`,className:`bree-icon-button`,title:r.topBar.redo,disabled:!i?.redo,onClick:()=>n.chain().focus().redo().run(),children:(0,x.jsx)(Le,{})})]})}function kn({className:e,style:t}){let{device:n,setDevice:r,t:i}=Q(),a=[{id:`desktop`,label:i.topBar.desktop,Icon:Re},{id:`mobile`,label:i.topBar.mobile,Icon:ze}];return(0,x.jsx)(`div`,{className:E(`bree-segmented bree-device-toggle`,e),style:t,role:`radiogroup`,"aria-label":i.topBar.canvasWidth,children:a.map(({id:e,label:t,Icon:i})=>(0,x.jsx)(`button`,{type:`button`,role:`radio`,"aria-checked":n===e,className:E(n===e&&`bree-active`),onClick:()=>r(e),title:t,children:(0,x.jsx)(i,{})},e))})}function An({className:e,style:t}){let{editor:n,starterDocument:r,locale:i,t:a}=Q();return(0,x.jsx)(`button`,{type:`button`,className:E(`bree-btn bree-ghost`,e),style:t,onClick:()=>{confirm(a.topBar.confirmTemplate)&&n.commands.setContent(r({locale:i,t:a}))},children:a.topBar.template})}function jn({className:e,style:t}){let{handle:n,t:r}=Q(),i=(0,l.useRef)(null),a=async e=>{try{n.setValue(JSON.parse(await e.text()))}catch(e){alert(r.topBar.invalidFile(e instanceof Error?e.message:String(e)))}};return(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)(`button`,{type:`button`,className:E(`bree-btn bree-ghost`,e),style:t,onClick:()=>i.current?.click(),children:r.topBar.import}),(0,x.jsx)(`input`,{ref:i,type:`file`,accept:`application/json,.json`,hidden:!0,onChange:e=>{let t=e.target.files?.[0];t&&a(t),e.target.value=``}})]})}function Mn({className:e,style:t,filename:n=`email.json`}){let{handle:r,t:i}=Q();return(0,x.jsx)(`button`,{type:`button`,className:E(`bree-btn bree-ghost`,e),style:t,onClick:()=>Tn(n,JSON.stringify(r.getValue(),null,2),`application/json`),children:i.topBar.exportJson})}function Nn({view:e=`desktop`,variant:t=`default`,children:n,className:r,style:i}){let{t:a}=Q(),[o,s]=(0,l.useState)(!1);return(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)(`button`,{type:`button`,className:E(`bree-btn`,t!=="default"&&`bree-${t}`,r),style:i,onClick:()=>s(!0),children:n??a.topBar.preview}),o&&(0,x.jsx)(En,{defaultView:e,onClose:()=>s(!1)})]})}function Pn(e){let{t}=Q();return(0,x.jsx)(Nn,{view:`html`,variant:`primary`,...e,children:t.topBar.exportHtml})}function Fn({brand:e,actions:t,children:n,className:r,style:i}){return(0,x.jsx)(b.EditorFocusScope,{children:(0,x.jsxs)(`header`,{className:E(`bree-topbar`,r),style:i,children:[(0,x.jsx)(`div`,{className:`bree-topbar-start`,children:e}),n??(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)(`div`,{className:`bree-topbar-center`,children:(0,x.jsx)(kn,{})}),(0,x.jsxs)(`div`,{className:`bree-topbar-actions`,children:[t,(0,x.jsx)(Pn,{})]})]})]})})}function In({showTopBar:e=!0,showLayers:t=!0,showSidebar:n=!0,components:r={},slotProps:i={}}){let{layersOpen:a}=Q(),{TopBar:o=Fn,LayersPanel:s=dn,Canvas:c=an,Sidebar:l=wn}=r,u=t&&a;return(0,x.jsxs)(`div`,{className:E(`bree-layout`,e&&`bree-with-topbar`,u&&`bree-with-layers`,n&&`bree-with-sidebar`),children:[e&&(0,x.jsx)(o,{...i.topBar}),u&&(0,x.jsx)(s,{...i.layersPanel}),(0,x.jsx)(c,{...i.canvas}),n&&(0,x.jsx)(l,{...i.sidebar})]})}var Ln=(0,l.forwardRef)(function({showTopBar:e,showLayers:t,showSidebar:n,components:r,slotProps:i,...a},o){return(0,x.jsx)(Zt,{ref:o,...a,children:(0,x.jsx)(In,{showTopBar:e,showLayers:t,showSidebar:n,components:r,slotProps:i})})});exports.AlignInput=et,exports.BLOCK_CONTAINERS=D,exports.BetterEmailEditor=Ln,exports.BlockProperties=hn,exports.BlocksTab=vn,exports.BodyTab=yn,exports.BoxGroup=rt,exports.ButtonInspector=it,exports.COLUMN_PARENTS=O,exports.Canvas=an,exports.CanvasOverlay=nn,exports.ColorInput=W,exports.ColumnsInspector=at,exports.ContainerInspector=dt,exports.ContentPanel=Sn,exports.ContentTab=xn,exports.DEFAULT_SWATCHES=Xe,exports.DefaultInspector=fn,exports.DeviceToggle=kn,exports.DividerInspector=ut,exports.EditorRoot=Zt,exports.EmailButton=pe,exports.ExportHtmlButton=Pn,exports.ExportJsonButton=Mn,exports.Field=V,exports.Group=B,exports.HeadingInspector=ot,exports.HtmlBlock=bt,exports.HtmlInspector=lt,exports.ImageInspector=st,exports.ImportButton=jn,exports.LayersPanel=dn,exports.LayersToggle=Dn,exports.NumberInput=U,exports.PaddingInput=tt,exports.PaletteTile=bn,exports.PreviewButton=Nn,exports.PreviewDialog=En,exports.PropertiesPanel=mn,exports.RangeInput=Ye,exports.SOCIAL_NETWORKS=ht,exports.Segmented=$e,exports.Select=Qe,exports.Sidebar=wn,exports.SocialLinks=yt,exports.SocialLinksInspector=xt,exports.Spacer=mt,exports.SpacerInspector=ct,exports.SpacingGroup=K,exports.TemplateButton=An,exports.TemplateCard=_n,exports.TemplateThumbnail=Z,exports.TextArea=qe,exports.TextInput=H,exports.TextProperties=Cn,exports.TopBar=Fn,exports.TypographyGroup=nt,exports.UndoRedo=On,exports.appendBlocks=fe,exports.applyDrop=oe,Object.defineProperty(exports,"content",{enumerable:!0,get:function(){return Et}}),exports.createStarterDocument=Vt,exports.css=G,exports.cx=E,exports.defaultNodes=Tt,exports.defaultPalette=Rt,exports.defaultPaletteGroups=Lt,exports.defaultTemplates=zt,exports.defaultTheme=Gt,exports.deleteUnit=de,exports.download=Tn,exports.duplicateUnit=ue,exports.en=Te,exports.findDropTarget=ne,exports.fr=Ee,exports.iconUrl=_t,Object.defineProperty(exports,"icons",{enumerable:!0,get:function(){return je}}),exports.inlineStyleToObject=ft,exports.locales=De,exports.menuParagraph=It,exports.parentUnit=le,exports.readFileAsDataUrl=Kt,exports.resolveLabel=R,exports.resolveMessages=Ae,exports.selectUnit=F,exports.selectedUnit=P,exports.textPreview=Ct,exports.toHex=Ze,exports.truncate=St,exports.unitAt=N,exports.useDeselect=pn,exports.useDraggableBlock=gn,exports.useEmailEditor=Q,exports.useI18n=Wt,exports.useMessages=$,exports.useOptionalEmailEditor=Ut;
 //# sourceMappingURL=index.cjs.map