@chaibuilder/sdk 1.2.65 → 1.2.67

package/dist/web-blocks.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("lodash-es"),r=require("./jsx-runtime-Z_BpKhVy.cjs"),k=require("react"),l=require("./controls-rRZhz0vu.cjs"),d=require("@chaibuilder/runtime"),x=require("./empty-slot-Sy930lX6.cjs"),z=require("@radix-ui/react-icons"),f=require("./Functions-N3yhPYKY.cjs"),G=require("./index--mLLy7QQ.cjs");require("./_commonjsHelpers-wDK0ZLPo.cjs");require("clsx");require("tailwind-merge");function j(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=j(k),E=h.memo(c=>{const{blockProps:e,inBuilder:t,backgroundImage:s,children:a,tag:i="div",styles:n}=c;let o=a;a||(o=r.jsxRuntimeExports.jsx(x.EmptySlot,{inBuilder:t}));let v={};return s&&(v={backgroundImage:`url(${s})`}),h.createElement(i,{...e,...n,style:v},o)});d.registerChaiBlock(E,{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 S=h.memo(c=>{const{blockProps:e,styles:t}=c;return h.createElement("div",{...e,...t})});d.registerChaiBlock(S,{type:"EmptyBox",label:"Empty Box",category:"core",group:"basic",props:{styles:l.o({default:""})},canAcceptBlock:()=>!1});const C=c=>{const{blockProps:e,styles:t,content:s,level:a="h1",children:i=null}=c;return i?h.createElement(a,{...t,...e},i):h.createElement(a,{...t,...e,"data-ai-key":"content","data-ai-type":"html",dangerouslySetInnerHTML:{__html:s}})};d.registerChaiBlock(C,{type:"Heading",label:"Heading",category:"core",icon:z.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 R=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)};d.registerChaiBlock(R,{type:"Paragraph",label:"Paragraph",category:"core",icon:z.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"||c==="Text"});const _=c=>{const{blockProps:e,styles:t,content:s,children:a=null,tag:i}=c;return a?h.createElement("span",{...t,...e},a):h.createElement(i||"span",{...t,...e,"data-ai-key":"content",dangerouslySetInnerHTML:{__html:s}})};d.registerChaiBlock(_,{type:"Span",label:"Span",category:"core",group:"typography",props:{styles:l.o({default:""}),content:l.r({title:"Content",default:""})},canAcceptBlock:()=>!0});const L=c=>{const{blockProps:e,content:t,styles:s}=c;return r.jsxRuntimeExports.jsx("div",{className:"max-w-full",children:r.jsxRuntimeExports.jsx("div",{"data-ai-key":"content","data-ai-type":"richtext",...e,...s,dangerouslySetInnerHTML:{__html:t}})})};d.registerChaiBlock(L,{type:"RichText",label:"Rich Text",category:"core",icon:z.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:a,iconPos:i,styles:n,children:o}=c,v=s,M=o||r.jsxRuntimeExports.jsxs(r.jsxRuntimeExports.Fragment,{children:[r.jsxRuntimeExports.jsx("span",{"data-ai-key":"content",children:a}),v&&r.jsxRuntimeExports.jsx("div",{style:{width:t+"px"},className:i+" "+(i==="order-first"?"mr-2":"ml-2")||"",dangerouslySetInnerHTML:{__html:v}})]});return h.createElement("button",{...e,...n,type:"button"},M)};d.registerChaiBlock(T,{type:"Button",label:"Button",category:"core",icon:z.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 P=c=>{const{blockProps:e,link:t,children:s,styles:a,inBuilder:i,content:n}=c;return!s&&u.isEmpty(a==null?void 0:a.className)&&u.isEmpty(n)?r.jsxRuntimeExports.jsx(x.EmptySlot,{inBuilder:i}):i?s?r.jsxRuntimeExports.jsx("span",{...e,...a,children:s}):h.createElement("span",{...e,...a,dangerouslySetInnerHTML:{__html:n}}):s?r.jsxRuntimeExports.jsx("a",{href:(t==null?void 0:t.href)||"#/",target:t==null?void 0:t.target,...e,...a,children:s}):h.createElement("a",{...e,...a,"data-ai-key":"content",href:(t==null?void 0:t.href)||"#",target:(t==null?void 0:t.target)||"_self",dangerouslySetInnerHTML:{__html:n}})};d.registerChaiBlock(P,{type:"Link",label:"Link",category:"core",icon:z.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 D=(c,...e)=>({...c,className:f.cn(c.className,...e)}),N=c=>{const{blockProps:e,children:t,styles:s,inBuilder:a,content:i,href:n}=c,{hrefType:o,autoplay:v,maxWidth:M,backdropColor:p,galleryName:g}=c,m=D(s,"cb-lightbox");if(!t&&u.isEmpty(s==null?void 0:s.className)&&u.isEmpty(i))return r.jsxRuntimeExports.jsx(x.EmptySlot,{inBuilder:a});if(a)return t?r.jsxRuntimeExports.jsx("span",{...e,...m,children:t}):h.createElement("span",{...e,...m,dangerouslySetInnerHTML:{__html:i}});const y={};return y["data-vbtype"]=o,v&&(y["data-autoplay"]="true"),M&&(y["data-maxwidth"]=M+"px"),p&&(y["data-overlay"]=p),g&&(y["data-gall"]=g),t?r.jsxRuntimeExports.jsx("a",{...y,href:n||"#/",...e,...m,children:t}):h.createElement("a",{...e,...m,...y,href:n||"#",dangerouslySetInnerHTML:{__html:i}})};d.registerChaiBlock(N,{type:"LightBoxLink",label:"LightBox Link",category:"core",icon:z.ImageIcon,group:"basic",props:{styles:l.o({default:""}),content:l.g({title:"Content",default:"Link text or drop blocks inside"}),href:l.g({title:"Href",default:""}),hrefType:l.f({title:"Type",default:"video",options:[{value:"video",title:"video "},{value:"iframe",title:"iframe"},{value:"inline",title:"inline"},{value:"ajax",title:"ajax"}]}),autoplay:l.c({title:"Autoplay video",default:!1}),maxWidth:l.y({title:"Max Width",default:""}),backdropColor:l.g({title:"Backdrop Color",default:""}),galleryName:l.g({title:"Gallery name",default:""})},canAcceptBlock:c=>c!=="Link"&&c!=="LightBoxLink"});const H=c=>{const{blockProps:e,children:t,listType:s,styles:a,tag:i,inBuilder:n}=c,o=f.cn(u.get(a,"className",""),s);return!t&&u.isEmpty(a==null?void 0:a.className)?r.jsxRuntimeExports.jsx(x.EmptySlot,{inBuilder:n}):h.createElement(i||(s==="list-decimal"?"ol":"ul"),{...e,...a,className:o},t)};d.registerChaiBlock(H,{type:"List",label:"List",icon:z.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 A=c=>{const{blockProps:e,content:t,styles:s,children:a,tag:i}=c;return a?h.createElement(i||"li",{...s,...e},a):h.createElement(i||"li",{...s,...e,"data-ai-key":"content",dangerouslySetInnerHTML:{__html:t}})};d.registerChaiBlock(A,{type:"ListItem",label:"List Item",icon:z.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 q=c=>{const{blockProps:e,icon:t,styles:s,width:a,inBuilder:i,height:n}=c,o=D(s,f.cn(a?`w-[${a}px]`:"",n?`h-[${n}px]`:""));if(u.isEmpty(t))return r.jsxRuntimeExports.jsx(x.EmptySlot,{inBuilder:i,className:"h-8 w-14"});const v=t.replace(/<svg /g,'<svg class="w-[inherit] h-[inherit]" ');return h.createElement("span",{...e,...o,dangerouslySetInnerHTML:{__html:v}})};d.registerChaiBlock(q,{type:"Icon",label:"Icon",category:"core",icon:z.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 U=c=>{const{blockProps:e,image:t,styles:s,alt:a,height:i,width:n}=c;return u.isEmpty(t)?r.jsxRuntimeExports.jsx(x.EmptySlot,{className:"h-36"}):h.createElement("img",{...e,...s,src:t,alt:a,loading:"lazy",height:i,width:n})};d.registerChaiBlock(U,{type:"Image",label:"Image",category:"core",icon:z.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 F=c=>{var n;const{blockProps:e,inBuilder:t,styles:s,children:a}=c;let i=null;return!a&&t&&(i=r.jsxRuntimeExports.jsx("div",{className:f.cn("flex flex-col items-center justify-center",(n=c.emptyStyles)==null?void 0:n.className),children:r.jsxRuntimeExports.jsx("div",{className:"h-full w-full rounded-md border-4 border-dashed",children:r.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"},a||i)};d.registerChaiBlock(F,{type:"Slot",label:"Slot",group:"basic",category:"core",hidden:!0,props:{styles:l.o({default:""}),emptyStyles:l.o({default:""})},canAcceptBlock:()=>!0});const I=/^(https?:\/\/)?(www\.)?youtube\.com\/(watch\?v=|embed\/)([a-zA-Z0-9_-]{11})/,b=/^(https?:\/\/)?(www\.)?player.vimeo\.com/,w=/^(https?:\/\/)?(www\.)?dailymotion\.com\/(video|embed\/video)\/([a-zA-Z0-9_-]+)/,O=c=>{if(I.test(c)){const e=c.match(I);return e?`https://www.youtube.com/embed/${e[4]}`:c}if(b.test(c)){const e=c.match(b);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},$=h.memo(c=>{const{blockProps:e,inBuilder:t,styles:s,url:a,controls:i}=c,n=u.get(i,"autoPlay",!1),o=u.get(i,"controls",!1),v=n||u.get(i,"muted",!0),M=u.get(i,"loop",!1);if(u.isEmpty(a))return r.jsxRuntimeExports.jsx(x.EmptySlot,{inBuilder:t,className:"h-36"});let p=O(a),g=null;if(p){if(!u.isEmpty(p)){const m=[];m.push(`autoplay=${n?1:0}`),m.push(`controls=${i?1:0}`),m.push(`mute=${v?1:0}&muted=${v?1:0}`),m.push(`loop=${M?1:0}`),p=`${p}?${m.join("&")}`}g=h.createElement("iframe",{...e,className:"absolute inset-0 w-full h-full",src:p,allow:t?"":"autoplay *; fullscreen *",allowFullScreen:!0,frameBorder:0})}else g=h.createElement("video",{...e,className:"absolute inset-0 w-full h-full",src:a,controls:o,muted:v,autoPlay:t?!1:n,loop:M});return r.jsxRuntimeExports.jsx("div",{...u.pick(s,["className"]),children:r.jsxRuntimeExports.jsxs("div",{className:"relative w-full overflow-hidden",style:{paddingBottom:"56.25%"},children:[t?r.jsxRuntimeExports.jsx("div",{...e,...u.omit(s,["className"]),className:"absolute inset-0 z-20 h-full w-full"}):null,g]})})});d.registerChaiBlock($,{type:"Video",label:"Video",category:"core",icon:z.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 V=c=>{const{blockProps:e,styles:t,htmlCode:s,inBuilder:a}=c;return a?r.jsxRuntimeExports.jsxs("div",{className:"relative",children:[a?r.jsxRuntimeExports.jsx("div",{...e,...t,className:"absolute z-20 h-full w-full"}):null,h.createElement("div",{...t,dangerouslySetInnerHTML:{__html:s.replace(/<script.*?>.*?<\/script>/g,"")}})]}):h.createElement("div",{...e,...t,dangerouslySetInnerHTML:{__html:s}})};d.registerChaiBlock(V,{type:"CustomHTML",label:"Custom HTML",category:"core",icon:z.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 W(c){return G.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"},child:[]}]})(c)}const J=c=>{const{scripts:e,inBuilder:t,blockProps:s}=c;return t?r.jsxRuntimeExports.jsx("div",{...s}):r.jsxRuntimeExports.jsx("div",{dangerouslySetInnerHTML:{__html:e}})};d.registerChaiBlock(J,{type:"CustomScript",label:"Custom Script",category:"core",icon:W,group:"advanced",props:{scripts:l.u({title:"Script",default:"",placeholder:"<script>console.log('Hello, world!');<\/script>"})},canAcceptBlock:()=>!1});const Y=c=>{const{blockProps:e,styles:t}=c;return h.createElement("hr",{...t,...e})};d.registerChaiBlock(Y,{type:"Divider",label:"Divider",category:"core",icon:z.DividerHorizontalIcon,group:"basic",props:{styles:l.o({default:"bg-gray-900 h-0.5 py-2 my-1"})}});const Z=c=>c.inBuilder||c.forceWrapper?r.jsxRuntimeExports.jsx("span",{"data-ai-key":"content",...c.blockProps,children:c.content}):`${c.content}`;d.registerChaiBlock(Z,{type:"Text",label:"Text",hidden:!0,category:"core",group:"typography",icon:z.SpaceBetweenVerticallyIcon,props:{content:l.r({title:"Content",defaultValue:""})}});const K=()=>null;d.registerChaiBlock(K,{type:"Dark Mode",label:"Dark Mode",category:"core",icon:z.MoonIcon,group:"advanced",blocks:[{_id:"ultqCh",_type:"Span",tag:"span",styles:"#styles:,",_name:"Dark Mode Switcher"},{_id:"vroabi",_parent:"ultqCh",_type:"Button",styles_attrs:{type:"button","x-on:click":"darkMode = 'dark'","x-show":"darkMode === 'light'"},styles:"#styles:,bg-white dark:bg-black font-medium text-gray-800 rounded-full hover:bg-gray-200 focus:outline-none focus:bg-gray-200 dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800",_name:"Dark Mode Btn"},{_id:"eweibk",_parent:"vroabi",_type:"Span",tag:"span",styles:"#styles:,group inline-flex shrink-0 justify-center items-center size-9"},{_id:"nltBrv",_parent:"eweibk",_type:"Icon",styles:"#styles:, shrink-0 size-4",icon:"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z'></path></svg>"},{_id:"gesydi",_parent:"ultqCh",_type:"Button",styles_attrs:{type:"button","x-on:click":"darkMode = 'light'","x-show":"darkMode === 'dark'"},styles:"#styles:,bg-white dark:bg-black font-medium text-gray-800 rounded-full hover:bg-gray-200 focus:outline-none focus:bg-gray-200 dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800",_name:"Light Mode Btn"},{_id:"sgbhDo",_parent:"gesydi",_type:"Span",tag:"span",styles:"#styles:,group inline-flex shrink-0 justify-center items-center size-9"},{_id:"AdDwBC",_parent:"sgbhDo",_type:"Icon",styles:"#styles:, shrink-0 size-4",icon:"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='4'></circle><path d='M12 2v2'></path><path d='M12 20v2'></path><path d='m4.93 4.93 1.41 1.41'></path><path d='m17.66 17.66 1.41 1.41'></path><path d='M2 12h2'></path><path d='M20 12h2'></path><path d='m6.34 17.66-1.41 1.41'></path><path d='m19.07 4.93-1.41 1.41'></path></svg>"}]});const X=c=>{const{blockProps:e,backgroundImage:t,children:s,styles:a}=c;let i={};return t&&(i={backgroundImage:`url(${t})`}),h.createElement("div",{...e,...a,style:i},s)};d.registerChaiBlock(X,{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 Q=c=>{const{blockProps:e,styles:t}=c;return h.createElement("br",{...e,...t})};d.registerChaiBlock(Q,{type:"LineBreak",label:"Line Break",category:"core",group:"basic",hidden:!0,icon:z.SpaceBetweenVerticallyIcon,props:{styles:l.o({default:""})}});const B=c=>{const e=(i,n)=>({_id:f.generateUUID(),_parent:i,_type:"TableCell",styles:"#styles:,",content:`${c==="TableHead"?"Table Head":"Table Cell "+n}`}),t=i=>{const n=f.generateUUID(),o={_type:"TableRow",_id:n,styles:"#styles:,border-b"};return i&&(o._parent=i),[o,e(n,"1"),e(n,"2"),e(n,"3")]},s=i=>{const n=f.generateUUID(),o={_id:n,_type:"TableHead",styles:"#styles:,font-medium"};return i&&(o._parent=i),[o,...t(n)]},a=i=>{const n=f.generateUUID(),o={_id:n,_type:"TableBody",styles:"#styles:,"};return i&&(o._parent=i),[o,...t(n),...t(n)]};if(c==="Table"){const i=f.generateUUID();return[{_id:i,_type:"Table",styles:"#styles:,w-full text-left text-gray-500 dark:text-gray-400"},...s(i),...a(i)]}return c==="TableRow"?t():c==="TableHead"?s():c==="TableBody"?a():[]},c0=c=>{const{blockProps:e,children:t,styles:s}=c;return t?h.createElement("table",{...e,...s},t):r.jsxRuntimeExports.jsx(x.EmptySlot,{})};d.registerChaiBlock(c0,{type:"Table",label:"Table",category:"core",group:"table",hidden:!0,icon:z.TableIcon,props:{styles:l.o({default:""})},blocks:B("Table")});const t0=c=>{const{blockProps:e,children:t,styles:s}=c;return t?h.createElement("thead",{...e,...s},t):r.jsxRuntimeExports.jsx(x.EmptySlot,{})};d.registerChaiBlock(t0,{type:"TableHead",label:"Table Head",category:"core",group:"table",hidden:!0,icon:z.BorderTopIcon,props:{styles:l.o({default:""})},blocks:B("TableHead")});const l0=c=>{const{blockProps:e,children:t,styles:s}=c;return t?h.createElement("tbody",{...e,...s},t):r.jsxRuntimeExports.jsx(x.EmptySlot,{})};d.registerChaiBlock(l0,{type:"TableBody",label:"Table Body",category:"core",group:"table",hidden:!0,icon:z.BorderAllIcon,props:{styles:l.o({default:""})},blocks:B("TableBody")});const e0=c=>{const{blockProps:e,children:t,styles:s}=c;return t?h.createElement("tr",{...e,...s},t):r.jsxRuntimeExports.jsx(x.EmptySlot,{})};d.registerChaiBlock(e0,{type:"TableRow",label:"Table Row",category:"core",group:"table",hidden:!0,icon:z.ViewHorizontalIcon,props:{styles:l.o({default:"w-full"})},blocks:B("TableRow")});const s0=c=>{const{blockProps:e,children:t,content:s,styles:a}=c;return!t&&u.isEmpty(s)?r.jsxRuntimeExports.jsx(x.EmptySlot,{}):t?h.createElement("td",{...e,...a},t):h.createElement("td",{...e,...a,dangerouslySetInnerHTML:{__html:s}})};d.registerChaiBlock(s0,{type:"TableCell",label:"Table Cell",category:"core",group:"table",hidden:!0,icon:z.DragHandleHorizontalIcon,props:{styles:l.o({default:""}),content:l.b({title:"Content",default:"Table cell item",ai:{html:!0}})}});const a0=c=>{const{blockProps:e,errorMessage:t,name:s,_type:a,successMessage:i,action:n,styles:o,children:v}=c;let M=v;v||(M=r.jsxRuntimeExports.jsx(x.EmptySlot,{}));const p={"x-data":"useForm","x-on:submit.prevent":"post"},g={"x-html":"formResponse",":class":"{'text-red-500': formStatus === 'ERROR', 'text-green-500': formStatus === 'SUCCESS'}"};return r.jsxRuntimeExports.jsxs("form",{...p,"data-error":t,"data-success":i,method:"post",action:n,...e,...o,children:[r.jsxRuntimeExports.jsx("div",{...g}),r.jsxRuntimeExports.jsx("input",{name:"formname",type:"hidden",value:s||a}),M]})};d.registerChaiBlock(a0,{type:"Form",label:"Form",category:"core",icon:z.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 i0=c=>{const{blockProps:e,content:t,styles:s,children:a}=c,i={...s,...e};return a?h.createElement("label",i,a):h.createElement("label",{...i,dangerouslySetInnerHTML:{__html:t}})};d.registerChaiBlock(i0,{type:"Label",label:"Label",category:"core",icon:z.LetterCaseToggleIcon,group:"form",hidden:!0,props:{styles:l.o({default:""}),content:l.g({title:"Content",default:"Label",ai:{html:!1}})}});const r0=c=>{const{blockProps:e,inBuilder:t,label:s,styles:a,inputStyles:i,icon:n,iconPos:o}=c,v=f.generateUUID(),M={"x-bind:disabled":"formLoading"};return r.jsxRuntimeExports.jsxs("button",{id:v,...M,...i,...a,...e||{},type:t?"button":"submit",children:[s,n&&r.jsxRuntimeExports.jsx("span",{className:o,dangerouslySetInnerHTML:{__html:n}})]})};d.registerChaiBlock(r0,{type:"FormButton",label:"Submit Button",category:"core",icon:z.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 n0=c=>{const{blockProps:e,fieldName:t,label:s,styles:a,inputStyles:i,required:n,checked:o,showLabel:v=!0}=c,M=f.generateUUID();return v?r.jsxRuntimeExports.jsxs("div",{...a,...e,children:[r.jsxRuntimeExports.jsx("input",{...i,name:t,id:M,type:"checkbox",required:n,defaultChecked:o}),s&&s!=="Label"&&r.jsxRuntimeExports.jsx("label",{htmlFor:M,children:s})]}):r.jsxRuntimeExports.jsx("input",{id:M,...e,...i,...a,type:"checkbox",required:n,name:t})};d.registerChaiBlock(n0,{type:"Checkbox",label:"Checkbox",category:"core",icon:z.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 o0=c=>{const{blockProps:e,label:t,placeholder:s,styles:a,inputStyles:i,showLabel:n,required:o,inputType:v="text",inBuilder:M,fieldName:p}=c,g=f.generateUUID();return!n||v==="submit"?(v==="submit"&&(e.value=t),r.jsxRuntimeExports.jsx("input",{id:g,name:p,readOnly:M,...e,...i,...a,type:v,placeholder:s,required:o})):r.jsxRuntimeExports.jsxs("div",{...a,...e,children:[n&&r.jsxRuntimeExports.jsx("label",{htmlFor:g,children:t}),r.jsxRuntimeExports.jsx("input",{name:p,readOnly:M,...i,id:g,type:v,placeholder:s,required:o})]})};d.registerChaiBlock(o0,{type:"Input",label:"Input",category:"core",icon:z.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 h0=c=>{const{blockProps:e,fieldName:t,label:s,styles:a,inputStyles:i,checked:n,required:o,showLabel:v=!0}=c,M=f.generateUUID();return v?r.jsxRuntimeExports.jsxs("div",{...a,...e,children:[r.jsxRuntimeExports.jsx("input",{...i,name:t,id:M,type:"radio",required:o,defaultChecked:n}),s&&r.jsxRuntimeExports.jsx("label",{htmlFor:M,children:s})]}):r.jsxRuntimeExports.jsx("input",{id:M,...e,...i,...a,type:"radio",required:o,checked:n,name:t})};d.registerChaiBlock(h0,{type:"Radio",label:"Radio",category:"core",icon:z.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 d0=c=>{const{blockProps:e,fieldName:t,label:s,placeholder:a,styles:i,inputStyles:n,required:o,showLabel:v,_multiple:M=!1}=c,p=f.generateUUID();return v?r.jsxRuntimeExports.jsxs("div",{...i,children:[v&&r.jsxRuntimeExports.jsx("label",{htmlFor:p,children:s}),r.jsxRuntimeExports.jsxs("select",{...n,id:p,required:o,multiple:M,name:t,children:[r.jsxRuntimeExports.jsx("option",{value:"",disabled:!0,selected:!0,hidden:!0,children:a}),u.map(c.options,g=>r.jsxRuntimeExports.jsx("option",{selected:u.get(g,"selected",!1),value:g.value,dangerouslySetInnerHTML:{__html:g.label}},g.value))]})]}):r.jsxRuntimeExports.jsxs("select",{id:p,...i,...e,required:o,multiple:M,name:t,children:[r.jsxRuntimeExports.jsx("option",{value:"",disabled:!0,selected:!0,hidden:!0,children:a}),u.map(c.options,g=>r.jsxRuntimeExports.jsx("option",{selected:u.get(g,"selected",!1),value:g.value,dangerouslySetInnerHTML:{__html:g.label}},g.value))]})};d.registerChaiBlock(d0,{type:"Select",label:"Select",category:"core",icon:z.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 v0=c=>{const{blockProps:e,fieldName:t,label:s,placeholder:a,styles:i,inputStyles:n,_rows:o,showLabel:v}=c,M=f.generateUUID();return v?r.jsxRuntimeExports.jsxs("div",{...i,...e,children:[v&&r.jsxRuntimeExports.jsx("label",{htmlFor:M,children:s}),r.jsxRuntimeExports.jsx("textarea",{name:t,...n,id:M,placeholder:a,rows:o})]}):r.jsxRuntimeExports.jsx("textarea",{id:M,name:t,...e,...n,...i,placeholder:a,rows:o})};d.registerChaiBlock(v0,{type:"TextArea",label:"TextArea",category:"core",icon:z.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 M0=u.noop;exports.loadWebBlocks=M0;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("@chaibuilder/runtime"),n=require("./jsx-runtime-JYMCiFoE.cjs"),C=require("react"),e=require("./iconBase-vJD0OXxU.cjs"),g=require("@radix-ui/react-icons"),f=require("lodash-es");require("clsx");require("tailwind-merge");function I(t){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const l in t)if(l!=="default"){const s=Object.getOwnPropertyDescriptor(t,l);Object.defineProperty(o,l,s.get?s:{enumerable:!0,get:()=>t[l]})}}return o.default=t,Object.freeze(o)}const m=I(C),w=({className:t="",inBuilder:o})=>o?n.jsxRuntimeExports.jsx("div",{className:e.cn("pointer-events-none flex h-20 flex-col items-center justify-center p-2",t),children:n.jsxRuntimeExports.jsx("div",{className:"h-full w-full rounded bg-gray-200 p-2",children:n.jsxRuntimeExports.jsx("div",{className:"flex h-full w-full items-center justify-center outline-dashed outline-1 -outline-offset-1 outline-gray-400 duration-300"})})}):null,b=w,L=t=>{const{blockProps:o,inBuilder:l,backgroundImage:s,children:r,tag:a="div",styles:i}=t;let u=r;r||(u=n.jsxRuntimeExports.jsx(b,{inBuilder:l}));let c={};return s&&(c={backgroundImage:`url(${s})`}),m.createElement(a,{...o,...i,style:c},u)},_={type:"Box",label:"Box",category:"core",group:"basic",props:{styles:e.o({default:""}),tag:e.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:e.v({title:"Background Image"})},canAcceptBlock:()=>!0},R=t=>{const{blockProps:o,iconSize:l,icon:s,content:r,iconPos:a,styles:i,children:u}=t,c=s,d=u||n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[n.jsxRuntimeExports.jsx("span",{"data-ai-key":"content",children:r}),c&&n.jsxRuntimeExports.jsx("div",{style:{width:l+"px"},className:a+" "+(a==="order-first"?"mr-2":"ml-2")||"",dangerouslySetInnerHTML:{__html:c}})]});return m.createElement("button",{...o,...i,type:"button"},d)},S={type:"Button",label:"Button",category:"core",icon:g.ButtonIcon,group:"basic",props:{content:e.g({title:"Label",default:"Button"}),styles:e.o({default:"text-white bg-primary px-4 py-2 rounded-global flex items-center"}),icon:e.T({title:"Icon",default:""}),iconSize:e.y({title:"Icon Size",default:24}),iconPos:e.f({title:"Icon Position",default:"order-last",options:[{title:"Start",value:"order-first"},{title:"End",value:"order-last"}]})}},M=t=>{const{blockProps:o,styles:l,htmlCode:s,inBuilder:r}=t;return r?n.jsxRuntimeExports.jsxs("div",{className:"relative",children:[r?n.jsxRuntimeExports.jsx("div",{...o,...l,className:"absolute z-20 h-full w-full"}):null,m.createElement("div",{...l,dangerouslySetInnerHTML:{__html:s.replace(/<script.*?>.*?<\/script>/g,"")}})]}):m.createElement("div",{...o,...l,dangerouslySetInnerHTML:{__html:s}})},T={type:"CustomHTML",label:"Custom HTML",category:"core",icon:g.CodeIcon,group:"advanced",props:{styles:e.o({default:""}),htmlCode:e.u({title:"HTML Code",default:"<div><p>HTML Snippet goes here...</p></div>",placeholder:"Enter custom HTML code here"})},canAcceptBlock:()=>!1},P=m.memo(t=>{const{blockProps:o,styles:l}=t;return m.createElement("div",{...o,...l})}),N={type:"EmptyBox",label:"Empty Box",category:"core",group:"basic",props:{styles:e.o({default:""})},canAcceptBlock:()=>!1},$=t=>{const{blockProps:o,styles:l,content:s,level:r="h1",children:a=null}=t;return a?m.createElement(r,{...l,...o},a):m.createElement(r,{...l,...o,"data-ai-key":"content","data-ai-type":"html",dangerouslySetInnerHTML:{__html:s}})},H={type:"Heading",label:"Heading",category:"core",icon:g.HeadingIcon,group:"typography",props:{level:e.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:e.o({default:"text-3xl"}),content:e.r({title:"Content",default:"Heading goes here"})},canAcceptBlock:t=>t==="Span"||t==="Text"},q=t=>{const{blockProps:o,styles:l,content:s}=t;return f.isNull(t.children)?m.createElement("p",{...l,...o,"data-ai-key":"content","data-ai-type":"html",dangerouslySetInnerHTML:{__html:s}}):m.createElement("p",{...l,...o},t.children)},D={type:"Paragraph",label:"Paragraph",category:"core",icon:g.TextIcon,group:"typography",props:{styles:e.o({default:""}),content:e.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:t=>t==="Span"||t==="Link"||t==="Text"},A=t=>{const{blockProps:o,styles:l,content:s,children:r=null,tag:a}=t;return r?m.createElement("span",{...l,...o},r):m.createElement(a||"span",{...l,...o,"data-ai-key":"content",dangerouslySetInnerHTML:{__html:s}})},z={type:"Span",label:"Span",category:"core",group:"typography",props:{styles:e.o({default:""}),content:e.r({title:"Content",default:""})},canAcceptBlock:()=>!0},F=t=>{const{blockProps:o,content:l,styles:s}=t;return n.jsxRuntimeExports.jsx("div",{className:"max-w-full",children:n.jsxRuntimeExports.jsx("div",{"data-ai-key":"content","data-ai-type":"richtext",...o,...s,dangerouslySetInnerHTML:{__html:l}})})},U={type:"RichText",label:"Rich Text",category:"core",icon:g.CursorTextIcon,group:"typography",props:{styles:e.o({default:""}),content:e.b({title:"Content",default:"<p>This is a rich text block. You can add text, and other content here.</p>"})}},O=t=>{const{blockProps:o,link:l,children:s,styles:r,inBuilder:a,content:i}=t;return!s&&f.isEmpty(r==null?void 0:r.className)&&f.isEmpty(i)?n.jsxRuntimeExports.jsx(b,{inBuilder:a}):a?s?n.jsxRuntimeExports.jsx("span",{...o,...r,children:s}):m.createElement("span",{...o,...r,dangerouslySetInnerHTML:{__html:i}}):s?n.jsxRuntimeExports.jsx("a",{href:(l==null?void 0:l.href)||"#/",target:l==null?void 0:l.target,...o,...r,children:s}):m.createElement("a",{...o,...r,"data-ai-key":"content",href:(l==null?void 0:l.href)||"#",target:(l==null?void 0:l.target)||"_self",dangerouslySetInnerHTML:{__html:i}})},V={type:"Link",label:"Link",category:"core",icon:g.Link1Icon,group:"basic",props:{styles:e.o({default:""}),content:e.g({title:"Content",default:""}),link:e.q({title:"Link",default:{type:"page",target:"_self",href:"#"}})},canAcceptBlock:t=>t!=="Link"},E=(t,...o)=>({...t,className:e.cn(t.className,...o)}),W=t=>{const{blockProps:o,children:l,styles:s,inBuilder:r,content:a,href:i}=t,{hrefType:u,autoplay:c,maxWidth:d,backdropColor:y,galleryName:h}=t,x=E(s,"cb-lightbox");if(!l&&f.isEmpty(s==null?void 0:s.className)&&f.isEmpty(a))return n.jsxRuntimeExports.jsx(b,{inBuilder:r});if(r)return l?n.jsxRuntimeExports.jsx("span",{...o,...x,children:l}):m.createElement("span",{...o,...x,dangerouslySetInnerHTML:{__html:a}});const k={};return k["data-vbtype"]=u,c&&(k["data-autoplay"]="true"),d&&(k["data-maxwidth"]=d+"px"),y&&(k["data-overlay"]=y),h&&(k["data-gall"]=h),l?n.jsxRuntimeExports.jsx("a",{...k,href:i||"#/",...o,...x,children:l}):m.createElement("a",{...o,...x,...k,href:i||"#",dangerouslySetInnerHTML:{__html:a}})},G={type:"LightBoxLink",label:"LightBox Link",category:"core",icon:g.ImageIcon,group:"basic",props:{styles:e.o({default:""}),content:e.g({title:"Content",default:"Link text or drop blocks inside"}),href:e.g({title:"Href",default:""}),hrefType:e.f({title:"Type",default:"video",options:[{value:"video",title:"video "},{value:"iframe",title:"iframe"},{value:"inline",title:"inline"},{value:"ajax",title:"ajax"}]}),autoplay:e.c({title:"Autoplay video",default:!1}),maxWidth:e.y({title:"Max Width",default:""}),backdropColor:e.g({title:"Backdrop Color",default:""}),galleryName:e.g({title:"Gallery name",default:""})},canAcceptBlock:t=>t!=="Link"&&t!=="LightBoxLink"},X=t=>{const{blockProps:o,children:l,listType:s,styles:r,tag:a,inBuilder:i}=t,u=e.cn(f.get(r,"className",""),s);return!l&&f.isEmpty(r==null?void 0:r.className)?n.jsxRuntimeExports.jsx(b,{inBuilder:i}):m.createElement(a||(s==="list-decimal"?"ol":"ul"),{...o,...r,className:u},l)},Y={type:"List",label:"List",icon:g.RowsIcon,category:"core",group:"basic",props:{styles:e.o({default:""}),listType:e.f({title:"List type",default:"list-none",options:[{value:"list-none",title:"None"},{value:"list-disc",title:"Disc"},{value:"list-decimal",title:"Number"}]})},canAcceptBlock:t=>t==="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"}]},Z=t=>{const{blockProps:o,content:l,styles:s,children:r,tag:a}=t;return r?m.createElement(a||"li",{...s,...o},r):m.createElement(a||"li",{...s,...o,"data-ai-key":"content",dangerouslySetInnerHTML:{__html:l}})},J={type:"ListItem",label:"List Item",icon:g.ColumnsIcon,category:"core",group:"basic",props:{styles:e.o({default:""}),content:e.r({title:"Content",default:"List item"})},canAcceptBlock:t=>t!=="ListItem",canBeNested:t=>t==="List"},K=t=>{const{blockProps:o,icon:l,styles:s,width:r,inBuilder:a,height:i}=t,u=E(s,e.cn(r?`w-[${r}px]`:"",i?`h-[${i}px]`:""));if(f.isEmpty(l))return n.jsxRuntimeExports.jsx(b,{inBuilder:a,className:"h-8 w-14"});const c=l.replace(/<svg /g,'<svg class="w-[inherit] h-[inherit]" ');return m.createElement("span",{...o,...u,dangerouslySetInnerHTML:{__html:c}})},Q={type:"Icon",label:"Icon",category:"core",icon:g.SketchLogoIcon,group:"media",props:{styles:e.o({default:"text-black"}),icon:e.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:e.y({title:"Width",default:""}),height:e.y({title:"Height",default:""})}},ee=t=>{const{blockProps:o,image:l,styles:s,alt:r,height:a,width:i}=t;return f.isEmpty(l)?n.jsxRuntimeExports.jsx(b,{className:"h-36"}):m.createElement("img",{...o,...s,src:l,alt:r,loading:"lazy",height:a,width:i})},te={type:"Image",label:"Image",category:"core",icon:g.ImageIcon,group:"media",props:{styles:e.o({default:""}),image:e.v({title:"Image",default:"https://fakeimg.pl/400x200?text=Choose&font=bebas"}),alt:e.g({title:"Alt",default:""}),width:e.g({title:"Width",default:""}),height:e.g({title:"Height",default:""})}},v=/^(https?:\/\/)?(www\.)?youtube\.com\/(watch\?v=|embed\/)([a-zA-Z0-9_-]{11})/,j=/^(https?:\/\/)?(www\.)?player.vimeo\.com/,B=/^(https?:\/\/)?(www\.)?dailymotion\.com\/(video|embed\/video)\/([a-zA-Z0-9_-]+)/,le=t=>{if(v.test(t)){const o=t.match(v);return o?`https://www.youtube.com/embed/${o[4]}`:t}if(j.test(t)){const o=t.match(j);return o?`https://player.vimeo.com/video/${o[3]}`:t}if(B.test(t)){const o=t.match(B);return o?`https://www.dailymotion.com/embed/video/${o[4]}`:t}return null},oe=m.memo(t=>{const{blockProps:o,inBuilder:l,styles:s,url:r,controls:a}=t,i=f.get(a,"autoPlay",!1),u=f.get(a,"controls",!1),c=i||f.get(a,"muted",!0),d=f.get(a,"loop",!1);if(f.isEmpty(r))return n.jsxRuntimeExports.jsx(b,{inBuilder:l,className:"h-36"});let y=le(r),h=null;if(y){if(!f.isEmpty(y)){const x=[];x.push(`autoplay=${i?1:0}`),x.push(`controls=${a?1:0}`),x.push(`mute=${c?1:0}&muted=${c?1:0}`),x.push(`loop=${d?1:0}`),y=`${y}?${x.join("&")}`}h=m.createElement("iframe",{...o,className:"absolute inset-0 w-full h-full",src:y,allow:l?"":"autoplay *; fullscreen *",allowFullScreen:!0,frameBorder:0})}else h=m.createElement("video",{...o,className:"absolute inset-0 w-full h-full",src:r,controls:u,muted:c,autoPlay:l?!1:i,loop:d});return n.jsxRuntimeExports.jsx("div",{...f.pick(s,["className"]),children:n.jsxRuntimeExports.jsxs("div",{className:"relative w-full overflow-hidden",style:{paddingBottom:"56.25%"},children:[l?n.jsxRuntimeExports.jsx("div",{...o,...f.omit(s,["className"]),className:"absolute inset-0 z-20 h-full w-full"}):null,h]})})}),se={type:"Video",label:"Video",category:"core",icon:g.VideoIcon,group:"media",props:{styles:e.o({default:""}),url:e.g({title:"Video URL",default:"https://www.youtube.com/watch?v=9xwazD5SyVg&ab_channel=MaximilianMustermann"}),controls:e.h({title:"Controls",properties:{autoPlay:e.c({title:"Autoplay",default:!0}),controls:e.c({title:"Show controls",default:!1}),loop:e.c({title:"Loop",default:!1}),muted:e.c({title:"Muted",default:!0})}})}};function re(t){return e.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"},child:[]}]})(t)}const ne=t=>{const{scripts:o,inBuilder:l,blockProps:s}=t;return l?n.jsxRuntimeExports.jsx("div",{...s}):n.jsxRuntimeExports.jsx("div",{dangerouslySetInnerHTML:{__html:o}})},ae={type:"CustomScript",label:"Custom Script",category:"core",icon:re,group:"advanced",props:{scripts:e.u({title:"Script",default:"",placeholder:"<script>console.log('Hello, world!');<\/script>"})},canAcceptBlock:()=>!1},ie=t=>{const{blockProps:o,styles:l}=t;return m.createElement("hr",{...l,...o})},ce={type:"Divider",label:"Divider",category:"core",icon:g.DividerHorizontalIcon,group:"basic",props:{styles:e.o({default:"bg-gray-900 h-0.5 py-2 my-1"})}},ue=()=>null,de={type:"Dark Mode",label:"Dark Mode",category:"core",icon:g.MoonIcon,group:"advanced",props:{},blocks:()=>[{_id:"ultqCh",_type:"Span",tag:"span",styles:"#styles:,",_name:"Dark Mode Switcher"},{_id:"vroabi",_parent:"ultqCh",_type:"Button",styles_attrs:{type:"button","x-on:click":"darkMode = 'dark'","x-show":"darkMode === 'light'"},styles:"#styles:,bg-white dark:bg-black font-medium text-gray-800 rounded-full hover:bg-gray-200 focus:outline-none focus:bg-gray-200 dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800",_name:"Dark Mode Btn"},{_id:"eweibk",_parent:"vroabi",_type:"Span",tag:"span",styles:"#styles:,group inline-flex shrink-0 justify-center items-center size-9"},{_id:"nltBrv",_parent:"eweibk",_type:"Icon",styles:"#styles:, shrink-0 size-4",icon:"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z'></path></svg>"},{_id:"gesydi",_parent:"ultqCh",_type:"Button",styles_attrs:{type:"button","x-on:click":"darkMode = 'light'","x-show":"darkMode === 'dark'"},styles:"#styles:,bg-white dark:bg-black font-medium text-gray-800 rounded-full hover:bg-gray-200 focus:outline-none focus:bg-gray-200 dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800",_name:"Light Mode Btn"},{_id:"sgbhDo",_parent:"gesydi",_type:"Span",tag:"span",styles:"#styles:,group inline-flex shrink-0 justify-center items-center size-9"},{_id:"AdDwBC",_parent:"sgbhDo",_type:"Icon",styles:"#styles:, shrink-0 size-4",icon:"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='4'></circle><path d='M12 2v2'></path><path d='M12 20v2'></path><path d='m4.93 4.93 1.41 1.41'></path><path d='m17.66 17.66 1.41 1.41'></path><path d='M2 12h2'></path><path d='M20 12h2'></path><path d='m6.34 17.66-1.41 1.41'></path><path d='m19.07 4.93-1.41 1.41'></path></svg>"}]},pe=t=>t.inBuilder||t.forceWrapper?n.jsxRuntimeExports.jsx("span",{"data-ai-key":"content",...t.blockProps,children:t.content}):`${t.content}`,me={type:"Text",label:"Text",hidden:!0,category:"core",group:"typography",icon:g.SpaceBetweenVerticallyIcon,props:{content:e.r({title:"Content",defaultValue:""})}},ge=t=>{const{blockProps:o,backgroundImage:l,children:s,styles:r}=t;let a={};return l&&(a={backgroundImage:`url(${l})`}),m.createElement("div",{...o,...r,style:a},s)},he={type:"Body",label:"Body",category:"core",group:"basic",hidden:!0,props:{styles:e.o({default:"font-body antialiased"}),backgroundImage:e.v({title:"Background Image"})},canAcceptBlock:()=>!0,canDelete:()=>!1,canMove:()=>!1,canDuplicate:()=>!1},fe=t=>{const{blockProps:o,styles:l}=t;return m.createElement("br",{...o,...l})},ye={type:"LineBreak",label:"Line Break",category:"core",group:"basic",hidden:!0,icon:g.SpaceBetweenVerticallyIcon,props:{styles:e.o({default:""})}},xe=t=>{const{blockProps:o,errorMessage:l,name:s,_type:r,successMessage:a,action:i,styles:u,children:c}=t;let d=c;c||(d=n.jsxRuntimeExports.jsx(b,{}));const y={"x-data":"useForm","x-on:submit.prevent":"post"},h={"x-html":"formResponse",":class":"{'text-red-500': formStatus === 'ERROR', 'text-green-500': formStatus === 'SUCCESS'}"};return n.jsxRuntimeExports.jsxs("form",{...y,"data-error":l,"data-success":a,method:"post",action:i,...o,...u,children:[n.jsxRuntimeExports.jsx("div",{...h}),n.jsxRuntimeExports.jsx("input",{name:"formname",type:"hidden",value:s||r}),d]})},be={type:"Form",label:"Form",category:"core",icon:g.GroupIcon,group:"form",hidden:!0,props:{styles:e.o({default:""}),action:e.g({title:"Submit URL",default:"/api/form/submit"}),errorMessage:e.b({title:"Error Message",default:"Something went wrong. Please try again"}),successMessage:e.b({title:"Success Message",default:"Thank you for your submission."})},canAcceptBlock:()=>!0},ke=t=>{const{blockProps:o,inBuilder:l,label:s,styles:r,inputStyles:a,icon:i,iconPos:u}=t,c=e.generateUUID(),d={"x-bind:disabled":"formLoading"};return n.jsxRuntimeExports.jsxs("button",{id:c,...d,...a,...r,...o||{},type:l?"button":"submit",children:[s,i&&n.jsxRuntimeExports.jsx("span",{className:u,dangerouslySetInnerHTML:{__html:i}})]})},ve={type:"FormButton",label:"Submit Button",category:"core",icon:g.ButtonIcon,group:"form",hidden:!0,props:{label:e.g({title:"Label",default:"Submit"}),styles:e.o({default:"text-white bg-primary disabled:bg-gray-400 px-4 py-2 rounded-global flex items-center gap-x-2"}),icon:e.T({title:"Icon",default:""}),iconPos:e.f({title:"Icon Position",default:"order-last",options:[{title:"Start",value:"order-first"},{title:"End",value:"order-last"}]})}},je=t=>{const{blockProps:o,label:l,placeholder:s,styles:r,inputStyles:a,showLabel:i,required:u,inputType:c="text",inBuilder:d,fieldName:y}=t,h=e.generateUUID();return!i||c==="submit"?(c==="submit"&&(o.value=l),n.jsxRuntimeExports.jsx("input",{id:h,name:y,readOnly:d,...o,...a,...r,type:c,placeholder:s,required:u})):n.jsxRuntimeExports.jsxs("div",{...r,...o,children:[i&&n.jsxRuntimeExports.jsx("label",{htmlFor:h,children:l}),n.jsxRuntimeExports.jsx("input",{name:y,readOnly:d,...a,id:h,type:c,placeholder:s,required:u})]})},Be={type:"Input",label:"Input",category:"core",icon:g.InputIcon,group:"form",hidden:!0,props:{styles:e.o({default:""}),fieldName:e.g({title:"Field Name",default:"input"}),inputType:e.f({title:"Type",options:f.map(["text","email","password","number","tel","file","hidden","range","submit","color","date","time"],t=>({value:t,title:t})),default:"text"}),value:e.g({title:"Value",default:""}),showLabel:e.c({title:"Show label",default:!0}),inputStyles:e.o({default:"w-full p-1"}),label:e.g({title:"Label",default:"Label"}),placeholder:e.g({title:"Placeholder",default:"Placeholder"}),required:e.c({title:"Required",default:!1})}},Ee=t=>{const{blockProps:o,fieldName:l,label:s,styles:r,inputStyles:a,checked:i,required:u,showLabel:c=!0}=t,d=e.generateUUID();return c?n.jsxRuntimeExports.jsxs("div",{...r,...o,children:[n.jsxRuntimeExports.jsx("input",{...a,name:l,id:d,type:"radio",required:u,defaultChecked:i}),s&&n.jsxRuntimeExports.jsx("label",{htmlFor:d,children:s})]}):n.jsxRuntimeExports.jsx("input",{id:d,...o,...a,...r,type:"radio",required:u,checked:i,name:l})},Ce={type:"Radio",label:"Radio",category:"core",icon:g.RadiobuttonIcon,group:"form",hidden:!0,props:{styles:e.o({default:"flex items-center w-max gap-x-2"}),fieldName:e.g({title:"Field Name",default:"radio"}),label:e.g({title:"Label",default:"Label"}),checked:e.c({title:"Checked",default:!1}),required:e.c({title:"Required",default:!1})}},Ie=t=>{const{blockProps:o,fieldName:l,label:s,placeholder:r,styles:a,inputStyles:i,required:u,showLabel:c,_multiple:d=!1}=t,y=e.generateUUID();return c?n.jsxRuntimeExports.jsxs("div",{...a,children:[c&&n.jsxRuntimeExports.jsx("label",{htmlFor:y,children:s}),n.jsxRuntimeExports.jsxs("select",{...i,id:y,required:u,multiple:d,name:l,children:[n.jsxRuntimeExports.jsx("option",{value:"",disabled:!0,selected:!0,hidden:!0,children:r}),f.map(t.options,h=>n.jsxRuntimeExports.jsx("option",{selected:f.get(h,"selected",!1),value:h.value,dangerouslySetInnerHTML:{__html:h.label}},h.value))]})]}):n.jsxRuntimeExports.jsxs("select",{id:y,...a,...o,required:u,multiple:d,name:l,children:[n.jsxRuntimeExports.jsx("option",{value:"",disabled:!0,selected:!0,hidden:!0,children:r}),f.map(t.options,h=>n.jsxRuntimeExports.jsx("option",{selected:f.get(h,"selected",!1),value:h.value,dangerouslySetInnerHTML:{__html:h.label}},h.value))]})},we={type:"Select",label:"Select",category:"core",icon:g.DropdownMenuIcon,group:"form",hidden:!0,props:{styles:e.o({default:""}),fieldName:e.g({title:"Field Name",default:"select"}),showLabel:e.c({title:"Show label",default:!0}),inputStyles:e.o({default:"w-full p-1"}),label:e.g({title:"Label",default:"Label"}),placeholder:e.g({title:"Placeholder",default:"Placeholder"}),required:e.c({title:"Required",default:!1}),_multiple:e.c({title:"Multiple Choice",default:!1}),options:e.S({title:"Options",itemProperties:{label:e.g({title:"Label",default:""}),value:e.g({title:"Value",default:""})}})}},Le=t=>{const{blockProps:o,fieldName:l,label:s,placeholder:r,styles:a,inputStyles:i,_rows:u,showLabel:c}=t,d=e.generateUUID();return c?n.jsxRuntimeExports.jsxs("div",{...a,...o,children:[c&&n.jsxRuntimeExports.jsx("label",{htmlFor:d,children:s}),n.jsxRuntimeExports.jsx("textarea",{name:l,...i,id:d,placeholder:r,rows:u})]}):n.jsxRuntimeExports.jsx("textarea",{id:d,name:l,...o,...i,...a,placeholder:r,rows:u})},_e={type:"TextArea",label:"TextArea",category:"core",icon:g.InputIcon,group:"form",hidden:!0,props:{fieldName:e.g({title:"Field Name",default:"textarea"}),showLabel:e.c({title:"Show label",default:!0}),styles:e.o({default:""}),inputStyles:e.o({default:"w-full p-1"}),label:e.g({title:"Label",default:"Label"}),placeholder:e.g({title:"Placeholder",default:"Placeholder"}),_rows:e.y({title:"Rows",default:3})}},Re=t=>{const{blockProps:o,fieldName:l,label:s,styles:r,inputStyles:a,required:i,checked:u,showLabel:c=!0}=t,d=e.generateUUID();return c?n.jsxRuntimeExports.jsxs("div",{...r,...o,children:[n.jsxRuntimeExports.jsx("input",{...a,name:l,id:d,type:"checkbox",required:i,defaultChecked:u}),s&&s!=="Label"&&n.jsxRuntimeExports.jsx("label",{htmlFor:d,children:s})]}):n.jsxRuntimeExports.jsx("input",{id:d,...o,...a,...r,type:"checkbox",required:i,name:l})},Se={type:"Checkbox",label:"Checkbox",category:"core",icon:g.CheckboxIcon,group:"form",hidden:!0,props:{fieldName:e.g({title:"Field Name",default:"checkbox"}),styles:e.o({default:"flex items-center gap-x-2"}),label:e.g({title:"Label",default:"Label"}),checked:e.c({title:"Checked",default:!1}),required:e.c({title:"Required",default:!1})}},Me=()=>{p.registerChaiBlock(L,_),p.registerChaiBlock(P,N),p.registerChaiBlock(R,S),p.registerChaiBlock($,H),p.registerChaiBlock(q,D),p.registerChaiBlock(A,z),p.registerChaiBlock(F,U),p.registerChaiBlock(O,V),p.registerChaiBlock(W,G),p.registerChaiBlock(X,Y),p.registerChaiBlock(Z,J),p.registerChaiBlock(K,Q),p.registerChaiBlock(ee,te),p.registerChaiBlock(oe,se),p.registerChaiBlock(M,T),p.registerChaiBlock(pe,me),p.registerChaiBlock(xe,be),p.registerChaiBlock(ke,ve),p.registerChaiBlock(je,Be),p.registerChaiBlock(Re,Se),p.registerChaiBlock(Ee,Ce),p.registerChaiBlock(Ie,we),p.registerChaiBlock(Le,_e),p.registerChaiBlock(fe,ye),p.registerChaiBlock(ge,he),p.registerChaiBlock(ne,ae),p.registerChaiBlock(ie,ce),p.registerChaiBlock(ue,de)};exports.loadWebBlocks=Me;

package/dist/web-blocks.d.ts

@@ -1,3 +1,3 @@
-export declare const loadWebBlocks: any;
+export declare const loadWebBlocks: () => void;
 
 export { }