@chaibuilder/sdk 1.2.41 → 1.2.43

package/dist/web-blocks.cjs

@@ -1,4 +1,4 @@
-"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"),b=require("./empty-slot-nzYOgZuS.cjs"),h=require("@radix-ui/react-icons"),f=require("./Functions-N3yhPYKY.cjs"),E=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 t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const l in e)if(l!=="default"){const s=Object.getOwnPropertyDescriptor(e,l);Object.defineProperty(t,l,s.get?s:{enumerable:!0,get:()=>e[l]})}}return t.default=e,Object.freeze(t)}const u=R(w),T=u.memo(e=>{const{blockProps:t,inBuilder:l,backgroundImage:s,children:r,tag:a="div",styles:i}=e;let c=r;r||(c=n.jsxRuntimeExports.jsx(b.EmptySlot,{blockProps:{},styles:{},inBuilder:l}));let p={};return s&&(p={backgroundImage:`url(${s})`}),u.createElement(a,{...t,...i,style:p},c)});d.registerChaiBlock(T,{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 C=u.memo(e=>{const{blockProps:t,styles:l}=e;return u.createElement("div",{...t,...l})});d.registerChaiBlock(C,{type:"EmptyBox",label:"Empty Box",category:"core",group:"basic",props:{styles:o.S({default:""})},canAcceptBlock:()=>!1});const L=e=>{const{blockProps:t,styles:l,content:s,level:r="h1",children:a=null}=e;return a?u.createElement(r,{...l,...t},a):u.createElement(r,{...l,...t,"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:t,styles:l,content:s}=e;return y.isNull(e.children)?u.createElement("p",{...l,...t,"data-ai-key":"content","data-ai-type":"html",dangerouslySetInnerHTML:{__html:s}}):u.createElement("p",{...l,...t},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:t,styles:l,content:s,children:r=null,tag:a}=e;return r?u.createElement("span",{...l,...t},r):u.createElement(a||"span",{...l,...t,"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:"Enter your content"})},canAcceptBlock:()=>!0});const A=e=>{const{blockProps:t,content:l,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",...t,...s,dangerouslySetInnerHTML:{__html:l}})})};d.registerChaiBlock(A,{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 M=e=>{const{blockProps:t,iconSize:l,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:l+"px"},className:a+" "+(a==="order-first"?"mr-2":"ml-2")||"",dangerouslySetInnerHTML:{__html:p}})]});return u.createElement("button",{...t,...i,type:"button"},m)};d.registerChaiBlock(M,{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 N=e=>{const{blockProps:t,link:l,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(b.EmptySlot,{blockProps:t,inBuilder:a}):a?s?n.jsxRuntimeExports.jsx("span",{"data-simulate":"a",...t,...r,children:s}):u.createElement("span",{...t,...r,dangerouslySetInnerHTML:{__html:i},"data-simulate":"a"}):s?n.jsxRuntimeExports.jsx("a",{href:l.href||"#/",target:l.target,...t,...r,children:s}):u.createElement("a",{...t,...r,"data-ai-key":"content",href:l.href||"#",target:l.target||"_self",dangerouslySetInnerHTML:{__html:i}})};d.registerChaiBlock(N,{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:()=>!0});const H=e=>{const{blockProps:t,children:l,listType:s,styles:r,tag:a,inBuilder:i}=e,c=f.cn(y.get(r,"className",""),s);return!l&&y.isEmpty(r==null?void 0:r.className)?n.jsxRuntimeExports.jsx(b.EmptySlot,{inBuilder:i,blockProps:t,text:"LIST ITEM"}):u.createElement(a||(s==="list-decimal"?"ol":"ul"),{...t,...r,className:c},l)};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-disc",options:[{value:"list-none",title:"None"},{value:"list-disc",title:"Disc"},{value:"list-decimal",title:"Number"}]})},canAcceptBlock:e=>e==="ListItem",blocks:[{_type:"List",_id:"a",listType:"list-none",styles:"#styles:,"},{_type:"ListItem",_id:"b",_parent:"a",styles:"#styles:,",content:"Item 1"},{_type:"ListItem",_id:"c",_parent:"a",styles:"#styles:,",content:"Item 2"},{_type:"ListItem",_id:"d",_parent:"a",styles:"#styles:,",content:"Item 3"}]});const D=e=>{const{blockProps:t,content:l,styles:s,children:r,tag:a}=e;return r?u.createElement(a||"li",{...s,...t},r):u.createElement(a||"li",{...s,...t,"data-ai-key":"content",dangerouslySetInnerHTML:{__html:l}})};d.registerChaiBlock(D,{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,...t)=>({...e,className:f.cn(e.className,...t)}),U=e=>{const{blockProps:t,icon:l,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(l))return n.jsxRuntimeExports.jsx(b.EmptySlot,{blockProps:t,text:"",inBuilder:a,className:"h-8 w-14"});const p=l.replace(/<svg /g,'<svg class="w-[inherit] h-[inherit]" ');return u.createElement("span",{...t,...c,dangerouslySetInnerHTML:{__html:p}})};d.registerChaiBlock(U,{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:t,image:l,styles:s,alt:r,height:a,width:i}=e;return y.isEmpty(l)?n.jsxRuntimeExports.jsx(b.EmptySlot,{blockProps:t,text:"IMAGE URL",className:"h-36"}):u.createElement("img",{...t,...s,src:l,alt:r,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:t,inBuilder:l,styles:s,children:r}=e;let a=null;return!r&&l&&(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,...t,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 j=/^(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_-]+)/,O=e=>{if(j.test(e)){const t=e.match(j);return t?`https://www.youtube.com/embed/${t[4]}`:e}if(S.test(e)){const t=e.match(S);return t?`https://player.vimeo.com/video/${t[3]}`:e}if(I.test(e)){const t=e.match(I);return t?`https://www.dailymotion.com/embed/video/${t[4]}`:e}return null},z=u.memo(e=>{const{blockProps:t,inBuilder:l,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(b.EmptySlot,{inBuilder:l,blockProps:t,text:"VIDEO URL",className:"h-36"});let x=O(r),g=null;if(x){if(!y.isEmpty(x)){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}`),x=`${x}?${v.join("&")}`}g=u.createElement("iframe",{...t,className:"absolute inset-0 w-full h-full",src:x,allow:l?"":"autoplay *; fullscreen *",allowFullScreen:!0,frameBorder:0})}else g=u.createElement("video",{...t,className:"absolute inset-0 w-full h-full",src:r,controls:c,muted:p,autoPlay:l?!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:[l?n.jsxRuntimeExports.jsx("div",{...t,...y.omit(s,["className"]),className:"absolute inset-0 z-20 h-full w-full"}):null,g]})})});d.registerChaiBlock(z,{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 $=u.memo(e=>{const{blockProps:t,styles:l,content:s,inBuilder:r}=e;return n.jsxRuntimeExports.jsxs("div",{className:"relative",children:[r?n.jsxRuntimeExports.jsx("div",{...t,...l,className:"absolute z-20 h-full w-full"}):null,u.createElement("div",{...l,dangerouslySetInnerHTML:{__html:s}})]})});d.registerChaiBlock($,{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:t,styles:l}=e;return u.createElement("hr",{...l,...t})};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:t,styles:l})=>{const s=k(l,"hs-accordion-group");return n.jsxRuntimeExports.jsx("div",{...t,...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 E.getBlocksFromHTML(`<div class="hs-accordion-group">
+"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"),b=require("./empty-slot-nzYOgZuS.cjs"),h=require("@radix-ui/react-icons"),f=require("./Functions-N3yhPYKY.cjs"),E=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 t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const l in e)if(l!=="default"){const s=Object.getOwnPropertyDescriptor(e,l);Object.defineProperty(t,l,s.get?s:{enumerable:!0,get:()=>e[l]})}}return t.default=e,Object.freeze(t)}const u=R(w),T=u.memo(e=>{const{blockProps:t,inBuilder:l,backgroundImage:s,children:r,tag:a="div",styles:i}=e;let c=r;r||(c=n.jsxRuntimeExports.jsx(b.EmptySlot,{blockProps:{},styles:{},inBuilder:l}));let p={};return s&&(p={backgroundImage:`url(${s})`}),u.createElement(a,{...t,...i,style:p},c)});d.registerChaiBlock(T,{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 C=u.memo(e=>{const{blockProps:t,styles:l}=e;return u.createElement("div",{...t,...l})});d.registerChaiBlock(C,{type:"EmptyBox",label:"Empty Box",category:"core",group:"basic",props:{styles:o.S({default:""})},canAcceptBlock:()=>!1});const L=e=>{const{blockProps:t,styles:l,content:s,level:r="h1",children:a=null}=e;return a?u.createElement(r,{...l,...t},a):u.createElement(r,{...l,...t,"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:t,styles:l,content:s}=e;return y.isNull(e.children)?u.createElement("p",{...l,...t,"data-ai-key":"content","data-ai-type":"html",dangerouslySetInnerHTML:{__html:s}}):u.createElement("p",{...l,...t},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:t,styles:l,content:s,children:r=null,tag:a}=e;return r?u.createElement("span",{...l,...t},r):u.createElement(a||"span",{...l,...t,"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:"Enter your content"})},canAcceptBlock:()=>!0});const A=e=>{const{blockProps:t,content:l,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",...t,...s,dangerouslySetInnerHTML:{__html:l}})})};d.registerChaiBlock(A,{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 M=e=>{const{blockProps:t,iconSize:l,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:l+"px"},className:a+" "+(a==="order-first"?"mr-2":"ml-2")||"",dangerouslySetInnerHTML:{__html:p}})]});return u.createElement("button",{...t,...i,type:"button"},m)};d.registerChaiBlock(M,{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 N=e=>{const{blockProps:t,link:l,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(b.EmptySlot,{blockProps:t,inBuilder:a}):a?s?n.jsxRuntimeExports.jsx("span",{"data-simulate":"a",...t,...r,children:s}):u.createElement("span",{...t,...r,dangerouslySetInnerHTML:{__html:i},"data-simulate":"a"}):s?n.jsxRuntimeExports.jsx("a",{href:l.href||"#/",target:l.target,...t,...r,children:s}):u.createElement("a",{...t,...r,"data-ai-key":"content",href:l.href||"#",target:l.target||"_self",dangerouslySetInnerHTML:{__html:i}})};d.registerChaiBlock(N,{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:()=>!0});const H=e=>{const{blockProps:t,children:l,listType:s,styles:r,tag:a,inBuilder:i}=e,c=f.cn(y.get(r,"className",""),s);return!l&&y.isEmpty(r==null?void 0:r.className)?n.jsxRuntimeExports.jsx(b.EmptySlot,{inBuilder:i,blockProps:t,text:"LIST ITEM"}):u.createElement(a||(s==="list-decimal"?"ol":"ul"),{...t,...r,className:c},l)};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-disc",options:[{value:"list-none",title:"None"},{value:"list-disc",title:"Disc"},{value:"list-decimal",title:"Number"}]})},canAcceptBlock:e=>e==="ListItem",blocks:[{_type:"List",_id:"a",listType:"list-none",styles:"#styles:,"},{_type:"ListItem",_id:"b",_parent:"a",styles:"#styles:,",content:"Item 1"},{_type:"ListItem",_id:"c",_parent:"a",styles:"#styles:,",content:"Item 2"},{_type:"ListItem",_id:"d",_parent:"a",styles:"#styles:,",content:"Item 3"}]});const D=e=>{const{blockProps:t,content:l,styles:s,children:r,tag:a}=e;return r?u.createElement(a||"li",{...s,...t},r):u.createElement(a||"li",{...s,...t,"data-ai-key":"content",dangerouslySetInnerHTML:{__html:l}})};d.registerChaiBlock(D,{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,...t)=>({...e,className:f.cn(e.className,...t)}),U=e=>{const{blockProps:t,icon:l,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(l))return n.jsxRuntimeExports.jsx(b.EmptySlot,{blockProps:t,text:"",inBuilder:a,className:"h-8 w-14"});const p=l.replace(/<svg /g,'<svg class="w-[inherit] h-[inherit]" ');return u.createElement("span",{...t,...c,dangerouslySetInnerHTML:{__html:p}})};d.registerChaiBlock(U,{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:t,image:l,styles:s,alt:r,height:a,width:i}=e;return y.isEmpty(l)?n.jsxRuntimeExports.jsx(b.EmptySlot,{blockProps:t,text:"IMAGE URL",className:"h-36"}):u.createElement("img",{...t,...s,src:l,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:t,inBuilder:l,styles:s,children:r}=e;let a=null;return!r&&l&&(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,...t,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 j=/^(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_-]+)/,O=e=>{if(j.test(e)){const t=e.match(j);return t?`https://www.youtube.com/embed/${t[4]}`:e}if(S.test(e)){const t=e.match(S);return t?`https://player.vimeo.com/video/${t[3]}`:e}if(I.test(e)){const t=e.match(I);return t?`https://www.dailymotion.com/embed/video/${t[4]}`:e}return null},z=u.memo(e=>{const{blockProps:t,inBuilder:l,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(b.EmptySlot,{inBuilder:l,blockProps:t,text:"VIDEO URL",className:"h-36"});let x=O(r),g=null;if(x){if(!y.isEmpty(x)){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}`),x=`${x}?${v.join("&")}`}g=u.createElement("iframe",{...t,className:"absolute inset-0 w-full h-full",src:x,allow:l?"":"autoplay *; fullscreen *",allowFullScreen:!0,frameBorder:0})}else g=u.createElement("video",{...t,className:"absolute inset-0 w-full h-full",src:r,controls:c,muted:p,autoPlay:l?!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:[l?n.jsxRuntimeExports.jsx("div",{...t,...y.omit(s,["className"]),className:"absolute inset-0 z-20 h-full w-full"}):null,g]})})});d.registerChaiBlock(z,{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 $=u.memo(e=>{const{blockProps:t,styles:l,content:s,inBuilder:r}=e;return n.jsxRuntimeExports.jsxs("div",{className:"relative",children:[r?n.jsxRuntimeExports.jsx("div",{...t,...l,className:"absolute z-20 h-full w-full"}):null,u.createElement("div",{...l,dangerouslySetInnerHTML:{__html:s}})]})});d.registerChaiBlock($,{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:t,styles:l}=e;return u.createElement("hr",{...l,...t})};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:t,styles:l})=>{const s=k(l,"hs-accordion-group");return n.jsxRuntimeExports.jsx("div",{...t,...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 E.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
@@ -30,4 +30,4 @@
         </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:t,backgroundImage:l,children:s,styles:r}=e;let a={};return l&&(a={backgroundImage:`url(${l})`}),u.createElement("div",{...t,...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:t,styles:l}=e;return u.createElement("br",{...t,...l})};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 t=(a,i)=>({_id:f.generateUUID(),_parent:a,_type:"TableCell",styles:"#styles:,",content:`${e==="TableHead"?"Table Head":"Table Cell "+i}`}),l=a=>{const i=f.generateUUID(),c={_type:"TableRow",_id:i,styles:"#styles:,border-b"};return a&&(c._parent=a),[c,t(i,"1"),t(i,"2"),t(i,"3")]},s=a=>{const i=f.generateUUID(),c={_id:i,_type:"TableHead",styles:"#styles:,font-medium"};return a&&(c._parent=a),[c,...l(i)]},r=a=>{const i=f.generateUUID(),c={_id:i,_type:"TableBody",styles:"#styles:,"};return a&&(c._parent=a),[c,...l(i),...l(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"?l():e==="TableHead"?s():e==="TableBody"?r():[]},te=e=>{const{blockProps:t,children:l,styles:s}=e;return l?u.createElement("table",{...t,...s},l):n.jsxRuntimeExports.jsx(b.EmptySlot,{blockProps:t,text:"TABLE HEAD / BODY"})};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:t,children:l,styles:s}=e;return l?u.createElement("thead",{...t,...s},l):n.jsxRuntimeExports.jsx(b.EmptySlot,{blockProps:t,text:"TABLE ROW"})};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:t,children:l,styles:s}=e;return l?u.createElement("tbody",{...t,...s},l):n.jsxRuntimeExports.jsx(b.EmptySlot,{blockProps:t,text:"TABLE ROW"})};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:t,children:l,styles:s}=e;return l?u.createElement("tr",{...t,...s},l):n.jsxRuntimeExports.jsx(b.EmptySlot,{blockProps:t,text:"TABLE CELL"})};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:t,children:l,content:s,styles:r}=e;return!l&&y.isEmpty(s)?n.jsxRuntimeExports.jsx(b.EmptySlot,{blockProps:t}):l?u.createElement("td",{...t,...r},l):u.createElement("td",{...t,...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:t,errorMessage:l,name:s,_type:r,successMessage:a,action:i,styles:c,children:p}=e;let m=p;p||(m=n.jsxRuntimeExports.jsx(b.EmptySlot,{blockProps:{},text:"FORM FIELDS"}));const x={"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",{...x,"data-error":l,"data-success":a,method:"post",action:i,...t,...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:t,content:l,styles:s,children:r}=e,a={...s,...t};return r?u.createElement("label",a,r):u.createElement("label",{...a,dangerouslySetInnerHTML:{__html:l}})};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:t,inBuilder:l,label:s,placeholder:r,styles:a,inputStyles:i,icon:c,iconPos:p}=e,m=f.generateUUID(),x={"x-bind:disabled":"formLoading"};return n.jsxRuntimeExports.jsxs("button",{id:m,...x,...i,...a,...t||{},type:l?"button":"submit",placeholder:r,children:[s,c&&n.jsxRuntimeExports.jsx("span",{className:p,dangerouslySetInnerHTML:{__html:c}})]})};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:t,fieldName:l,label:s,styles:r,inputStyles:a,required:i,checked:c,showLabel:p=!0}=e,m=f.generateUUID();return p?n.jsxRuntimeExports.jsxs("div",{...r,...t,children:[n.jsxRuntimeExports.jsx("input",{...a,name:l,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,...t,...a,...r,type:"checkbox",required:i,name:l})};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:t,label:l,placeholder:s,styles:r,inputStyles:a,showLabel:i,required:c,inputType:p="text",inBuilder:m,fieldName:x}=e,g=f.generateUUID();return!i||p==="submit"?(p==="submit"&&(t.value=l),n.jsxRuntimeExports.jsx("input",{id:g,name:x,readOnly:m,...t,...a,...r,type:p,placeholder:s,required:c})):n.jsxRuntimeExports.jsxs("div",{...r,...t,children:[i&&n.jsxRuntimeExports.jsx("label",{htmlFor:g,children:l}),n.jsxRuntimeExports.jsx("input",{name:x,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:t,fieldName:l,label:s,styles:r,inputStyles:a,checked:i,required:c,showLabel:p=!0}=e,m=f.generateUUID();return p?n.jsxRuntimeExports.jsxs("div",{...r,...t,children:[n.jsxRuntimeExports.jsx("input",{...a,name:l,id:m,type:"radio",required:c,defaultChecked:i}),s&&n.jsxRuntimeExports.jsx("label",{htmlFor:m,children:s})]}):n.jsxRuntimeExports.jsx("input",{id:m,...t,...a,...r,type:"radio",required:c,checked:i,name:l})};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:t,fieldName:l,label:s,placeholder:r,styles:a,inputStyles:i,required:c,showLabel:p,_multiple:m=!1}=e,x=f.generateUUID();return p?n.jsxRuntimeExports.jsxs("div",{...a,children:[p&&n.jsxRuntimeExports.jsx("label",{htmlFor:x,children:s}),n.jsxRuntimeExports.jsxs("select",{...i,id:x,placeholder:r,required:c,multiple:m,name:l,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:x,...a,...t,placeholder:r,required:c,multiple:m,name:l,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:t,fieldName:l,label:s,placeholder:r,styles:a,inputStyles:i,_rows:c,showLabel:p}=e,m=f.generateUUID();return p?n.jsxRuntimeExports.jsxs("div",{...a,...t,children:[p&&n.jsxRuntimeExports.jsx("label",{htmlFor:m,children:s}),n.jsxRuntimeExports.jsx("textarea",{name:l,...i,id:m,placeholder:r,rows:c})]}):n.jsxRuntimeExports.jsx("textarea",{id:m,name:l,...t,...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;
+        </div>`.replace(/hs-unstyled-collapse/g,`dnd-collapse-${f.generateUUID()}`))});const Q=e=>{const{blockProps:t,backgroundImage:l,children:s,styles:r}=e;let a={};return l&&(a={backgroundImage:`url(${l})`}),u.createElement("div",{...t,...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:t,styles:l}=e;return u.createElement("br",{...t,...l})};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 t=(a,i)=>({_id:f.generateUUID(),_parent:a,_type:"TableCell",styles:"#styles:,",content:`${e==="TableHead"?"Table Head":"Table Cell "+i}`}),l=a=>{const i=f.generateUUID(),c={_type:"TableRow",_id:i,styles:"#styles:,border-b"};return a&&(c._parent=a),[c,t(i,"1"),t(i,"2"),t(i,"3")]},s=a=>{const i=f.generateUUID(),c={_id:i,_type:"TableHead",styles:"#styles:,font-medium"};return a&&(c._parent=a),[c,...l(i)]},r=a=>{const i=f.generateUUID(),c={_id:i,_type:"TableBody",styles:"#styles:,"};return a&&(c._parent=a),[c,...l(i),...l(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"?l():e==="TableHead"?s():e==="TableBody"?r():[]},te=e=>{const{blockProps:t,children:l,styles:s}=e;return l?u.createElement("table",{...t,...s},l):n.jsxRuntimeExports.jsx(b.EmptySlot,{blockProps:t,text:"TABLE HEAD / BODY"})};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:t,children:l,styles:s}=e;return l?u.createElement("thead",{...t,...s},l):n.jsxRuntimeExports.jsx(b.EmptySlot,{blockProps:t,text:"TABLE ROW"})};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:t,children:l,styles:s}=e;return l?u.createElement("tbody",{...t,...s},l):n.jsxRuntimeExports.jsx(b.EmptySlot,{blockProps:t,text:"TABLE ROW"})};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:t,children:l,styles:s}=e;return l?u.createElement("tr",{...t,...s},l):n.jsxRuntimeExports.jsx(b.EmptySlot,{blockProps:t,text:"TABLE CELL"})};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:t,children:l,content:s,styles:r}=e;return!l&&y.isEmpty(s)?n.jsxRuntimeExports.jsx(b.EmptySlot,{blockProps:t}):l?u.createElement("td",{...t,...r},l):u.createElement("td",{...t,...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:t,errorMessage:l,name:s,_type:r,successMessage:a,action:i,styles:c,children:p}=e;let m=p;p||(m=n.jsxRuntimeExports.jsx(b.EmptySlot,{blockProps:{},text:"FORM FIELDS"}));const x={"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",{...x,"data-error":l,"data-success":a,method:"post",action:i,...t,...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:t,content:l,styles:s,children:r}=e,a={...s,...t};return r?u.createElement("label",a,r):u.createElement("label",{...a,dangerouslySetInnerHTML:{__html:l}})};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:t,inBuilder:l,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,...t||{},type:l?"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:t,fieldName:l,label:s,styles:r,inputStyles:a,required:i,checked:c,showLabel:p=!0}=e,m=f.generateUUID();return p?n.jsxRuntimeExports.jsxs("div",{...r,...t,children:[n.jsxRuntimeExports.jsx("input",{...a,name:l,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,...t,...a,...r,type:"checkbox",required:i,name:l})};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:t,label:l,placeholder:s,styles:r,inputStyles:a,showLabel:i,required:c,inputType:p="text",inBuilder:m,fieldName:x}=e,g=f.generateUUID();return!i||p==="submit"?(p==="submit"&&(t.value=l),n.jsxRuntimeExports.jsx("input",{id:g,name:x,readOnly:m,...t,...a,...r,type:p,placeholder:s,required:c})):n.jsxRuntimeExports.jsxs("div",{...r,...t,children:[i&&n.jsxRuntimeExports.jsx("label",{htmlFor:g,children:l}),n.jsxRuntimeExports.jsx("input",{name:x,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:t,fieldName:l,label:s,styles:r,inputStyles:a,checked:i,required:c,showLabel:p=!0}=e,m=f.generateUUID();return p?n.jsxRuntimeExports.jsxs("div",{...r,...t,children:[n.jsxRuntimeExports.jsx("input",{...a,name:l,id:m,type:"radio",required:c,defaultChecked:i}),s&&n.jsxRuntimeExports.jsx("label",{htmlFor:m,children:s})]}):n.jsxRuntimeExports.jsx("input",{id:m,...t,...a,...r,type:"radio",required:c,checked:i,name:l})};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:t,fieldName:l,label:s,placeholder:r,styles:a,inputStyles:i,required:c,showLabel:p,_multiple:m=!1}=e,x=f.generateUUID();return p?n.jsxRuntimeExports.jsxs("div",{...a,children:[p&&n.jsxRuntimeExports.jsx("label",{htmlFor:x,children:s}),n.jsxRuntimeExports.jsxs("select",{...i,id:x,required:c,multiple:m,name:l,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:x,...a,...t,required:c,multiple:m,name:l,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:t,fieldName:l,label:s,placeholder:r,styles:a,inputStyles:i,_rows:c,showLabel:p}=e,m=f.generateUUID();return p?n.jsxRuntimeExports.jsxs("div",{...a,...t,children:[p&&n.jsxRuntimeExports.jsx("label",{htmlFor:m,children:s}),n.jsxRuntimeExports.jsx("textarea",{name:l,...i,id:m,placeholder:r,rows:c})]}):n.jsxRuntimeExports.jsx("textarea",{id:m,name:l,...t,...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;

package/dist/web-blocks.js

@@ -1,7 +1,7 @@
-import { isNull as $, isEmpty as k, get as x, pick as z, omit as q, find as O, map as E, noop as V } from "lodash-es";
+import { isNull as z, isEmpty as k, get as x, pick as $, omit as q, find as O, map as E, noop as V } from "lodash-es";
 import { j as n } from "./jsx-runtime-WbnYoNE9.js";
 import * as u from "react";
-import { S as c, y as w, q as C, g as I, m as L, l as y, o as P, c as _, T as U, b as G, r as b, h as W } from "./controls-VTdJhdSz.js";
+import { S as c, y as w, q as C, g as I, m as L, l as y, o as P, c as _, T as U, b as G, r as f, h as W } from "./controls-VTdJhdSz.js";
 import { registerChaiBlock as d } from "@chaibuilder/runtime";
 import { E as v } from "./empty-slot-ZBlsQi6m.js";
 import { HeadingIcon as Y, TextIcon as X, CursorTextIcon as Z, ButtonIcon as R, Link1Icon as J, RowsIcon as K, ColumnsIcon as Q, SketchLogoIcon as ee, ImageIcon as te, VideoIcon as le, CodeIcon as oe, DividerHorizontalIcon as ae, SpaceBetweenVerticallyIcon as F, TableIcon as se, BorderTopIcon as ne, BorderAllIcon as re, ViewHorizontalIcon as ce, DragHandleHorizontalIcon as ie, GroupIcon as de, LetterCaseToggleIcon as ue, CheckboxIcon as pe, InputIcon as D, RadiobuttonIcon as he, DropdownMenuIcon as ye } from "@radix-ui/react-icons";
@@ -108,7 +108,7 @@ d(be, {
 });
 const ge = (e) => {
   const { blockProps: t, styles: l, content: o } = e;
-  return $(e.children) ? u.createElement("p", {
+  return z(e.children) ? u.createElement("p", {
     ...l,
     ...t,
     "data-ai-key": "content",
@@ -364,6 +364,7 @@ const Le = (e) => {
     ...o,
     src: l,
     alt: a,
+    loading: "lazy",
     height: s,
     width: r
   });
@@ -426,16 +427,16 @@ const M = /^(https?:\/\/)?(www\.)?youtube\.com\/(watch\?v=|embed\/)([a-zA-Z0-9_-
     const { blockProps: t, inBuilder: l, styles: o, url: a, controls: s } = e, r = x(s, "autoPlay", !1), i = x(s, "controls", !1), p = r || x(s, "muted", !0), h = x(s, "loop", !1);
     if (k(a))
       return /* @__PURE__ */ n.jsx(v, { inBuilder: l, blockProps: t, text: "VIDEO URL", className: "h-36" });
-    let f = Se(a), m = null;
-    if (f) {
-      if (!k(f)) {
+    let b = Se(a), m = null;
+    if (b) {
+      if (!k(b)) {
         const T = [];
-        T.push(`autoplay=${r ? 1 : 0}`), T.push(`controls=${s ? 1 : 0}`), T.push(`mute=${p ? 1 : 0}&muted=${p ? 1 : 0}`), T.push(`loop=${h ? 1 : 0}`), f = `${f}?${T.join("&")}`;
+        T.push(`autoplay=${r ? 1 : 0}`), T.push(`controls=${s ? 1 : 0}`), T.push(`mute=${p ? 1 : 0}&muted=${p ? 1 : 0}`), T.push(`loop=${h ? 1 : 0}`), b = `${b}?${T.join("&")}`;
       }
       m = u.createElement("iframe", {
         ...t,
         className: "absolute inset-0 w-full h-full",
-        src: f,
+        src: b,
         allow: l ? "" : "autoplay *; fullscreen *",
         allowFullScreen: !0,
         frameBorder: 0
@@ -450,7 +451,7 @@ const M = /^(https?:\/\/)?(www\.)?youtube\.com\/(watch\?v=|embed\/)([a-zA-Z0-9_-
         autoPlay: l ? !1 : r,
         loop: h
       });
-    return /* @__PURE__ */ n.jsx("div", { ...z(o, ["className"]), children: /* @__PURE__ */ n.jsxs("div", { className: "relative w-full overflow-hidden", style: { paddingBottom: "56.25%" }, children: [
+    return /* @__PURE__ */ n.jsx("div", { ...$(o, ["className"]), children: /* @__PURE__ */ n.jsxs("div", { className: "relative w-full overflow-hidden", style: { paddingBottom: "56.25%" }, children: [
       l ? /* @__PURE__ */ n.jsx("div", { ...t, ...q(o, ["className"]), className: "absolute inset-0 z-20 h-full w-full" }) : null,
       m
     ] }) });
@@ -471,10 +472,10 @@ d(je, {
     controls: G({
       title: "Controls",
       properties: {
-        autoPlay: b({ title: "Autoplay", default: !0 }),
-        controls: b({ title: "Show controls", default: !1 }),
-        loop: b({ title: "Loop", default: !1 }),
-        muted: b({ title: "Muted", default: !0 })
+        autoPlay: f({ title: "Autoplay", default: !0 }),
+        controls: f({ title: "Show controls", default: !1 }),
+        loop: f({ title: "Loop", default: !1 }),
+        muted: f({ title: "Muted", default: !0 })
       }
     })
   }
@@ -588,7 +589,7 @@ d(Me, {
   },
   //@ts-ignore
   blockState: {
-    active: b({ default: !1, title: "Show content in canvas" })
+    active: f({ default: !1, title: "Show content in canvas" })
   },
   getBlockStateFrom: (e) => [e._id],
   // @ts-ignore
@@ -692,7 +693,7 @@ d(Fe, {
   canAcceptBlock: () => !0,
   //@ts-ignore
   blockState: {
-    active: b({ default: !1, title: "Show collapse in canvas" })
+    active: f({ default: !1, title: "Show collapse in canvas" })
   },
   getBlockStateFrom: (e) => [e._id],
   // @ts-ignore
@@ -723,11 +724,11 @@ d(De, {
   canMove: () => !1,
   canDuplicate: () => !1
 });
-const $e = (e) => {
+const ze = (e) => {
   const { blockProps: t, styles: l } = e;
   return u.createElement("br", { ...t, ...l });
 };
-d($e, {
+d(ze, {
   type: "LineBreak",
   label: "Line Break",
   category: "core",
@@ -780,11 +781,11 @@ const j = (e) => {
     ];
   }
   return e === "TableRow" ? l() : e === "TableHead" ? o() : e === "TableBody" ? a() : [];
-}, ze = (e) => {
+}, $e = (e) => {
   const { blockProps: t, children: l, styles: o } = e;
   return l ? u.createElement("table", { ...t, ...o }, l) : /* @__PURE__ */ n.jsx(v, { blockProps: t, text: "TABLE HEAD / BODY" });
 };
-d(ze, {
+d($e, {
   type: "Table",
   label: "Table",
   category: "core",
@@ -868,7 +869,7 @@ const Ge = (e) => {
   const { blockProps: t, errorMessage: l, name: o, _type: a, successMessage: s, action: r, styles: i, children: p } = e;
   let h = p;
   p || (h = /* @__PURE__ */ n.jsx(v, { blockProps: {}, text: "FORM FIELDS" }));
-  const f = {
+  const b = {
     "x-data": "useForm",
     "x-on:submit.prevent": "post"
   }, m = {
@@ -878,7 +879,7 @@ const Ge = (e) => {
   return /* @__PURE__ */ n.jsxs(
     "form",
     {
-      ...f,
+      ...b,
       "data-error": l,
       "data-success": s,
       method: "post",
@@ -937,22 +938,21 @@ d(We, {
   }
 });
 const Ye = (e) => {
-  const { blockProps: t, inBuilder: l, label: o, placeholder: a, styles: s, inputStyles: r, icon: i, iconPos: p } = e, h = g(), f = {
+  const { blockProps: t, inBuilder: l, label: o, styles: a, inputStyles: s, icon: r, iconPos: i } = e, p = g(), h = {
     "x-bind:disabled": "formLoading"
   };
   return /* @__PURE__ */ n.jsxs(
     "button",
     {
-      id: h,
-      ...f,
-      ...r,
+      id: p,
+      ...h,
       ...s,
+      ...a,
       ...t || {},
       type: l ? "button" : "submit",
-      placeholder: a,
       children: [
         o,
-        i && /* @__PURE__ */ n.jsx("span", { className: p, dangerouslySetInnerHTML: { __html: i } })
+        r && /* @__PURE__ */ n.jsx("span", { className: i, dangerouslySetInnerHTML: { __html: r } })
       ]
     }
   );
@@ -1019,8 +1019,8 @@ d(Xe, {
     fieldName: y({ title: "Field Name", default: "checkbox" }),
     styles: c({ default: "flex items-center gap-x-2" }),
     label: y({ title: "Label", default: "Label" }),
-    checked: b({ title: "Checked", default: !1 }),
-    required: b({ title: "Required", default: !1 })
+    checked: f({ title: "Checked", default: !1 }),
+    required: f({ title: "Required", default: !1 })
   }
 });
 const Ze = (e) => {
@@ -1034,13 +1034,13 @@ const Ze = (e) => {
     required: i,
     inputType: p = "text",
     inBuilder: h,
-    fieldName: f
+    fieldName: b
   } = e, m = g();
   return !r || p === "submit" ? (p === "submit" && (t.value = l), /* @__PURE__ */ n.jsx(
     "input",
     {
       id: m,
-      name: f,
+      name: b,
       readOnly: h,
       ...t,
       ...s,
@@ -1054,7 +1054,7 @@ const Ze = (e) => {
     /* @__PURE__ */ n.jsx(
       "input",
       {
-        name: f,
+        name: b,
         readOnly: h,
         ...s,
         id: m,
@@ -1087,14 +1087,14 @@ d(Ze, {
       default: "text"
     }),
     value: y({ title: "Value", default: "" }),
-    showLabel: b({ title: "Show label", default: !0 }),
+    showLabel: f({ title: "Show label", default: !0 }),
     inputStyles: c({ default: "w-full p-1" }),
     label: y({ title: "Label", default: "Label" }),
     placeholder: y({
       title: "Placeholder",
       default: "Placeholder"
     }),
-    required: b({ title: "Required", default: !1 })
+    required: f({ title: "Required", default: !1 })
   }
 });
 const Je = (e) => {
@@ -1127,8 +1127,8 @@ d(Je, {
     styles: c({ default: "flex items-center w-max gap-x-2" }),
     fieldName: y({ title: "Field Name", default: "radio" }),
     label: y({ title: "Label", default: "Label" }),
-    checked: b({ title: "Checked", default: !1 }),
-    required: b({ title: "Required", default: !1 })
+    checked: f({ title: "Checked", default: !1 }),
+    required: f({ title: "Required", default: !1 })
   }
 });
 const Ke = (e) => {
@@ -1142,15 +1142,14 @@ const Ke = (e) => {
     required: i,
     showLabel: p,
     _multiple: h = !1
-  } = e, f = g();
+  } = e, b = g();
   return p ? /* @__PURE__ */ n.jsxs("div", { ...s, children: [
-    p && /* @__PURE__ */ n.jsx("label", { htmlFor: f, children: o }),
+    p && /* @__PURE__ */ n.jsx("label", { htmlFor: b, children: o }),
     /* @__PURE__ */ n.jsxs(
       "select",
       {
         ...r,
-        id: f,
-        placeholder: a,
+        id: b,
         required: i,
         multiple: h,
         name: l,
@@ -1171,10 +1170,9 @@ const Ke = (e) => {
   ] }) : /* @__PURE__ */ n.jsxs(
     "select",
     {
-      id: f,
+      id: b,
       ...s,
       ...t,
-      placeholder: a,
       required: i,
       multiple: h,
       name: l,
@@ -1203,15 +1201,15 @@ d(Ke, {
   props: {
     styles: c({ default: "" }),
     fieldName: y({ title: "Field Name", default: "select" }),
-    showLabel: b({ title: "Show label", default: !0 }),
+    showLabel: f({ title: "Show label", default: !0 }),
     inputStyles: c({ default: "w-full p-1" }),
     label: y({ title: "Label", default: "Label" }),
     placeholder: y({
       title: "Placeholder",
       default: "Placeholder"
     }),
-    required: b({ title: "Required", default: !1 }),
-    _multiple: b({ title: "Multiple Choice", default: !1 }),
+    required: f({ title: "Required", default: !1 }),
+    _multiple: f({ title: "Multiple Choice", default: !1 }),
     options: W({
       title: "Options",
       itemProperties: {
@@ -1248,7 +1246,7 @@ d(Qe, {
   hidden: !0,
   props: {
     fieldName: y({ title: "Field Name", default: "textarea" }),
-    showLabel: b({ title: "Show label", default: !0 }),
+    showLabel: f({ title: "Show label", default: !0 }),
     styles: c({ default: "" }),
     inputStyles: c({ default: "w-full p-1" }),
     label: y({ title: "Label", default: "Label" }),

package/package.json

@@ -5,7 +5,7 @@
   "author": "Suraj Air",
   "license": "BSD-3-Clause",
   "homepage": "https://chaibuilder.com",
-  "version": "1.2.41",
+  "version": "1.2.43",
   "type": "module",
   "repository": {
     "type": "git",