@chaibuilder/sdk 1.2.9 → 1.2.11

package/dist/delete-page-modal-MG42FdnU.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-Z_BpKhVy.cjs"),r=require("./index-aiHDvS5v.cjs"),l=require("./index-cM3eKmlx.cjs"),q=require("@radix-ui/react-icons");require("./_commonjsHelpers-wDK0ZLPo.cjs");require("react");require("lodash-es");require("./Functions-N3yhPYKY.cjs");require("clsx");require("tailwind-merge");require("@chaibuilder/runtime");require("jotai");require("flat-to-nested");require("./MODIFIERS-2FeVfZQ9.cjs");require("@react-hookz/web");require("@radix-ui/react-toggle");require("class-variance-authority");require("./Class-5ARpH_Tu.cjs");require("@radix-ui/react-switch");require("@radix-ui/react-slot");require("@radix-ui/react-accordion");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-dialog");require("@radix-ui/react-label");require("@radix-ui/react-scroll-area");require("@radix-ui/react-tabs");require("@radix-ui/react-tooltip");require("@radix-ui/react-popover");require("@radix-ui/react-menubar");require("@radix-ui/react-hover-card");require("@radix-ui/react-select");require("@radix-ui/react-dropdown-menu");require("@radix-ui/react-separator");require("@radix-ui/react-toast");require("cmdk");require("@radix-ui/react-context-menu");require("react-icons-picker");require("react-dom");require("react-quill");require("react-i18next");require("i18next");require("@floating-ui/react-dom");require("react-textarea-autosize");require("flagged");require("react-dnd");require("@minoru/react-dnd-treeview");require("react-hotkeys-hook");require("sonner");require("./html-to-json-2PeOCVey.cjs");require("himalaya");require("lucide-react");require("./web-blocks.cjs");require("./empty-slot-TF2kd-0X.cjs");const d=({pageData:i,projectData:t})=>{const n={},u=l.useDeletePage(),s=i.uuid===t.homepage,o=()=>{u.mutate(i,{onSuccess:()=>{n({uuid:t.homepage,slug:"/home"})}})};return e.jsxRuntimeExports.jsxs(r.AlertDialog,{children:[e.jsxRuntimeExports.jsx(r.AlertDialogTrigger,{disabled:s,children:e.jsxRuntimeExports.jsx("div",{className:`flex h-full items-center justify-center rounded-md border px-2 py-2 font-medium hover:bg-red-400 hover:text-white ${s?"cursor-not-allowed border-red-200 text-red-200":"cursor-pointer border-red-400 text-red-400"}`,children:e.jsxRuntimeExports.jsx(q.TrashIcon,{})})}),e.jsxRuntimeExports.jsxs(r.AlertDialogContent,{children:[e.jsxRuntimeExports.jsxs(r.AlertDialogTitle,{children:["Are you sure you want to delete ",e.jsxRuntimeExports.jsx("i",{className:"text-red-500",children:i.name})," page?"]}),e.jsxRuntimeExports.jsx(r.AlertDialogDescription,{children:"This action cannot be undone. This will permanently delete your page."}),e.jsxRuntimeExports.jsxs("div",{className:"flex items-center justify-end gap-x-3",children:[e.jsxRuntimeExports.jsx(r.AlertDialogCancel,{disabled:u.isPending,children:"Cancel"}),e.jsxRuntimeExports.jsx(r.Button,{variant:"destructive",onClick:o,disabled:u.isPending,children:"Yes, Delete"})]})]})]})};exports.default=d;

package/dist/{delete-page-modal-YrIBvfFA.js → delete-page-modal-ix5IjaFW.js}

@@ -1,16 +1,21 @@
-import { j as r } from "./jsx-runtime-WbnYoNE9.js";
-import { E as s, F as l, G as n, I as d, J as a, L as c, B as u } from "./index-niHREMmR.js";
-import { j as x } from "./index-pZhGT8uT.js";
+import { j as e } from "./jsx-runtime-WbnYoNE9.js";
+import { A as s, z as l, C as n, E as d, F as a, H as c, B as u } from "./index-pNYv0oAF.js";
+import { j as x } from "./index-Fj3ead-J.js";
 import { TrashIcon as h } from "@radix-ui/react-icons";
 import "./_commonjsHelpers-UyOWmZb0.js";
 import "react";
-import "@radix-ui/react-toggle";
-import "class-variance-authority";
-import "./utils-AvyFzbPC.js";
 import "lodash-es";
-import "./MODIFIERS-RiXS5Mn1.js";
+import "./Functions-7jnEwJyw.js";
 import "clsx";
 import "tailwind-merge";
+import "@chaibuilder/runtime";
+import "jotai";
+import "flat-to-nested";
+import "./MODIFIERS-RiXS5Mn1.js";
+import "@react-hookz/web";
+import "@radix-ui/react-toggle";
+import "class-variance-authority";
+import "./Class-17XFhL48.js";
 import "@radix-ui/react-switch";
 import "@radix-ui/react-slot";
 import "@radix-ui/react-accordion";
@@ -32,13 +37,6 @@ import "@radix-ui/react-context-menu";
 import "react-icons-picker";
 import "react-dom";
 import "react-quill";
-import "jotai";
-import "flat-to-nested";
-import "./Functions-7jnEwJyw.js";
-import "redux-undo";
-import "@chaibuilder/runtime";
-import "lodash";
-import "@react-hookz/web";
 import "react-i18next";
 import "i18next";
 import "@floating-ui/react-dom";
@@ -52,37 +50,37 @@ import "./html-to-json-57841sEK.js";
 import "himalaya";
 import "lucide-react";
 import "./web-blocks.js";
-import "./controls-XPXGHKht.js";
-const jr = ({ pageData: e, projectData: i }) => {
-  const m = {}, t = x(), o = e.uuid === i.homepage, p = () => {
-    t.mutate(e, {
+import "./empty-slot-MWycClTb.js";
+const he = ({ pageData: r, projectData: i }) => {
+  const m = {}, t = x(), o = r.uuid === i.homepage, p = () => {
+    t.mutate(r, {
       onSuccess: () => {
         m({ uuid: i.homepage, slug: "/home" });
       }
     });
   };
-  return /* @__PURE__ */ r.jsxs(s, { children: [
-    /* @__PURE__ */ r.jsx(l, { disabled: o, children: /* @__PURE__ */ r.jsx(
+  return /* @__PURE__ */ e.jsxs(s, { children: [
+    /* @__PURE__ */ e.jsx(l, { disabled: o, children: /* @__PURE__ */ e.jsx(
       "div",
       {
         className: `flex h-full items-center justify-center rounded-md border px-2 py-2 font-medium hover:bg-red-400 hover:text-white ${o ? "cursor-not-allowed border-red-200 text-red-200" : "cursor-pointer border-red-400 text-red-400"}`,
-        children: /* @__PURE__ */ r.jsx(h, {})
+        children: /* @__PURE__ */ e.jsx(h, {})
       }
     ) }),
-    /* @__PURE__ */ r.jsxs(n, { children: [
-      /* @__PURE__ */ r.jsxs(d, { children: [
+    /* @__PURE__ */ e.jsxs(n, { children: [
+      /* @__PURE__ */ e.jsxs(d, { children: [
         "Are you sure you want to delete ",
-        /* @__PURE__ */ r.jsx("i", { className: "text-red-500", children: e.name }),
+        /* @__PURE__ */ e.jsx("i", { className: "text-red-500", children: r.name }),
         " page?"
       ] }),
-      /* @__PURE__ */ r.jsx(a, { children: "This action cannot be undone. This will permanently delete your page." }),
-      /* @__PURE__ */ r.jsxs("div", { className: "flex items-center justify-end gap-x-3", children: [
-        /* @__PURE__ */ r.jsx(c, { disabled: t.isPending, children: "Cancel" }),
-        /* @__PURE__ */ r.jsx(u, { variant: "destructive", onClick: p, disabled: t.isPending, children: "Yes, Delete" })
+      /* @__PURE__ */ e.jsx(a, { children: "This action cannot be undone. This will permanently delete your page." }),
+      /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-end gap-x-3", children: [
+        /* @__PURE__ */ e.jsx(c, { disabled: t.isPending, children: "Cancel" }),
+        /* @__PURE__ */ e.jsx(u, { variant: "destructive", onClick: p, disabled: t.isPending, children: "Yes, Delete" })
       ] })
     ] })
   ] });
 };
 export {
-  jr as default
+  he as default
 };

package/dist/email-blocks.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("lodash-es"),l=require("./jsx-runtime-Z_BpKhVy.cjs"),c=require("@react-email/components"),i=require("@chaibuilder/runtime"),r=require("./controls-Dy1qa8Dc.cjs"),s=require("@radix-ui/react-icons");require("./_commonjsHelpers-wDK0ZLPo.cjs");require("react");const p=({blockProps:e,styles:t,children:o})=>l.jsxRuntimeExports.jsx(c.Container,{...e,...t,children:o});i.registerChaiBlock(p,{type:"Container",label:"Container",group:"basic",category:"core",props:{styles:r.S({default:""})},canAcceptBlock:()=>!0,canMove:()=>!0,canDelete:()=>!1,canDuplicate:()=>!1});const x=({blockProps:e,styles:t,children:o})=>l.jsxRuntimeExports.jsx(c.Section,{...e,...t,children:o});i.registerChaiBlock(x,{type:"Section",label:"Section",group:"basic",category:"core",icon:s.ImageIcon,props:{styles:r.S({default:"w-full"}),align:r.f({title:"Align",default:"",options:[{value:"",title:"None"},{value:"left",title:"left"},{value:"center",title:"center"},{value:"right",title:"right"}]})},canAcceptBlock:()=>!0});const g=({blockProps:e,styles:t,children:o})=>l.jsxRuntimeExports.jsx(c.Row,{...e,...t,children:o});i.registerChaiBlock(g,{type:"Row",label:"Row",group:"basic",category:"core",icon:s.ImageIcon,props:{styles:r.S({default:""})},canAcceptBlock:e=>e==="Column"});const m=({blockProps:e,styles:t,children:o,align:n})=>l.jsxRuntimeExports.jsx(c.Column,{...e,...t,align:n,children:o});i.registerChaiBlock(m,{type:"Column",label:"Column",group:"basic",category:"core",icon:s.ImageIcon,props:{styles:r.S({default:""}),align:r.f({title:"Align",default:"",options:[{value:"",title:"None"},{value:"left",title:"left"},{value:"center",title:"center"},{value:"right",title:"right"}]})},canAcceptBlock:()=>!0});const h=({level:e,blockProps:t,styles:o,content:n})=>l.jsxRuntimeExports.jsx(c.Heading,{as:e,...t,...o,children:n}),k=({blockProps:e,styles:t,content:o})=>l.jsxRuntimeExports.jsx("h1",{...e,...t,children:o});i.registerChaiBlock(h,{type:"Heading",label:"Heading",group:"basic",category:"core",icon:s.HeadingIcon,builderComponent:k,props:{content:r.u({title:"Content",default:"Enter your heading here..."}),styles:r.S({default:"text-xl"}),level:r.f({title:"Level",default:"h1",binding:!1,options:[{value:"h1",title:"h1"},{value:"h2",title:"h2"},{value:"h3",title:"h3"},{value:"h4",title:"h4"},{value:"h5",title:"h5"},{value:"h6",title:"h6"}]})},canAcceptBlock:e=>["Link","RawText"].includes(e)});const b=({blockProps:e,styles:t,content:o})=>l.jsxRuntimeExports.jsx(c.Text,{...e,...t,children:o}),B=({content:e,blockProps:t,styles:o})=>l.jsxRuntimeExports.jsx("p",{...t,...o,children:e});i.registerChaiBlock(b,{type:"Text",label:"Text",group:"basic",category:"core",icon:s.TextIcon,builderComponent:B,props:{content:r.g({title:"Content",default:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam in dui mauris. Vivamus hendrerit arcu sed erat molestie vehicula. Sed auctor neque eu tellus rhoncus ut eleifend nibh porttitor. Ut in nulla enim."}),styles:r.S({default:""})},canAcceptBlock:e=>["Link","RawText"].includes(e)});const f=({content:e})=>e,C=({content:e,blockProps:t})=>l.jsxRuntimeExports.jsx("span",{...t,children:e});i.registerChaiBlock(f,{type:"RawText",label:"Raw Text",group:"basic",category:"core",icon:s.TextIcon,hidden:!0,builderComponent:C,props:{content:r.g({title:"Content",default:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam in dui mauris. "})}});const j=({blockProps:e,styles:t,link:o,content:n})=>l.jsxRuntimeExports.jsx(c.Button,{...e,...t,href:o.href,children:n}),y=({blockProps:e,styles:t,content:o})=>l.jsxRuntimeExports.jsx("button",{type:"button",...e,...t,children:o});i.registerChaiBlock(j,{type:"Button",label:"Button",group:"basic",category:"core",builderComponent:y,props:{content:r.u({title:"Content",default:"Click me"}),link:r.q({title:"Link",default:{href:"https://chaibuilder.com",target:"_blank",type:"url"}}),styles:r.S({default:"bg-primary text-white px-4 py-2 rounded-md"})}});const v=({blockProps:e,styles:t,href:o,content:n,target:a})=>l.jsxRuntimeExports.jsx(c.Link,{...e,...t,href:o,target:a,children:n}),R=({blockProps:e,styles:t,content:o,children:n})=>l.jsxRuntimeExports.jsx("span",{...e,...t,children:n||o});i.registerChaiBlock(v,{type:"Link",label:"Link",group:"basic",category:"core",icon:s.Link1Icon,blocks:[{_id:"a",_type:"Link"},{_id:"b",_parent:"a",_type:"RawText",content:"I am a link."}],builderComponent:R,props:{content:r.u({title:"Content",default:"I am a link."}),link:r.q({title:"Link",default:{href:"https://chaibuilder.com",target:"_blank",type:"url"}}),styles:r.S({default:"font-bold text-blue-500"})},canAcceptBlock:()=>!0});const E=({blockProps:e,styles:t,children:o})=>l.jsxRuntimeExports.jsx(c.Preview,{...e,...t,children:o}),I=({blockProps:e,styles:t,content:o})=>l.jsxRuntimeExports.jsx("div",{...e,...t,children:o});i.registerChaiBlock(E,{type:"Preview",label:"Preview",group:"basic",category:"core",builderComponent:I,canAcceptBlock:()=>!0,canDuplicate:()=>!1});const w=({blockProps:e,content:t})=>l.jsxRuntimeExports.jsx(c.Markdown,{children:t,...e});i.registerChaiBlock(w,{type:"Markdown",label:"Markdown",group:"basic",category:"core",props:{content:r.g({default:"# This is a ~~strikethrough~~",title:"Markdown"})}});const S=({blockProps:e,styles:t,alt:o,image:n,width:a,height:u})=>l.jsxRuntimeExports.jsx(c.Img,{...e,...t,src:n,alt:o,width:a,height:u}),L=({blockProps:e,styles:t,alt:o,image:n,width:a,height:u})=>l.jsxRuntimeExports.jsx("img",{...e,...t,src:n,alt:o,width:a,height:u});i.registerChaiBlock(S,{type:"Image",label:"Image",group:"basic",category:"core",icon:s.ImageIcon,builderComponent:L,props:{styles:r.S({default:"w-full"}),image:r.o({title:"Image",default:"https://fakeimg.pl/400x200?text=Choose&font=bebas"}),alt:r.u({title:"Alt",default:""}),width:r.u({title:"Width",default:""}),height:r.u({title:"Height",default:""})}});const T=({blockProps:e,styles:t})=>l.jsxRuntimeExports.jsx(c.Hr,{...e,...t}),H=({blockProps:e,styles:t})=>l.jsxRuntimeExports.jsx("hr",{...e,...t});i.registerChaiBlock(T,{type:"Divider",label:"Divider",group:"basic",category:"core",icon:s.DividerHorizontalIcon,builderComponent:H,props:{styles:r.S({default:"w-full h-2"})}});const q=({blockProps:e,styles:t,code:o,lineNumbers:n,theme:a,language:u})=>l.jsxRuntimeExports.jsx(c.CodeBlock,{...e,...t,code:o,linenumbers:n,theme:a,language:u}),A=({blockProps:e,styles:t,code:o})=>l.jsxRuntimeExports.jsx("div",{...e,...t,children:l.jsxRuntimeExports.jsx("code",{children:o})});i.registerChaiBlock(q,{type:"CodeBlock",label:"Code Block",group:"basic",category:"core",hidden:!0,icon:s.CodeSandboxLogoIcon,builderComponent:A,props:{styles:r.S({default:""}),code:r.g({title:"Code",default:"console.log('Hello, world!');"}),theme:r.u({title:"Theme",default:"dracula"}),lineNumbers:r.r({title:"Line number",default:!1}),language:r.f({title:"Language",default:"javascript",binding:!1,options:[{value:"javascript",title:"JavaScript"},{value:"html",title:"HTML"},{value:"css",title:"CSS"}]})}});const D=({blockProps:e,styles:t,code:o})=>l.jsxRuntimeExports.jsx(c.CodeInline,{...e,...t,children:o}),M=({blockProps:e,styles:t,code:o})=>l.jsxRuntimeExports.jsx("code",{...e,...t,children:o});i.registerChaiBlock(D,{type:"CodeInline",label:"Code Inline",group:"basic",category:"core",icon:s.CodeSandboxLogoIcon,builderComponent:M,props:{styles:r.S({default:""}),code:r.g({title:"Code",default:"console.log('Hello, world!');"})}});const _=d.noop;exports.loadEmailBlocks=_;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("lodash-es"),l=require("./jsx-runtime-Z_BpKhVy.cjs"),c=require("@react-email/components"),i=require("@chaibuilder/runtime"),r=require("./empty-slot-TF2kd-0X.cjs"),a=require("@radix-ui/react-icons");require("./_commonjsHelpers-wDK0ZLPo.cjs");require("react");require("./Functions-N3yhPYKY.cjs");require("clsx");require("tailwind-merge");const p=({blockProps:e,styles:t,children:o})=>{let n=o;return o||(n=l.jsxRuntimeExports.jsx(r.EmptySlot,{blockProps:{},styles:{}})),l.jsxRuntimeExports.jsx(c.Container,{...e,...t,children:n})};i.registerChaiBlock(p,{type:"Container",label:"Container",group:"basic",category:"core",canAcceptBlock:()=>!0,canMove:()=>!0,canDelete:()=>!1,canDuplicate:()=>!1,canBeNested:e=>!e});const x=({blockProps:e,styles:t,children:o})=>l.jsxRuntimeExports.jsx(c.Section,{...e,...t,children:o});i.registerChaiBlock(x,{type:"Section",label:"Section",group:"basic",category:"core",icon:a.ImageIcon,props:{align:r.f({title:"Align",default:"",options:[{value:"",title:"None"},{value:"left",title:"left"},{value:"center",title:"center"},{value:"right",title:"right"}]})},canAcceptBlock:()=>!0});const g=({blockProps:e,styles:t,children:o})=>l.jsxRuntimeExports.jsx(c.Row,{...e,...t,children:o});i.registerChaiBlock(g,{type:"Row",label:"Row",group:"basic",category:"core",icon:a.ImageIcon,blocks:[{_type:"Row",_id:"a"},{_type:"Column",_id:"b",_parent:"a"}],props:{styles:r.S({default:""})},canAcceptBlock:e=>e==="Column"});const m=({blockProps:e,styles:t,children:o,align:n})=>{let s=o;return o||(s=l.jsxRuntimeExports.jsx(r.EmptySlot,{blockProps:{},styles:{}})),l.jsxRuntimeExports.jsx(c.Column,{...e,...t,align:n,children:s})};i.registerChaiBlock(m,{type:"Column",label:"Column",group:"basic",category:"core",icon:a.ImageIcon,props:{styles:r.S({default:""}),align:r.f({title:"Align",default:"",options:[{value:"",title:"None"},{value:"left",title:"left"},{value:"center",title:"center"},{value:"right",title:"right"}]})},canAcceptBlock:()=>!0,canBeNested:e=>e==="Row"});const h=({level:e,blockProps:t,styles:o,content:n})=>l.jsxRuntimeExports.jsx(c.Heading,{as:e,...t,...o,children:n}),k=({blockProps:e,styles:t,content:o})=>l.jsxRuntimeExports.jsx("h1",{...e,...t,children:o});i.registerChaiBlock(h,{type:"Heading",label:"Heading",group:"basic",category:"core",icon:a.HeadingIcon,builderComponent:k,props:{content:r.u({title:"Content",default:"Enter your heading here..."}),styles:r.S({default:"text-xl"}),level:r.f({title:"Level",default:"h1",binding:!1,options:[{value:"h1",title:"h1"},{value:"h2",title:"h2"},{value:"h3",title:"h3"},{value:"h4",title:"h4"},{value:"h5",title:"h5"},{value:"h6",title:"h6"}]})},canAcceptBlock:e=>["Link","RawText"].includes(e)});const b=({blockProps:e,styles:t,content:o})=>l.jsxRuntimeExports.jsx(c.Text,{...e,...t,children:o}),B=({content:e,blockProps:t,styles:o})=>l.jsxRuntimeExports.jsx("p",{...t,...o,children:e});i.registerChaiBlock(b,{type:"Text",label:"Text",group:"basic",category:"core",icon:a.TextIcon,builderComponent:B,props:{content:r.g({title:"Content",default:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam in dui mauris. Vivamus hendrerit arcu sed erat molestie vehicula. Sed auctor neque eu tellus rhoncus ut eleifend nibh porttitor. Ut in nulla enim."}),styles:r.S({default:""})},canAcceptBlock:e=>["Link","RawText"].includes(e)});const C=({content:e})=>e,j=({content:e,blockProps:t})=>l.jsxRuntimeExports.jsx("span",{...t,children:e});i.registerChaiBlock(C,{type:"RawText",label:"Raw Text",group:"basic",category:"core",icon:a.TextIcon,hidden:!0,builderComponent:j,props:{content:r.g({title:"Content",default:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam in dui mauris. "})}});const f=({blockProps:e,styles:t,link:o,content:n})=>l.jsxRuntimeExports.jsx(c.Button,{...e,...t,href:o.href,children:n}),y=({blockProps:e,styles:t,content:o})=>l.jsxRuntimeExports.jsx("button",{type:"button",...e,...t,children:o});i.registerChaiBlock(f,{type:"Button",label:"Button",group:"basic",category:"core",builderComponent:y,props:{content:r.u({title:"Content",default:"Click me"}),link:r.q({title:"Link",default:{href:"https://chaibuilder.com",target:"_blank",type:"url"}}),styles:r.S({default:"bg-primary text-white px-4 py-2 rounded-md"})}});const R=({blockProps:e,styles:t,href:o,content:n,target:s,children:u})=>l.jsxRuntimeExports.jsx(c.Link,{...e,...t,href:o,target:s,children:u||n}),v=({blockProps:e,styles:t,content:o,children:n})=>{let s=n;return n||(s=l.jsxRuntimeExports.jsx(r.EmptySlot,{blockProps:{},styles:{}})),l.jsxRuntimeExports.jsx("span",{...e,...t,children:s||o})};i.registerChaiBlock(R,{type:"Link",label:"Link",group:"basic",category:"core",icon:a.Link1Icon,blocks:[{_id:"a",_type:"Link"},{_id:"b",_parent:"a",_type:"RawText",content:"I am a link."}],builderComponent:v,props:{content:r.u({title:"Content",default:"I am a link."}),link:r.q({title:"Link",default:{href:"https://chaibuilder.com",target:"_blank",type:"url"}}),styles:r.S({default:"font-bold text-blue-500"})},canAcceptBlock:()=>!0});const E=({blockProps:e,styles:t,children:o})=>l.jsxRuntimeExports.jsx(c.Preview,{...e,...t,children:o}),w=({blockProps:e,styles:t,content:o})=>l.jsxRuntimeExports.jsx("div",{...e,...t,children:o});i.registerChaiBlock(E,{type:"Preview",label:"Preview",group:"basic",category:"core",builderComponent:w,canAcceptBlock:()=>!0,canDuplicate:()=>!1,props:{content:r.g({default:"Preview content",title:"Content"})}});const I=({blockProps:e,content:t})=>l.jsxRuntimeExports.jsx(c.Markdown,{children:t,...e});i.registerChaiBlock(I,{type:"Markdown",label:"Markdown",group:"basic",category:"core",props:{content:r.g({default:"# This is a ~~strikethrough~~",title:"Markdown"})}});const S=({blockProps:e,styles:t,alt:o,image:n,width:s,height:u})=>l.jsxRuntimeExports.jsx(c.Img,{...e,...t,src:n,alt:o,width:s,height:u}),L=({blockProps:e,styles:t,alt:o,image:n,width:s,height:u})=>l.jsxRuntimeExports.jsx("img",{...e,...t,src:n,alt:o,width:s,height:u});i.registerChaiBlock(S,{type:"Image",label:"Image",group:"basic",category:"core",icon:a.ImageIcon,builderComponent:L,props:{styles:r.S({default:"w-full"}),image:r.o({title:"Image",default:"https://fakeimg.pl/400x200?text=Choose&font=bebas"}),alt:r.u({title:"Alt",default:""}),width:r.u({title:"Width",default:""}),height:r.u({title:"Height",default:""})}});const T=({blockProps:e,styles:t})=>l.jsxRuntimeExports.jsx(c.Hr,{...e,...t}),q=({blockProps:e,styles:t})=>l.jsxRuntimeExports.jsx("hr",{...e,...t});i.registerChaiBlock(T,{type:"Divider",label:"Divider",group:"basic",category:"core",icon:a.DividerHorizontalIcon,builderComponent:q,props:{styles:r.S({default:"w-full h-2"})}});const H=({blockProps:e,styles:t,code:o,lineNumbers:n,theme:s,language:u})=>l.jsxRuntimeExports.jsx(c.CodeBlock,{...e,...t,code:o,linenumbers:n,theme:s,language:u}),_=({blockProps:e,styles:t,code:o})=>l.jsxRuntimeExports.jsx("div",{...e,...t,children:l.jsxRuntimeExports.jsx("code",{children:o})});i.registerChaiBlock(H,{type:"CodeBlock",label:"Code Block",group:"basic",category:"core",hidden:!0,icon:a.CodeSandboxLogoIcon,builderComponent:_,props:{styles:r.S({default:""}),code:r.g({title:"Code",default:"console.log('Hello, world!');"}),theme:r.u({title:"Theme",default:"dracula"}),lineNumbers:r.r({title:"Line number",default:!1}),language:r.f({title:"Language",default:"javascript",binding:!1,options:[{value:"javascript",title:"JavaScript"},{value:"html",title:"HTML"},{value:"css",title:"CSS"}]})}});const A=({blockProps:e,styles:t,code:o})=>l.jsxRuntimeExports.jsx(c.CodeInline,{...e,...t,children:o}),P=({blockProps:e,styles:t,code:o})=>l.jsxRuntimeExports.jsx("code",{...e,...t,children:o});i.registerChaiBlock(A,{type:"CodeInline",label:"Code Inline",group:"basic",category:"core",icon:a.CodeSandboxLogoIcon,builderComponent:P,props:{styles:r.S({default:""}),code:r.g({title:"Code",default:"console.log('Hello, world!');"})}});const D=d.noop;exports.loadEmailBlocks=D;

package/dist/email-blocks.js

@@ -1,32 +1,37 @@
-import { noop as b } from "lodash-es";
+import { noop as k } from "lodash-es";
 import { j as l } from "./jsx-runtime-WbnYoNE9.js";
-import { Container as f, Section as k, Row as y, Column as x, Heading as B, Text as C, Button as v, Link as j, Preview as w, Markdown as I, Img as L, Hr as T, CodeBlock as H, CodeInline as A } from "@react-email/components";
+import { Container as f, Section as y, Row as x, Column as B, Heading as C, Text as v, Button as j, Link as w, Preview as I, Markdown as L, Img as T, Hr as H, CodeBlock as R, CodeInline as _ } from "@react-email/components";
 import { registerChaiBlock as r } from "@chaibuilder/runtime";
-import { S as i, f as d, u as a, g as s, q as g, o as R, r as S } from "./controls-XPXGHKht.js";
-import { ImageIcon as p, HeadingIcon as D, TextIcon as m, Link1Icon as M, DividerHorizontalIcon as _, CodeSandboxLogoIcon as h } from "@radix-ui/react-icons";
+import { E as g, f as d, S as c, u as s, g as u, q as m, o as A, r as S } from "./empty-slot-MWycClTb.js";
+import { ImageIcon as p, HeadingIcon as P, TextIcon as h, Link1Icon as D, DividerHorizontalIcon as M, CodeSandboxLogoIcon as b } from "@radix-ui/react-icons";
 import "./_commonjsHelpers-UyOWmZb0.js";
 import "react";
-const N = ({ blockProps: e, styles: t, children: o }) => /* @__PURE__ */ l.jsx(f, { ...e, ...t, children: o });
+import "./Functions-7jnEwJyw.js";
+import "clsx";
+import "tailwind-merge";
+const N = ({ blockProps: e, styles: t, children: o }) => {
+  let n = o;
+  return o || (n = /* @__PURE__ */ l.jsx(g, { blockProps: {}, styles: {} })), /* @__PURE__ */ l.jsx(f, { ...e, ...t, children: n });
+};
 r(N, {
   type: "Container",
   label: "Container",
   group: "basic",
   category: "core",
-  props: { styles: i({ default: "" }) },
   canAcceptBlock: () => !0,
   canMove: () => !0,
   canDelete: () => !1,
-  canDuplicate: () => !1
+  canDuplicate: () => !1,
+  canBeNested: (e) => !e
 });
-const P = ({ blockProps: e, styles: t, children: o }) => /* @__PURE__ */ l.jsx(k, { ...e, ...t, children: o });
-r(P, {
+const E = ({ blockProps: e, styles: t, children: o }) => /* @__PURE__ */ l.jsx(y, { ...e, ...t, children: o });
+r(E, {
   type: "Section",
   label: "Section",
   group: "basic",
   category: "core",
   icon: p,
   props: {
-    styles: i({ default: "w-full" }),
     align: d({
       title: "Align",
       default: "",
@@ -40,27 +45,34 @@ r(P, {
   },
   canAcceptBlock: () => !0
 });
-const $ = ({ blockProps: e, styles: t, children: o }) => /* @__PURE__ */ l.jsx(y, { ...e, ...t, children: o });
+const $ = ({ blockProps: e, styles: t, children: o }) => /* @__PURE__ */ l.jsx(x, { ...e, ...t, children: o });
 r($, {
   type: "Row",
   label: "Row",
   group: "basic",
   category: "core",
   icon: p,
+  blocks: [
+    { _type: "Row", _id: "a" },
+    { _type: "Column", _id: "b", _parent: "a" }
+  ],
   props: {
-    styles: i({ default: "" })
+    styles: c({ default: "" })
   },
   canAcceptBlock: (e) => e === "Column"
 });
-const E = ({ blockProps: e, styles: t, children: o, align: n }) => /* @__PURE__ */ l.jsx(x, { ...e, ...t, align: n, children: o });
-r(E, {
+const q = ({ blockProps: e, styles: t, children: o, align: n }) => {
+  let i = o;
+  return o || (i = /* @__PURE__ */ l.jsx(g, { blockProps: {}, styles: {} })), /* @__PURE__ */ l.jsx(B, { ...e, ...t, align: n, children: i });
+};
+r(q, {
   type: "Column",
   label: "Column",
   group: "basic",
   category: "core",
   icon: p,
   props: {
-    styles: i({ default: "" }),
+    styles: c({ default: "" }),
     align: d({
       title: "Align",
       default: "",
@@ -72,19 +84,20 @@ r(E, {
       ]
     })
   },
-  canAcceptBlock: () => !0
+  canAcceptBlock: () => !0,
+  canBeNested: (e) => e === "Row"
 });
-const q = ({ level: e, blockProps: t, styles: o, content: n }) => /* @__PURE__ */ l.jsx(B, { as: e, ...t, ...o, children: n }), z = ({ blockProps: e, styles: t, content: o }) => /* @__PURE__ */ l.jsx("h1", { ...e, ...t, children: o });
-r(q, {
+const z = ({ level: e, blockProps: t, styles: o, content: n }) => /* @__PURE__ */ l.jsx(C, { as: e, ...t, ...o, children: n }), J = ({ blockProps: e, styles: t, content: o }) => /* @__PURE__ */ l.jsx("h1", { ...e, ...t, children: o });
+r(z, {
   type: "Heading",
   label: "Heading",
   group: "basic",
   category: "core",
-  icon: D,
-  builderComponent: z,
+  icon: P,
+  builderComponent: J,
   props: {
-    content: a({ title: "Content", default: "Enter your heading here..." }),
-    styles: i({ default: "text-xl" }),
+    content: s({ title: "Content", default: "Enter your heading here..." }),
+    styles: c({ default: "text-xl" }),
     level: d({
       title: "Level",
       default: "h1",
@@ -101,59 +114,62 @@ r(q, {
   },
   canAcceptBlock: (e) => ["Link", "RawText"].includes(e)
 });
-const J = ({ blockProps: e, styles: t, content: o }) => /* @__PURE__ */ l.jsx(C, { ...e, ...t, children: o }), U = ({ content: e, blockProps: t, styles: o }) => /* @__PURE__ */ l.jsx("p", { ...t, ...o, children: e });
-r(J, {
+const U = ({ blockProps: e, styles: t, content: o }) => /* @__PURE__ */ l.jsx(v, { ...e, ...t, children: o }), V = ({ content: e, blockProps: t, styles: o }) => /* @__PURE__ */ l.jsx("p", { ...t, ...o, children: e });
+r(U, {
   type: "Text",
   label: "Text",
   group: "basic",
   category: "core",
-  icon: m,
-  builderComponent: U,
+  icon: h,
+  builderComponent: V,
   props: {
-    content: s({
+    content: u({
       title: "Content",
       default: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam in dui mauris. Vivamus hendrerit arcu sed erat molestie vehicula. Sed auctor neque eu tellus rhoncus ut eleifend nibh porttitor. Ut in nulla enim."
     }),
-    styles: i({ default: "" })
+    styles: c({ default: "" })
   },
   canAcceptBlock: (e) => ["Link", "RawText"].includes(e)
 });
-const V = ({ content: e }) => e, W = ({ content: e, blockProps: t }) => /* @__PURE__ */ l.jsx("span", { ...t, children: e });
-r(V, {
+const W = ({ content: e }) => e, F = ({ content: e, blockProps: t }) => /* @__PURE__ */ l.jsx("span", { ...t, children: e });
+r(W, {
   type: "RawText",
   label: "Raw Text",
   group: "basic",
   category: "core",
-  icon: m,
+  icon: h,
   hidden: !0,
-  builderComponent: W,
+  builderComponent: F,
   props: {
-    content: s({
+    content: u({
       title: "Content",
       default: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam in dui mauris. "
     })
   }
 });
-const F = ({ blockProps: e, styles: t, link: o, content: n }) => /* @__PURE__ */ l.jsx(v, { ...e, ...t, href: o.href, children: n }), G = ({ blockProps: e, styles: t, content: o }) => /* @__PURE__ */ l.jsx("button", { type: "button", ...e, ...t, children: o });
-r(F, {
+const G = ({ blockProps: e, styles: t, link: o, content: n }) => /* @__PURE__ */ l.jsx(j, { ...e, ...t, href: o.href, children: n }), K = ({ blockProps: e, styles: t, content: o }) => /* @__PURE__ */ l.jsx("button", { type: "button", ...e, ...t, children: o });
+r(G, {
   type: "Button",
   label: "Button",
   group: "basic",
   category: "core",
-  builderComponent: G,
+  builderComponent: K,
   props: {
-    content: a({ title: "Content", default: "Click me" }),
-    link: g({ title: "Link", default: { href: "https://chaibuilder.com", target: "_blank", type: "url" } }),
-    styles: i({ default: "bg-primary text-white px-4 py-2 rounded-md" })
+    content: s({ title: "Content", default: "Click me" }),
+    link: m({ title: "Link", default: { href: "https://chaibuilder.com", target: "_blank", type: "url" } }),
+    styles: c({ default: "bg-primary text-white px-4 py-2 rounded-md" })
   }
 });
-const K = ({ blockProps: e, styles: t, href: o, content: n, target: c }) => /* @__PURE__ */ l.jsx(j, { ...e, ...t, href: o, target: c, children: n }), O = ({ blockProps: e, styles: t, content: o, children: n }) => /* @__PURE__ */ l.jsx("span", { ...e, ...t, children: n || o });
-r(K, {
+const O = ({ blockProps: e, styles: t, href: o, content: n, target: i, children: a }) => /* @__PURE__ */ l.jsx(w, { ...e, ...t, href: o, target: i, children: a || n }), Q = ({ blockProps: e, styles: t, content: o, children: n }) => {
+  let i = n;
+  return n || (i = /* @__PURE__ */ l.jsx(g, { blockProps: {}, styles: {} })), /* @__PURE__ */ l.jsx("span", { ...e, ...t, children: i || o });
+};
+r(O, {
   type: "Link",
   label: "Link",
   group: "basic",
   category: "core",
-  icon: M,
+  icon: D,
   blocks: [
     {
       _id: "a",
@@ -166,78 +182,81 @@ r(K, {
       content: "I am a link."
     }
   ],
-  builderComponent: O,
+  builderComponent: Q,
   props: {
-    content: a({ title: "Content", default: "I am a link." }),
-    link: g({ title: "Link", default: { href: "https://chaibuilder.com", target: "_blank", type: "url" } }),
-    styles: i({ default: "font-bold text-blue-500" })
+    content: s({ title: "Content", default: "I am a link." }),
+    link: m({ title: "Link", default: { href: "https://chaibuilder.com", target: "_blank", type: "url" } }),
+    styles: c({ default: "font-bold text-blue-500" })
   },
   canAcceptBlock: () => !0
 });
-const Q = ({ blockProps: e, styles: t, children: o }) => /* @__PURE__ */ l.jsx(w, { ...e, ...t, children: o }), X = ({ blockProps: e, styles: t, content: o }) => /* @__PURE__ */ l.jsx("div", { ...e, ...t, children: o });
-r(Q, {
+const X = ({ blockProps: e, styles: t, children: o }) => /* @__PURE__ */ l.jsx(I, { ...e, ...t, children: o }), Y = ({ blockProps: e, styles: t, content: o }) => /* @__PURE__ */ l.jsx("div", { ...e, ...t, children: o });
+r(X, {
   type: "Preview",
   label: "Preview",
   group: "basic",
   category: "core",
-  builderComponent: X,
+  builderComponent: Y,
   canAcceptBlock: () => !0,
-  canDuplicate: () => !1
+  canDuplicate: () => !1,
+  props: {
+    content: u({ default: "Preview content", title: "Content" })
+  }
 });
-const Y = ({ blockProps: e, content: t }) => /* @__PURE__ */ l.jsx(I, { children: t, ...e });
-r(Y, {
+const Z = ({ blockProps: e, content: t }) => /* @__PURE__ */ l.jsx(L, { children: t, ...e });
+r(Z, {
   type: "Markdown",
   label: "Markdown",
   group: "basic",
   category: "core",
   props: {
-    content: s({ default: "# This is a ~~strikethrough~~", title: "Markdown" })
+    content: u({ default: "# This is a ~~strikethrough~~", title: "Markdown" })
   }
 });
-const Z = ({ blockProps: e, styles: t, alt: o, image: n, width: c, height: u }) => /* @__PURE__ */ l.jsx(L, { ...e, ...t, src: n, alt: o, width: c, height: u }), ee = ({ blockProps: e, styles: t, alt: o, image: n, width: c, height: u }) => /* @__PURE__ */ l.jsx("img", { ...e, ...t, src: n, alt: o, width: c, height: u });
-r(Z, {
+const ee = ({ blockProps: e, styles: t, alt: o, image: n, width: i, height: a }) => /* @__PURE__ */ l.jsx(T, { ...e, ...t, src: n, alt: o, width: i, height: a }), te = ({ blockProps: e, styles: t, alt: o, image: n, width: i, height: a }) => /* @__PURE__ */ l.jsx("img", { ...e, ...t, src: n, alt: o, width: i, height: a });
+r(ee, {
   type: "Image",
   label: "Image",
   group: "basic",
   category: "core",
   icon: p,
-  builderComponent: ee,
+  builderComponent: te,
   props: {
-    styles: i({ default: "w-full" }),
-    image: R({
+    styles: c({ default: "w-full" }),
+    image: A({
       title: "Image",
       default: "https://fakeimg.pl/400x200?text=Choose&font=bebas"
     }),
-    alt: a({ title: "Alt", default: "" }),
-    width: a({ title: "Width", default: "" }),
-    height: a({ title: "Height", default: "" })
+    alt: s({ title: "Alt", default: "" }),
+    width: s({ title: "Width", default: "" }),
+    height: s({ title: "Height", default: "" })
   }
 });
-const te = ({ blockProps: e, styles: t }) => /* @__PURE__ */ l.jsx(T, { ...e, ...t }), oe = ({ blockProps: e, styles: t }) => /* @__PURE__ */ l.jsx("hr", { ...e, ...t });
-r(te, {
+const oe = ({ blockProps: e, styles: t }) => /* @__PURE__ */ l.jsx(H, { ...e, ...t }), le = ({ blockProps: e, styles: t }) => /* @__PURE__ */ l.jsx("hr", { ...e, ...t });
+r(oe, {
   type: "Divider",
   label: "Divider",
   group: "basic",
   category: "core",
-  icon: _,
-  builderComponent: oe,
+  icon: M,
+  builderComponent: le,
   props: {
-    styles: i({ default: "w-full h-2" })
+    styles: c({ default: "w-full h-2" })
   }
 });
-const le = ({ blockProps: e, styles: t, code: o, lineNumbers: n, theme: c, language: u }) => /* @__PURE__ */ l.jsx(H, { ...e, ...t, code: o, linenumbers: n, theme: c, language: u }), ne = ({ blockProps: e, styles: t, code: o }) => /* @__PURE__ */ l.jsx("div", { ...e, ...t, children: /* @__PURE__ */ l.jsx("code", { children: o }) });
-r(le, {
+const ne = ({ blockProps: e, styles: t, code: o, lineNumbers: n, theme: i, language: a }) => /* @__PURE__ */ l.jsx(R, { ...e, ...t, code: o, linenumbers: n, theme: i, language: a }), re = ({ blockProps: e, styles: t, code: o }) => /* @__PURE__ */ l.jsx("div", { ...e, ...t, children: /* @__PURE__ */ l.jsx("code", { children: o }) });
+r(ne, {
   type: "CodeBlock",
   label: "Code Block",
   group: "basic",
   category: "core",
   hidden: !0,
-  icon: h,
-  builderComponent: ne,
+  icon: b,
+  builderComponent: re,
   props: {
-    styles: i({ default: "" }),
-    code: s({ title: "Code", default: "console.log('Hello, world!');" }),
-    theme: a({ title: "Theme", default: "dracula" }),
+    styles: c({ default: "" }),
+    code: u({ title: "Code", default: "console.log('Hello, world!');" }),
+    theme: s({ title: "Theme", default: "dracula" }),
     lineNumbers: S({
       title: "Line number",
       default: !1
@@ -255,20 +274,20 @@ r(le, {
     })
   }
 });
-const re = ({ blockProps: e, styles: t, code: o }) => /* @__PURE__ */ l.jsx(A, { ...e, ...t, children: o }), ie = ({ blockProps: e, styles: t, code: o }) => /* @__PURE__ */ l.jsx("code", { ...e, ...t, children: o });
-r(re, {
+const ie = ({ blockProps: e, styles: t, code: o }) => /* @__PURE__ */ l.jsx(_, { ...e, ...t, children: o }), ce = ({ blockProps: e, styles: t, code: o }) => /* @__PURE__ */ l.jsx("code", { ...e, ...t, children: o });
+r(ie, {
   type: "CodeInline",
   label: "Code Inline",
   group: "basic",
   category: "core",
-  icon: h,
-  builderComponent: ie,
+  icon: b,
+  builderComponent: ce,
   props: {
-    styles: i({ default: "" }),
-    code: s({ title: "Code", default: "console.log('Hello, world!');" })
+    styles: c({ default: "" }),
+    code: u({ title: "Code", default: "console.log('Hello, world!');" })
   }
 });
-const he = b;
+const ye = k;
 export {
-  he as loadEmailBlocks
+  ye as loadEmailBlocks
 };

package/dist/email.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-Z_BpKhVy.cjs"),q=require("./index-cM3eKmlx.cjs"),r=require("@radix-ui/react-icons");require("./_commonjsHelpers-wDK0ZLPo.cjs");require("react");require("i18next");require("react-i18next");require("./index-aiHDvS5v.cjs");require("lodash-es");require("./Functions-N3yhPYKY.cjs");require("clsx");require("tailwind-merge");require("@chaibuilder/runtime");require("jotai");require("flat-to-nested");require("./MODIFIERS-2FeVfZQ9.cjs");require("@react-hookz/web");require("@radix-ui/react-toggle");require("class-variance-authority");require("./Class-5ARpH_Tu.cjs");require("@radix-ui/react-switch");require("@radix-ui/react-slot");require("@radix-ui/react-accordion");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-dialog");require("@radix-ui/react-label");require("@radix-ui/react-scroll-area");require("@radix-ui/react-tabs");require("@radix-ui/react-tooltip");require("@radix-ui/react-popover");require("@radix-ui/react-menubar");require("@radix-ui/react-hover-card");require("@radix-ui/react-select");require("@radix-ui/react-dropdown-menu");require("@radix-ui/react-separator");require("@radix-ui/react-toast");require("cmdk");require("@radix-ui/react-context-menu");require("react-icons-picker");require("react-dom");require("react-quill");require("@floating-ui/react-dom");require("react-textarea-autosize");require("flagged");require("react-dnd");require("@minoru/react-dnd-treeview");require("react-hotkeys-hook");require("sonner");require("./html-to-json-2PeOCVey.cjs");require("himalaya");require("lucide-react");require("./web-blocks.cjs");require("./empty-slot-TF2kd-0X.cjs");const t=[{title:"Mobile",content:"Mobile email client",breakpoint:"xs",icon:e.jsxRuntimeExports.jsx(r.MobileIcon,{}),width:400},{title:"Email Client",content:"Content as seen  inside an email client",breakpoint:"sm",icon:e.jsxRuntimeExports.jsx(r.MobileIcon,{className:"rotate-90"}),width:800}],o=i=>{const u={...i,importHTMLSupport:!1,breakpoints:t};return e.jsxRuntimeExports.jsx(q.ChaiBuilderEditor,{...u})};exports.ChaiBuilderEmail=o;

package/dist/email.d.ts

@@ -0,0 +1,116 @@
+import { JSX as JSX_2 } from 'react/jsx-runtime';
+import { default as React_2 } from 'react';
+
+declare interface Block {
+    type: string;
+    [key: string]: any;
+}
+
+declare type Breakpoint = {
+    title: string;
+    content: string;
+    breakpoint: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | string;
+    icon: React_2.ReactNode | Element;
+    width: number;
+};
+
+declare type ChaiBlock = {
+    _id: string;
+    _type: string;
+    _name?: string;
+    _parent?: string | null | undefined;
+    _bindings?: Record<string, string>;
+} & Record<string, any>;
+
+declare interface ChaiBuilderEditorProps {
+    breakpoints?: Breakpoint[];
+    editable?: boolean;
+    loading?: boolean;
+    locale?: string;
+    nonEditableComponent?: ReactComponentType;
+    canvas?: React_2.FC<any>;
+    canvasTopBarComponents?: {
+        right?: ReactComponentType[];
+    };
+    previewLink?: string;
+    dataBindingSupport?: boolean;
+    dataProviders?: DataProvider[];
+    darkMode?: boolean;
+    dndOptions?: any;
+    importHTMLSupport?: boolean;
+    fetchMediaCallback?: (limit?: number, offset?: number) => Promise<any[]>;
+    uploadMediaCallback?: (file: File) => Promise<{
+        url: string;
+    }>;
+    getExternalPredefinedBlock?: (block: PredefinedBlock) => Promise<PredefinedBlock & {
+        blocks: ChaiBlock[];
+        html: string;
+    }>;
+    getUILibraryBlocks?: (libraryUuid: string) => Promise<PredefinedBlock[]>;
+    uiLibraries?: UILibrary[];
+    subPages?: Block[];
+    subPagesSupport?: boolean;
+    blocks?: ChaiBlock[];
+    onSaveBlocks?: ({ blocks, providers }: any) => Promise<any>;
+    onSavePage?: ({ blocks, providers }: SavePageData) => Promise<boolean | Error>;
+    brandingOptions?: Record<string, string>;
+    onSaveBrandingOptions?: (brandingOptions: Record<string, any>) => Promise<boolean | Error>;
+    container?: ChaiBlock | "Body" | "Container";
+    onSaveContainer?: (container: ChaiBlock) => Promise<boolean | Error>;
+    onSyncStatusChange?: (syncStatus: "UNSAVED" | "SAVED") => void;
+    previewComponent?: ReactComponentType;
+    sideBarComponents?: {
+        bottom?: ReactComponentType[];
+        top?: {
+            icon: ReactComponentType | string;
+            name: string;
+            panel: ReactComponentType;
+        }[];
+    };
+    topBarComponents?: {
+        center?: ReactComponentType[];
+        left?: ReactComponentType[];
+        right?: ReactComponentType[];
+    };
+    getPages?: () => Promise<ChaiPage[]>;
+    unsplashAccessKey?: string;
+}
+
+export declare const ChaiBuilderEmail: (props: ChaiBuilderEditorProps) => JSX_2.Element;
+
+declare type ChaiPage = {
+    uuid?: string;
+    page_name?: string;
+    blocks: ChaiBlock[];
+    custom_code: string;
+    seo_data: Record<string, string>;
+    slug: string;
+    translations: Record<string, Record<string, string>>;
+};
+
+declare type DataProvider = {
+    providerKey: string;
+    args: Record<string, any>;
+};
+
+declare type PredefinedBlock = {
+    uuid: string;
+    name: string;
+    preview: string;
+    blocks?: ChaiBlock[];
+    html?: string;
+};
+
+declare type ReactComponentType = React_2.ComponentType<any>;
+
+declare type SavePageData = {
+    blocks: ChaiBlock[];
+    providers?: DataProvider[];
+};
+
+declare interface UILibrary {
+    name: string;
+    uuid: string;
+}
+
+export { }