@chaibuilder/sdk 1.2.18 → 1.2.20

package/dist/web-blocks.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("lodash-es"),a=require("./jsx-runtime-Z_BpKhVy.cjs"),I=require("react"),t=require("./controls-Dy1qa8Dc.cjs"),d=require("@chaibuilder/runtime"),g=require("./empty-slot-nzYOgZuS.cjs"),y=require("@radix-ui/react-icons"),x=require("./Functions-N3yhPYKY.cjs");require("./_commonjsHelpers-wDK0ZLPo.cjs");require("clsx");require("tailwind-merge");function v(e){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const r=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(l,o,r.get?r:{enumerable:!0,get:()=>e[o]})}}return l.default=e,Object.freeze(l)}const u=v(I),R=u.memo(e=>{const{blockProps:l,inBuilder:o,backgroundImage:r,children:s,tag:n="div",styles:i}=e;let c=s;s||(c=a.jsxRuntimeExports.jsx(g.EmptySlot,{blockProps:{},styles:{},inBuilder:o}));let p={};return r&&(p={backgroundImage:`url(${r})`}),u.createElement(n,{...l,...i,style:p},c)});d.registerChaiBlock(R,{type:"Box",label:"Box",category:"core",group:"basic",props:{styles:t.S({default:""}),tag:t.f({title:"Tag",default:"div",options:[{value:"div",title:"div"},{value:"header",title:"header"},{value:"footer",title:"footer"},{value:"section",title:"section"},{value:"article",title:"article"},{value:"aside",title:"aside"},{value:"main",title:"main"},{value:"nav",title:"nav"},{value:"figure",title:"figure"},{value:"details",title:"details"},{value:"summary",title:"summary"},{value:"dialog",title:"dialog"},{value:"strike",title:"strike"},{value:"caption",title:"caption"},{value:"legend",title:"legend"},{value:"figcaption",title:"figcaption"},{value:"mark",title:"mark"}]}),backgroundImage:t.o({title:"Background Image"})},canAcceptBlock:()=>!0});const L=e=>{const{blockProps:l,styles:o,content:r,level:s="h1",children:n=null}=e;return n?u.createElement(s,{...o,...l},n):u.createElement(s,{...o,...l,dangerouslySetInnerHTML:{__html:r}})};d.registerChaiBlock(L,{type:"Heading",label:"Heading",category:"core",icon:y.HeadingIcon,group:"typography",props:{level:t.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"}]}),styles:t.S({default:"text-3xl"}),content:t.g({title:"Content",default:"Heading goes here"})},canAcceptBlock:e=>e==="Span"||e==="Text"});const T=e=>{const{blockProps:l,styles:o,content:r}=e;return f.isNull(e.children)?u.createElement("div",{...o,...l,dangerouslySetInnerHTML:{__html:r}}):u.createElement("p",{...o,...l},e.children)};d.registerChaiBlock(T,{type:"Paragraph",label:"Paragraph",category:"core",icon:y.TextIcon,group:"typography",props:{styles:t.S({default:""}),content:t.g({title:"Content",default:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere."})},canAcceptBlock:e=>e==="Span"||e==="Link"});const w=e=>{const{blockProps:l,styles:o,content:r,children:s=null,tag:n}=e;return s?u.createElement("span",{...o,...l},s):u.createElement(n||"span",{...o,...l,dangerouslySetInnerHTML:{__html:r}})};d.registerChaiBlock(w,{type:"Span",label:"Span",category:"core",group:"typography",props:{styles:t.S({default:""}),content:t.g({title:"Content",default:"Enter your content"})}});const C=e=>{const{blockProps:l,content:o,styles:r}=e;return a.jsxRuntimeExports.jsx("div",{className:"max-w-full",children:a.jsxRuntimeExports.jsx("div",{...l,...r,dangerouslySetInnerHTML:{__html:o}})})};d.registerChaiBlock(C,{type:"RichText",label:"Rich Text",category:"core",icon:y.CursorTextIcon,group:"typography",props:{styles:t.S({default:""}),content:t.m({title:"Content",default:"<p>This is a rich text block. You can add text, and other content here.</p>"})}});const _=e=>{const{blockProps:l,iconSize:o,icon:r,content:s,iconPos:n,styles:i,children:c}=e,p=r,m=c||a.jsxRuntimeExports.jsxs(a.jsxRuntimeExports.Fragment,{children:[a.jsxRuntimeExports.jsx("span",{children:s}),p&&a.jsxRuntimeExports.jsx("div",{style:{width:o+"px"},className:n+" "+(n==="order-first"?"mr-2":"ml-2")||"",dangerouslySetInnerHTML:{__html:p}})]});return u.createElement("button",{...l,...i,type:"button"},m)};d.registerChaiBlock(_,{type:"Button",label:"Button",category:"core",icon:y.ButtonIcon,group:"basic",props:{content:t.u({title:"Label",default:"Button",multiLingual:!0}),styles:t.S({default:"text-white bg-primary px-4 py-2 rounded-global flex items-center"}),icon:t.T({title:"Icon",default:""}),iconSize:t.c({title:"Icon Size",default:24}),iconPos:t.f({title:"Icon Position",default:"order-last",options:[{title:"Start",value:"order-first"},{title:"End",value:"order-last"}]})}});const P=e=>{const{blockProps:l,link:o,children:r,styles:s,inBuilder:n,content:i}=e;return!r&&f.isEmpty(s==null?void 0:s.className)&&f.isEmpty(i)?a.jsxRuntimeExports.jsx(g.EmptySlot,{blockProps:l,inBuilder:n}):n?r?a.jsxRuntimeExports.jsx("span",{"data-simulate":"a",...l,...s,children:r}):u.createElement("span",{...l,...s,dangerouslySetInnerHTML:{__html:i},"data-simulate":"a"}):r?a.jsxRuntimeExports.jsx("a",{href:o.href||"#/",target:o.target,...l,...s,children:r}):u.createElement("a",{...l,...s,href:o.href||"#",target:o.target||"_self",dangerouslySetInnerHTML:{__html:i}})};d.registerChaiBlock(P,{type:"Link",label:"Link",category:"core",icon:y.Link1Icon,group:"basic",props:{styles:t.S({default:""}),content:t.u({title:"Content",default:""}),link:t.q({title:"Link",default:{type:"page",target:"_self",href:""}})},canAcceptBlock:()=>!0});const N=e=>{const{blockProps:l,children:o,listType:r,styles:s,tag:n,inBuilder:i}=e,c=x.cn(f.get(s,"className",""),r);return!o&&f.isEmpty(s==null?void 0:s.className)?a.jsxRuntimeExports.jsx(g.EmptySlot,{inBuilder:i,blockProps:l,text:"LIST ITEM"}):u.createElement(n||(r==="list-decimal"?"ol":"ul"),{...l,...s,className:c},o)};d.registerChaiBlock(N,{type:"List",label:"List",icon:y.RowsIcon,category:"core",group:"basic",props:{styles:t.S({default:""}),listType:t.f({title:"List type",default:"list-disc",options:[{value:"list-none",title:"None"},{value:"list-disc",title:"Disc"},{value:"list-decimal",title:"Number"}]})},canAcceptBlock:e=>e==="ListItem",blocks:[{_type:"List",_id:"a",listType:"list-none",styles:"#styles:,"},{_type:"ListItem",_id:"b",_parent:"a",styles:"#styles:,",content:"Item 1"},{_type:"ListItem",_id:"c",_parent:"a",styles:"#styles:,",content:"Item 2"},{_type:"ListItem",_id:"d",_parent:"a",styles:"#styles:,",content:"Item 3"}]});const M=e=>{const{blockProps:l,content:o,styles:r,children:s,tag:n}=e;return s?u.createElement(n||"li",{...r,...l},s):u.createElement(n||"li",{...r,...l,dangerouslySetInnerHTML:{__html:o}})};d.registerChaiBlock(M,{type:"ListItem",label:"List Item",icon:y.ColumnsIcon,category:"core",group:"basic",props:{styles:t.S({default:""}),content:t.g({title:"Content",default:"List item"})},canAcceptBlock:()=>!0,canBeNested:e=>e==="List"});const H=e=>{const{blockProps:l,icon:o,styles:r,width:s,inBuilder:n,height:i}=e,c={...r,className:x.cn(r.className,"inline-block c-inline-block",`w-[${s}px]`,`h-[${i}px]`)};return f.isEmpty(o)?a.jsxRuntimeExports.jsx(g.EmptySlot,{blockProps:l,text:"",inBuilder:n,className:"h-8 w-14"}):u.createElement("span",{...l,...c,dangerouslySetInnerHTML:{__html:o}})};d.registerChaiBlock(H,{type:"Icon",label:"Icon",category:"core",icon:y.SketchLogoIcon,group:"media",props:{styles:t.S({default:"text-black"}),icon:t.T({title:"Icon",default:'<svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 16 16"  xmlns="http://www.w3.org/2000/svg"><path d="M8 16c4.418 0 8-3.582 8-8s-3.582-8-8-8-8 3.582-8 8 3.582 8 8 8zM8 1.5c3.59 0 6.5 2.91 6.5 6.5s-2.91 6.5-6.5 6.5-6.5-2.91-6.5-6.5 2.91-6.5 6.5-6.5zM8 9.356c1.812 0 3.535-0.481 5-1.327-0.228 2.788-2.393 4.971-5 4.971s-4.772-2.186-5-4.973c1.465 0.845 3.188 1.329 5 1.329zM4 5.5c0-0.828 0.448-1.5 1-1.5s1 0.672 1 1.5c0 0.828-0.448 1.5-1 1.5s-1-0.672-1-1.5zM10 5.5c0-0.828 0.448-1.5 1-1.5s1 0.672 1 1.5c0 0.828-0.448 1.5-1 1.5s-1-0.672-1-1.5z"></path></svg>'}),width:t.c({title:"Width",default:40}),height:t.c({title:"Height",default:40})}});const U=e=>{const{blockProps:l,image:o,styles:r,alt:s,height:n,width:i}=e;return f.isEmpty(o)?a.jsxRuntimeExports.jsx(g.EmptySlot,{blockProps:l,text:"IMAGE URL",className:"h-36"}):u.createElement("img",{...l,...r,src:o,alt:s,height:n,width:i})};d.registerChaiBlock(U,{type:"Image",label:"Image",category:"core",icon:y.ImageIcon,group:"media",props:{styles:t.S({default:""}),image:t.o({title:"Image",default:"https://fakeimg.pl/400x200?text=Choose&font=bebas"}),alt:t.u({title:"Alt",default:""}),width:t.u({title:"Width",default:""}),height:t.u({title:"Height",default:""})}});const D=e=>{var i;const{blockProps:l,inBuilder:o,styles:r,children:s}=e;let n=null;return!s&&o&&(n=a.jsxRuntimeExports.jsx("div",{className:x.cn("flex flex-col items-center justify-center",(i=e.emptyStyles)==null?void 0:i.className),children:a.jsxRuntimeExports.jsx("div",{className:"h-full w-full rounded-md border-4 border-dashed",children:a.jsxRuntimeExports.jsxs("p",{className:"truncate p-1 text-left text-xs text-gray-400",children:["Slot: ",e.name]})})})),u.createElement("div",{...r,...l,droppable:"yes"},s||n)};d.registerChaiBlock(D,{type:"Slot",label:"Slot",group:"basic",category:"core",hidden:!0,props:{styles:t.S({default:""}),emptyStyles:t.S({default:""})},canAcceptBlock:()=>!0});const B=/^(https?:\/\/)?(www\.)?youtube\.com\/(watch\?v=|embed\/)([a-zA-Z0-9_-]{11})/,j=/^(https?:\/\/)?(www\.)?player.vimeo\.com/,S=/^(https?:\/\/)?(www\.)?dailymotion\.com\/(video|embed\/video)\/([a-zA-Z0-9_-]+)/,q=e=>{if(B.test(e)){const l=e.match(B);return l?`https://www.youtube.com/embed/${l[4]}`:e}if(j.test(e)){const l=e.match(j);return l?`https://player.vimeo.com/video/${l[3]}`:e}if(S.test(e)){const l=e.match(S);return l?`https://www.dailymotion.com/embed/video/${l[4]}`:e}return null},A=u.memo(e=>{const{blockProps:l,inBuilder:o,styles:r,url:s,controls:n}=e,i=f.get(n,"autoPlay",!1),c=f.get(n,"controls",!1),p=i||f.get(n,"muted",!0),m=f.get(n,"loop",!1);if(f.isEmpty(s))return a.jsxRuntimeExports.jsx(g.EmptySlot,{inBuilder:o,blockProps:l,text:"VIDEO URL",className:"h-36"});let b=q(s),h=null;if(b){if(!f.isEmpty(b)){const k=[];k.push(`autoplay=${i?1:0}`),k.push(`controls=${n?1:0}`),k.push(`mute=${p?1:0}&muted=${p?1:0}`),k.push(`loop=${m?1:0}`),b=`${b}?${k.join("&")}`}h=u.createElement("iframe",{...l,className:"absolute inset-0 w-full h-full",src:b,allow:o?"":"autoplay *; fullscreen *",allowFullScreen:!0,frameBorder:0})}else h=u.createElement("video",{...l,className:"absolute inset-0 w-full h-full",src:s,controls:c,muted:p,autoPlay:o?!1:i,loop:m});return a.jsxRuntimeExports.jsx("div",{...f.pick(r,["className"]),children:a.jsxRuntimeExports.jsxs("div",{className:"relative w-full overflow-hidden",style:{paddingBottom:"56.25%"},children:[o?a.jsxRuntimeExports.jsx("div",{...l,...f.omit(r,["className"]),className:"absolute inset-0 z-20 h-full w-full"}):null,h]})})});d.registerChaiBlock(A,{type:"Video",label:"Video",category:"core",icon:y.VideoIcon,group:"media",props:{styles:t.S({default:""}),url:t.u({title:"Video URL",default:"https://www.youtube.com/watch?v=9xwazD5SyVg&ab_channel=MaximilianMustermann"}),controls:t.b({title:"Controls",properties:{autoPlay:t.r({title:"Autoplay",default:!0}),controls:t.r({title:"Show controls",default:!1}),loop:t.r({title:"Loop",default:!1}),muted:t.r({title:"Muted",default:!0})}})}});const F=u.memo(e=>{const{blockProps:l,styles:o,content:r,inBuilder:s}=e;return a.jsxRuntimeExports.jsxs("div",{className:"relative",children:[s?a.jsxRuntimeExports.jsx("div",{...l,...o,className:"absolute z-20 h-full w-full"}):null,u.createElement("div",{...o,dangerouslySetInnerHTML:{__html:r}})]})});d.registerChaiBlock(F,{type:"CustomHTML",label:"Custom HTML",category:"core",icon:y.CodeIcon,group:"advanced",props:{styles:t.S({default:""}),content:t.g({title:"HTML Content",default:"<div><p>HTML Snippet goes here...</p></div>",placeholder:"Enter custom HTML code here"})}});const O=e=>{const{blockProps:l,styles:o}=e;return u.createElement("hr",{...o,...l})};d.registerChaiBlock(O,{type:"Divider",label:"Divider",category:"core",icon:y.DividerHorizontalIcon,group:"basic",props:{styles:t.S({default:"bg-gray-900 h-0.5 py-2 my-1"})}});const z=e=>e.inBuilder?a.jsxRuntimeExports.jsx("span",{className:"inline",...e.blockProps,children:e.content}):`${e.content}`;d.registerChaiBlock(z,{type:"Text",label:"Text",hidden:!0,category:"core",group:"typography",icon:y.SpaceBetweenVerticallyIcon,props:{content:t.g({title:"Content",defaultValue:""})}});const $=e=>{const{blockProps:l,backgroundImage:o,children:r,styles:s}=e;let n={};return o&&(n={backgroundImage:`url(${o})`}),u.createElement("div",{...l,...s,style:n},r)};d.registerChaiBlock($,{type:"Body",label:"Body",category:"core",group:"basic",hidden:!0,props:{styles:t.S({default:"font-body antialiased"}),backgroundImage:t.o({title:"Background Image"})},canAcceptBlock:()=>!0,canDelete:()=>!1,canMove:()=>!1,canDuplicate:()=>!1});const V=e=>{const{blockProps:l,styles:o}=e;return u.createElement("br",{...l,...o})};d.registerChaiBlock(V,{type:"LineBreak",label:"Line Break",category:"core",group:"basic",hidden:!0,icon:y.SpaceBetweenVerticallyIcon,props:{styles:t.S({default:""})}});const E=e=>{const l=(n,i)=>({_id:x.generateUUID(),_parent:n,_type:"TableCell",styles:"#styles:,",content:`${e==="TableHead"?"Table Head":"Table Cell "+i}`}),o=n=>{const i=x.generateUUID(),c={_type:"TableRow",_id:i,styles:"#styles:,border-b"};return n&&(c._parent=n),[c,l(i,"1"),l(i,"2"),l(i,"3")]},r=n=>{const i=x.generateUUID(),c={_id:i,_type:"TableHead",styles:"#styles:,font-medium"};return n&&(c._parent=n),[c,...o(i)]},s=n=>{const i=x.generateUUID(),c={_id:i,_type:"TableBody",styles:"#styles:,"};return n&&(c._parent=n),[c,...o(i),...o(i)]};if(e==="Table"){const n=x.generateUUID();return[{_id:n,_type:"Table",styles:"#styles:,w-full text-left text-gray-500 dark:text-gray-400"},...r(n),...s(n)]}return e==="TableRow"?o():e==="TableHead"?r():e==="TableBody"?s():[]},W=e=>{const{blockProps:l,children:o,styles:r}=e;return o?u.createElement("table",{...l,...r},o):a.jsxRuntimeExports.jsx(g.EmptySlot,{blockProps:l,text:"TABLE HEAD / BODY"})};d.registerChaiBlock(W,{type:"Table",label:"Table",category:"core",group:"table",hidden:!0,icon:y.TableIcon,props:{styles:t.S({default:""})},blocks:E("Table")});const G=e=>{const{blockProps:l,children:o,styles:r}=e;return o?u.createElement("thead",{...l,...r},o):a.jsxRuntimeExports.jsx(g.EmptySlot,{blockProps:l,text:"TABLE ROW"})};d.registerChaiBlock(G,{type:"TableHead",label:"Table Head",category:"core",group:"table",hidden:!0,icon:y.BorderTopIcon,props:{styles:t.S({default:""})},blocks:E("TableHead")});const Y=e=>{const{blockProps:l,children:o,styles:r}=e;return o?u.createElement("tbody",{...l,...r},o):a.jsxRuntimeExports.jsx(g.EmptySlot,{blockProps:l,text:"TABLE ROW"})};d.registerChaiBlock(Y,{type:"TableBody",label:"Table Body",category:"core",group:"table",hidden:!0,icon:y.BorderAllIcon,props:{styles:t.S({default:""})},blocks:E("TableBody")});const X=e=>{const{blockProps:l,children:o,styles:r}=e;return o?u.createElement("tr",{...l,...r},o):a.jsxRuntimeExports.jsx(g.EmptySlot,{blockProps:l,text:"TABLE CELL"})};d.registerChaiBlock(X,{type:"TableRow",label:"Table Row",category:"core",group:"table",hidden:!0,icon:y.ViewHorizontalIcon,props:{styles:t.S({default:"w-full"})},blocks:E("TableRow")});const Z=e=>{const{blockProps:l,children:o,content:r,styles:s}=e;return!o&&f.isEmpty(r)?a.jsxRuntimeExports.jsx(g.EmptySlot,{blockProps:l}):o?u.createElement("td",{...l,...s},o):u.createElement("td",{...l,...s,dangerouslySetInnerHTML:{__html:r}})};d.registerChaiBlock(Z,{type:"TableCell",label:"Table Cell",category:"core",group:"table",hidden:!0,icon:y.DragHandleHorizontalIcon,props:{styles:t.S({default:""}),content:t.m({title:"Content",default:"Table cell item"})}});const J=e=>{const{blockProps:l,errorMessage:o,name:r,_type:s,successMessage:n,action:i,styles:c,children:p}=e;let m=p;p||(m=a.jsxRuntimeExports.jsx(g.EmptySlot,{blockProps:{},text:"FORM FIELDS"}));const b={"x-data":"useForm","x-on:submit.prevent":"post"},h={"x-html":"formResponse",":class":"{'text-red-500': formStatus === 'ERROR', 'text-green-500': formStatus === 'SUCCESS'}"};return a.jsxRuntimeExports.jsxs("form",{...b,"data-error":o,"data-success":n,method:"post",action:i,...l,...c,children:[a.jsxRuntimeExports.jsx("div",{...h}),a.jsxRuntimeExports.jsx("input",{name:"formname",type:"hidden",value:r||s}),m]})};d.registerChaiBlock(J,{type:"Form",label:"Form",category:"core",icon:y.GroupIcon,group:"form",hidden:!0,props:{styles:t.S({default:""}),action:t.u({title:"Submit URL",default:"/api/form/submit"}),errorMessage:t.m({title:"Error Message",default:"Something went wrong. Please try again"}),successMessage:t.m({title:"Success Message",default:"Thank you for your submission."})},canAcceptBlock:()=>!0});const K=e=>{const{blockProps:l,content:o,styles:r,children:s}=e,n={...r,...l};return s?u.createElement("label",n,s):u.createElement("label",{...n,dangerouslySetInnerHTML:{__html:o}})};d.registerChaiBlock(K,{type:"Label",label:"Label",category:"core",icon:y.LetterCaseToggleIcon,group:"form",hidden:!0,props:{styles:t.S({default:""}),content:t.u({title:"Content",default:"Label"})}});const Q=e=>{const{blockProps:l,inBuilder:o,label:r,placeholder:s,styles:n,inputStyles:i,icon:c,iconPos:p}=e,m=x.generateUUID(),b={"x-bind:disabled":"formLoading"};return a.jsxRuntimeExports.jsxs("button",{id:m,...b,...i,...n,...l||{},type:o?"button":"submit",placeholder:s,children:[r,c&&a.jsxRuntimeExports.jsx("span",{className:p,dangerouslySetInnerHTML:{__html:c}})]})};d.registerChaiBlock(Q,{type:"FormButton",label:"Submit Button",category:"core",icon:y.ButtonIcon,group:"form",hidden:!0,props:{label:t.u({title:"Label",default:"Submit"}),styles:t.S({default:"text-white bg-primary disabled:bg-gray-400 px-4 py-2 rounded-global flex items-center gap-x-2"}),icon:t.T({title:"Icon",default:""}),iconPos:t.f({title:"Icon Position",default:"order-last",options:[{title:"Start",value:"order-first"},{title:"End",value:"order-last"}]})}});const ee=e=>{const{blockProps:l,fieldName:o,label:r,styles:s,inputStyles:n,required:i,checked:c,showLabel:p=!0}=e,m=x.generateUUID();return p?a.jsxRuntimeExports.jsxs("div",{...s,...l,children:[a.jsxRuntimeExports.jsx("input",{...n,name:o,id:m,type:"checkbox",required:i,defaultChecked:c}),r&&r!=="Label"&&a.jsxRuntimeExports.jsx("label",{htmlFor:m,children:r})]}):a.jsxRuntimeExports.jsx("input",{id:m,...l,...n,...s,type:"checkbox",required:i,name:o})};d.registerChaiBlock(ee,{type:"Checkbox",label:"Checkbox",category:"core",icon:y.CheckboxIcon,group:"form",hidden:!0,props:{fieldName:t.u({title:"Field Name",default:"checkbox"}),styles:t.S({default:"flex items-center gap-x-2"}),label:t.u({title:"Label",default:"Label"}),checked:t.r({title:"Checked",default:!1}),required:t.r({title:"Required",default:!1})}});const te=e=>{const{blockProps:l,label:o,placeholder:r,styles:s,inputStyles:n,showLabel:i,required:c,inputType:p="text",inBuilder:m,fieldName:b}=e,h=x.generateUUID();return!i||p==="submit"?(p==="submit"&&(l.value=o),a.jsxRuntimeExports.jsx("input",{id:h,name:b,readOnly:m,...l,...n,...s,type:p,placeholder:r,required:c})):a.jsxRuntimeExports.jsxs("div",{...s,...l,children:[i&&a.jsxRuntimeExports.jsx("label",{htmlFor:h,children:o}),a.jsxRuntimeExports.jsx("input",{name:b,readOnly:m,...n,id:h,type:p,placeholder:r,required:c})]})};d.registerChaiBlock(te,{type:"Input",label:"Input",category:"core",icon:y.InputIcon,group:"form",hidden:!0,props:{styles:t.S({default:""}),fieldName:t.u({title:"Field Name",default:"input"}),inputType:t.f({title:"Type",options:f.map(["text","email","password","number","tel","file","hidden","range","submit","color","date","time"],e=>({value:e,title:e})),default:"text"}),value:t.u({title:"Value",default:""}),showLabel:t.r({title:"Show label",default:!0}),inputStyles:t.S({default:"w-full p-1"}),label:t.u({title:"Label",default:"Label"}),placeholder:t.u({title:"Placeholder",default:"Placeholder"}),required:t.r({title:"Required",default:!1})}});const le=e=>{const{blockProps:l,fieldName:o,label:r,styles:s,inputStyles:n,checked:i,required:c,showLabel:p=!0}=e,m=x.generateUUID();return p?a.jsxRuntimeExports.jsxs("div",{...s,...l,children:[a.jsxRuntimeExports.jsx("input",{...n,name:o,id:m,type:"radio",required:c,defaultChecked:i}),r&&a.jsxRuntimeExports.jsx("label",{htmlFor:m,children:r})]}):a.jsxRuntimeExports.jsx("input",{id:m,...l,...n,...s,type:"radio",required:c,checked:i,name:o})};d.registerChaiBlock(le,{type:"Radio",label:"Radio",category:"core",icon:y.RadiobuttonIcon,group:"form",hidden:!0,props:{styles:t.S({default:"flex items-center w-max gap-x-2"}),fieldName:t.u({title:"Field Name",default:"radio"}),label:t.u({title:"Label",default:"Label"}),checked:t.r({title:"Checked",default:!1}),required:t.r({title:"Required",default:!1})}});const oe=e=>{const{blockProps:l,fieldName:o,label:r,placeholder:s,styles:n,inputStyles:i,required:c,showLabel:p,_multiple:m=!1}=e,b=x.generateUUID();return p?a.jsxRuntimeExports.jsxs("div",{...n,children:[p&&a.jsxRuntimeExports.jsx("label",{htmlFor:b,children:r}),a.jsxRuntimeExports.jsxs("select",{...i,id:b,placeholder:s,required:c,multiple:m,name:o,children:[a.jsxRuntimeExports.jsx("option",{value:"",disabled:!0,selected:!0,hidden:!0,children:s}),f.map(e.options,h=>a.jsxRuntimeExports.jsx("option",{selected:f.get(h,"selected",!1),value:h.value,dangerouslySetInnerHTML:{__html:h.label}},h.value))]})]}):a.jsxRuntimeExports.jsxs("select",{id:b,...n,...l,placeholder:s,required:c,multiple:m,name:o,children:[a.jsxRuntimeExports.jsx("option",{value:"",disabled:!0,selected:!0,hidden:!0,children:s}),f.map(e.options,h=>a.jsxRuntimeExports.jsx("option",{selected:f.get(h,"selected",!1),value:h.value,dangerouslySetInnerHTML:{__html:h.label}},h.value))]})};d.registerChaiBlock(oe,{type:"Select",label:"Select",category:"core",icon:y.DropdownMenuIcon,group:"form",hidden:!0,props:{styles:t.S({default:""}),fieldName:t.u({title:"Field Name",default:"select"}),showLabel:t.r({title:"Show label",default:!0}),inputStyles:t.S({default:"w-full p-1"}),label:t.u({title:"Label",default:"Label"}),placeholder:t.u({title:"Placeholder",default:"Placeholder"}),required:t.r({title:"Required",default:!1}),_multiple:t.r({title:"Multiple Choice",default:!1}),options:t.h({title:"Options",itemProperties:{label:t.u({title:"Label",default:""}),value:t.u({title:"Value",default:""})}})}});const re=e=>{const{blockProps:l,fieldName:o,label:r,placeholder:s,styles:n,inputStyles:i,_rows:c,showLabel:p}=e,m=x.generateUUID();return p?a.jsxRuntimeExports.jsxs("div",{...n,...l,children:[p&&a.jsxRuntimeExports.jsx("label",{htmlFor:m,children:r}),a.jsxRuntimeExports.jsx("textarea",{name:o,...i,id:m,placeholder:s,rows:c})]}):a.jsxRuntimeExports.jsx("textarea",{id:m,name:o,...l,...i,...n,placeholder:s,rows:c})};d.registerChaiBlock(re,{type:"TextArea",label:"TextArea",category:"core",icon:y.InputIcon,group:"form",hidden:!0,props:{fieldName:t.u({title:"Field Name",default:"textarea"}),showLabel:t.r({title:"Show label",default:!0}),styles:t.S({default:""}),inputStyles:t.S({default:"w-full p-1"}),label:t.u({title:"Label",default:"Label"}),placeholder:t.u({title:"Placeholder",default:"Placeholder"}),_rows:t.c({title:"Rows",default:3})}});const se=f.noop;exports.loadWebBlocks=se;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("lodash-es"),a=require("./jsx-runtime-Z_BpKhVy.cjs"),I=require("react"),t=require("./controls-KK2oLIa8.cjs"),d=require("@chaibuilder/runtime"),g=require("./empty-slot-nzYOgZuS.cjs"),y=require("@radix-ui/react-icons"),x=require("./Functions-N3yhPYKY.cjs");require("./_commonjsHelpers-wDK0ZLPo.cjs");require("clsx");require("tailwind-merge");function v(e){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const s=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(l,o,s.get?s:{enumerable:!0,get:()=>e[o]})}}return l.default=e,Object.freeze(l)}const u=v(I),R=u.memo(e=>{const{blockProps:l,inBuilder:o,backgroundImage:s,children:r,tag:n="div",styles:i}=e;let c=r;r||(c=a.jsxRuntimeExports.jsx(g.EmptySlot,{blockProps:{},styles:{},inBuilder:o}));let p={};return s&&(p={backgroundImage:`url(${s})`}),u.createElement(n,{...l,...i,style:p},c)});d.registerChaiBlock(R,{type:"Box",label:"Box",category:"core",group:"basic",props:{styles:t.S({default:""}),tag:t.s({title:"Tag",default:"div",options:[{value:"div",title:"div"},{value:"header",title:"header"},{value:"footer",title:"footer"},{value:"section",title:"section"},{value:"article",title:"article"},{value:"aside",title:"aside"},{value:"main",title:"main"},{value:"nav",title:"nav"},{value:"figure",title:"figure"},{value:"details",title:"details"},{value:"summary",title:"summary"},{value:"dialog",title:"dialog"},{value:"strike",title:"strike"},{value:"caption",title:"caption"},{value:"legend",title:"legend"},{value:"figcaption",title:"figcaption"},{value:"mark",title:"mark"}]}),backgroundImage:t.o({title:"Background Image"})},canAcceptBlock:()=>!0});const L=e=>{const{blockProps:l,styles:o,content:s,level:r="h1",children:n=null}=e;return n?u.createElement(r,{...o,...l},n):u.createElement(r,{...o,...l,dangerouslySetInnerHTML:{__html:s}})};d.registerChaiBlock(L,{type:"Heading",label:"Heading",category:"core",icon:y.HeadingIcon,group:"typography",props:{level:t.s({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"}]}),styles:t.S({default:"text-3xl"}),content:t.g({title:"Content",default:"Heading goes here"})},canAcceptBlock:e=>e==="Span"||e==="Text"});const T=e=>{const{blockProps:l,styles:o,content:s}=e;return h.isNull(e.children)?u.createElement("div",{...o,...l,dangerouslySetInnerHTML:{__html:s}}):u.createElement("p",{...o,...l},e.children)};d.registerChaiBlock(T,{type:"Paragraph",label:"Paragraph",category:"core",icon:y.TextIcon,group:"typography",props:{styles:t.S({default:""}),content:t.g({title:"Content",default:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere."})},canAcceptBlock:e=>e==="Span"||e==="Link"});const w=e=>{const{blockProps:l,styles:o,content:s,children:r=null,tag:n}=e;return r?u.createElement("span",{...o,...l},r):u.createElement(n||"span",{...o,...l,dangerouslySetInnerHTML:{__html:s}})};d.registerChaiBlock(w,{type:"Span",label:"Span",category:"core",group:"typography",props:{styles:t.S({default:""}),content:t.g({title:"Content",default:"Enter your content"})}});const C=e=>{const{blockProps:l,content:o,styles:s}=e;return a.jsxRuntimeExports.jsx("div",{className:"max-w-full",children:a.jsxRuntimeExports.jsx("div",{...l,...s,dangerouslySetInnerHTML:{__html:o}})})};d.registerChaiBlock(C,{type:"RichText",label:"Rich Text",category:"core",icon:y.CursorTextIcon,group:"typography",props:{styles:t.S({default:""}),content:t.m({title:"Content",default:"<p>This is a rich text block. You can add text, and other content here.</p>"})}});const _=e=>{const{blockProps:l,iconSize:o,icon:s,content:r,iconPos:n,styles:i,children:c}=e,p=s,m=c||a.jsxRuntimeExports.jsxs(a.jsxRuntimeExports.Fragment,{children:[a.jsxRuntimeExports.jsx("span",{children:r}),p&&a.jsxRuntimeExports.jsx("div",{style:{width:o+"px"},className:n+" "+(n==="order-first"?"mr-2":"ml-2")||"",dangerouslySetInnerHTML:{__html:p}})]});return u.createElement("button",{...l,...i,type:"button"},m)};d.registerChaiBlock(_,{type:"Button",label:"Button",category:"core",icon:y.ButtonIcon,group:"basic",props:{content:t.u({title:"Label",default:"Button",multiLingual:!0}),styles:t.S({default:"text-white bg-primary px-4 py-2 rounded-global flex items-center"}),icon:t.T({title:"Icon",default:""}),iconSize:t.c({title:"Icon Size",default:24}),iconPos:t.s({title:"Icon Position",default:"order-last",options:[{title:"Start",value:"order-first"},{title:"End",value:"order-last"}]})}});const P=e=>{const{blockProps:l,link:o,children:s,styles:r,inBuilder:n,content:i}=e;return!s&&h.isEmpty(r==null?void 0:r.className)&&h.isEmpty(i)?a.jsxRuntimeExports.jsx(g.EmptySlot,{blockProps:l,inBuilder:n}):n?s?a.jsxRuntimeExports.jsx("span",{"data-simulate":"a",...l,...r,children:s}):u.createElement("span",{...l,...r,dangerouslySetInnerHTML:{__html:i},"data-simulate":"a"}):s?a.jsxRuntimeExports.jsx("a",{href:o.href||"#/",target:o.target,...l,...r,children:s}):u.createElement("a",{...l,...r,href:o.href||"#",target:o.target||"_self",dangerouslySetInnerHTML:{__html:i}})};d.registerChaiBlock(P,{type:"Link",label:"Link",category:"core",icon:y.Link1Icon,group:"basic",props:{styles:t.S({default:""}),content:t.u({title:"Content",default:""}),link:t.q({title:"Link",default:{type:"page",target:"_self",href:""}})},canAcceptBlock:()=>!0});const N=e=>{const{blockProps:l,children:o,listType:s,styles:r,tag:n,inBuilder:i}=e,c=x.cn(h.get(r,"className",""),s);return!o&&h.isEmpty(r==null?void 0:r.className)?a.jsxRuntimeExports.jsx(g.EmptySlot,{inBuilder:i,blockProps:l,text:"LIST ITEM"}):u.createElement(n||(s==="list-decimal"?"ol":"ul"),{...l,...r,className:c},o)};d.registerChaiBlock(N,{type:"List",label:"List",icon:y.RowsIcon,category:"core",group:"basic",props:{styles:t.S({default:""}),listType:t.s({title:"List type",default:"list-disc",options:[{value:"list-none",title:"None"},{value:"list-disc",title:"Disc"},{value:"list-decimal",title:"Number"}]})},canAcceptBlock:e=>e==="ListItem",blocks:[{_type:"List",_id:"a",listType:"list-none",styles:"#styles:,"},{_type:"ListItem",_id:"b",_parent:"a",styles:"#styles:,",content:"Item 1"},{_type:"ListItem",_id:"c",_parent:"a",styles:"#styles:,",content:"Item 2"},{_type:"ListItem",_id:"d",_parent:"a",styles:"#styles:,",content:"Item 3"}]});const M=e=>{const{blockProps:l,content:o,styles:s,children:r,tag:n}=e;return r?u.createElement(n||"li",{...s,...l},r):u.createElement(n||"li",{...s,...l,dangerouslySetInnerHTML:{__html:o}})};d.registerChaiBlock(M,{type:"ListItem",label:"List Item",icon:y.ColumnsIcon,category:"core",group:"basic",props:{styles:t.S({default:""}),content:t.g({title:"Content",default:"List item"})},canAcceptBlock:()=>!0,canBeNested:e=>e==="List"});const H=e=>{const{blockProps:l,icon:o,styles:s,width:r,inBuilder:n,height:i}=e,c={...s,className:x.cn(s.className,"inline-block c-inline-block",`w-[${r}px]`,`h-[${i}px]`)};return h.isEmpty(o)?a.jsxRuntimeExports.jsx(g.EmptySlot,{blockProps:l,text:"",inBuilder:n,className:"h-8 w-14"}):u.createElement("span",{...l,...c,dangerouslySetInnerHTML:{__html:o}})};d.registerChaiBlock(H,{type:"Icon",label:"Icon",category:"core",icon:y.SketchLogoIcon,group:"media",props:{styles:t.S({default:"text-black"}),icon:t.T({title:"Icon",default:'<svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 16 16"  xmlns="http://www.w3.org/2000/svg"><path d="M8 16c4.418 0 8-3.582 8-8s-3.582-8-8-8-8 3.582-8 8 3.582 8 8 8zM8 1.5c3.59 0 6.5 2.91 6.5 6.5s-2.91 6.5-6.5 6.5-6.5-2.91-6.5-6.5 2.91-6.5 6.5-6.5zM8 9.356c1.812 0 3.535-0.481 5-1.327-0.228 2.788-2.393 4.971-5 4.971s-4.772-2.186-5-4.973c1.465 0.845 3.188 1.329 5 1.329zM4 5.5c0-0.828 0.448-1.5 1-1.5s1 0.672 1 1.5c0 0.828-0.448 1.5-1 1.5s-1-0.672-1-1.5zM10 5.5c0-0.828 0.448-1.5 1-1.5s1 0.672 1 1.5c0 0.828-0.448 1.5-1 1.5s-1-0.672-1-1.5z"></path></svg>'}),width:t.c({title:"Width",default:40}),height:t.c({title:"Height",default:40})}});const U=e=>{const{blockProps:l,image:o,styles:s,alt:r,height:n,width:i}=e;return h.isEmpty(o)?a.jsxRuntimeExports.jsx(g.EmptySlot,{blockProps:l,text:"IMAGE URL",className:"h-36"}):u.createElement("img",{...l,...s,src:o,alt:r,height:n,width:i})};d.registerChaiBlock(U,{type:"Image",label:"Image",category:"core",icon:y.ImageIcon,group:"media",props:{styles:t.S({default:""}),image:t.o({title:"Image",default:"https://fakeimg.pl/400x200?text=Choose&font=bebas"}),alt:t.u({title:"Alt",default:""}),width:t.u({title:"Width",default:""}),height:t.u({title:"Height",default:""})}});const D=e=>{var i;const{blockProps:l,inBuilder:o,styles:s,children:r}=e;let n=null;return!r&&o&&(n=a.jsxRuntimeExports.jsx("div",{className:x.cn("flex flex-col items-center justify-center",(i=e.emptyStyles)==null?void 0:i.className),children:a.jsxRuntimeExports.jsx("div",{className:"h-full w-full rounded-md border-4 border-dashed",children:a.jsxRuntimeExports.jsxs("p",{className:"truncate p-1 text-left text-xs text-gray-400",children:["Slot: ",e.name]})})})),u.createElement("div",{...s,...l,droppable:"yes"},r||n)};d.registerChaiBlock(D,{type:"Slot",label:"Slot",group:"basic",category:"core",hidden:!0,props:{styles:t.S({default:""}),emptyStyles:t.S({default:""})},canAcceptBlock:()=>!0});const B=/^(https?:\/\/)?(www\.)?youtube\.com\/(watch\?v=|embed\/)([a-zA-Z0-9_-]{11})/,j=/^(https?:\/\/)?(www\.)?player.vimeo\.com/,S=/^(https?:\/\/)?(www\.)?dailymotion\.com\/(video|embed\/video)\/([a-zA-Z0-9_-]+)/,q=e=>{if(B.test(e)){const l=e.match(B);return l?`https://www.youtube.com/embed/${l[4]}`:e}if(j.test(e)){const l=e.match(j);return l?`https://player.vimeo.com/video/${l[3]}`:e}if(S.test(e)){const l=e.match(S);return l?`https://www.dailymotion.com/embed/video/${l[4]}`:e}return null},A=u.memo(e=>{const{blockProps:l,inBuilder:o,styles:s,url:r,controls:n}=e,i=h.get(n,"autoPlay",!1),c=h.get(n,"controls",!1),p=i||h.get(n,"muted",!0),m=h.get(n,"loop",!1);if(h.isEmpty(r))return a.jsxRuntimeExports.jsx(g.EmptySlot,{inBuilder:o,blockProps:l,text:"VIDEO URL",className:"h-36"});let b=q(r),f=null;if(b){if(!h.isEmpty(b)){const k=[];k.push(`autoplay=${i?1:0}`),k.push(`controls=${n?1:0}`),k.push(`mute=${p?1:0}&muted=${p?1:0}`),k.push(`loop=${m?1:0}`),b=`${b}?${k.join("&")}`}f=u.createElement("iframe",{...l,className:"absolute inset-0 w-full h-full",src:b,allow:o?"":"autoplay *; fullscreen *",allowFullScreen:!0,frameBorder:0})}else f=u.createElement("video",{...l,className:"absolute inset-0 w-full h-full",src:r,controls:c,muted:p,autoPlay:o?!1:i,loop:m});return a.jsxRuntimeExports.jsx("div",{...h.pick(s,["className"]),children:a.jsxRuntimeExports.jsxs("div",{className:"relative w-full overflow-hidden",style:{paddingBottom:"56.25%"},children:[o?a.jsxRuntimeExports.jsx("div",{...l,...h.omit(s,["className"]),className:"absolute inset-0 z-20 h-full w-full"}):null,f]})})});d.registerChaiBlock(A,{type:"Video",label:"Video",category:"core",icon:y.VideoIcon,group:"media",props:{styles:t.S({default:""}),url:t.u({title:"Video URL",default:"https://www.youtube.com/watch?v=9xwazD5SyVg&ab_channel=MaximilianMustermann"}),controls:t.b({title:"Controls",properties:{autoPlay:t.r({title:"Autoplay",default:!0}),controls:t.r({title:"Show controls",default:!1}),loop:t.r({title:"Loop",default:!1}),muted:t.r({title:"Muted",default:!0})}})}});const F=u.memo(e=>{const{blockProps:l,styles:o,content:s,inBuilder:r}=e;return a.jsxRuntimeExports.jsxs("div",{className:"relative",children:[r?a.jsxRuntimeExports.jsx("div",{...l,...o,className:"absolute z-20 h-full w-full"}):null,u.createElement("div",{...o,dangerouslySetInnerHTML:{__html:s}})]})});d.registerChaiBlock(F,{type:"CustomHTML",label:"Custom HTML",category:"core",icon:y.CodeIcon,group:"advanced",props:{styles:t.S({default:""}),content:t.g({title:"HTML Content",default:"<div><p>HTML Snippet goes here...</p></div>",placeholder:"Enter custom HTML code here"})}});const O=e=>{const{blockProps:l,styles:o}=e;return u.createElement("hr",{...o,...l})};d.registerChaiBlock(O,{type:"Divider",label:"Divider",category:"core",icon:y.DividerHorizontalIcon,group:"basic",props:{styles:t.S({default:"bg-gray-900 h-0.5 py-2 my-1"})}});const z=e=>e.inBuilder?a.jsxRuntimeExports.jsx("span",{className:"inline",...e.blockProps,children:e.content}):`${e.content}`;d.registerChaiBlock(z,{type:"Text",label:"Text",hidden:!0,category:"core",group:"typography",icon:y.SpaceBetweenVerticallyIcon,props:{content:t.g({title:"Content",defaultValue:""})}});const $=e=>{const{blockProps:l,backgroundImage:o,children:s,styles:r}=e;let n={};return o&&(n={backgroundImage:`url(${o})`}),u.createElement("div",{...l,...r,style:n},s)};d.registerChaiBlock($,{type:"Body",label:"Body",category:"core",group:"basic",hidden:!0,props:{styles:t.S({default:"font-body antialiased"}),backgroundImage:t.o({title:"Background Image"})},canAcceptBlock:()=>!0,canDelete:()=>!1,canMove:()=>!1,canDuplicate:()=>!1});const V=e=>{const{blockProps:l,styles:o}=e;return u.createElement("br",{...l,...o})};d.registerChaiBlock(V,{type:"LineBreak",label:"Line Break",category:"core",group:"basic",hidden:!0,icon:y.SpaceBetweenVerticallyIcon,props:{styles:t.S({default:""})}});const E=e=>{const l=(n,i)=>({_id:x.generateUUID(),_parent:n,_type:"TableCell",styles:"#styles:,",content:`${e==="TableHead"?"Table Head":"Table Cell "+i}`}),o=n=>{const i=x.generateUUID(),c={_type:"TableRow",_id:i,styles:"#styles:,border-b"};return n&&(c._parent=n),[c,l(i,"1"),l(i,"2"),l(i,"3")]},s=n=>{const i=x.generateUUID(),c={_id:i,_type:"TableHead",styles:"#styles:,font-medium"};return n&&(c._parent=n),[c,...o(i)]},r=n=>{const i=x.generateUUID(),c={_id:i,_type:"TableBody",styles:"#styles:,"};return n&&(c._parent=n),[c,...o(i),...o(i)]};if(e==="Table"){const n=x.generateUUID();return[{_id:n,_type:"Table",styles:"#styles:,w-full text-left text-gray-500 dark:text-gray-400"},...s(n),...r(n)]}return e==="TableRow"?o():e==="TableHead"?s():e==="TableBody"?r():[]},W=e=>{const{blockProps:l,children:o,styles:s}=e;return o?u.createElement("table",{...l,...s},o):a.jsxRuntimeExports.jsx(g.EmptySlot,{blockProps:l,text:"TABLE HEAD / BODY"})};d.registerChaiBlock(W,{type:"Table",label:"Table",category:"core",group:"table",hidden:!0,icon:y.TableIcon,props:{styles:t.S({default:""})},blocks:E("Table")});const G=e=>{const{blockProps:l,children:o,styles:s}=e;return o?u.createElement("thead",{...l,...s},o):a.jsxRuntimeExports.jsx(g.EmptySlot,{blockProps:l,text:"TABLE ROW"})};d.registerChaiBlock(G,{type:"TableHead",label:"Table Head",category:"core",group:"table",hidden:!0,icon:y.BorderTopIcon,props:{styles:t.S({default:""})},blocks:E("TableHead")});const Y=e=>{const{blockProps:l,children:o,styles:s}=e;return o?u.createElement("tbody",{...l,...s},o):a.jsxRuntimeExports.jsx(g.EmptySlot,{blockProps:l,text:"TABLE ROW"})};d.registerChaiBlock(Y,{type:"TableBody",label:"Table Body",category:"core",group:"table",hidden:!0,icon:y.BorderAllIcon,props:{styles:t.S({default:""})},blocks:E("TableBody")});const X=e=>{const{blockProps:l,children:o,styles:s}=e;return o?u.createElement("tr",{...l,...s},o):a.jsxRuntimeExports.jsx(g.EmptySlot,{blockProps:l,text:"TABLE CELL"})};d.registerChaiBlock(X,{type:"TableRow",label:"Table Row",category:"core",group:"table",hidden:!0,icon:y.ViewHorizontalIcon,props:{styles:t.S({default:"w-full"})},blocks:E("TableRow")});const Z=e=>{const{blockProps:l,children:o,content:s,styles:r}=e;return!o&&h.isEmpty(s)?a.jsxRuntimeExports.jsx(g.EmptySlot,{blockProps:l}):o?u.createElement("td",{...l,...r},o):u.createElement("td",{...l,...r,dangerouslySetInnerHTML:{__html:s}})};d.registerChaiBlock(Z,{type:"TableCell",label:"Table Cell",category:"core",group:"table",hidden:!0,icon:y.DragHandleHorizontalIcon,props:{styles:t.S({default:""}),content:t.m({title:"Content",default:"Table cell item"})}});const J=e=>{const{blockProps:l,errorMessage:o,name:s,_type:r,successMessage:n,action:i,styles:c,children:p}=e;let m=p;p||(m=a.jsxRuntimeExports.jsx(g.EmptySlot,{blockProps:{},text:"FORM FIELDS"}));const b={"x-data":"useForm","x-on:submit.prevent":"post"},f={"x-html":"formResponse",":class":"{'text-red-500': formStatus === 'ERROR', 'text-green-500': formStatus === 'SUCCESS'}"};return a.jsxRuntimeExports.jsxs("form",{...b,"data-error":o,"data-success":n,method:"post",action:i,...l,...c,children:[a.jsxRuntimeExports.jsx("div",{...f}),a.jsxRuntimeExports.jsx("input",{name:"formname",type:"hidden",value:s||r}),m]})};d.registerChaiBlock(J,{type:"Form",label:"Form",category:"core",icon:y.GroupIcon,group:"form",hidden:!0,props:{styles:t.S({default:""}),action:t.u({title:"Submit URL",default:"/api/form/submit"}),errorMessage:t.m({title:"Error Message",default:"Something went wrong. Please try again"}),successMessage:t.m({title:"Success Message",default:"Thank you for your submission."})},canAcceptBlock:()=>!0});const K=e=>{const{blockProps:l,content:o,styles:s,children:r}=e,n={...s,...l};return r?u.createElement("label",n,r):u.createElement("label",{...n,dangerouslySetInnerHTML:{__html:o}})};d.registerChaiBlock(K,{type:"Label",label:"Label",category:"core",icon:y.LetterCaseToggleIcon,group:"form",hidden:!0,props:{styles:t.S({default:""}),content:t.u({title:"Content",default:"Label"})}});const Q=e=>{const{blockProps:l,inBuilder:o,label:s,placeholder:r,styles:n,inputStyles:i,icon:c,iconPos:p}=e,m=x.generateUUID(),b={"x-bind:disabled":"formLoading"};return a.jsxRuntimeExports.jsxs("button",{id:m,...b,...i,...n,...l||{},type:o?"button":"submit",placeholder:r,children:[s,c&&a.jsxRuntimeExports.jsx("span",{className:p,dangerouslySetInnerHTML:{__html:c}})]})};d.registerChaiBlock(Q,{type:"FormButton",label:"Submit Button",category:"core",icon:y.ButtonIcon,group:"form",hidden:!0,props:{label:t.u({title:"Label",default:"Submit"}),styles:t.S({default:"text-white bg-primary disabled:bg-gray-400 px-4 py-2 rounded-global flex items-center gap-x-2"}),icon:t.T({title:"Icon",default:""}),iconPos:t.s({title:"Icon Position",default:"order-last",options:[{title:"Start",value:"order-first"},{title:"End",value:"order-last"}]})}});const ee=e=>{const{blockProps:l,fieldName:o,label:s,styles:r,inputStyles:n,required:i,checked:c,showLabel:p=!0}=e,m=x.generateUUID();return p?a.jsxRuntimeExports.jsxs("div",{...r,...l,children:[a.jsxRuntimeExports.jsx("input",{...n,name:o,id:m,type:"checkbox",required:i,defaultChecked:c}),s&&s!=="Label"&&a.jsxRuntimeExports.jsx("label",{htmlFor:m,children:s})]}):a.jsxRuntimeExports.jsx("input",{id:m,...l,...n,...r,type:"checkbox",required:i,name:o})};d.registerChaiBlock(ee,{type:"Checkbox",label:"Checkbox",category:"core",icon:y.CheckboxIcon,group:"form",hidden:!0,props:{fieldName:t.u({title:"Field Name",default:"checkbox"}),styles:t.S({default:"flex items-center gap-x-2"}),label:t.u({title:"Label",default:"Label"}),checked:t.r({title:"Checked",default:!1}),required:t.r({title:"Required",default:!1})}});const te=e=>{const{blockProps:l,label:o,placeholder:s,styles:r,inputStyles:n,showLabel:i,required:c,inputType:p="text",inBuilder:m,fieldName:b}=e,f=x.generateUUID();return!i||p==="submit"?(p==="submit"&&(l.value=o),a.jsxRuntimeExports.jsx("input",{id:f,name:b,readOnly:m,...l,...n,...r,type:p,placeholder:s,required:c})):a.jsxRuntimeExports.jsxs("div",{...r,...l,children:[i&&a.jsxRuntimeExports.jsx("label",{htmlFor:f,children:o}),a.jsxRuntimeExports.jsx("input",{name:b,readOnly:m,...n,id:f,type:p,placeholder:s,required:c})]})};d.registerChaiBlock(te,{type:"Input",label:"Input",category:"core",icon:y.InputIcon,group:"form",hidden:!0,props:{styles:t.S({default:""}),fieldName:t.u({title:"Field Name",default:"input"}),inputType:t.s({title:"Type",options:h.map(["text","email","password","number","tel","file","hidden","range","submit","color","date","time"],e=>({value:e,title:e})),default:"text"}),value:t.u({title:"Value",default:""}),showLabel:t.r({title:"Show label",default:!0}),inputStyles:t.S({default:"w-full p-1"}),label:t.u({title:"Label",default:"Label"}),placeholder:t.u({title:"Placeholder",default:"Placeholder"}),required:t.r({title:"Required",default:!1})}});const le=e=>{const{blockProps:l,fieldName:o,label:s,styles:r,inputStyles:n,checked:i,required:c,showLabel:p=!0}=e,m=x.generateUUID();return p?a.jsxRuntimeExports.jsxs("div",{...r,...l,children:[a.jsxRuntimeExports.jsx("input",{...n,name:o,id:m,type:"radio",required:c,defaultChecked:i}),s&&a.jsxRuntimeExports.jsx("label",{htmlFor:m,children:s})]}):a.jsxRuntimeExports.jsx("input",{id:m,...l,...n,...r,type:"radio",required:c,checked:i,name:o})};d.registerChaiBlock(le,{type:"Radio",label:"Radio",category:"core",icon:y.RadiobuttonIcon,group:"form",hidden:!0,props:{styles:t.S({default:"flex items-center w-max gap-x-2"}),fieldName:t.u({title:"Field Name",default:"radio"}),label:t.u({title:"Label",default:"Label"}),checked:t.r({title:"Checked",default:!1}),required:t.r({title:"Required",default:!1})}});const oe=e=>{const{blockProps:l,fieldName:o,label:s,placeholder:r,styles:n,inputStyles:i,required:c,showLabel:p,_multiple:m=!1}=e,b=x.generateUUID();return p?a.jsxRuntimeExports.jsxs("div",{...n,children:[p&&a.jsxRuntimeExports.jsx("label",{htmlFor:b,children:s}),a.jsxRuntimeExports.jsxs("select",{...i,id:b,placeholder:r,required:c,multiple:m,name:o,children:[a.jsxRuntimeExports.jsx("option",{value:"",disabled:!0,selected:!0,hidden:!0,children:r}),h.map(e.options,f=>a.jsxRuntimeExports.jsx("option",{selected:h.get(f,"selected",!1),value:f.value,dangerouslySetInnerHTML:{__html:f.label}},f.value))]})]}):a.jsxRuntimeExports.jsxs("select",{id:b,...n,...l,placeholder:r,required:c,multiple:m,name:o,children:[a.jsxRuntimeExports.jsx("option",{value:"",disabled:!0,selected:!0,hidden:!0,children:r}),h.map(e.options,f=>a.jsxRuntimeExports.jsx("option",{selected:h.get(f,"selected",!1),value:f.value,dangerouslySetInnerHTML:{__html:f.label}},f.value))]})};d.registerChaiBlock(oe,{type:"Select",label:"Select",category:"core",icon:y.DropdownMenuIcon,group:"form",hidden:!0,props:{styles:t.S({default:""}),fieldName:t.u({title:"Field Name",default:"select"}),showLabel:t.r({title:"Show label",default:!0}),inputStyles:t.S({default:"w-full p-1"}),label:t.u({title:"Label",default:"Label"}),placeholder:t.u({title:"Placeholder",default:"Placeholder"}),required:t.r({title:"Required",default:!1}),_multiple:t.r({title:"Multiple Choice",default:!1}),options:t.h({title:"Options",itemProperties:{label:t.u({title:"Label",default:""}),value:t.u({title:"Value",default:""})}})}});const se=e=>{const{blockProps:l,fieldName:o,label:s,placeholder:r,styles:n,inputStyles:i,_rows:c,showLabel:p}=e,m=x.generateUUID();return p?a.jsxRuntimeExports.jsxs("div",{...n,...l,children:[p&&a.jsxRuntimeExports.jsx("label",{htmlFor:m,children:s}),a.jsxRuntimeExports.jsx("textarea",{name:o,...i,id:m,placeholder:r,rows:c})]}):a.jsxRuntimeExports.jsx("textarea",{id:m,name:o,...l,...i,...n,placeholder:r,rows:c})};d.registerChaiBlock(se,{type:"TextArea",label:"TextArea",category:"core",icon:y.InputIcon,group:"form",hidden:!0,props:{fieldName:t.u({title:"Field Name",default:"textarea"}),showLabel:t.r({title:"Show label",default:!0}),styles:t.S({default:""}),inputStyles:t.S({default:"w-full p-1"}),label:t.u({title:"Label",default:"Label"}),placeholder:t.u({title:"Placeholder",default:"Placeholder"}),_rows:t.c({title:"Rows",default:3})}});const re=h.noop;exports.loadWebBlocks=re;

package/dist/web-blocks.js

@@ -1,7 +1,7 @@
 import { isNull as F, isEmpty as k, get as v, pick as D, omit as $, map as _, noop as q } from "lodash-es";
 import { j as s } from "./jsx-runtime-WbnYoNE9.js";
 import * as d from "react";
-import { S as c, f as I, o as j, g as B, m as T, u as f, T as E, c as w, q as z, b as O, r as h, h as V } from "./controls-XPXGHKht.js";
+import { S as c, s as I, o as j, g as B, m as T, u as f, T as E, c as w, q as z, b as O, r as h, h as V } from "./controls-OfJWSEqC.js";
 import { registerChaiBlock as u } from "@chaibuilder/runtime";
 import { E as g } from "./empty-slot-ZBlsQi6m.js";
 import { HeadingIcon as U, TextIcon as G, CursorTextIcon as W, ButtonIcon as H, Link1Icon as Y, RowsIcon as X, ColumnsIcon as Z, SketchLogoIcon as J, ImageIcon as K, VideoIcon as Q, CodeIcon as ee, DividerHorizontalIcon as te, SpaceBetweenVerticallyIcon as R, TableIcon as le, BorderTopIcon as oe, BorderAllIcon as ae, ViewHorizontalIcon as re, DragHandleHorizontalIcon as se, GroupIcon as ne, LetterCaseToggleIcon as ie, CheckboxIcon as ce, InputIcon as A, RadiobuttonIcon as de, DropdownMenuIcon as ue } from "@radix-ui/react-icons";

package/package.json

@@ -5,7 +5,7 @@
   "author": "Suraj Air",
   "license": "BSD-3-Clause",
   "homepage": "https://chaibuilder.com",
-  "version": "1.2.18",
+  "version": "1.2.20",
   "type": "module",
   "repository": {
     "type": "git",
@@ -89,7 +89,7 @@
   },
   "dependencies": {
     "@bobthered/tailwindcss-palette-generator": "3.1.1",
-    "@chaibuilder/runtime": "0.2.3",
+    "@chaibuilder/runtime": "0.2.5",
     "@floating-ui/dom": "1.4.5",
     "@floating-ui/react-dom": "2.0.1",
     "@mhsdesign/jit-browser-tailwindcss": "0.4.0",
@@ -128,14 +128,8 @@
     "class-variance-authority": "0.6.1",
     "clsx": "1.2.1",
     "cmdk": "0.2.0",
-    "date-fns": "^2.30.0",
     "flagged": "2.0.9",
-    "flat-to-nested": "1.1.1",
-    "focus-trap-react": "^10.2.1",
-    "forgiving-xml-parser": "1.4.0",
-    "framer-motion": "^10.12.18",
     "fuse.js": "6.6.2",
-    "gray-matter": "^4.0.3",
     "himalaya": "^1.1.0",
     "html-formatter": "0.1.9",
     "i18next": "^23.2.8",
@@ -143,9 +137,8 @@
     "lodash": "^4.17.21",
     "lodash-es": "4.17.21",
     "lucide-react": "^0.244.0",
-    "nanoid": "^4.0.2",
-    "post-robot": "10.0.46",
     "react": "^18",
+    "react-arborist": "^3.4.0",
     "react-autosuggest": "10.1.0",
     "react-colorful": "5.6.1",
     "react-dnd": "16.0.1",
@@ -158,14 +151,11 @@
     "react-icons-picker": "^1.0.9",
     "react-json-view-lite": "^1.4.0",
     "react-quill": "^2.0.0",
-    "react-textarea-autosize": "^8.5.2",
     "react-wrap-balancer": "^1.0.0",
-    "redux-undo": "1.1.0",
     "sonner": "^1.2.0",
-    "tailwind-merge": "1.13.2",
+    "tailwind-merge": "2.3.0",
     "tippy.js": "^6.3.7",
     "undo-manager": "^1.1.1",
-    "unist-util-visit": "^4.1.2",
     "unsplash-js": "^7.0.18"
   },
   "devDependencies": {

package/dist/AddBlocks-5Q5w5lPJ.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-Z_BpKhVy.cjs"),c=require("react"),t=require("lodash-es"),E=require("jotai"),v=require("react-i18next"),s=require("./index-T3wfa1kz.cjs"),B=require("@radix-ui/react-icons"),R=require("@chaibuilder/runtime"),q=require("flagged"),g=require("./MODIFIERS-9EwxLM8V.cjs"),k=require("lucide-react"),y=require("react-dnd"),N=require("./html-to-json-FGufPv9R.cjs");require("./_commonjsHelpers-wDK0ZLPo.cjs");require("./Functions-N3yhPYKY.cjs");require("clsx");require("tailwind-merge");require("flat-to-nested");require("@react-hookz/web");require("@radix-ui/react-toggle");require("class-variance-authority");require("./Class-MmCxz2Ay.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("himalaya");const A=({block:r})=>{const{type:n,icon:d,label:a}=r,{addCoreBlock:m,addPredefinedBlock:u}=s.useAddBlock(),[x,o]=s.useSelectedBlockIds(),[,f]=s.useHighlightBlockId(),[,j]=E.useAtom(s.activePanelAtom),l=()=>{t.has(r,"blocks")?u(R.syncBlocksWithDefaults(r.blocks),t.first(x)):m(r,t.first(x)),j(g.OUTLINE_KEY)},i=q.useFeature("dnd");return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsxs(s.Tooltip,{children:[e.jsxRuntimeExports.jsx(s.TooltipTrigger,{asChild:!0,children:e.jsxRuntimeExports.jsxs("button",{onClick:l,type:"button",onDragStart:h=>{h.dataTransfer.setData("text/plain",JSON.stringify(t.omit(r,["component","icon"]))),setTimeout(()=>{o([]),f(null),j(g.OUTLINE_KEY)},200)},draggable:i?"true":"false",className:"space-y-2 rounded-lg border border-border p-3 text-center hover:bg-slate-300/50 "+(i?"cursor-grab":"cursor-pointer"),children:[c.createElement(d||B.BoxIcon,{className:"w-4 h-4 mx-auto"}),e.jsxRuntimeExports.jsx("p",{className:"truncate text-xs",children:a||n})]})}),e.jsxRuntimeExports.jsx(s.TooltipContent,{children:e.jsxRuntimeExports.jsx("p",{children:a||n})})]})})},C=({block:r,closePopover:n})=>{var i;const[d,a]=c.useState(!1),m=s.useBuilderProp("getExternalPredefinedBlock",t.noop()),{addCoreBlock:u,addPredefinedBlock:x}=s.useAddBlock(),[o]=s.useSelectedBlockIds(),[,f,j]=y.useDrag(()=>({type:"CHAI_BLOCK",item:r}),[r]),l=c.useCallback(async h=>{if(h.stopPropagation(),t.has(r,"component")){u(r,t.first(o)),n();return}a(!0);const p=await m(r);t.isEmpty(p)||x(R.syncBlocksWithDefaults(p),t.first(o)),n()},[r]);return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(y.DragPreviewImage,{connect:j,src:"https://placehold.co/100x30/000000/FFF?text="+((i=r.name||r.label)==null?void 0:i.replace(" ","+"))}),e.jsxRuntimeExports.jsxs("div",{ref:f,onClick:d?()=>{}:l,className:"relative cursor-pointer overflow-hidden rounded-md border border-transparent duration-200 hover:scale-x-105 hover:border-foreground/20 hover:shadow-2xl",children:[d&&e.jsxRuntimeExports.jsxs("div",{className:"absolute flex h-full w-full items-center justify-center bg-black bg-opacity-70",children:[e.jsxRuntimeExports.jsx(k.Loader,{className:"animate-spin",size:15,color:"white"})," ",e.jsxRuntimeExports.jsx("span",{className:"pl-2 text-sm text-white",children:"Adding..."})]}),r.preview?e.jsxRuntimeExports.jsx("img",{src:r.preview,className:"min-h-[50px] w-full rounded-md border border-gray-300",alt:r.label}):e.jsxRuntimeExports.jsx("div",{className:"flex h-20 items-center justify-center rounded-md border border-border border-gray-300 bg-gray-200",children:e.jsxRuntimeExports.jsx("p",{className:"max-w-xs text-center text-sm text-gray-700",children:r.label})})]})]})},T=()=>{const{data:r}=s.useUILibraryBlocks(),n=R.useChaiBlocks(),d=t.filter(t.values(n),{category:"custom"}),a=t.groupBy(d,"group"),m=t.groupBy(r,"group"),u=c.useMemo(()=>t.mergeWith(a,m,(l,i)=>{if(t.isArray(l)&&t.isArray(i))return[...l,...i]}),[a,m]),[x,o]=c.useState(t.first(t.keys(u))||""),[,f]=E.useAtom(s.activePanelAtom),j=t.get(u,x,[]);return e.jsxRuntimeExports.jsxs("div",{className:"relative flex h-full max-h-full flex-col overflow-hidden py-2",children:[e.jsxRuntimeExports.jsx("div",{className:"sticky top-0 flex w-full items-center p-3",children:e.jsxRuntimeExports.jsxs(s.Select,{value:x,onValueChange:l=>o(l),children:[e.jsxRuntimeExports.jsx(s.SelectTrigger,{className:"w-full",children:e.jsxRuntimeExports.jsx(s.SelectValue,{placeholder:"Select a provider"})}),e.jsxRuntimeExports.jsxs(s.SelectContent,{children:[e.jsxRuntimeExports.jsx(s.SelectItem,{value:"",children:"Choose"}),c.Children.toArray(t.map(u,(l,i)=>e.jsxRuntimeExports.jsx(s.SelectItem,{value:i,children:i},i)))]})]})}),e.jsxRuntimeExports.jsx("div",{className:"h-full w-full space-y-2 overflow-y-auto px-2",children:c.Children.toArray(j.map(l=>e.jsxRuntimeExports.jsx(C,{block:l,closePopover:()=>f(g.OUTLINE_KEY)})))})]})},w=()=>{const{t:r}=v.useTranslation(),[n,d]=c.useState(""),{addPredefinedBlock:a}=s.useAddBlock(),[m]=s.useSelectedBlockIds(),[,u]=E.useAtom(s.activePanelAtom),x=()=>{const o=N.getBlocksFromHTML(n);a([...o],t.first(m)||null),d(""),u(g.OUTLINE_KEY)};return e.jsxRuntimeExports.jsxs(s.Card,{className:"border-border/0 p-0 shadow-none",children:[e.jsxRuntimeExports.jsx(s.CardHeader,{className:"p-3",children:e.jsxRuntimeExports.jsx(s.CardDescription,{children:r("html_snippet_description")})}),e.jsxRuntimeExports.jsx(s.CardContent,{className:"space-y-2 px-3 py-0",children:e.jsxRuntimeExports.jsxs("div",{className:"space-y-1",children:[e.jsxRuntimeExports.jsx(s.Label,{htmlFor:"current",className:"text-sm",children:r("tailwind_html_snippet")}),e.jsxRuntimeExports.jsx(s.Textarea,{autoFocus:!0,tabIndex:1,ref:o=>o&&o.focus(),onChange:o=>d(o.target.value),rows:12,value:n,placeholder:r("enter_code_snippet"),className:"resize-none overflow-x-auto whitespace-pre bg-gray-100 font-mono text-xs font-normal"})]})}),e.jsxRuntimeExports.jsxs(s.CardFooter,{className:"flex flex-col justify-end p-3",children:[e.jsxRuntimeExports.jsx(s.Button,{disabled:n.trim()==="",onClick:()=>x(),size:"sm",className:"w-full",children:r("import_html")}),e.jsxRuntimeExports.jsx(s.Alert,{variant:"default",className:"mt-2 border-none p-1 text-gray-400",children:e.jsxRuntimeExports.jsx(s.AlertTitle,{className:"text-xs font-normal leading-4",children:r("note_imported_html")})})]})]})},S=()=>!0,I=()=>{const{t:r}=v.useTranslation(),[n,d]=c.useState("core"),[a,m]=c.useState("basic"),u=R.useChaiBlocks(),[,x]=E.useAtom(s.showPredefinedBlockCategoryAtom),o=s.useBuilderProp("importHTMLSupport",!0),{data:f,isLoading:j}=s.useUILibraryBlocks(),l=t.groupBy(t.filter(u,()=>S()),"category"),i=t.uniq(t.map(l.core,"group"));c.useEffect(()=>{!t.includes(i,a)&&!t.isEmpty(i)&&!t.isEmpty(a)&&m(t.first(i))},[i,a]);const h=!j&&!t.isEmpty(f)||t.find(t.values(u),{category:"custom"})!==void 0;return e.jsxRuntimeExports.jsxs("div",{className:"flex h-full flex-col overflow-hidden",children:[e.jsxRuntimeExports.jsxs("div",{className:"mb-2 flex flex-col justify-between rounded-md bg-background/30 p-1",children:[e.jsxRuntimeExports.jsx("h1",{className:"flex flex-col items-baseline px-1 text-xl font-semibold xl:flex-col",children:r("add_block")}),e.jsxRuntimeExports.jsx("span",{className:"p-0 text-xs font-light leading-3 opacity-80 xl:pl-1",children:r(n==="html"?"enter_paste_tailwind_html":"click_to_add_block")})]}),e.jsxRuntimeExports.jsx(s.Tabs,{onValueChange:p=>{x(""),d(p)},value:n,className:"h-max",children:e.jsxRuntimeExports.jsxs(s.TabsList,{className:"grid w-full "+(h&&o?"grid-cols-3":h&&!o||!h&&o?"grid-cols-2":"grid-cols-1"),children:[e.jsxRuntimeExports.jsx(s.TabsTrigger,{value:"core",children:r("Blocks")}),h?e.jsxRuntimeExports.jsx(s.TabsTrigger,{value:"ui-blocks",children:r("ui_library")}):null,o?e.jsxRuntimeExports.jsx(s.TabsTrigger,{value:"html",children:r("import")}):null]})}),n==="core"&&e.jsxRuntimeExports.jsx(s.ScrollArea,{className:"-mx-1.5 h-full",children:e.jsxRuntimeExports.jsx("div",{className:"mt-2 w-full",children:c.Children.toArray(t.map(i,p=>t.reject(t.filter(t.values(l.core),{group:p}),{hidden:!0}).length?e.jsxRuntimeExports.jsx(s.Accordion,{type:"single",value:p,collapsible:!0,className:"w-full",children:e.jsxRuntimeExports.jsxs(s.AccordionItem,{value:p,children:[e.jsxRuntimeExports.jsx(s.AccordionTrigger,{className:"rounded-md bg-gray-100 px-4 py-2 capitalize",children:p}),e.jsxRuntimeExports.jsx(s.AccordionContent,{className:"p-3",children:e.jsxRuntimeExports.jsx("div",{className:"grid grid-cols-3 gap-2",children:c.Children.toArray(t.reject(t.filter(t.values(l.core),{group:p}),{hidden:!0}).map(b=>e.jsxRuntimeExports.jsx(A,{block:b})))})})]})}):null))})}),n==="ui-blocks"&&e.jsxRuntimeExports.jsx(c.Suspense,{fallback:e.jsxRuntimeExports.jsx(s.Skeleton,{className:"h-32 w-full"}),children:e.jsxRuntimeExports.jsx(T,{})}),n==="html"&&o?e.jsxRuntimeExports.jsx(w,{}):null]})};exports.default=I;

package/dist/BrandingOptions-xrGQI1Kn.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./jsx-runtime-Z_BpKhVy.cjs"),B=require("react"),R=require("@rjsf/validator-ajv8"),E=require("@rjsf/core"),p=require("./index-T3wfa1kz.cjs"),r=require("./controls-Dy1qa8Dc.cjs"),g=require("lodash-es");require("./_commonjsHelpers-wDK0ZLPo.cjs");require("./Functions-N3yhPYKY.cjs");require("clsx");require("tailwind-merge");require("@chaibuilder/runtime");require("jotai");require("flat-to-nested");require("./MODIFIERS-9EwxLM8V.cjs");require("@react-hookz/web");require("@radix-ui/react-toggle");require("class-variance-authority");require("./Class-MmCxz2Ay.cjs");require("@radix-ui/react-switch");require("@radix-ui/react-slot");require("@radix-ui/react-accordion");require("@radix-ui/react-icons");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");function N(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const i in t)if(i!=="default"){const l=Object.getOwnPropertyDescriptor(t,i);Object.defineProperty(e,i,l.get?l:{enumerable:!0,get:()=>t[i]})}}return e.default=t,Object.freeze(e)}const m=N(B),k=({value:t,onChange:e,id:i,onBlur:l})=>{const n=g.debounce(e,200),v=u=>n(u.target.value);return a.jsxRuntimeExports.jsx("div",{className:"mt-1.5 flex items-center gap-x-3",children:a.jsxRuntimeExports.jsx("div",{className:"flex w-3/5 flex-col",children:a.jsxRuntimeExports.jsx("input",{type:"color",className:"text-xs p-0",value:t,onBlur:({target:{value:u}})=>l(i,u),onChange:v})})})},f=[{title:"Roboto",value:"Roboto"},{title:"Open Sans",value:"Open Sans"},{title:"Montserrat",value:"Montserrat"},{title:"Lato",value:"Lato"},{title:"Poppins",value:"Poppins"},{title:"Oswald",value:"Oswald"},{title:"Raleway",value:"Raleway"},{title:"Ubuntu",value:"Ubuntu"},{title:"Nunito",value:"Nunito"},{title:"Merriweather",value:"Merriweather"},{title:"Nunito Sans",value:"Nunito Sans"},{title:"Playfair Display",value:"Playfair Display"},{title:"Rubik",value:"Rubik"},{title:"Inter",value:"Inter"},{title:"Lora",value:"Lora"},{title:"Kanit",value:"Kanit"},{title:"Fira Sans",value:"Fira Sans"},{title:"Hind",value:"Hind"},{title:"Quicksand",value:"Quicksand"},{title:"Mulish",value:"Mulish"},{title:"Barlow",value:"Barlow"},{title:"Inconsolata",value:"Inconsolata"},{title:"Titillium Web",value:"Titillium Web"},{title:"Heebo",value:"Heebo"},{title:"IBM Plex Sans",value:"IBM Plex Sans"},{title:"DM Sans",value:"DM Sans"},{title:"Nanum Gothic",value:"Nanum Gothic"},{title:"Karla",value:"Karla"},{title:"Arimo",value:"Arimo"},{title:"Cabin",value:"Cabin"},{title:"Oxygen",value:"Oxygen"},{title:"Overpass",value:"Overpass"},{title:"Assistant",value:"Assistant"},{title:"Tajawal",value:"Tajawal"},{title:"Play",value:"Play"},{title:"Exo",value:"Exo"},{title:"Cinzel",value:"Cinzel"},{title:"Faustina",value:"Faustina"},{title:"Philosopher",value:"Philosopher"},{title:"Gelasio",value:"Gelasio"},{title:"Sofia Sans Condensed",value:"Sofia Sans Condensed"},{title:"Noto Sans Devanagari",value:"Noto Sans Devanagari"},{title:"Actor",value:"Actor"},{title:"Epilogue",value:"Epilogue"},{title:"Glegoo",value:"Glegoo"},{title:"Overlock",value:"Overlock"},{title:"Lustria",value:"Lustria"},{title:"Ovo",value:"Ovo"},{title:"Suranna",value:"Suranna"}],P=()=>{const t=p.useBuilderProp("onSaveBrandingOptions",g.noop),[e,i]=p.useBrandingOptions(),[l]=p.useBlocksContainer(),n=m.useRef(e);m.useEffect(()=>()=>{g.isEqual(e,n.current)||t(n.current)},[]);const v=({formData:o},c)=>{c&&(i(o),n.current=o)},{bodyFont:u,headingFont:y,primaryColor:q,bodyTextDarkColor:b,bodyTextLightColor:h,bodyBgDarkColor:S,secondaryColor:C,bodyBgLightColor:O,roundedCorners:j}=e;let s={headingFont:r.f({title:"Heading font",default:y,options:f}),bodyFont:r.f({title:"Body font",default:u,options:f}),roundedCorners:r.c({title:"Rounded Corner",default:parseInt(j||5,10)}),primaryColor:r.y({title:"Primary",default:q}),secondaryColor:r.y({title:"Secondary",default:C})};l||(s={...s,bodyBgLightColor:r.y({title:"Body Background (Light Mode)",default:O}),bodyTextLightColor:r.y({title:"Body Text (Light Mode)",default:b}),bodyBgDarkColor:r.y({title:"Body Background (Dark mode)",default:S}),bodyTextDarkColor:r.y({title:"Body Text (Dark mode)",default:h})});const d={type:"object",properties:{}},x={};return Object.keys(s).forEach(o=>{const c=s[o];return d.properties||(d.properties={}),d.properties[o]=c.schema,x[o]=c.uiSchema,!0}),a.jsxRuntimeExports.jsxs("div",{className:"flex h-full select-none flex-col",children:[a.jsxRuntimeExports.jsx("div",{className:"rounded-md bg-background/30 p-1",children:a.jsxRuntimeExports.jsx("h1",{className:"px-1 font-semibold",children:"Branding Options"})}),a.jsxRuntimeExports.jsx("div",{className:"-mx-2",children:a.jsxRuntimeExports.jsx(E,{widgets:{color:k},idSeparator:".",autoComplete:"off",omitExtraData:!0,liveOmit:!0,liveValidate:!0,uiSchema:x,schema:d,formData:e,validator:R,onChange:v})})]})};exports.default=P;