@chaibuilder/sdk 1.2.49 → 1.2.51

package/dist/web-blocks.cjs

@@ -1,33 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("lodash-es"),n=require("./jsx-runtime-Z_BpKhVy.cjs"),w=require("react"),o=require("./controls-jWJDao88.cjs"),d=require("@chaibuilder/runtime"),x=require("./empty-slot-Sy930lX6.cjs"),h=require("@radix-ui/react-icons"),f=require("./Functions-N3yhPYKY.cjs"),j=require("./html-to-json-VPWiWWGH.cjs");require("./_commonjsHelpers-wDK0ZLPo.cjs");require("clsx");require("tailwind-merge");require("himalaya");require("./STRINGS-gPz7CUOk.cjs");function R(e){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const s=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(l,t,s.get?s:{enumerable:!0,get:()=>e[t]})}}return l.default=e,Object.freeze(l)}const u=R(w),C=u.memo(e=>{const{blockProps:l,inBuilder:t,backgroundImage:s,children:r,tag:a="div",styles:i}=e;let c=r;r||(c=n.jsxRuntimeExports.jsx(x.EmptySlot,{inBuilder:t}));let p={};return s&&(p={backgroundImage:`url(${s})`}),u.createElement(a,{...l,...i,style:p},c)});d.registerChaiBlock(C,{type:"Box",label:"Box",category:"core",group:"basic",props:{styles:o.S({default:""}),tag:o.y({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:o.q({title:"Background Image"})},canAcceptBlock:()=>!0});const T=u.memo(e=>{const{blockProps:l,styles:t}=e;return u.createElement("div",{...l,...t})});d.registerChaiBlock(T,{type:"EmptyBox",label:"Empty Box",category:"core",group:"basic",props:{styles:o.S({default:""})},canAcceptBlock:()=>!1});const L=e=>{const{blockProps:l,styles:t,content:s,level:r="h1",children:a=null}=e;return a?u.createElement(r,{...t,...l},a):u.createElement(r,{...t,...l,"data-ai-key":"content","data-ai-type":"html",dangerouslySetInnerHTML:{__html:s}})};d.registerChaiBlock(L,{type:"Heading",label:"Heading",category:"core",icon:h.HeadingIcon,group:"typography",props:{level:o.y({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:o.S({default:"text-3xl"}),content:o.g({title:"Content",default:"Heading goes here"})},canAcceptBlock:e=>e==="Span"||e==="Text"});const _=e=>{const{blockProps:l,styles:t,content:s}=e;return y.isNull(e.children)?u.createElement("p",{...t,...l,"data-ai-key":"content","data-ai-type":"html",dangerouslySetInnerHTML:{__html:s}}):u.createElement("p",{...t,...l},e.children)};d.registerChaiBlock(_,{type:"Paragraph",label:"Paragraph",category:"core",icon:h.TextIcon,group:"typography",props:{styles:o.S({default:""}),content:o.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 P=e=>{const{blockProps:l,styles:t,content:s,children:r=null,tag:a}=e;return r?u.createElement("span",{...t,...l},r):u.createElement(a||"span",{...t,...l,"data-ai-key":"content",dangerouslySetInnerHTML:{__html:s}})};d.registerChaiBlock(P,{type:"Span",label:"Span",category:"core",group:"typography",props:{styles:o.S({default:""}),content:o.g({title:"Content",default:""})},canAcceptBlock:()=>!0});const M=e=>{const{blockProps:l,content:t,styles:s}=e;return n.jsxRuntimeExports.jsx("div",{className:"max-w-full",children:n.jsxRuntimeExports.jsx("div",{"data-ai-key":"content","data-ai-type":"richtext",...l,...s,dangerouslySetInnerHTML:{__html:t}})})};d.registerChaiBlock(M,{type:"RichText",label:"Rich Text",category:"core",icon:h.CursorTextIcon,group:"typography",props:{styles:o.S({default:""}),content:o.m({title:"Content",default:"<p>This is a rich text block. You can add text, and other content here.</p>"})}});const N=e=>{const{blockProps:l,iconSize:t,icon:s,content:r,iconPos:a,styles:i,children:c}=e,p=s,m=c||n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[n.jsxRuntimeExports.jsx("span",{"data-ai-key":"content",children:r}),p&&n.jsxRuntimeExports.jsx("div",{style:{width:t+"px"},className:a+" "+(a==="order-first"?"mr-2":"ml-2")||"",dangerouslySetInnerHTML:{__html:p}})]});return u.createElement("button",{...l,...i,type:"button"},m)};d.registerChaiBlock(N,{type:"Button",label:"Button",category:"core",icon:h.ButtonIcon,group:"basic",props:{content:o.l({title:"Label",default:"Button"}),styles:o.S({default:"text-white bg-primary px-4 py-2 rounded-global flex items-center"}),icon:o.o({title:"Icon",default:""}),iconSize:o.c({title:"Icon Size",default:24}),iconPos:o.y({title:"Icon Position",default:"order-last",options:[{title:"Start",value:"order-first"},{title:"End",value:"order-last"}]})}});const A=e=>{const{blockProps:l,link:t,children:s,styles:r,inBuilder:a,content:i}=e;return!s&&y.isEmpty(r==null?void 0:r.className)&&y.isEmpty(i)?n.jsxRuntimeExports.jsx(x.EmptySlot,{inBuilder:a}):a?s?n.jsxRuntimeExports.jsx("span",{...l,...r,children:s}):u.createElement("span",{...l,...r,dangerouslySetInnerHTML:{__html:i}}):s?n.jsxRuntimeExports.jsx("a",{href:t.href||"#/",target:t.target,...l,...r,children:s}):u.createElement("a",{...l,...r,"data-ai-key":"content",href:t.href||"#",target:t.target||"_self",dangerouslySetInnerHTML:{__html:i}})};d.registerChaiBlock(A,{type:"Link",label:"Link",category:"core",icon:h.Link1Icon,group:"basic",props:{styles:o.S({default:""}),content:o.l({title:"Content",default:""}),link:o.T({title:"Link",default:{type:"page",target:"_self",href:""}})},canAcceptBlock:e=>e!=="Link"});const H=e=>{const{blockProps:l,children:t,listType:s,styles:r,tag:a,inBuilder:i}=e,c=f.cn(y.get(r,"className",""),s);return!t&&y.isEmpty(r==null?void 0:r.className)?n.jsxRuntimeExports.jsx(x.EmptySlot,{inBuilder:i}):u.createElement(a||(s==="list-decimal"?"ol":"ul"),{...l,...r,className:c},t)};d.registerChaiBlock(H,{type:"List",label:"List",icon:h.RowsIcon,category:"core",group:"basic",props:{styles:o.S({default:""}),listType:o.y({title:"List type",default:"list-none",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 U=e=>{const{blockProps:l,content:t,styles:s,children:r,tag:a}=e;return r?u.createElement(a||"li",{...s,...l},r):u.createElement(a||"li",{...s,...l,"data-ai-key":"content",dangerouslySetInnerHTML:{__html:t}})};d.registerChaiBlock(U,{type:"ListItem",label:"List Item",icon:h.ColumnsIcon,category:"core",group:"basic",props:{styles:o.S({default:""}),content:o.g({title:"Content",default:"List item"})},canAcceptBlock:()=>!0,canBeNested:e=>e==="List"});const k=(e,...l)=>({...e,className:f.cn(e.className,...l)}),D=e=>{const{blockProps:l,icon:t,styles:s,width:r,inBuilder:a,height:i}=e,c=k(s,f.cn(r?`w-[${r}px]`:"",i?`h-[${i}px]`:""));if(y.isEmpty(t))return n.jsxRuntimeExports.jsx(x.EmptySlot,{inBuilder:a,className:"h-8 w-14"});const p=t.replace(/<svg /g,'<svg class="w-[inherit] h-[inherit]" ');return u.createElement("span",{...l,...c,dangerouslySetInnerHTML:{__html:p}})};d.registerChaiBlock(D,{type:"Icon",label:"Icon",category:"core",icon:h.SketchLogoIcon,group:"media",props:{styles:o.S({default:"text-black"}),icon:o.o({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:o.c({title:"Width",default:""}),height:o.c({title:"Height",default:""})}});const q=e=>{const{blockProps:l,image:t,styles:s,alt:r,height:a,width:i}=e;return y.isEmpty(t)?n.jsxRuntimeExports.jsx(x.EmptySlot,{className:"h-36"}):u.createElement("img",{...l,...s,src:t,alt:r,loading:"lazy",height:a,width:i})};d.registerChaiBlock(q,{type:"Image",label:"Image",category:"core",icon:h.ImageIcon,group:"media",props:{styles:o.S({default:""}),image:o.q({title:"Image",default:"https://fakeimg.pl/400x200?text=Choose&font=bebas"}),alt:o.l({title:"Alt",default:""}),width:o.l({title:"Width",default:""}),height:o.l({title:"Height",default:""})}});const F=e=>{var i;const{blockProps:l,inBuilder:t,styles:s,children:r}=e;let a=null;return!r&&t&&(a=n.jsxRuntimeExports.jsx("div",{className:f.cn("flex flex-col items-center justify-center",(i=e.emptyStyles)==null?void 0:i.className),children:n.jsxRuntimeExports.jsx("div",{className:"h-full w-full rounded-md border-4 border-dashed",children:n.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||a)};d.registerChaiBlock(F,{type:"Slot",label:"Slot",group:"basic",category:"core",hidden:!0,props:{styles:o.S({default:""}),emptyStyles:o.S({default:""})},canAcceptBlock:()=>!0});const E=/^(https?:\/\/)?(www\.)?youtube\.com\/(watch\?v=|embed\/)([a-zA-Z0-9_-]{11})/,S=/^(https?:\/\/)?(www\.)?player.vimeo\.com/,I=/^(https?:\/\/)?(www\.)?dailymotion\.com\/(video|embed\/video)\/([a-zA-Z0-9_-]+)/,z=e=>{if(E.test(e)){const l=e.match(E);return l?`https://www.youtube.com/embed/${l[4]}`:e}if(S.test(e)){const l=e.match(S);return l?`https://player.vimeo.com/video/${l[3]}`:e}if(I.test(e)){const l=e.match(I);return l?`https://www.dailymotion.com/embed/video/${l[4]}`:e}return null},$=u.memo(e=>{const{blockProps:l,inBuilder:t,styles:s,url:r,controls:a}=e,i=y.get(a,"autoPlay",!1),c=y.get(a,"controls",!1),p=i||y.get(a,"muted",!0),m=y.get(a,"loop",!1);if(y.isEmpty(r))return n.jsxRuntimeExports.jsx(x.EmptySlot,{inBuilder:t,className:"h-36"});let b=z(r),g=null;if(b){if(!y.isEmpty(b)){const v=[];v.push(`autoplay=${i?1:0}`),v.push(`controls=${a?1:0}`),v.push(`mute=${p?1:0}&muted=${p?1:0}`),v.push(`loop=${m?1:0}`),b=`${b}?${v.join("&")}`}g=u.createElement("iframe",{...l,className:"absolute inset-0 w-full h-full",src:b,allow:t?"":"autoplay *; fullscreen *",allowFullScreen:!0,frameBorder:0})}else g=u.createElement("video",{...l,className:"absolute inset-0 w-full h-full",src:r,controls:c,muted:p,autoPlay:t?!1:i,loop:m});return n.jsxRuntimeExports.jsx("div",{...y.pick(s,["className"]),children:n.jsxRuntimeExports.jsxs("div",{className:"relative w-full overflow-hidden",style:{paddingBottom:"56.25%"},children:[t?n.jsxRuntimeExports.jsx("div",{...l,...y.omit(s,["className"]),className:"absolute inset-0 z-20 h-full w-full"}):null,g]})})});d.registerChaiBlock($,{type:"Video",label:"Video",category:"core",icon:h.VideoIcon,group:"media",props:{styles:o.S({default:""}),url:o.l({title:"Video URL",default:"https://www.youtube.com/watch?v=9xwazD5SyVg&ab_channel=MaximilianMustermann"}),controls:o.b({title:"Controls",properties:{autoPlay:o.r({title:"Autoplay",default:!0}),controls:o.r({title:"Show controls",default:!1}),loop:o.r({title:"Loop",default:!1}),muted:o.r({title:"Muted",default:!0})}})}});const O=u.memo(e=>{const{blockProps:l,styles:t,content:s,inBuilder:r}=e;return n.jsxRuntimeExports.jsxs("div",{className:"relative",children:[r?n.jsxRuntimeExports.jsx("div",{...l,...t,className:"absolute z-20 h-full w-full"}):null,u.createElement("div",{...t,dangerouslySetInnerHTML:{__html:s}})]})});d.registerChaiBlock(O,{type:"CustomHTML",label:"Custom HTML",category:"core",icon:h.CodeIcon,group:"advanced",props:{styles:o.S({default:""}),content:o.g({title:"HTML Content",default:"<div><p>HTML Snippet goes here...</p></div>",placeholder:"Enter custom HTML code here"})}});const V=e=>{const{blockProps:l,styles:t}=e;return u.createElement("hr",{...t,...l})};d.registerChaiBlock(V,{type:"Divider",label:"Divider",category:"core",icon:h.DividerHorizontalIcon,group:"basic",props:{styles:o.S({default:"bg-gray-900 h-0.5 py-2 my-1"})}});const G=e=>e.inBuilder||e.forceWrapper?n.jsxRuntimeExports.jsx("span",{"data-ai-key":"content",...e.blockProps,children:e.content}):`${e.content}`;d.registerChaiBlock(G,{type:"Text",label:"Text",hidden:!0,category:"core",group:"typography",icon:h.SpaceBetweenVerticallyIcon,props:{content:o.g({title:"Content",defaultValue:""})}});const W=({children:e,blockProps:l,styles:t})=>{const s=k(t,"hs-accordion-group");return n.jsxRuntimeExports.jsx("div",{...l,...s,children:e})};d.registerChaiBlock(W,{type:"AccordionGroup",label:"Accordion Group",category:"core",group:"advanced",props:{styles:o.S({default:""})},blocks:()=>{const e="dnd-accordion-"+f.generateUUID();return j.getBlocksFromHTML(`<div class="hs-accordion-group">
-        <div class="hs-accordion active" id="hs-unstyled-heading-one">
-          <button class="hs-accordion-toggle" aria-controls="hs-unstyled-collapse-one">
-            Accordion #1
-          </button>
-          <div id="hs-unstyled-collapse-one" class="hs-accordion-content overflow-hidden transition-[height] duration-300" aria-labelledby="hs-unstyled-heading-one">
-            It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element.
-          </div>
-        </div>
-      
-        <div class="hs-accordion" id="hs-unstyled-heading-two">
-          <button class="hs-accordion-toggle" aria-controls="hs-unstyled-collapse-two">
-            Accordion #2
-          </button>
-          <div id="hs-unstyled-collapse-two" class="hs-accordion-content hidden overflow-hidden transition-[height] duration-300" aria-labelledby="hs-unstyled-heading-two">
-            It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element.
-          </div>
-        </div>
-      </div>`.replace(/hs-unstyled-heading/g,e).replace(/hs-unstyled-collapse/g,e))},canAcceptBlock:e=>e==="Accordion"});const X=({children:e,blockProps:l,styles:t,blockState:s})=>{const r=k(t,"hs-accordion "+(s&&s!=null&&s.active?"active":""));return n.jsxRuntimeExports.jsx("div",{...l,...r,children:e})};d.registerChaiBlock(X,{type:"Accordion",label:"Accordion",category:"core",group:"advanced",props:{styles:o.S({default:""})},customStylingStates:{"hs-accordion-active":"Accordion Active"},blockState:{active:o.r({default:!1,title:"Show content in canvas"})},getBlockStateFrom:e=>[e._id],blocks:()=>{const e="dnd-accordion-"+f.generateUUID();return j.getBlocksFromHTML(`
-              <div class="hs-accordion active" id="hs-unstyled-heading-one">
-          <button class="hs-accordion-toggle" aria-controls="hs-unstyled-collapse-one">
-            Accordion #1
-          </button>
-          <div id="hs-unstyled-collapse-one" class="hs-accordion-content overflow-hidden transition-[height] duration-300" aria-labelledby="hs-unstyled-heading-one">
-            It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element.
-          </div>
-        </div>
-          `.replace(/hs-unstyled-heading/g,e).replace(/hs-unstyled-collapse/g,e))}});const Y=({children:e,blockProps:l,styles:t})=>{const s=k(t,"hs-accordion-toggle");return n.jsxRuntimeExports.jsx("button",{...s,...l,children:e})};d.registerChaiBlock(Y,{type:"AccordionToggle",label:"Accordion Toggle",category:"core",group:"advanced",hidden:!0,props:{styles:o.S({default:"hs-accordion-active:text-blue-600 dark:hs-accordion-active:text-blue-500 inline-flex w-full items-center gap-x-3 rounded-lg px-6 py-3 text-start text-sm font-semibold text-gray-800 hover:text-gray-500 disabled:pointer-events-none disabled:opacity-50 dark:text-neutral-200 dark:hover:text-neutral-400"})},canAcceptBlock:()=>!0,canDelete:()=>!1,canMove:()=>!1,canDuplicate:()=>!1});const Z=({children:e,blockProps:l,styles:t,blockState:s,inBuilder:r})=>{const a=k(t,"hs-accordion-content",r&&s?s!=null&&s.active?"!block !opacity-100":"!hidden !opacity-0":"");return n.jsxRuntimeExports.jsx("div",{...a,...l,children:e})};d.registerChaiBlock(Z,{type:"AccordionContent",label:"Accordion Content",category:"core",group:"advanced",hidden:!0,props:{styles:o.S({default:"w-full overflow-hidden transition-height hidden duration-300"})},getBlockStateFrom:e=>[e._parent],canAcceptBlock:()=>!0,canDelete:()=>!1,canMove:()=>!1,canDuplicate:()=>!1});const J=({children:e,blockProps:l,styles:t,blockState:s,inBuilder:r})=>{const a=r&&(s!=null&&s.active)?" open":"",i=k(t,"hs-collapse-toggle",a);return n.jsxRuntimeExports.jsx("button",{type:"button",...i,...l,children:e})};d.registerChaiBlock(J,{type:"CollapseToggle",label:"Collapse Toggle",category:"core",group:"advanced",hidden:!0,props:{styles:o.S({default:""})},canAcceptBlock:()=>!0,customStylingStates:{"hs-collapse-open":"Collapse Open"},getBlockStateFrom:(e,l)=>{const t=y.get(e,"styles_attrs.data-hs-collapse","").replace("#","");if(!t)return[];const s=y.find(l,r=>y.get(r,"styles_attrs.id")===t);return s?[s==null?void 0:s._id]:[]}});const K=({children:e,blockProps:l,styles:t,blockState:s,inBuilder:r})=>{const a=r?{"!block !opacity-100 open":s==null?void 0:s.active,"":!(s!=null&&s.active)}:{},i=Object.keys(a).filter(p=>a[p]).join(" "),c=k(t,"hs-collapse",i);return n.jsxRuntimeExports.jsx("div",{...c,...l,children:e})};d.registerChaiBlock(K,{type:"Collapse",label:"Collapse",category:"core",group:"advanced",props:{styles:o.S({default:"transition-opacity transition-margin duration hs-collapse-open:opacity-100 opacity-0 w-56 hidden z-10 mt-2 min-w-60 bg-white"})},canAcceptBlock:()=>!0,blockState:{active:o.r({default:!1,title:"Show collapse in canvas"})},getBlockStateFrom:e=>[e._id],blocks:()=>j.getBlocksFromHTML(`<button type="button" class="hs-collapse-toggle" id="hs-unstyled-collapse" data-hs-collapse="#hs-unstyled-collapse-content">
-          Collapse
-        </button>
-        <div id="hs-unstyled-collapse-content" class="hs-collapse hidden w-full overflow-hidden transition-[height] duration-300" aria-labelledby="hs-unstyled-collapse">
-          This is a collapse body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions.
-        </div>`.replace(/hs-unstyled-collapse/g,`dnd-collapse-${f.generateUUID()}`))});const Q=e=>{const{blockProps:l,backgroundImage:t,children:s,styles:r}=e;let a={};return t&&(a={backgroundImage:`url(${t})`}),u.createElement("div",{...l,...r,style:a},s)};d.registerChaiBlock(Q,{type:"Body",label:"Body",category:"core",group:"basic",hidden:!0,props:{styles:o.S({default:"font-body antialiased"}),backgroundImage:o.q({title:"Background Image"})},canAcceptBlock:()=>!0,canDelete:()=>!1,canMove:()=>!1,canDuplicate:()=>!1});const ee=e=>{const{blockProps:l,styles:t}=e;return u.createElement("br",{...l,...t})};d.registerChaiBlock(ee,{type:"LineBreak",label:"Line Break",category:"core",group:"basic",hidden:!0,icon:h.SpaceBetweenVerticallyIcon,props:{styles:o.S({default:""})}});const B=e=>{const l=(a,i)=>({_id:f.generateUUID(),_parent:a,_type:"TableCell",styles:"#styles:,",content:`${e==="TableHead"?"Table Head":"Table Cell "+i}`}),t=a=>{const i=f.generateUUID(),c={_type:"TableRow",_id:i,styles:"#styles:,border-b"};return a&&(c._parent=a),[c,l(i,"1"),l(i,"2"),l(i,"3")]},s=a=>{const i=f.generateUUID(),c={_id:i,_type:"TableHead",styles:"#styles:,font-medium"};return a&&(c._parent=a),[c,...t(i)]},r=a=>{const i=f.generateUUID(),c={_id:i,_type:"TableBody",styles:"#styles:,"};return a&&(c._parent=a),[c,...t(i),...t(i)]};if(e==="Table"){const a=f.generateUUID();return[{_id:a,_type:"Table",styles:"#styles:,w-full text-left text-gray-500 dark:text-gray-400"},...s(a),...r(a)]}return e==="TableRow"?t():e==="TableHead"?s():e==="TableBody"?r():[]},te=e=>{const{blockProps:l,children:t,styles:s}=e;return t?u.createElement("table",{...l,...s},t):n.jsxRuntimeExports.jsx(x.EmptySlot,{})};d.registerChaiBlock(te,{type:"Table",label:"Table",category:"core",group:"table",hidden:!0,icon:h.TableIcon,props:{styles:o.S({default:""})},blocks:B("Table")});const le=e=>{const{blockProps:l,children:t,styles:s}=e;return t?u.createElement("thead",{...l,...s},t):n.jsxRuntimeExports.jsx(x.EmptySlot,{})};d.registerChaiBlock(le,{type:"TableHead",label:"Table Head",category:"core",group:"table",hidden:!0,icon:h.BorderTopIcon,props:{styles:o.S({default:""})},blocks:B("TableHead")});const oe=e=>{const{blockProps:l,children:t,styles:s}=e;return t?u.createElement("tbody",{...l,...s},t):n.jsxRuntimeExports.jsx(x.EmptySlot,{})};d.registerChaiBlock(oe,{type:"TableBody",label:"Table Body",category:"core",group:"table",hidden:!0,icon:h.BorderAllIcon,props:{styles:o.S({default:""})},blocks:B("TableBody")});const se=e=>{const{blockProps:l,children:t,styles:s}=e;return t?u.createElement("tr",{...l,...s},t):n.jsxRuntimeExports.jsx(x.EmptySlot,{})};d.registerChaiBlock(se,{type:"TableRow",label:"Table Row",category:"core",group:"table",hidden:!0,icon:h.ViewHorizontalIcon,props:{styles:o.S({default:"w-full"})},blocks:B("TableRow")});const re=e=>{const{blockProps:l,children:t,content:s,styles:r}=e;return!t&&y.isEmpty(s)?n.jsxRuntimeExports.jsx(x.EmptySlot,{}):t?u.createElement("td",{...l,...r},t):u.createElement("td",{...l,...r,dangerouslySetInnerHTML:{__html:s}})};d.registerChaiBlock(re,{type:"TableCell",label:"Table Cell",category:"core",group:"table",hidden:!0,icon:h.DragHandleHorizontalIcon,props:{styles:o.S({default:""}),content:o.m({title:"Content",default:"Table cell item",ai:{html:!0}})}});const ae=e=>{const{blockProps:l,errorMessage:t,name:s,_type:r,successMessage:a,action:i,styles:c,children:p}=e;let m=p;p||(m=n.jsxRuntimeExports.jsx(x.EmptySlot,{}));const b={"x-data":"useForm","x-on:submit.prevent":"post"},g={"x-html":"formResponse",":class":"{'text-red-500': formStatus === 'ERROR', 'text-green-500': formStatus === 'SUCCESS'}"};return n.jsxRuntimeExports.jsxs("form",{...b,"data-error":t,"data-success":a,method:"post",action:i,...l,...c,children:[n.jsxRuntimeExports.jsx("div",{...g}),n.jsxRuntimeExports.jsx("input",{name:"formname",type:"hidden",value:s||r}),m]})};d.registerChaiBlock(ae,{type:"Form",label:"Form",category:"core",icon:h.GroupIcon,group:"form",hidden:!0,props:{styles:o.S({default:""}),action:o.l({title:"Submit URL",default:"/api/form/submit"}),errorMessage:o.m({title:"Error Message",default:"Something went wrong. Please try again"}),successMessage:o.m({title:"Success Message",default:"Thank you for your submission."})},canAcceptBlock:()=>!0});const ne=e=>{const{blockProps:l,content:t,styles:s,children:r}=e,a={...s,...l};return r?u.createElement("label",a,r):u.createElement("label",{...a,dangerouslySetInnerHTML:{__html:t}})};d.registerChaiBlock(ne,{type:"Label",label:"Label",category:"core",icon:h.LetterCaseToggleIcon,group:"form",hidden:!0,props:{styles:o.S({default:""}),content:o.l({title:"Content",default:"Label",ai:{html:!1}})}});const ie=e=>{const{blockProps:l,inBuilder:t,label:s,styles:r,inputStyles:a,icon:i,iconPos:c}=e,p=f.generateUUID(),m={"x-bind:disabled":"formLoading"};return n.jsxRuntimeExports.jsxs("button",{id:p,...m,...a,...r,...l||{},type:t?"button":"submit",children:[s,i&&n.jsxRuntimeExports.jsx("span",{className:c,dangerouslySetInnerHTML:{__html:i}})]})};d.registerChaiBlock(ie,{type:"FormButton",label:"Submit Button",category:"core",icon:h.ButtonIcon,group:"form",hidden:!0,props:{label:o.l({title:"Label",default:"Submit"}),styles:o.S({default:"text-white bg-primary disabled:bg-gray-400 px-4 py-2 rounded-global flex items-center gap-x-2"}),icon:o.o({title:"Icon",default:""}),iconPos:o.y({title:"Icon Position",default:"order-last",options:[{title:"Start",value:"order-first"},{title:"End",value:"order-last"}]})}});const ce=e=>{const{blockProps:l,fieldName:t,label:s,styles:r,inputStyles:a,required:i,checked:c,showLabel:p=!0}=e,m=f.generateUUID();return p?n.jsxRuntimeExports.jsxs("div",{...r,...l,children:[n.jsxRuntimeExports.jsx("input",{...a,name:t,id:m,type:"checkbox",required:i,defaultChecked:c}),s&&s!=="Label"&&n.jsxRuntimeExports.jsx("label",{htmlFor:m,children:s})]}):n.jsxRuntimeExports.jsx("input",{id:m,...l,...a,...r,type:"checkbox",required:i,name:t})};d.registerChaiBlock(ce,{type:"Checkbox",label:"Checkbox",category:"core",icon:h.CheckboxIcon,group:"form",hidden:!0,props:{fieldName:o.l({title:"Field Name",default:"checkbox"}),styles:o.S({default:"flex items-center gap-x-2"}),label:o.l({title:"Label",default:"Label"}),checked:o.r({title:"Checked",default:!1}),required:o.r({title:"Required",default:!1})}});const de=e=>{const{blockProps:l,label:t,placeholder:s,styles:r,inputStyles:a,showLabel:i,required:c,inputType:p="text",inBuilder:m,fieldName:b}=e,g=f.generateUUID();return!i||p==="submit"?(p==="submit"&&(l.value=t),n.jsxRuntimeExports.jsx("input",{id:g,name:b,readOnly:m,...l,...a,...r,type:p,placeholder:s,required:c})):n.jsxRuntimeExports.jsxs("div",{...r,...l,children:[i&&n.jsxRuntimeExports.jsx("label",{htmlFor:g,children:t}),n.jsxRuntimeExports.jsx("input",{name:b,readOnly:m,...a,id:g,type:p,placeholder:s,required:c})]})};d.registerChaiBlock(de,{type:"Input",label:"Input",category:"core",icon:h.InputIcon,group:"form",hidden:!0,props:{styles:o.S({default:""}),fieldName:o.l({title:"Field Name",default:"input"}),inputType:o.y({title:"Type",options:y.map(["text","email","password","number","tel","file","hidden","range","submit","color","date","time"],e=>({value:e,title:e})),default:"text"}),value:o.l({title:"Value",default:""}),showLabel:o.r({title:"Show label",default:!0}),inputStyles:o.S({default:"w-full p-1"}),label:o.l({title:"Label",default:"Label"}),placeholder:o.l({title:"Placeholder",default:"Placeholder"}),required:o.r({title:"Required",default:!1})}});const ue=e=>{const{blockProps:l,fieldName:t,label:s,styles:r,inputStyles:a,checked:i,required:c,showLabel:p=!0}=e,m=f.generateUUID();return p?n.jsxRuntimeExports.jsxs("div",{...r,...l,children:[n.jsxRuntimeExports.jsx("input",{...a,name:t,id:m,type:"radio",required:c,defaultChecked:i}),s&&n.jsxRuntimeExports.jsx("label",{htmlFor:m,children:s})]}):n.jsxRuntimeExports.jsx("input",{id:m,...l,...a,...r,type:"radio",required:c,checked:i,name:t})};d.registerChaiBlock(ue,{type:"Radio",label:"Radio",category:"core",icon:h.RadiobuttonIcon,group:"form",hidden:!0,props:{styles:o.S({default:"flex items-center w-max gap-x-2"}),fieldName:o.l({title:"Field Name",default:"radio"}),label:o.l({title:"Label",default:"Label"}),checked:o.r({title:"Checked",default:!1}),required:o.r({title:"Required",default:!1})}});const pe=e=>{const{blockProps:l,fieldName:t,label:s,placeholder:r,styles:a,inputStyles:i,required:c,showLabel:p,_multiple:m=!1}=e,b=f.generateUUID();return p?n.jsxRuntimeExports.jsxs("div",{...a,children:[p&&n.jsxRuntimeExports.jsx("label",{htmlFor:b,children:s}),n.jsxRuntimeExports.jsxs("select",{...i,id:b,required:c,multiple:m,name:t,children:[n.jsxRuntimeExports.jsx("option",{value:"",disabled:!0,selected:!0,hidden:!0,children:r}),y.map(e.options,g=>n.jsxRuntimeExports.jsx("option",{selected:y.get(g,"selected",!1),value:g.value,dangerouslySetInnerHTML:{__html:g.label}},g.value))]})]}):n.jsxRuntimeExports.jsxs("select",{id:b,...a,...l,required:c,multiple:m,name:t,children:[n.jsxRuntimeExports.jsx("option",{value:"",disabled:!0,selected:!0,hidden:!0,children:r}),y.map(e.options,g=>n.jsxRuntimeExports.jsx("option",{selected:y.get(g,"selected",!1),value:g.value,dangerouslySetInnerHTML:{__html:g.label}},g.value))]})};d.registerChaiBlock(pe,{type:"Select",label:"Select",category:"core",icon:h.DropdownMenuIcon,group:"form",hidden:!0,props:{styles:o.S({default:""}),fieldName:o.l({title:"Field Name",default:"select"}),showLabel:o.r({title:"Show label",default:!0}),inputStyles:o.S({default:"w-full p-1"}),label:o.l({title:"Label",default:"Label"}),placeholder:o.l({title:"Placeholder",default:"Placeholder"}),required:o.r({title:"Required",default:!1}),_multiple:o.r({title:"Multiple Choice",default:!1}),options:o.h({title:"Options",itemProperties:{label:o.l({title:"Label",default:""}),value:o.l({title:"Value",default:""})}})}});const me=e=>{const{blockProps:l,fieldName:t,label:s,placeholder:r,styles:a,inputStyles:i,_rows:c,showLabel:p}=e,m=f.generateUUID();return p?n.jsxRuntimeExports.jsxs("div",{...a,...l,children:[p&&n.jsxRuntimeExports.jsx("label",{htmlFor:m,children:s}),n.jsxRuntimeExports.jsx("textarea",{name:t,...i,id:m,placeholder:r,rows:c})]}):n.jsxRuntimeExports.jsx("textarea",{id:m,name:t,...l,...i,...a,placeholder:r,rows:c})};d.registerChaiBlock(me,{type:"TextArea",label:"TextArea",category:"core",icon:h.InputIcon,group:"form",hidden:!0,props:{fieldName:o.l({title:"Field Name",default:"textarea"}),showLabel:o.r({title:"Show label",default:!0}),styles:o.S({default:""}),inputStyles:o.S({default:"w-full p-1"}),label:o.l({title:"Label",default:"Label"}),placeholder:o.l({title:"Placeholder",default:"Placeholder"}),_rows:o.c({title:"Rows",default:3})}});const he=y.noop;exports.loadWebBlocks=he;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("lodash-es"),n=require("./jsx-runtime-Z_BpKhVy.cjs"),b=require("react"),l=require("./controls-rRZhz0vu.cjs"),v=require("@chaibuilder/runtime"),x=require("./empty-slot-Sy930lX6.cjs"),d=require("@radix-ui/react-icons"),p=require("./Functions-N3yhPYKY.cjs"),D=require("./index-ecnGWzh9.cjs");require("./_commonjsHelpers-wDK0ZLPo.cjs");require("clsx");require("tailwind-merge");function G(c){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(c){for(const t in c)if(t!=="default"){const s=Object.getOwnPropertyDescriptor(c,t);Object.defineProperty(e,t,s.get?s:{enumerable:!0,get:()=>c[t]})}}return e.default=c,Object.freeze(e)}const h=G(b),k=h.memo(c=>{const{blockProps:e,inBuilder:t,backgroundImage:s,children:r,tag:a="div",styles:o}=c;let i=r;r||(i=n.jsxRuntimeExports.jsx(x.EmptySlot,{inBuilder:t}));let M={};return s&&(M={backgroundImage:`url(${s})`}),h.createElement(a,{...e,...o,style:M},i)});v.registerChaiBlock(k,{type:"Box",label:"Box",category:"core",group:"basic",props:{styles:l.o({default:""}),tag:l.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:l.v({title:"Background Image"})},canAcceptBlock:()=>!0});const j=h.memo(c=>{const{blockProps:e,styles:t}=c;return h.createElement("div",{...e,...t})});v.registerChaiBlock(j,{type:"EmptyBox",label:"Empty Box",category:"core",group:"basic",props:{styles:l.o({default:""})},canAcceptBlock:()=>!1});const E=c=>{const{blockProps:e,styles:t,content:s,level:r="h1",children:a=null}=c;return a?h.createElement(r,{...t,...e},a):h.createElement(r,{...t,...e,"data-ai-key":"content","data-ai-type":"html",dangerouslySetInnerHTML:{__html:s}})};v.registerChaiBlock(E,{type:"Heading",label:"Heading",category:"core",icon:d.HeadingIcon,group:"typography",props:{level:l.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:l.o({default:"text-3xl"}),content:l.r({title:"Content",default:"Heading goes here"})},canAcceptBlock:c=>c==="Span"||c==="Text"});const S=c=>{const{blockProps:e,styles:t,content:s}=c;return u.isNull(c.children)?h.createElement("p",{...t,...e,"data-ai-key":"content","data-ai-type":"html",dangerouslySetInnerHTML:{__html:s}}):h.createElement("p",{...t,...e},c.children)};v.registerChaiBlock(S,{type:"Paragraph",label:"Paragraph",category:"core",icon:d.TextIcon,group:"typography",props:{styles:l.o({default:""}),content:l.r({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:c=>c==="Span"||c==="Link"});const R=c=>{const{blockProps:e,styles:t,content:s,children:r=null,tag:a}=c;return r?h.createElement("span",{...t,...e},r):h.createElement(a||"span",{...t,...e,"data-ai-key":"content",dangerouslySetInnerHTML:{__html:s}})};v.registerChaiBlock(R,{type:"Span",label:"Span",category:"core",group:"typography",props:{styles:l.o({default:""}),content:l.r({title:"Content",default:""})},canAcceptBlock:()=>!0});const C=c=>{const{blockProps:e,content:t,styles:s}=c;return n.jsxRuntimeExports.jsx("div",{className:"max-w-full",children:n.jsxRuntimeExports.jsx("div",{"data-ai-key":"content","data-ai-type":"richtext",...e,...s,dangerouslySetInnerHTML:{__html:t}})})};v.registerChaiBlock(C,{type:"RichText",label:"Rich Text",category:"core",icon:d.CursorTextIcon,group:"typography",props:{styles:l.o({default:""}),content:l.b({title:"Content",default:"<p>This is a rich text block. You can add text, and other content here.</p>"})}});const T=c=>{const{blockProps:e,iconSize:t,icon:s,content:r,iconPos:a,styles:o,children:i}=c,M=s,z=i||n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[n.jsxRuntimeExports.jsx("span",{"data-ai-key":"content",children:r}),M&&n.jsxRuntimeExports.jsx("div",{style:{width:t+"px"},className:a+" "+(a==="order-first"?"mr-2":"ml-2")||"",dangerouslySetInnerHTML:{__html:M}})]});return h.createElement("button",{...e,...o,type:"button"},z)};v.registerChaiBlock(T,{type:"Button",label:"Button",category:"core",icon:d.ButtonIcon,group:"basic",props:{content:l.g({title:"Label",default:"Button"}),styles:l.o({default:"text-white bg-primary px-4 py-2 rounded-global flex items-center"}),icon:l.T({title:"Icon",default:""}),iconSize:l.y({title:"Icon Size",default:24}),iconPos:l.f({title:"Icon Position",default:"order-last",options:[{title:"Start",value:"order-first"},{title:"End",value:"order-last"}]})}});const L=c=>{const{blockProps:e,link:t,children:s,styles:r,inBuilder:a,content:o}=c;return!s&&u.isEmpty(r==null?void 0:r.className)&&u.isEmpty(o)?n.jsxRuntimeExports.jsx(x.EmptySlot,{inBuilder:a}):a?s?n.jsxRuntimeExports.jsx("span",{...e,...r,children:s}):h.createElement("span",{...e,...r,dangerouslySetInnerHTML:{__html:o}}):s?n.jsxRuntimeExports.jsx("a",{href:(t==null?void 0:t.href)||"#/",target:t==null?void 0:t.target,...e,...r,children:s}):h.createElement("a",{...e,...r,"data-ai-key":"content",href:(t==null?void 0:t.href)||"#",target:(t==null?void 0:t.target)||"_self",dangerouslySetInnerHTML:{__html:o}})};v.registerChaiBlock(L,{type:"Link",label:"Link",category:"core",icon:d.Link1Icon,group:"basic",props:{styles:l.o({default:""}),content:l.g({title:"Content",default:""}),link:l.q({title:"Link",default:{type:"page",target:"_self",href:"#"}})},canAcceptBlock:c=>c!=="Link"});const _=c=>{const{blockProps:e,children:t,listType:s,styles:r,tag:a,inBuilder:o}=c,i=p.cn(u.get(r,"className",""),s);return!t&&u.isEmpty(r==null?void 0:r.className)?n.jsxRuntimeExports.jsx(x.EmptySlot,{inBuilder:o}):h.createElement(a||(s==="list-decimal"?"ol":"ul"),{...e,...r,className:i},t)};v.registerChaiBlock(_,{type:"List",label:"List",icon:d.RowsIcon,category:"core",group:"basic",props:{styles:l.o({default:""}),listType:l.f({title:"List type",default:"list-none",options:[{value:"list-none",title:"None"},{value:"list-disc",title:"Disc"},{value:"list-decimal",title:"Number"}]})},canAcceptBlock:c=>c==="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 P=c=>{const{blockProps:e,content:t,styles:s,children:r,tag:a}=c;return r?h.createElement(a||"li",{...s,...e},r):h.createElement(a||"li",{...s,...e,"data-ai-key":"content",dangerouslySetInnerHTML:{__html:t}})};v.registerChaiBlock(P,{type:"ListItem",label:"List Item",icon:d.ColumnsIcon,category:"core",group:"basic",props:{styles:l.o({default:""}),content:l.r({title:"Content",default:"List item"})},canAcceptBlock:c=>c!=="ListItem",canBeNested:c=>c==="List"});const N=(c,...e)=>({...c,className:p.cn(c.className,...e)}),H=c=>{const{blockProps:e,icon:t,styles:s,width:r,inBuilder:a,height:o}=c,i=N(s,p.cn(r?`w-[${r}px]`:"",o?`h-[${o}px]`:""));if(u.isEmpty(t))return n.jsxRuntimeExports.jsx(x.EmptySlot,{inBuilder:a,className:"h-8 w-14"});const M=t.replace(/<svg /g,'<svg class="w-[inherit] h-[inherit]" ');return h.createElement("span",{...e,...i,dangerouslySetInnerHTML:{__html:M}})};v.registerChaiBlock(H,{type:"Icon",label:"Icon",category:"core",icon:d.SketchLogoIcon,group:"media",props:{styles:l.o({default:"text-black"}),icon:l.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:l.y({title:"Width",default:""}),height:l.y({title:"Height",default:""})}});const A=c=>{const{blockProps:e,image:t,styles:s,alt:r,height:a,width:o}=c;return u.isEmpty(t)?n.jsxRuntimeExports.jsx(x.EmptySlot,{className:"h-36"}):h.createElement("img",{...e,...s,src:t,alt:r,loading:"lazy",height:a,width:o})};v.registerChaiBlock(A,{type:"Image",label:"Image",category:"core",icon:d.ImageIcon,group:"media",props:{styles:l.o({default:""}),image:l.v({title:"Image",default:"https://fakeimg.pl/400x200?text=Choose&font=bebas"}),alt:l.g({title:"Alt",default:""}),width:l.g({title:"Width",default:""}),height:l.g({title:"Height",default:""})}});const q=c=>{var o;const{blockProps:e,inBuilder:t,styles:s,children:r}=c;let a=null;return!r&&t&&(a=n.jsxRuntimeExports.jsx("div",{className:p.cn("flex flex-col items-center justify-center",(o=c.emptyStyles)==null?void 0:o.className),children:n.jsxRuntimeExports.jsx("div",{className:"h-full w-full rounded-md border-4 border-dashed",children:n.jsxRuntimeExports.jsxs("p",{className:"truncate p-1 text-left text-xs text-gray-400",children:["Slot: ",c.name]})})})),h.createElement("div",{...s,...e,droppable:"yes"},r||a)};v.registerChaiBlock(q,{type:"Slot",label:"Slot",group:"basic",category:"core",hidden:!0,props:{styles:l.o({default:""}),emptyStyles:l.o({default:""})},canAcceptBlock:()=>!0});const y=/^(https?:\/\/)?(www\.)?youtube\.com\/(watch\?v=|embed\/)([a-zA-Z0-9_-]{11})/,I=/^(https?:\/\/)?(www\.)?player.vimeo\.com/,w=/^(https?:\/\/)?(www\.)?dailymotion\.com\/(video|embed\/video)\/([a-zA-Z0-9_-]+)/,U=c=>{if(y.test(c)){const e=c.match(y);return e?`https://www.youtube.com/embed/${e[4]}`:c}if(I.test(c)){const e=c.match(I);return e?`https://player.vimeo.com/video/${e[3]}`:c}if(w.test(c)){const e=c.match(w);return e?`https://www.dailymotion.com/embed/video/${e[4]}`:c}return null},F=h.memo(c=>{const{blockProps:e,inBuilder:t,styles:s,url:r,controls:a}=c,o=u.get(a,"autoPlay",!1),i=u.get(a,"controls",!1),M=o||u.get(a,"muted",!0),z=u.get(a,"loop",!1);if(u.isEmpty(r))return n.jsxRuntimeExports.jsx(x.EmptySlot,{inBuilder:t,className:"h-36"});let f=U(r),g=null;if(f){if(!u.isEmpty(f)){const m=[];m.push(`autoplay=${o?1:0}`),m.push(`controls=${a?1:0}`),m.push(`mute=${M?1:0}&muted=${M?1:0}`),m.push(`loop=${z?1:0}`),f=`${f}?${m.join("&")}`}g=h.createElement("iframe",{...e,className:"absolute inset-0 w-full h-full",src:f,allow:t?"":"autoplay *; fullscreen *",allowFullScreen:!0,frameBorder:0})}else g=h.createElement("video",{...e,className:"absolute inset-0 w-full h-full",src:r,controls:i,muted:M,autoPlay:t?!1:o,loop:z});return n.jsxRuntimeExports.jsx("div",{...u.pick(s,["className"]),children:n.jsxRuntimeExports.jsxs("div",{className:"relative w-full overflow-hidden",style:{paddingBottom:"56.25%"},children:[t?n.jsxRuntimeExports.jsx("div",{...e,...u.omit(s,["className"]),className:"absolute inset-0 z-20 h-full w-full"}):null,g]})})});v.registerChaiBlock(F,{type:"Video",label:"Video",category:"core",icon:d.VideoIcon,group:"media",props:{styles:l.o({default:""}),url:l.g({title:"Video URL",default:"https://www.youtube.com/watch?v=9xwazD5SyVg&ab_channel=MaximilianMustermann"}),controls:l.h({title:"Controls",properties:{autoPlay:l.c({title:"Autoplay",default:!0}),controls:l.c({title:"Show controls",default:!1}),loop:l.c({title:"Loop",default:!1}),muted:l.c({title:"Muted",default:!0})}})}});const O=h.memo(c=>{const{blockProps:e,styles:t,htmlCode:s,inBuilder:r}=c,a=s.replace(/<script.*?>.*?<\/script>/g,"");return n.jsxRuntimeExports.jsxs("div",{className:"relative",children:[r?n.jsxRuntimeExports.jsx("div",{...e,...t,className:"absolute z-20 h-full w-full"}):null,h.createElement("div",{...t,dangerouslySetInnerHTML:{__html:r?a:s}})]})});v.registerChaiBlock(O,{type:"CustomHTML",label:"Custom HTML",category:"core",icon:d.CodeIcon,group:"advanced",props:{styles:l.o({default:""}),htmlCode:l.u({title:"HTML Code",default:"<div><p>HTML Snippet goes here...</p></div>",placeholder:"Enter custom HTML code here"})},canAcceptBlock:()=>!1});function $(c){return D.GenIcon({tag:"svg",attr:{version:"1.1",viewBox:"0 0 32 32"},child:[{tag:"path",attr:{d:"M4.698 3.419l2.057 23.073 9.231 2.563 9.256-2.566 2.059-23.069h-22.604zM13.226 9.394l-0.409 4.441 9.671 0.001-0.069 0.76-0.665 7.45-0.042 0.478-5.804 1.609-5.796-1.609-0.396-4.443h2.84l0.202 2.257 3.154 0.85 3.156-0.852 0.328-3.67-9.671-0.001 0.069-0.76 0.665-7.45 0.209-2.086h11.287l0.131 1.598 0.403 4.453h-2.841l-0.262-2.922-2.889-0.174h-0.515v-0.004l-2.755 0.074z"}}]})(c)}const V=h.memo(c=>{const{script:e,inBuilder:t,blockProps:s}=c;return t?n.jsxRuntimeExports.jsx("div",{...s,children:n.jsxRuntimeExports.jsx(x.EmptySlot,{})}):n.jsxRuntimeExports.jsx("div",{dangerouslySetInnerHTML:{__html:e}})});v.registerChaiBlock(V,{type:"CustomScript",label:"Custom Script",category:"core",icon:$,group:"advanced",props:{script:l.u({title:"Script",default:"",placeholder:"<script>console.log('Hello, world!');<\/script>"})},canAcceptBlock:()=>!1});const J=c=>{const{blockProps:e,styles:t}=c;return h.createElement("hr",{...t,...e})};v.registerChaiBlock(J,{type:"Divider",label:"Divider",category:"core",icon:d.DividerHorizontalIcon,group:"basic",props:{styles:l.o({default:"bg-gray-900 h-0.5 py-2 my-1"})}});const W=c=>c.inBuilder||c.forceWrapper?n.jsxRuntimeExports.jsx("span",{"data-ai-key":"content",...c.blockProps,children:c.content}):`${c.content}`;v.registerChaiBlock(W,{type:"Text",label:"Text",hidden:!0,category:"core",group:"typography",icon:d.SpaceBetweenVerticallyIcon,props:{content:l.r({title:"Content",defaultValue:""})}});const Y=c=>{const{blockProps:e,backgroundImage:t,children:s,styles:r}=c;let a={};return t&&(a={backgroundImage:`url(${t})`}),h.createElement("div",{...e,...r,style:a},s)};v.registerChaiBlock(Y,{type:"Body",label:"Body",category:"core",group:"basic",hidden:!0,props:{styles:l.o({default:"font-body antialiased"}),backgroundImage:l.v({title:"Background Image"})},canAcceptBlock:()=>!0,canDelete:()=>!1,canMove:()=>!1,canDuplicate:()=>!1});const K=c=>{const{blockProps:e,styles:t}=c;return h.createElement("br",{...e,...t})};v.registerChaiBlock(K,{type:"LineBreak",label:"Line Break",category:"core",group:"basic",hidden:!0,icon:d.SpaceBetweenVerticallyIcon,props:{styles:l.o({default:""})}});const B=c=>{const e=(a,o)=>({_id:p.generateUUID(),_parent:a,_type:"TableCell",styles:"#styles:,",content:`${c==="TableHead"?"Table Head":"Table Cell "+o}`}),t=a=>{const o=p.generateUUID(),i={_type:"TableRow",_id:o,styles:"#styles:,border-b"};return a&&(i._parent=a),[i,e(o,"1"),e(o,"2"),e(o,"3")]},s=a=>{const o=p.generateUUID(),i={_id:o,_type:"TableHead",styles:"#styles:,font-medium"};return a&&(i._parent=a),[i,...t(o)]},r=a=>{const o=p.generateUUID(),i={_id:o,_type:"TableBody",styles:"#styles:,"};return a&&(i._parent=a),[i,...t(o),...t(o)]};if(c==="Table"){const a=p.generateUUID();return[{_id:a,_type:"Table",styles:"#styles:,w-full text-left text-gray-500 dark:text-gray-400"},...s(a),...r(a)]}return c==="TableRow"?t():c==="TableHead"?s():c==="TableBody"?r():[]},X=c=>{const{blockProps:e,children:t,styles:s}=c;return t?h.createElement("table",{...e,...s},t):n.jsxRuntimeExports.jsx(x.EmptySlot,{})};v.registerChaiBlock(X,{type:"Table",label:"Table",category:"core",group:"table",hidden:!0,icon:d.TableIcon,props:{styles:l.o({default:""})},blocks:B("Table")});const Z=c=>{const{blockProps:e,children:t,styles:s}=c;return t?h.createElement("thead",{...e,...s},t):n.jsxRuntimeExports.jsx(x.EmptySlot,{})};v.registerChaiBlock(Z,{type:"TableHead",label:"Table Head",category:"core",group:"table",hidden:!0,icon:d.BorderTopIcon,props:{styles:l.o({default:""})},blocks:B("TableHead")});const Q=c=>{const{blockProps:e,children:t,styles:s}=c;return t?h.createElement("tbody",{...e,...s},t):n.jsxRuntimeExports.jsx(x.EmptySlot,{})};v.registerChaiBlock(Q,{type:"TableBody",label:"Table Body",category:"core",group:"table",hidden:!0,icon:d.BorderAllIcon,props:{styles:l.o({default:""})},blocks:B("TableBody")});const c0=c=>{const{blockProps:e,children:t,styles:s}=c;return t?h.createElement("tr",{...e,...s},t):n.jsxRuntimeExports.jsx(x.EmptySlot,{})};v.registerChaiBlock(c0,{type:"TableRow",label:"Table Row",category:"core",group:"table",hidden:!0,icon:d.ViewHorizontalIcon,props:{styles:l.o({default:"w-full"})},blocks:B("TableRow")});const t0=c=>{const{blockProps:e,children:t,content:s,styles:r}=c;return!t&&u.isEmpty(s)?n.jsxRuntimeExports.jsx(x.EmptySlot,{}):t?h.createElement("td",{...e,...r},t):h.createElement("td",{...e,...r,dangerouslySetInnerHTML:{__html:s}})};v.registerChaiBlock(t0,{type:"TableCell",label:"Table Cell",category:"core",group:"table",hidden:!0,icon:d.DragHandleHorizontalIcon,props:{styles:l.o({default:""}),content:l.b({title:"Content",default:"Table cell item",ai:{html:!0}})}});const l0=c=>{const{blockProps:e,errorMessage:t,name:s,_type:r,successMessage:a,action:o,styles:i,children:M}=c;let z=M;M||(z=n.jsxRuntimeExports.jsx(x.EmptySlot,{}));const f={"x-data":"useForm","x-on:submit.prevent":"post"},g={"x-html":"formResponse",":class":"{'text-red-500': formStatus === 'ERROR', 'text-green-500': formStatus === 'SUCCESS'}"};return n.jsxRuntimeExports.jsxs("form",{...f,"data-error":t,"data-success":a,method:"post",action:o,...e,...i,children:[n.jsxRuntimeExports.jsx("div",{...g}),n.jsxRuntimeExports.jsx("input",{name:"formname",type:"hidden",value:s||r}),z]})};v.registerChaiBlock(l0,{type:"Form",label:"Form",category:"core",icon:d.GroupIcon,group:"form",hidden:!0,props:{styles:l.o({default:""}),action:l.g({title:"Submit URL",default:"/api/form/submit"}),errorMessage:l.b({title:"Error Message",default:"Something went wrong. Please try again"}),successMessage:l.b({title:"Success Message",default:"Thank you for your submission."})},canAcceptBlock:()=>!0});const e0=c=>{const{blockProps:e,content:t,styles:s,children:r}=c,a={...s,...e};return r?h.createElement("label",a,r):h.createElement("label",{...a,dangerouslySetInnerHTML:{__html:t}})};v.registerChaiBlock(e0,{type:"Label",label:"Label",category:"core",icon:d.LetterCaseToggleIcon,group:"form",hidden:!0,props:{styles:l.o({default:""}),content:l.g({title:"Content",default:"Label",ai:{html:!1}})}});const s0=c=>{const{blockProps:e,inBuilder:t,label:s,styles:r,inputStyles:a,icon:o,iconPos:i}=c,M=p.generateUUID(),z={"x-bind:disabled":"formLoading"};return n.jsxRuntimeExports.jsxs("button",{id:M,...z,...a,...r,...e||{},type:t?"button":"submit",children:[s,o&&n.jsxRuntimeExports.jsx("span",{className:i,dangerouslySetInnerHTML:{__html:o}})]})};v.registerChaiBlock(s0,{type:"FormButton",label:"Submit Button",category:"core",icon:d.ButtonIcon,group:"form",hidden:!0,props:{label:l.g({title:"Label",default:"Submit"}),styles:l.o({default:"text-white bg-primary disabled:bg-gray-400 px-4 py-2 rounded-global flex items-center gap-x-2"}),icon:l.T({title:"Icon",default:""}),iconPos:l.f({title:"Icon Position",default:"order-last",options:[{title:"Start",value:"order-first"},{title:"End",value:"order-last"}]})}});const a0=c=>{const{blockProps:e,fieldName:t,label:s,styles:r,inputStyles:a,required:o,checked:i,showLabel:M=!0}=c,z=p.generateUUID();return M?n.jsxRuntimeExports.jsxs("div",{...r,...e,children:[n.jsxRuntimeExports.jsx("input",{...a,name:t,id:z,type:"checkbox",required:o,defaultChecked:i}),s&&s!=="Label"&&n.jsxRuntimeExports.jsx("label",{htmlFor:z,children:s})]}):n.jsxRuntimeExports.jsx("input",{id:z,...e,...a,...r,type:"checkbox",required:o,name:t})};v.registerChaiBlock(a0,{type:"Checkbox",label:"Checkbox",category:"core",icon:d.CheckboxIcon,group:"form",hidden:!0,props:{fieldName:l.g({title:"Field Name",default:"checkbox"}),styles:l.o({default:"flex items-center gap-x-2"}),label:l.g({title:"Label",default:"Label"}),checked:l.c({title:"Checked",default:!1}),required:l.c({title:"Required",default:!1})}});const r0=c=>{const{blockProps:e,label:t,placeholder:s,styles:r,inputStyles:a,showLabel:o,required:i,inputType:M="text",inBuilder:z,fieldName:f}=c,g=p.generateUUID();return!o||M==="submit"?(M==="submit"&&(e.value=t),n.jsxRuntimeExports.jsx("input",{id:g,name:f,readOnly:z,...e,...a,...r,type:M,placeholder:s,required:i})):n.jsxRuntimeExports.jsxs("div",{...r,...e,children:[o&&n.jsxRuntimeExports.jsx("label",{htmlFor:g,children:t}),n.jsxRuntimeExports.jsx("input",{name:f,readOnly:z,...a,id:g,type:M,placeholder:s,required:i})]})};v.registerChaiBlock(r0,{type:"Input",label:"Input",category:"core",icon:d.InputIcon,group:"form",hidden:!0,props:{styles:l.o({default:""}),fieldName:l.g({title:"Field Name",default:"input"}),inputType:l.f({title:"Type",options:u.map(["text","email","password","number","tel","file","hidden","range","submit","color","date","time"],c=>({value:c,title:c})),default:"text"}),value:l.g({title:"Value",default:""}),showLabel:l.c({title:"Show label",default:!0}),inputStyles:l.o({default:"w-full p-1"}),label:l.g({title:"Label",default:"Label"}),placeholder:l.g({title:"Placeholder",default:"Placeholder"}),required:l.c({title:"Required",default:!1})}});const n0=c=>{const{blockProps:e,fieldName:t,label:s,styles:r,inputStyles:a,checked:o,required:i,showLabel:M=!0}=c,z=p.generateUUID();return M?n.jsxRuntimeExports.jsxs("div",{...r,...e,children:[n.jsxRuntimeExports.jsx("input",{...a,name:t,id:z,type:"radio",required:i,defaultChecked:o}),s&&n.jsxRuntimeExports.jsx("label",{htmlFor:z,children:s})]}):n.jsxRuntimeExports.jsx("input",{id:z,...e,...a,...r,type:"radio",required:i,checked:o,name:t})};v.registerChaiBlock(n0,{type:"Radio",label:"Radio",category:"core",icon:d.RadiobuttonIcon,group:"form",hidden:!0,props:{styles:l.o({default:"flex items-center w-max gap-x-2"}),fieldName:l.g({title:"Field Name",default:"radio"}),label:l.g({title:"Label",default:"Label"}),checked:l.c({title:"Checked",default:!1}),required:l.c({title:"Required",default:!1})}});const o0=c=>{const{blockProps:e,fieldName:t,label:s,placeholder:r,styles:a,inputStyles:o,required:i,showLabel:M,_multiple:z=!1}=c,f=p.generateUUID();return M?n.jsxRuntimeExports.jsxs("div",{...a,children:[M&&n.jsxRuntimeExports.jsx("label",{htmlFor:f,children:s}),n.jsxRuntimeExports.jsxs("select",{...o,id:f,required:i,multiple:z,name:t,children:[n.jsxRuntimeExports.jsx("option",{value:"",disabled:!0,selected:!0,hidden:!0,children:r}),u.map(c.options,g=>n.jsxRuntimeExports.jsx("option",{selected:u.get(g,"selected",!1),value:g.value,dangerouslySetInnerHTML:{__html:g.label}},g.value))]})]}):n.jsxRuntimeExports.jsxs("select",{id:f,...a,...e,required:i,multiple:z,name:t,children:[n.jsxRuntimeExports.jsx("option",{value:"",disabled:!0,selected:!0,hidden:!0,children:r}),u.map(c.options,g=>n.jsxRuntimeExports.jsx("option",{selected:u.get(g,"selected",!1),value:g.value,dangerouslySetInnerHTML:{__html:g.label}},g.value))]})};v.registerChaiBlock(o0,{type:"Select",label:"Select",category:"core",icon:d.DropdownMenuIcon,group:"form",hidden:!0,props:{styles:l.o({default:""}),fieldName:l.g({title:"Field Name",default:"select"}),showLabel:l.c({title:"Show label",default:!0}),inputStyles:l.o({default:"w-full p-1"}),label:l.g({title:"Label",default:"Label"}),placeholder:l.g({title:"Placeholder",default:"Placeholder"}),required:l.c({title:"Required",default:!1}),_multiple:l.c({title:"Multiple Choice",default:!1}),options:l.S({title:"Options",itemProperties:{label:l.g({title:"Label",default:""}),value:l.g({title:"Value",default:""})}})}});const i0=c=>{const{blockProps:e,fieldName:t,label:s,placeholder:r,styles:a,inputStyles:o,_rows:i,showLabel:M}=c,z=p.generateUUID();return M?n.jsxRuntimeExports.jsxs("div",{...a,...e,children:[M&&n.jsxRuntimeExports.jsx("label",{htmlFor:z,children:s}),n.jsxRuntimeExports.jsx("textarea",{name:t,...o,id:z,placeholder:r,rows:i})]}):n.jsxRuntimeExports.jsx("textarea",{id:z,name:t,...e,...o,...a,placeholder:r,rows:i})};v.registerChaiBlock(i0,{type:"TextArea",label:"TextArea",category:"core",icon:d.InputIcon,group:"form",hidden:!0,props:{fieldName:l.g({title:"Field Name",default:"textarea"}),showLabel:l.c({title:"Show label",default:!0}),styles:l.o({default:""}),inputStyles:l.o({default:"w-full p-1"}),label:l.g({title:"Label",default:"Label"}),placeholder:l.g({title:"Placeholder",default:"Placeholder"}),_rows:l.y({title:"Rows",default:3})}});const h0=u.noop;exports.loadWebBlocks=h0;