@chaibuilder/sdk 2.0.0-beta.95 → 2.0.0-beta.97

package/dist/web-blocks.cjs

@@ -1,1680 +1,3 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const runtime = require("@chaibuilder/runtime");
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const iconBase = require("./iconBase-BSrIcOaG.cjs");
-const reactIcons = require("@radix-ui/react-icons");
-const lodashEs = require("lodash-es");
-const lucideReact = require("lucide-react");
-function _interopNamespaceDefault(e) {
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
-  if (e) {
-    for (const k in e) {
-      if (k !== "default") {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
-const EmptySlot = ({ className = "", inBuilder }) => {
-  if (!inBuilder) return null;
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: iconBase.cn("pointer-events-none flex h-20 flex-col items-center justify-center p-2", className), children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-full w-full rounded bg-gray-200 p-2 dark:bg-gray-800", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-full w-full items-center justify-center outline-dashed outline-1 -outline-offset-1 outline-gray-400 duration-300 dark:outline-gray-700" }) }) });
-};
-const Component$3 = (props) => {
-  const { blockProps, inBuilder, backgroundImage, children, tag = "div", styles } = props;
-  let nestedChildren = children;
-  if (!children) {
-    nestedChildren = /* @__PURE__ */ jsxRuntime.jsx(EmptySlot, { inBuilder });
-  }
-  let cssStyles = {};
-  if (backgroundImage) {
-    cssStyles = { backgroundImage: `url(${backgroundImage})` };
-  }
-  return React__namespace.createElement(tag, { ...blockProps, ...styles, style: cssStyles }, nestedChildren);
-};
-const Config$s = {
-  type: "Box",
-  label: "Box",
-  category: "core",
-  group: "basic",
-  ...runtime.registerChaiBlockSchema({
-    properties: {
-      styles: runtime.StylesProp(""),
-      backgroundImage: {
-        type: "string",
-        default: "",
-        title: "Background Image",
-        ui: { "ui:widget": "image" }
-      },
-      tag: {
-        type: "string",
-        default: "div",
-        title: "Tag",
-        oneOf: [
-          { const: "div", title: "div" },
-          { const: "header", title: "header" },
-          { const: "footer", title: "footer" },
-          { const: "section", title: "section" },
-          { const: "article", title: "article" },
-          { const: "aside", title: "aside" },
-          { const: "main", title: "main" },
-          { const: "nav", title: "nav" },
-          { const: "figure", title: "figure" },
-          { const: "details", title: "details" },
-          { const: "summary", title: "summary" },
-          { const: "dialog", title: "dialog" },
-          { const: "strike", title: "strike" },
-          { const: "caption", title: "caption" },
-          { const: "legend", title: "legend" },
-          { const: "figcaption", title: "figcaption" },
-          { const: "mark", title: "mark" }
-        ]
-      }
-    }
-  }),
-  canAcceptBlock: () => true
-};
-const Component$2 = (props) => {
-  const { blockProps, iconSize, icon, content, styles, children, iconPos, link, inBuilder } = props;
-  const _icon = icon;
-  const child = children || /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx("span", { "data-ai-key": "content", children: content }),
-    _icon && /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        style: { width: iconSize + "px" },
-        className: iconPos + " " + (iconPos === "order-first" ? "mr-2" : "ml-2") || "",
-        dangerouslySetInnerHTML: { __html: _icon }
-      }
-    )
-  ] });
-  const button = React.createElement(
-    "button",
-    {
-      ...blockProps,
-      ...styles,
-      type: "button",
-      "aria-label": content
-    },
-    child
-  );
-  if (!lodashEs.isEmpty(lodashEs.get(link, "href"))) {
-    if (inBuilder) {
-      return /* @__PURE__ */ jsxRuntime.jsx("span", { children: button });
-    } else {
-      return /* @__PURE__ */ jsxRuntime.jsx("a", { "aria-label": content, href: lodashEs.get(link, "href") || "/", target: lodashEs.get(link, "target", "_self"), children: button });
-    }
-  }
-  return button;
-};
-const Config$r = {
-  type: "Button",
-  label: "Button",
-  category: "core",
-  icon: reactIcons.ButtonIcon,
-  group: "basic",
-  ...runtime.registerChaiBlockSchema({
-    properties: {
-      styles: runtime.StylesProp("text-primary-foreground bg-primary px-4 py-2 rounded-lg flex items-center"),
-      content: {
-        type: "string",
-        title: "Button label",
-        default: "Button"
-      },
-      icon: {
-        type: "string",
-        title: "Icon",
-        default: "",
-        ui: { "ui:widget": "icon" }
-      },
-      iconSize: {
-        type: "number",
-        title: "Icon size",
-        default: 16
-      },
-      iconPos: {
-        type: "string",
-        title: "Icon position",
-        default: "order-last",
-        enum: ["order-first", "order-last"]
-      },
-      link: {
-        type: "object",
-        properties: {
-          type: { type: "string" },
-          href: { type: "string" },
-          target: { type: "string" }
-        },
-        default: {
-          type: "url",
-          href: "",
-          target: "_self"
-        },
-        ui: {
-          "ui:field": "link"
-        }
-      }
-    }
-  }),
-  i18nProps: ["content"],
-  aiProps: ["content"]
-};
-const CustomHTMLBlock = (props) => {
-  const { blockProps, styles, htmlCode, inBuilder } = props;
-  return inBuilder ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
-    inBuilder ? /* @__PURE__ */ jsxRuntime.jsx("div", { ...blockProps, ...styles, className: "absolute z-20 h-full w-full" }) : null,
-    React__namespace.createElement("div", {
-      ...styles,
-      dangerouslySetInnerHTML: { __html: htmlCode.replace(/<script.*?>.*?<\/script>/g, "") }
-    })
-  ] }) : React__namespace.createElement("div", {
-    ...blockProps,
-    ...styles,
-    dangerouslySetInnerHTML: { __html: htmlCode }
-  });
-};
-const Config$q = {
-  type: "CustomHTML",
-  label: "web_blocks.custom_html",
-  category: "core",
-  icon: reactIcons.CodeIcon,
-  group: "advanced",
-  ...runtime.registerChaiBlockSchema({
-    properties: {
-      styles: runtime.StylesProp(""),
-      htmlCode: {
-        type: "string",
-        default: "<div><p>Enter your HTML code here...</p></div>",
-        ui: { "ui:widget": "code" }
-      }
-    }
-  })
-};
-const EmptyBox = (props) => {
-  const { blockProps, styles, backgroundImage } = props;
-  let cssStyles = {};
-  if (backgroundImage) {
-    cssStyles = { backgroundImage: `url(${backgroundImage})` };
-  }
-  return React__namespace.createElement("div", { ...blockProps, ...styles, style: cssStyles });
-};
-const Config$p = {
-  type: "EmptyBox",
-  label: "Empty Box",
-  category: "core",
-  group: "basic",
-  ...runtime.registerChaiBlockSchema({
-    properties: {
-      styles: runtime.StylesProp(""),
-      backgroundImage: {
-        type: "string",
-        title: "Background Image",
-        default: "",
-        ui: { "ui:widget": "image" }
-      }
-    }
-  })
-};
-const HeadingBlock = (props) => {
-  const { blockProps, styles, content, tag = "h1", children = null } = props;
-  if (children) return React__namespace.createElement(tag, { ...styles, ...blockProps }, children);
-  return React__namespace.createElement(tag, {
-    ...styles,
-    ...blockProps,
-    dangerouslySetInnerHTML: { __html: content }
-  });
-};
-const Config$o = {
-  type: "Heading",
-  label: "web_blocks.heading",
-  category: "core",
-  icon: reactIcons.HeadingIcon,
-  group: "typography",
-  ...runtime.registerChaiBlockSchema({
-    properties: {
-      tag: {
-        type: "string",
-        default: "h2",
-        title: "Level",
-        enum: ["h1", "h2", "h3", "h4", "h5", "h6"]
-      },
-      styles: runtime.StylesProp("text-3xl"),
-      content: {
-        type: "string",
-        default: "Heading goes here",
-        title: "Content",
-        ui: { "ui:widget": "textarea" }
-      }
-    }
-  }),
-  aiProps: ["content"],
-  i18nProps: ["content"],
-  canAcceptBlock: (type) => type === "Span" || type === "Text"
-};
-const ParagraphBlock = (props) => {
-  const { blockProps, styles, content } = props;
-  if (!lodashEs.isNull(props.children)) return React__namespace.createElement("p", { ...styles, ...blockProps }, props.children);
-  return React__namespace.createElement("p", {
-    ...styles,
-    ...blockProps,
-    dangerouslySetInnerHTML: { __html: content }
-  });
-};
-const Config$n = {
-  type: "Paragraph",
-  label: "Paragraph",
-  category: "core",
-  icon: reactIcons.TextIcon,
-  group: "typography",
-  ...runtime.registerChaiBlockSchema({
-    properties: {
-      styles: runtime.StylesProp(""),
-      content: {
-        type: "string",
-        title: "Content",
-        default: `Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. 
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("@chaibuilder/runtime"),i=require("react/jsx-runtime"),k=require("react"),b=require("./iconBase-Cn2BsTrq.cjs"),y=require("@radix-ui/react-icons"),g=require("lodash-es"),B=require("lucide-react");function v(e){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const s=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(l,t,s.get?s:{enumerable:!0,get:()=>e[t]})}}return l.default=e,Object.freeze(l)}const h=v(k),C=({className:e="",inBuilder:l})=>l?i.jsx("div",{className:b.cn("pointer-events-none flex h-20 flex-col items-center justify-center p-2",e),children:i.jsx("div",{className:"h-full w-full rounded bg-gray-200 p-2 dark:bg-gray-800",children:i.jsx("div",{className:"flex h-full w-full items-center justify-center outline-dashed outline-1 -outline-offset-1 outline-gray-400 duration-300 dark:outline-gray-700"})})}):null,_=e=>{const{blockProps:l,inBuilder:t,backgroundImage:s,children:r,tag:n="div",styles:a}=e;let c=r;r||(c=i.jsx(C,{inBuilder:t}));let p={};return s&&(p={backgroundImage:`url(${s})`}),h.createElement(n,{...l,...a,style:p},c)},j={type:"Box",label:"Box",category:"core",group:"basic",...o.registerChaiBlockSchema({properties:{styles:o.StylesProp(""),backgroundImage:{type:"string",default:"",title:"Background Image",ui:{"ui:widget":"image"}},tag:{type:"string",default:"div",title:"Tag",oneOf:[{const:"div",title:"div"},{const:"header",title:"header"},{const:"footer",title:"footer"},{const:"section",title:"section"},{const:"article",title:"article"},{const:"aside",title:"aside"},{const:"main",title:"main"},{const:"nav",title:"nav"},{const:"figure",title:"figure"},{const:"details",title:"details"},{const:"summary",title:"summary"},{const:"dialog",title:"dialog"},{const:"strike",title:"strike"},{const:"caption",title:"caption"},{const:"legend",title:"legend"},{const:"figcaption",title:"figcaption"},{const:"mark",title:"mark"}]}}}),canAcceptBlock:()=>!0},N=e=>{const{blockProps:l,iconSize:t,icon:s,content:r,styles:n,children:a,iconPos:c,link:p,inBuilder:d}=e,m=s,f=a||i.jsxs(i.Fragment,{children:[i.jsx("span",{"data-ai-key":"content",children:r}),m&&i.jsx("div",{style:{width:t+"px"},className:c+" "+(c==="order-first"?"mr-2":"ml-2")||"",dangerouslySetInnerHTML:{__html:m}})]}),u=k.createElement("button",{...l,...n,type:"button","aria-label":r},f);return g.isEmpty(g.get(p,"href"))?u:d?i.jsx("span",{children:u}):i.jsx("a",{"aria-label":r,href:g.get(p,"href")||"/",target:g.get(p,"target","_self"),children:u})},E={type:"Button",label:"Button",category:"core",icon:y.ButtonIcon,group:"basic",...o.registerChaiBlockSchema({properties:{styles:o.StylesProp("text-primary-foreground bg-primary px-4 py-2 rounded-lg flex items-center"),content:{type:"string",title:"Button label",default:"Button"},icon:{type:"string",title:"Icon",default:"",ui:{"ui:widget":"icon"}},iconSize:{type:"number",title:"Icon size",default:16},iconPos:{type:"string",title:"Icon position",default:"order-last",enum:["order-first","order-last"]},link:{type:"object",properties:{type:{type:"string"},href:{type:"string"},target:{type:"string"}},default:{type:"url",href:"",target:"_self"},ui:{"ui:field":"link"}}}}),i18nProps:["content"],aiProps:["content"]},M=e=>{const{blockProps:l,styles:t,htmlCode:s,inBuilder:r}=e;return r?i.jsxs("div",{className:"relative",children:[r?i.jsx("div",{...l,...t,className:"absolute z-20 h-full w-full"}):null,h.createElement("div",{...t,dangerouslySetInnerHTML:{__html:s.replace(/<script.*?>.*?<\/script>/g,"")}})]}):h.createElement("div",{...l,...t,dangerouslySetInnerHTML:{__html:s}})},T={type:"CustomHTML",label:"web_blocks.custom_html",category:"core",icon:y.CodeIcon,group:"advanced",...o.registerChaiBlockSchema({properties:{styles:o.StylesProp(""),htmlCode:{type:"string",default:"<div><p>Enter your HTML code here...</p></div>",ui:{"ui:widget":"code"}}}})},$=e=>{const{blockProps:l,styles:t,backgroundImage:s}=e;let r={};return s&&(r={backgroundImage:`url(${s})`}),h.createElement("div",{...l,...t,style:r})},R={type:"EmptyBox",label:"Empty Box",category:"core",group:"basic",...o.registerChaiBlockSchema({properties:{styles:o.StylesProp(""),backgroundImage:{type:"string",title:"Background Image",default:"",ui:{"ui:widget":"image"}}}})},A=e=>{const{blockProps:l,styles:t,content:s,tag:r="h1",children:n=null}=e;return n?h.createElement(r,{...t,...l},n):h.createElement(r,{...t,...l,dangerouslySetInnerHTML:{__html:s}})},z={type:"Heading",label:"web_blocks.heading",category:"core",icon:y.HeadingIcon,group:"typography",...o.registerChaiBlockSchema({properties:{tag:{type:"string",default:"h2",title:"Level",enum:["h1","h2","h3","h4","h5","h6"]},styles:o.StylesProp("text-3xl"),content:{type:"string",default:"Heading goes here",title:"Content",ui:{"ui:widget":"textarea"}}}}),aiProps:["content"],i18nProps:["content"],canAcceptBlock:e=>e==="Span"||e==="Text"},H=e=>{const{blockProps:l,styles:t,content:s}=e;return g.isNull(e.children)?h.createElement("p",{...t,...l,dangerouslySetInnerHTML:{__html:s}}):h.createElement("p",{...t,...l},e.children)},D={type:"Paragraph",label:"Paragraph",category:"core",icon:y.TextIcon,group:"typography",...o.registerChaiBlockSchema({properties:{styles:o.StylesProp(""),content:{type:"string",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.`,
-        ui: { "ui:widget": "textarea", "ui:autosize": true, "ui:rows": 5 }
-      }
-    }
-  }),
-  i18nProps: ["content"],
-  aiProps: ["content"],
-  canAcceptBlock: (type) => type === "Span" || type === "Link" || type === "Text"
-};
-const addForcedClasses = (styles, ...classes) => {
-  return {
-    ...styles,
-    className: iconBase.cn(styles.className, ...classes)
-  };
-};
-const RichTextBlock = (props) => {
-  const { blockProps, content, styles } = props;
-  const forcedStyles = addForcedClasses(styles, "prose", "max-w-full");
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...blockProps, ...forcedStyles, dangerouslySetInnerHTML: { __html: content } });
-};
-const Config$m = {
-  type: "RichText",
-  label: "Rich Text",
-  category: "core",
-  icon: reactIcons.CursorTextIcon,
-  group: "typography",
-  ...runtime.registerChaiBlockSchema({
-    properties: {
-      styles: runtime.StylesProp(""),
-      content: {
-        type: "string",
-        title: "Content",
-        default: "<p>This is a rich text block. You can add text, and other content here.</p>",
-        ui: { "ui:widget": "richtext" }
-      }
-    }
-  }),
-  aiProps: ["content"],
-  i18nProps: ["content"]
-};
-const SpanBlock = (props) => {
-  const { blockProps, styles, content, children = null, tag } = props;
-  if (children) return React__namespace.createElement("span", { ...styles, ...blockProps }, children);
-  return React__namespace.createElement(tag || "span", {
-    ...styles,
-    ...blockProps,
-    dangerouslySetInnerHTML: { __html: content || "" }
-  });
-};
-const Config$l = {
-  type: "Span",
-  label: "Span",
-  category: "core",
-  group: "typography",
-  ...runtime.registerChaiBlockSchema({
-    properties: {
-      styles: runtime.StylesProp(""),
-      content: {
-        type: "string",
-        title: "Content",
-        default: "",
-        ui: { "ui:widget": "textarea", "ui:autosize": true, "ui:rows": 3 }
-      }
-    }
-  }),
-  aiProps: ["content"],
-  i18nProps: ["content"],
-  canAcceptBlock: () => true
-};
-function DiJavascript(props) {
-  return iconBase.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": [] }] })(props);
-}
-const CustomScript = (props) => {
-  const { scripts, inBuilder, blockProps } = props;
-  if (inBuilder)
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { ...blockProps, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: iconBase.cn("pointer-events-none flex flex-col items-center justify-center p-2", ""), children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-full w-full rounded bg-gray-200 p-1 dark:bg-gray-800", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-left text-xs text-gray-400", children: "Scripts will be only executed in preview and live mode. Place your script at the bottom of the" }) }) }) });
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { dangerouslySetInnerHTML: { __html: scripts } });
-};
-const Config$k = {
-  type: "CustomScript",
-  label: "web_blocks.custom_script",
-  category: "core",
-  icon: DiJavascript,
-  group: "advanced",
-  ...runtime.registerChaiBlockSchema({
-    properties: {
-      scripts: {
-        type: "string",
-        title: "Script",
-        default: "",
-        format: "code",
-        placeholder: "<script>console.log('Hello, world!');<\/script>"
-      }
-    }
-  })
-};
-const DividerBlock = (props) => {
-  const { blockProps, styles } = props;
-  return React.createElement("hr", { ...styles, ...blockProps });
-};
-const Config$j = {
-  type: "Divider",
-  label: "web_blocks.divider",
-  category: "core",
-  icon: reactIcons.DividerHorizontalIcon,
-  group: "basic",
-  ...runtime.registerChaiBlockSchema({
-    properties: {
-      styles: runtime.StylesProp("bg-gray-900 h-0.5 py-2 my-1")
-    }
-  })
-};
-const Component$1 = (props) => {
-  const { blockProps, inBuilder, children, globalBlock } = props;
-  if (inBuilder && !globalBlock) {
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
-      {
-        className: "flex flex-col items-center justify-center gap-y-1 rounded-lg bg-gray-100 py-4 dark:bg-gray-800",
-        ...blockProps,
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("h1", { children: [
-            "Global Block - ",
-            globalBlock
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Choose a block from the sidebar to add it to this page." })
-        ]
-      }
-    );
-  }
-  return React__namespace.createElement("span", { ...blockProps }, children);
-};
-const Config$i = {
-  type: "GlobalBlock",
-  label: "Global Block",
-  icon: lucideReact.GlobeIcon,
-  category: "core",
-  group: "basic",
-  ...runtime.registerChaiBlockSchema({
-    properties: {
-      globalBlock: {
-        type: "string",
-        title: "Global Block",
-        default: "",
-        ui: { "ui:widget": "hidden" }
-      }
-    }
-  })
-};
-const IconBlock = (props) => {
-  const { blockProps, icon, styles, width, inBuilder, height } = props;
-  const iStyles = addForcedClasses(styles, "");
-  if (lodashEs.isEmpty(icon)) {
-    return /* @__PURE__ */ jsxRuntime.jsx(EmptySlot, { inBuilder, className: "h-8 w-14" });
-  }
-  const svg = icon.replace(/<svg /g, '<svg class="w-[inherit] h-[inherit]" ');
-  return React__namespace.createElement("span", {
-    ...blockProps,
-    ...iStyles,
-    style: {
-      width: width ? `${width}px` : "auto",
-      height: height ? `${height}px` : "auto"
-    },
-    dangerouslySetInnerHTML: { __html: svg }
-  });
-};
-const Config$h = {
-  type: "Icon",
-  label: "web_blocks.icon",
-  category: "core",
-  icon: reactIcons.SketchLogoIcon,
-  group: "media",
-  ...runtime.registerChaiBlockSchema({
-    properties: {
-      styles: runtime.StylesProp(""),
-      icon: {
-        type: "string",
-        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>`,
-        ui: { "ui:widget": "icon" }
-      },
-      width: {
-        type: "number",
-        default: 16,
-        title: "Width"
-      },
-      height: {
-        type: "number",
-        default: 16,
-        title: "Height"
-      }
-    }
-  })
-};
-const ImageBlock = (props) => {
-  const { blockProps, image, mobileImage, styles, alt, height, width, lazyLoading } = props;
-  if (lodashEs.isEmpty(image)) return /* @__PURE__ */ jsxRuntime.jsx(EmptySlot, { className: "h-36" });
-  return /* @__PURE__ */ jsxRuntime.jsxs("picture", { children: [
-    mobileImage && /* @__PURE__ */ jsxRuntime.jsx("source", { srcSet: mobileImage, media: "(max-width: 480px)" }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "img",
-      {
-        ...blockProps,
-        ...styles,
-        src: image,
-        alt,
-        loading: lazyLoading ? "lazy" : "eager",
-        width,
-        height
-      }
-    )
-  ] });
-};
-const Config$g = {
-  type: "Image",
-  label: "Image",
-  category: "core",
-  icon: reactIcons.ImageIcon,
-  group: "media",
-  ...runtime.registerChaiBlockSchema({
-    properties: {
-      styles: runtime.StylesProp(""),
-      image: {
-        type: "string",
-        title: "Image",
-        default: "https://fakeimg.pl/400x200?text=Choose&font=bebas",
-        ui: { "ui:widget": "image" }
-      },
-      alt: {
-        type: "string",
-        title: "Alt text",
-        default: "",
-        ui: { "ui:placeholder": "Enter  alt text" }
-      },
-      lazyLoading: {
-        type: "boolean",
-        title: "Lazy Load",
-        default: true
-      },
-      width: {
-        type: "number",
-        title: "Width",
-        default: "",
-        ui: { "ui:placeholder": "Enter width" }
-      },
-      height: {
-        type: "number",
-        title: "Height",
-        default: "",
-        ui: { "ui:placeholder": "Enter height" }
-      },
-      mobileImage: {
-        type: "string",
-        title: "Mobile Image",
-        default: "",
-        ui: { "ui:widget": "image" }
-      }
-    }
-  }),
-  aiProps: ["alt"],
-  i18nProps: ["alt"]
-};
-const LightBoxLinkBlock = (props) => {
-  const { blockProps, children, styles, inBuilder, content, href } = props;
-  const { hrefType, autoplay, maxWidth, backdropColor, galleryName } = props;
-  const forcedStyles = addForcedClasses(styles, "cb-lightbox vbox-item");
-  if (!children && lodashEs.isEmpty(styles == null ? void 0 : styles.className) && lodashEs.isEmpty(content)) {
-    return /* @__PURE__ */ jsxRuntime.jsx(EmptySlot, { inBuilder });
-  }
-  if (inBuilder) {
-    if (children) {
-      return /* @__PURE__ */ jsxRuntime.jsx("span", { ...blockProps, ...forcedStyles, children });
-    } else {
-      return React.createElement("span", {
-        ...blockProps,
-        ...forcedStyles,
-        dangerouslySetInnerHTML: { __html: content }
-      });
-    }
-  }
-  const lightBoxAttrs = {};
-  if (hrefType !== "image") lightBoxAttrs["data-vbtype"] = hrefType;
-  if (autoplay) lightBoxAttrs["data-autoplay"] = "true";
-  if (maxWidth) lightBoxAttrs["data-maxwidth"] = maxWidth + "px";
-  if (backdropColor) lightBoxAttrs["data-overlay"] = backdropColor;
-  if (galleryName) lightBoxAttrs["data-gall"] = galleryName;
-  if (children) {
-    return /* @__PURE__ */ jsxRuntime.jsx("a", { "aria-label": content, ...lightBoxAttrs, href: href || "#/", ...blockProps, ...forcedStyles, children });
-  }
-  return React.createElement("a", {
-    ...blockProps,
-    ...forcedStyles,
-    ...lightBoxAttrs,
-    href: href || "#",
-    dangerouslySetInnerHTML: { __html: content },
-    "aria-label": content
-  });
-};
-const Config$f = {
-  type: "LightBoxLink",
-  label: "Lightbox Link",
-  category: "core",
-  icon: reactIcons.ImageIcon,
-  group: "basic",
-  ...runtime.registerChaiBlockSchema({
-    properties: {
-      styles: runtime.StylesProp(""),
-      content: {
-        type: "string",
-        title: "Content",
-        default: "Link text or drop blocks inside"
-      },
-      hrefType: {
-        type: "string",
-        title: "Type",
-        default: "image",
-        enum: ["image", "video", "iframe", "inline", "ajax"],
-        enumNames: ["Image", "Video", "Iframe", "Inline", "Ajax"]
-      },
-      href: {
-        type: "string",
-        title: "Href",
-        default: ""
-      },
-      autoplay: {
-        type: "boolean",
-        title: "Autoplay (Video only)",
-        default: false
-      },
-      maxWidth: {
-        type: "number",
-        title: "Max Width",
-        default: ""
-      },
-      backdropColor: {
-        type: "string",
-        title: "Backdrop Color",
-        default: ""
-      },
-      galleryName: {
-        type: "string",
-        title: "Gallery Name",
-        default: ""
-      }
-    },
-    dependencies: {
-      autoplay: ["hrefType", "video"]
-    }
-  }),
-  i18nProps: ["content"],
-  aiProps: ["content"],
-  canAcceptBlock: (type) => type !== "Link" && type !== "LightBoxLink"
-};
-const LinkBlock = (props) => {
-  const { blockProps, link, children, styles, inBuilder, content } = props;
-  let emptyStyles = {};
-  if (!children && lodashEs.isEmpty(content)) {
-    emptyStyles = { minHeight: "50px", display: "flex", alignItems: "center", justifyContent: "center" };
-  }
-  if (inBuilder) {
-    if (children) {
-      return /* @__PURE__ */ jsxRuntime.jsx("span", { ...blockProps, style: emptyStyles, ...styles, children });
-    } else {
-      return React.createElement(
-        "span",
-        {
-          ...blockProps,
-          ...styles,
-          style: emptyStyles
-        },
-        content
-      );
-    }
-  }
-  if (children) {
-    return /* @__PURE__ */ jsxRuntime.jsx("a", { "aria-label": content, href: (link == null ? void 0 : link.href) || "#/", target: link == null ? void 0 : link.target, ...blockProps, ...styles, children });
-  }
-  return React.createElement(
-    "a",
-    {
-      ...blockProps,
-      ...styles,
-      href: (link == null ? void 0 : link.href) || "#",
-      target: (link == null ? void 0 : link.target) || "_self",
-      "aria-label": content
-    },
-    content
-  );
-};
-const Config$e = {
-  type: "Link",
-  label: "Link",
-  category: "core",
-  icon: reactIcons.Link1Icon,
-  group: "basic",
-  ...runtime.registerChaiBlockSchema({
-    properties: {
-      styles: runtime.StylesProp(""),
-      content: {
-        type: "string",
-        default: "Link goes here",
-        title: "Content"
-      },
-      link: {
-        type: "object",
-        properties: {
-          type: { type: "string" },
-          href: { type: "string" },
-          target: { type: "string" }
-        },
-        default: {
-          type: "url",
-          href: "",
-          target: "_self"
-        },
-        ui: {
-          "ui:field": "link"
-        }
-      }
-    }
-  }),
-  aiProps: ["content"],
-  i18nProps: ["content"],
-  canAcceptBlock: (type) => type !== "Link"
-};
-const ListBlock = (props) => {
-  const { blockProps, children, listType, styles, tag, inBuilder } = props;
-  const className = iconBase.cn(lodashEs.get(styles, "className", ""), listType);
-  if (!children && lodashEs.isEmpty(styles == null ? void 0 : styles.className)) {
-    return /* @__PURE__ */ jsxRuntime.jsx(EmptySlot, { inBuilder });
-  }
-  return React__namespace.createElement(
-    tag ? tag : listType === "list-decimal" ? "ol" : "ul",
-    { ...blockProps, ...styles, className },
-    children
-  );
-};
-const Config$d = {
-  type: "List",
-  label: "web_blocks.list",
-  icon: reactIcons.RowsIcon,
-  category: "core",
-  group: "basic",
-  ...runtime.registerChaiBlockSchema({
-    properties: {
-      styles: runtime.StylesProp(""),
-      listType: {
-        type: "string",
-        title: "List Type",
-        default: "list-none",
-        oneOf: [
-          { enum: ["list-none"], title: "List None" },
-          { enum: ["list-disc"], title: "Disc" },
-          { enum: ["list-decimal"], title: "Decimal" }
-        ]
-      }
-    }
-  }),
-  canAcceptBlock: (blockType) => blockType === "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 ListItemBlock = (props) => {
-  const { blockProps, content, styles, children, tag } = props;
-  if (!children) {
-    return React__namespace.createElement(tag || "li", {
-      ...styles,
-      ...blockProps,
-      dangerouslySetInnerHTML: { __html: content }
-    });
-  }
-  return React__namespace.createElement(tag || "li", { ...styles, ...blockProps }, children);
-};
-const Config$c = {
-  type: "ListItem",
-  label: "List Item",
-  icon: reactIcons.ColumnsIcon,
-  category: "core",
-  group: "basic",
-  ...runtime.registerChaiBlockSchema({
-    properties: {
-      styles: runtime.StylesProp(""),
-      content: {
-        type: "string",
-        default: "List item",
-        title: "Content",
-        ui: {
-          "ui:widget": "textarea"
-        }
-      }
-    }
-  }),
-  i18nProps: ["content"],
-  aiProps: ["content"],
-  canAcceptBlock: (type) => type !== "ListItem",
-  canBeNested: (type) => type === "List"
-};
-const RawTextBlock = (props) => {
-  if (props.inBuilder || props.forceWrapper) {
-    return /* @__PURE__ */ jsxRuntime.jsx("span", { ...props.blockProps, children: props.content });
-  }
-  return `${props.content}`;
-};
-const Config$b = {
-  type: "Text",
-  label: "Text",
-  hidden: true,
-  category: "core",
-  group: "typography",
-  icon: reactIcons.SpaceBetweenVerticallyIcon,
-  ...runtime.registerChaiBlockSchema({
-    properties: {
-      styles: runtime.StylesProp("text-black"),
-      content: {
-        type: "string",
-        default: ""
-      }
-    }
-  }),
-  aiProps: ["content"],
-  i18nProps: ["content"]
-};
-const YOUTUBE_REGEX = /^(https?:\/\/)?(www\.)?youtube\.com\/(watch\?v=|embed\/)([a-zA-Z0-9_-]{11})/;
-const VIMEO_REGEX = /^(https?:\/\/)?(www\.)?player.vimeo\.com/;
-const DAILYMOTION_REGEX = /^(https?:\/\/)?(www\.)?dailymotion\.com\/(video|embed\/video)\/([a-zA-Z0-9_-]+)/;
-const getEmbedURL = (url) => {
-  if (YOUTUBE_REGEX.test(url)) {
-    const match = url.match(YOUTUBE_REGEX);
-    if (match) {
-      const videoId = match[4];
-      return `https://www.youtube.com/embed/${videoId}`;
-    }
-    return url;
-  }
-  if (VIMEO_REGEX.test(url)) {
-    const match = url.match(VIMEO_REGEX);
-    if (match) {
-      const videoId = match[3];
-      return `https://player.vimeo.com/video/${videoId}`;
-    }
-    return url;
-  }
-  if (DAILYMOTION_REGEX.test(url)) {
-    const match = url.match(DAILYMOTION_REGEX);
-    if (match) {
-      const videoId = match[4];
-      return `https://www.dailymotion.com/embed/video/${videoId}`;
-    }
-    return url;
-  }
-  return null;
-};
-const VideoBlock = React__namespace.memo((props) => {
-  const { blockProps, inBuilder, styles, url, controls } = props;
-  const autoplay = lodashEs.get(controls, "autoPlay", false);
-  const _controls = lodashEs.get(controls, "controls", false);
-  const muted = autoplay || lodashEs.get(controls, "muted", true);
-  const loop = lodashEs.get(controls, "loop", false);
-  if (lodashEs.isEmpty(url)) return /* @__PURE__ */ jsxRuntime.jsx(EmptySlot, { inBuilder, className: "h-36" });
-  let embedURL = getEmbedURL(url);
-  let videoElement = null;
-  if (embedURL) {
-    if (!lodashEs.isEmpty(embedURL)) {
-      const iframeControls = [];
-      iframeControls.push(`autoplay=${autoplay ? 1 : 0}`);
-      iframeControls.push(`controls=${controls ? 1 : 0}`);
-      iframeControls.push(`mute=${muted ? 1 : 0}&muted=${muted ? 1 : 0}`);
-      iframeControls.push(`loop=${loop ? 1 : 0}`);
-      embedURL = `${embedURL}?${iframeControls.join("&")}`;
-    }
-    videoElement = React__namespace.createElement("iframe", {
-      ...blockProps,
-      className: "absolute inset-0 w-full h-full",
-      src: embedURL,
-      allow: inBuilder ? "" : "autoplay *; fullscreen *",
-      allowFullScreen: true,
-      frameBorder: 0
-    });
-  } else {
-    videoElement = React__namespace.createElement("video", {
-      ...blockProps,
-      className: "absolute inset-0 w-full h-full",
-      src: url,
-      controls: _controls,
-      muted,
-      autoPlay: inBuilder ? false : autoplay,
-      loop
-    });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...lodashEs.pick(styles, ["className"]), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative w-full overflow-hidden", style: { paddingBottom: "56.25%" }, children: [
-    inBuilder ? /* @__PURE__ */ jsxRuntime.jsx("div", { ...blockProps, ...lodashEs.omit(styles, ["className"]), className: "absolute inset-0 z-20 h-full w-full" }) : null,
-    videoElement
-  ] }) });
-});
-const Config$a = {
-  type: "Video",
-  label: "Video",
-  category: "core",
-  icon: reactIcons.VideoIcon,
-  group: "media",
-  ...runtime.registerChaiBlockSchema({
-    properties: {
-      styles: runtime.StylesProp(""),
-      url: {
-        type: "string",
-        title: "Video URL",
-        default: "https://www.youtube.com/watch?v=9xwazD5SyVg&ab_channel=MaximilianMustermann"
-      },
-      controls: {
-        type: "object",
-        title: "Controls",
-        default: {
-          autoplay: false,
-          controls: true,
-          loop: false,
-          muted: false
-        },
-        properties: {
-          autoplay: {
-            type: "boolean",
-            title: "Autoplay",
-            default: false
-          },
-          controls: {
-            type: "boolean",
-            title: "Show Controls",
-            default: true
-          },
-          loop: {
-            type: "boolean",
-            title: "Loop Video",
-            default: false
-          },
-          muted: {
-            type: "boolean",
-            title: "Muted",
-            default: false
-          }
-        }
-      }
-    }
-  }),
-  i18nProps: ["url"]
-};
-const CheckboxBlock = (props) => {
-  const { blockProps, fieldName, label, styles, inputStyles, required, checked, showLabel = true } = props;
-  const fieldId = iconBase.generateUUID();
-  if (!showLabel)
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "input",
-      {
-        id: fieldId,
-        ...blockProps,
-        ...inputStyles,
-        ...styles,
-        type: "checkbox",
-        required,
-        name: fieldName
-      }
-    );
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ...styles, ...blockProps, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "input",
-      {
-        ...inputStyles,
-        name: fieldName,
-        id: fieldId,
-        type: "checkbox",
-        required,
-        defaultChecked: checked
-      }
-    ),
-    label && /* @__PURE__ */ jsxRuntime.jsx("label", { htmlFor: fieldId, children: label })
-  ] });
-};
-const Config$9 = {
-  type: "Checkbox",
-  label: "web_blocks.checkbox",
-  category: "core",
-  icon: reactIcons.CheckboxIcon,
-  group: "form",
-  ...runtime.registerChaiBlockSchema({
-    properties: {
-      styles: runtime.StylesProp("flex items-center gap-x-2"),
-      inputStyles: runtime.StylesProp(""),
-      fieldName: {
-        type: "string",
-        title: "Field Name",
-        default: "fieldName"
-      },
-      label: {
-        type: "string",
-        title: "Label",
-        default: "Label"
-      },
-      checked: {
-        type: "boolean",
-        title: "Checked",
-        default: false
-      },
-      required: {
-        type: "boolean",
-        title: "Required",
-        default: false
-      },
-      showLabel: {
-        type: "boolean",
-        title: "Show Label",
-        default: true
-      }
-    }
-  }),
-  aiProps: ["label"],
-  i18nProps: ["label"]
-};
-const FormBlock = (props) => {
-  const { children, blockProps, errorMessage, successMessage, action, styles, inBuilder } = props;
-  let nestedChildren = children;
-  if (!children) {
-    nestedChildren = /* @__PURE__ */ jsxRuntime.jsx(EmptySlot, { inBuilder });
-  }
-  const alpineAttrs = {
-    "x-data": "{}",
-    "x-on:submit.prevent": "post"
-  };
-  const formResponseAttr = {
-    "x-html": "",
-    ":class": "{'text-red-500': formStatus === 'ERROR', 'text-green-500': formStatus === 'SUCCESS'}"
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "form",
-    {
-      ...alpineAttrs,
-      "data-error": errorMessage,
-      "data-success": successMessage,
-      method: "post",
-      action,
-      ...blockProps,
-      ...styles,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { ...formResponseAttr }),
-        nestedChildren
-      ]
-    }
-  );
-};
-const Config$8 = {
-  type: "Form",
-  label: "Form",
-  category: "core",
-  icon: lucideReact.GroupIcon,
-  group: "form",
-  blocks: () => [
-    { _type: "Form", _id: "form", styles: "#styles:p-1 space-y-2," },
-    { _type: "Input", _id: "form_input", _parent: "form", styles: "#styles:," },
-    {
-      _type: "FormButton",
-      _id: "form_submit_btn",
-      _parent: "form",
-      styles: "#styles:bg-black text-white rounded px-3 py-1,"
-    }
-  ],
-  ...runtime.registerChaiBlockSchema({
-    properties: {
-      styles: runtime.StylesProp(""),
-      action: {
-        type: "string",
-        title: "Submit URL",
-        default: "/api/form/submit"
-      },
-      errorMessage: {
-        type: "string",
-        title: "Error Message",
-        default: "Something went wrong. Please try again",
-        ui: { "ui:widget": "richtext" }
-      },
-      successMessage: {
-        type: "string",
-        title: "Success Message",
-        default: "Thank you for your submission.",
-        ui: { "ui:widget": "richtext" }
-      }
-    }
-  }),
-  i18nProps: ["errorMessage", "successMessage"],
-  aiProps: ["errorMessage", "successMessage"],
-  canAcceptBlock: () => true
-};
-const FormButtonBlock = (props) => {
-  const { blockProps, inBuilder, label, styles, inputStyles, icon, iconSize, iconPos } = props;
-  const fieldId = iconBase.generateUUID();
-  const attrs = {
-    "x-bind:disabled": "formLoading"
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "button",
-    {
-      id: fieldId,
-      ...attrs,
-      ...inputStyles,
-      ...styles,
-      ...blockProps || {},
-      type: inBuilder ? "button" : "submit",
-      "aria-label": label,
-      children: [
-        label,
-        icon && /* @__PURE__ */ jsxRuntime.jsx(
-          "div",
-          {
-            style: { width: iconSize + "px" },
-            className: iconPos + " " + (iconPos === "order-first" ? "mr-2" : "ml-2") || "",
-            dangerouslySetInnerHTML: { __html: icon }
-          }
-        )
-      ]
-    }
-  );
-};
-const Config$7 = {
-  type: "FormButton",
-  label: "Submit Button",
-  category: "core",
-  icon: reactIcons.ButtonIcon,
-  group: "form",
-  ...runtime.registerChaiBlockSchema({
-    properties: {
-      styles: runtime.StylesProp(
-        "text-white bg-primary disabled:bg-gray-400 px-4 py-2 rounded-global flex items-center gap-x-2"
-      ),
-      inputStyles: runtime.StylesProp(""),
-      label: {
-        type: "string",
-        title: "Label",
-        default: "Submit",
-        ai: true,
-        i18n: true
-      },
-      icon: {
-        type: "string",
-        title: "Icon",
-        default: "",
-        ui: { "ui:widget": "icon" }
-      },
-      iconSize: {
-        type: "number",
-        title: "Icon size",
-        default: 24
-      },
-      iconPos: {
-        type: "string",
-        title: "Icon Position",
-        default: "order-last",
-        enum: ["order-first", "order-last"]
-      }
-    }
-  }),
-  i18nProps: ["label"],
-  aiProps: ["label"]
-};
-const InputBlock = (props) => {
-  const { blockProps, fieldName, label, placeholder, styles, inputStyles, showLabel, required, inputType } = props;
-  const fieldId = iconBase.generateUUID();
-  if (!showLabel) {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "input",
-      {
-        id: fieldId,
-        name: fieldName,
-        ...blockProps,
-        ...inputStyles,
-        ...styles,
-        type: inputType,
-        placeholder,
-        required
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ...styles, ...blockProps, children: [
-    showLabel && /* @__PURE__ */ jsxRuntime.jsx("label", { htmlFor: fieldId, children: label }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "input",
-      {
-        name: fieldName,
-        ...inputStyles,
-        id: fieldId,
-        type: inputType,
-        placeholder,
-        required
-      }
-    )
-  ] });
-};
-const Config$6 = {
-  type: "Input",
-  label: "web_blocks.input",
-  category: "core",
-  icon: reactIcons.InputIcon,
-  group: "form",
-  ...runtime.registerChaiBlockSchema({
-    properties: {
-      styles: runtime.StylesProp(""),
-      inputStyles: runtime.StylesProp("w-full p-1"),
-      fieldName: {
-        type: "string",
-        title: "Field Name",
-        default: "fieldName"
-      },
-      showLabel: {
-        type: "boolean",
-        title: "Show Label",
-        default: true
-      },
-      label: {
-        type: "string",
-        title: "Label",
-        default: "Label",
-        ai: true,
-        i18n: true
-      },
-      placeholder: {
-        type: "string",
-        title: "Placeholder",
-        default: "Placeholder"
-      },
-      required: {
-        type: "boolean",
-        title: "Required",
-        default: false
-      },
-      inputType: {
-        type: "string",
-        title: "Input Type",
-        default: "text",
-        enum: [
-          "text",
-          "email",
-          "password",
-          "number",
-          "tel",
-          "file",
-          "hidden",
-          "range",
-          "submit",
-          "color",
-          "date",
-          "time"
-        ]
-      }
-    }
-  }),
-  aiProps: ["label", "placeholder"],
-  i18nProps: ["label", "placeholder"]
-};
-const LabelBlock = (props) => {
-  const { blockProps, content, styles, children } = props;
-  const labelProps = { ...styles, ...blockProps };
-  if (children) return React__namespace.createElement("label", labelProps, children);
-  return React__namespace.createElement("label", {
-    ...labelProps,
-    dangerouslySetInnerHTML: { __html: content }
-  });
-};
-const Config$5 = {
-  type: "Label",
-  label: "Label",
-  category: "core",
-  icon: reactIcons.LetterCaseToggleIcon,
-  group: "form",
-  ...runtime.registerChaiBlockSchema({
-    properties: {
-      styles: runtime.StylesProp(),
-      content: {
-        type: "string",
-        title: "Content",
-        default: ""
-      }
-    }
-  }),
-  aiProps: ["content"],
-  i18nProps: ["content"]
-};
-const RadioBlock = (props) => {
-  const { blockProps, fieldName, label, styles, inputStyles, required, checked, showLabel = true } = props;
-  const fieldId = iconBase.generateUUID();
-  if (!showLabel)
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "input",
-      {
-        id: fieldId,
-        ...blockProps,
-        ...inputStyles,
-        ...styles,
-        type: "radio",
-        required,
-        checked,
-        name: fieldName
-      }
-    );
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ...styles, ...blockProps, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("input", { ...inputStyles, name: fieldName, id: fieldId, type: "radio", required, defaultChecked: checked }),
-    label && /* @__PURE__ */ jsxRuntime.jsx("label", { htmlFor: fieldId, children: label })
-  ] });
-};
-const Config$4 = {
-  type: "Radio",
-  label: "web_blocks.radio",
-  category: "core",
-  icon: reactIcons.RadiobuttonIcon,
-  group: "form",
-  ...runtime.registerChaiBlockSchema({
-    properties: {
-      styles: runtime.StylesProp("flex items-center gap-x-2"),
-      inputStyles: runtime.StylesProp(""),
-      fieldName: {
-        type: "string",
-        title: "Field Name",
-        default: "fieldName"
-      },
-      label: {
-        type: "string",
-        title: "Label",
-        default: "Label"
-      },
-      checked: {
-        type: "boolean",
-        title: "Checked",
-        default: false
-      },
-      required: {
-        type: "boolean",
-        title: "Required",
-        default: false
-      },
-      showLabel: {
-        type: "boolean",
-        title: "Show Label",
-        default: true
-      }
-    }
-  }),
-  aiProps: ["label"],
-  i18nProps: ["label"]
-};
-const SelectBlock = (props) => {
-  const { blockProps, fieldName, label, placeholder, styles, inputStyles, required, showLabel, _multiple, options } = props;
-  const fieldId = iconBase.generateUUID();
-  if (!showLabel) {
-    return /* @__PURE__ */ jsxRuntime.jsxs("select", { id: fieldId, ...styles, ...blockProps, required, multiple: _multiple, name: fieldName, children: [
-      /* @__PURE__ */ jsxRuntime.jsx("option", { value: "", disabled: true, selected: true, hidden: true, children: placeholder }),
-      lodashEs.map(options, (option) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: option == null ? void 0 : option.value, children: option == null ? void 0 : option.label }, option == null ? void 0 : option.value))
-    ] });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ...styles, ...blockProps, children: [
-    showLabel && /* @__PURE__ */ jsxRuntime.jsx("label", { htmlFor: fieldId, children: label }),
-    /* @__PURE__ */ jsxRuntime.jsxs("select", { ...inputStyles, id: fieldId, required, multiple: _multiple, name: fieldName, children: [
-      /* @__PURE__ */ jsxRuntime.jsx("option", { value: "", disabled: true, selected: true, hidden: true, children: placeholder }),
-      lodashEs.map(options, (option) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: option == null ? void 0 : option.value, children: option == null ? void 0 : option.label }, option == null ? void 0 : option.value))
-    ] })
-  ] });
-};
-const Config$3 = {
-  type: "Select",
-  label: "web_blocks.select",
-  category: "core",
-  icon: reactIcons.DropdownMenuIcon,
-  group: "form",
-  ...runtime.registerChaiBlockSchema({
-    properties: {
-      styles: runtime.StylesProp(""),
-      inputStyles: runtime.StylesProp("w-full p-1"),
-      fieldName: {
-        type: "string",
-        title: "Field Name",
-        default: "fieldName"
-      },
-      showLabel: {
-        type: "boolean",
-        title: "Show Label",
-        default: true
-      },
-      label: {
-        type: "string",
-        title: "Label",
-        default: "Label"
-      },
-      placeholder: {
-        type: "string",
-        title: "Placeholder",
-        default: "Placeholder"
-      },
-      required: {
-        type: "boolean",
-        title: "Required",
-        default: false
-      },
-      _multiple: {
-        type: "boolean",
-        title: "Multiple",
-        default: false
-      },
-      options: {
-        title: "Options",
-        type: "array",
-        default: [],
-        items: {
-          type: "object",
-          properties: {
-            label: {
-              type: "string",
-              title: "Label",
-              default: ""
-            },
-            value: {
-              type: "string",
-              title: "Value",
-              default: ""
-            }
-          }
-        }
-      }
-    }
-  }),
-  aiProps: ["label", "placeholder"],
-  i18nProps: ["label", "placeholder"]
-};
-const TextAreaBlock = (props) => {
-  const { blockProps, fieldName, label, placeholder, styles, inputStyles, _rows, showLabel } = props;
-  const fieldId = iconBase.generateUUID();
-  if (!showLabel) {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "textarea",
-      {
-        id: fieldId,
-        name: fieldName,
-        ...blockProps,
-        ...inputStyles,
-        ...styles,
-        placeholder,
-        rows: _rows
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ...styles, ...blockProps, children: [
-    showLabel && /* @__PURE__ */ jsxRuntime.jsx("label", { htmlFor: fieldId, children: label }),
-    /* @__PURE__ */ jsxRuntime.jsx("textarea", { name: fieldName, ...inputStyles, id: fieldId, placeholder, rows: _rows })
-  ] });
-};
-const Config$2 = {
-  type: "TextArea",
-  label: "web_blocks.textarea",
-  category: "core",
-  icon: reactIcons.InputIcon,
-  group: "form",
-  ...runtime.registerChaiBlockSchema({
-    properties: {
-      fieldName: {
-        type: "string",
-        title: "Field Name",
-        default: "fieldName"
-      },
-      styles: runtime.StylesProp(""),
-      inputStyles: runtime.StylesProp("w-full p-1"),
-      showLabel: {
-        type: "boolean",
-        title: "Show Label",
-        default: true
-      },
-      label: {
-        type: "string",
-        title: "Label",
-        default: "Label",
-        ui: { "ui:widget": "textarea", "ui:autosize": true, "ui:rows": 3 }
-      },
-      placeholder: {
-        type: "string",
-        title: "Placeholder",
-        default: "Placeholder"
-      },
-      _rows: {
-        type: "number",
-        title: "Rows",
-        default: 3
-      }
-    }
-  }),
-  aiProps: ["label", "placeholder"],
-  i18nProps: ["label", "placeholder"]
-};
-const LineBreakBlock = (props) => {
-  const { blockProps, styles } = props;
-  return React.createElement("br", { ...blockProps, ...styles });
-};
-const Config$1 = {
-  type: "LineBreak",
-  label: "Line Break",
-  category: "core",
-  group: "basic",
-  hidden: true,
-  ...runtime.registerChaiBlockSchema({
-    properties: {
-      styles: runtime.StylesProp("")
-    }
-  }),
-  canAcceptBlock: () => true,
-  canDelete: () => false,
-  canMove: () => false,
-  canDuplicate: () => false
-};
-const NUMBER_TO_COL_SPAN = {
-  SMALL: {
-    1: "col-span-1",
-    2: "col-span-2",
-    3: "col-span-3",
-    4: "col-span-4",
-    5: "col-span-5",
-    6: "col-span-6",
-    7: "col-span-7",
-    8: "col-span-8",
-    9: "col-span-9",
-    10: "col-span-10",
-    11: "col-span-11",
-    12: "col-span-12"
-  },
-  MEDIUM: {
-    1: "md:col-span-1",
-    2: "md:col-span-2",
-    3: "md:col-span-3",
-    4: "md:col-span-4",
-    5: "md:col-span-5",
-    6: "md:col-span-6",
-    7: "md:col-span-7",
-    8: "md:col-span-8",
-    9: "md:col-span-9",
-    10: "md:col-span-10",
-    11: "md:col-span-11",
-    12: "md:col-span-12"
-  },
-  LARGE: {
-    1: "lg:col-span-1",
-    2: "lg:col-span-2",
-    3: "lg:col-span-3",
-    4: "lg:col-span-4",
-    5: "lg:col-span-5",
-    6: "lg:col-span-6",
-    7: "lg:col-span-7",
-    8: "lg:col-span-8",
-    9: "lg:col-span-9",
-    10: "lg:col-span-10",
-    11: "lg:col-span-11",
-    12: "lg:col-span-12"
-  }
-};
-const Column = (props) => {
-  const { blockProps, children, styles, colSpan, tabletColSpan, desktopColSpan } = props;
-  const className = [
-    lodashEs.get(styles, "className", ""),
-    lodashEs.get(NUMBER_TO_COL_SPAN, ["SMALL", isNaN(colSpan) || !colSpan ? 6 : colSpan], ""),
-    tabletColSpan ? lodashEs.get(NUMBER_TO_COL_SPAN, ["MEDIUM", tabletColSpan || colSpan], "") : "",
-    desktopColSpan ? lodashEs.get(NUMBER_TO_COL_SPAN, ["LARGE", tabletColSpan || colSpan], "") : ""
-  ];
-  const _styles = { className: className.join(" ") };
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...blockProps, ...styles, ..._styles, children: children || /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-full min-h-12 w-full border-2 border-dashed border-gray-400 bg-gray-100 dark:bg-gray-900" }) });
-};
-const ColumnConfig = {
-  type: "Column",
-  label: "Column",
-  group: "basic",
-  category: "core",
-  icon: lucideReact.Columns,
-  wrapper: true,
-  canDelete: () => true,
-  canAcceptBlock: () => true,
-  canBeNested: (type) => type === "Row",
-  ...runtime.registerChaiBlockSchema({
-    properties: {
-      styles: runtime.StylesProp(""),
-      colSpan: {
-        type: "number",
-        title: "Column Span",
-        default: 6,
-        enum: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]
-      },
-      tabletColSpan: {
-        type: "number",
-        title: "Column Span (Tablet)",
-        default: null,
-        enumNames: ["Default", 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12],
-        enum: [null, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]
-      },
-      desktopColSpan: {
-        type: "number",
-        title: "Column Span (Desktop)",
-        default: null,
-        enumNames: ["Default", 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12],
-        enum: [null, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]
-      }
-    }
-  })
-};
-const Component = (props) => {
-  const { blockProps, children, styles, gutter } = props;
-  const className = [lodashEs.get(styles, "className", ""), " grid grid-cols-12"];
-  const _styles = { className: className.join() };
-  if (typeof (styles == null ? void 0 : styles.style) === "object") {
-    styles.style.gap = `${gutter}px`;
-  } else {
-    _styles.style = { gap: `${gutter}px` };
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...blockProps, ...styles, ..._styles, children });
-};
-const Config = {
-  type: "Row",
-  label: "Row",
-  group: "basic",
-  icon: lucideReact.Rows,
-  blocks: () => [
-    { _type: "Row", _id: "row", styles: "#styles:,p-1" },
-    { _type: "Column", id: "column", _parent: "row", styles: "#styles:," },
-    { _type: "Column", id: "column", _parent: "row", styles: "#styles:," }
-  ],
-  category: "core",
-  wrapper: true,
-  canAcceptBlock: (childType) => childType === "Column",
-  ...runtime.registerChaiBlockSchema({
-    properties: {
-      styles: runtime.StylesProp(""),
-      colCount: {
-        type: "number",
-        default: 2,
-        minimum: 0,
-        ui: { "ui:widget": "colCount" }
-      },
-      gutter: {
-        type: "number",
-        title: "Gutter (in px)",
-        default: 16,
-        minimum: 0
-      }
-    }
-  })
-};
-const loadWebBlocks = () => {
-  runtime.registerChaiBlock(Component$3, Config$s);
-  runtime.registerChaiBlock(EmptyBox, Config$p);
-  runtime.registerChaiBlock(Component$2, Config$r);
-  runtime.registerChaiBlock(HeadingBlock, Config$o);
-  runtime.registerChaiBlock(ParagraphBlock, Config$n);
-  runtime.registerChaiBlock(SpanBlock, Config$l);
-  runtime.registerChaiBlock(RichTextBlock, Config$m);
-  runtime.registerChaiBlock(LinkBlock, Config$e);
-  runtime.registerChaiBlock(LightBoxLinkBlock, Config$f);
-  runtime.registerChaiBlock(ListBlock, Config$d);
-  runtime.registerChaiBlock(ListItemBlock, Config$c);
-  runtime.registerChaiBlock(IconBlock, Config$h);
-  runtime.registerChaiBlock(ImageBlock, Config$g);
-  runtime.registerChaiBlock(VideoBlock, Config$a);
-  runtime.registerChaiBlock(CustomHTMLBlock, Config$q);
-  runtime.registerChaiBlock(CustomScript, Config$k);
-  runtime.registerChaiBlock(RawTextBlock, Config$b);
-  runtime.registerChaiBlock(FormBlock, Config$8);
-  runtime.registerChaiBlock(FormButtonBlock, Config$7);
-  runtime.registerChaiBlock(InputBlock, Config$6);
-  runtime.registerChaiBlock(CheckboxBlock, Config$9);
-  runtime.registerChaiBlock(RadioBlock, Config$4);
-  runtime.registerChaiBlock(SelectBlock, Config$3);
-  runtime.registerChaiBlock(TextAreaBlock, Config$2);
-  runtime.registerChaiBlock(LabelBlock, Config$5);
-  runtime.registerChaiBlock(LineBreakBlock, Config$1);
-  runtime.registerChaiBlock(DividerBlock, Config$j);
-  runtime.registerChaiBlock(Component$1, Config$i);
-  runtime.registerChaiBlock(Component, Config);
-  runtime.registerChaiBlock(Column, ColumnConfig);
-};
-exports.loadWebBlocks = loadWebBlocks;
+        nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.`,ui:{"ui:widget":"textarea","ui:autosize":!0,"ui:rows":5}}}}),i18nProps:["content"],aiProps:["content"],canAcceptBlock:e=>e==="Span"||e==="Link"||e==="Text"},w=(e,...l)=>({...e,className:b.cn(e.className,...l)}),q=e=>{const{blockProps:l,content:t,styles:s}=e,r=w(s,"prose","max-w-full");return i.jsx("div",{...l,...r,dangerouslySetInnerHTML:{__html:t}})},U={type:"RichText",label:"Rich Text",category:"core",icon:y.CursorTextIcon,group:"typography",...o.registerChaiBlockSchema({properties:{styles:o.StylesProp(""),content:{type:"string",title:"Content",default:"<p>This is a rich text block. You can add text, and other content here.</p>",ui:{"ui:widget":"richtext"}}}}),aiProps:["content"],i18nProps:["content"]},F=e=>{const{blockProps:l,styles:t,content:s,children:r=null,tag:n}=e;return r?h.createElement("span",{...t,...l},r):h.createElement(n||"span",{...t,...l,dangerouslySetInnerHTML:{__html:s||""}})},O={type:"Span",label:"Span",category:"core",group:"typography",...o.registerChaiBlockSchema({properties:{styles:o.StylesProp(""),content:{type:"string",title:"Content",default:"",ui:{"ui:widget":"textarea","ui:autosize":!0,"ui:rows":3}}}}),aiProps:["content"],i18nProps:["content"],canAcceptBlock:()=>!0};function G(e){return b.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:[]}]})(e)}const V=e=>{const{scripts:l,inBuilder:t,blockProps:s}=e;return t?i.jsx("div",{...s,children:i.jsx("div",{className:b.cn("pointer-events-none flex flex-col items-center justify-center p-2",""),children:i.jsx("div",{className:"h-full w-full rounded bg-gray-200 p-1 dark:bg-gray-800",children:i.jsx("p",{className:"text-left text-xs text-gray-400",children:"Scripts will be only executed in preview and live mode. Place your script at the bottom of the"})})})}):i.jsx("div",{dangerouslySetInnerHTML:{__html:l}})},W={type:"CustomScript",label:"web_blocks.custom_script",category:"core",icon:G,group:"advanced",...o.registerChaiBlockSchema({properties:{scripts:{type:"string",title:"Script",default:"",format:"code",placeholder:"<script>console.log('Hello, world!');<\/script>"}}})},X=e=>{const{blockProps:l,styles:t}=e;return k.createElement("hr",{...t,...l})},Y={type:"Divider",label:"web_blocks.divider",category:"core",icon:y.DividerHorizontalIcon,group:"basic",...o.registerChaiBlockSchema({properties:{styles:o.StylesProp("bg-gray-900 h-0.5 py-2 my-1")}})},Z=e=>{const{blockProps:l,inBuilder:t,children:s,globalBlock:r}=e;return t&&!r?i.jsxs("div",{className:"flex flex-col items-center justify-center gap-y-1 rounded-lg bg-gray-100 py-4 dark:bg-gray-800",...l,children:[i.jsxs("h1",{children:["Global Block - ",r]}),i.jsx("p",{children:"Choose a block from the sidebar to add it to this page."})]}):h.createElement("span",{...l},s)},J={type:"GlobalBlock",label:"Global Block",icon:B.GlobeIcon,category:"core",group:"basic",...o.registerChaiBlockSchema({properties:{globalBlock:{type:"string",title:"Global Block",default:"",ui:{"ui:widget":"hidden"}}}})},K=e=>{const{blockProps:l,icon:t,styles:s,width:r,inBuilder:n,height:a}=e,c=w(s,"");if(g.isEmpty(t))return i.jsx(C,{inBuilder:n,className:"h-8 w-14"});const p=t.replace(/<svg /g,'<svg class="w-[inherit] h-[inherit]" ');return h.createElement("span",{...l,...c,style:{width:r?`${r}px`:"auto",height:a?`${a}px`:"auto"},dangerouslySetInnerHTML:{__html:p}})},Q={type:"Icon",label:"web_blocks.icon",category:"core",icon:y.SketchLogoIcon,group:"media",...o.registerChaiBlockSchema({properties:{styles:o.StylesProp(""),icon:{type:"string",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>',ui:{"ui:widget":"icon"}},width:{type:"number",default:16,title:"Width"},height:{type:"number",default:16,title:"Height"}}})},ee=e=>{const{blockProps:l,image:t,mobileImage:s,styles:r,alt:n,height:a,width:c,lazyLoading:p}=e;return g.isEmpty(t)?i.jsx(C,{className:"h-36"}):i.jsxs("picture",{children:[s&&i.jsx("source",{srcSet:s,media:"(max-width: 480px)"}),i.jsx("img",{...l,...r,src:t,alt:n,loading:p?"lazy":"eager",width:c,height:a})]})},te={type:"Image",label:"Image",category:"core",icon:y.ImageIcon,group:"media",...o.registerChaiBlockSchema({properties:{styles:o.StylesProp(""),image:{type:"string",title:"Image",default:"https://fakeimg.pl/400x200?text=Choose&font=bebas",ui:{"ui:widget":"image"}},alt:{type:"string",title:"Alt text",default:"",ui:{"ui:placeholder":"Enter  alt text"}},lazyLoading:{type:"boolean",title:"Lazy Load",default:!0},width:{type:"number",title:"Width",default:"",ui:{"ui:placeholder":"Enter width"}},height:{type:"number",title:"Height",default:"",ui:{"ui:placeholder":"Enter height"}},mobileImage:{type:"string",title:"Mobile Image",default:"",ui:{"ui:widget":"image"}}}}),aiProps:["alt"],i18nProps:["alt"]},le=e=>{const{blockProps:l,children:t,styles:s,inBuilder:r,content:n,href:a}=e,{hrefType:c,autoplay:p,maxWidth:d,backdropColor:m,galleryName:f}=e,u=w(s,"cb-lightbox vbox-item");if(!t&&g.isEmpty(s==null?void 0:s.className)&&g.isEmpty(n))return i.jsx(C,{inBuilder:r});if(r)return t?i.jsx("span",{...l,...u,children:t}):k.createElement("span",{...l,...u,dangerouslySetInnerHTML:{__html:n}});const x={};return c!=="image"&&(x["data-vbtype"]=c),p&&(x["data-autoplay"]="true"),d&&(x["data-maxwidth"]=d+"px"),m&&(x["data-overlay"]=m),f&&(x["data-gall"]=f),t?i.jsx("a",{"aria-label":n,...x,href:a||"#/",...l,...u,children:t}):k.createElement("a",{...l,...u,...x,href:a||"#",dangerouslySetInnerHTML:{__html:n},"aria-label":n})},oe={type:"LightBoxLink",label:"Lightbox Link",category:"core",icon:y.ImageIcon,group:"basic",...o.registerChaiBlockSchema({properties:{styles:o.StylesProp(""),content:{type:"string",title:"Content",default:"Link text or drop blocks inside"},hrefType:{type:"string",title:"Type",default:"image",enum:["image","video","iframe","inline","ajax"],enumNames:["Image","Video","Iframe","Inline","Ajax"]},href:{type:"string",title:"Href",default:""},autoplay:{type:"boolean",title:"Autoplay (Video only)",default:!1},maxWidth:{type:"number",title:"Max Width",default:""},backdropColor:{type:"string",title:"Backdrop Color",default:""},galleryName:{type:"string",title:"Gallery Name",default:""}},dependencies:{autoplay:["hrefType","video"]}}),i18nProps:["content"],aiProps:["content"],canAcceptBlock:e=>e!=="Link"&&e!=="LightBoxLink"},re=e=>{const{blockProps:l,link:t,children:s,styles:r,inBuilder:n,content:a}=e;let c={};return!s&&g.isEmpty(a)&&(c={minHeight:"50px",display:"flex",alignItems:"center",justifyContent:"center"}),n?s?i.jsx("span",{...l,style:c,...r,children:s}):k.createElement("span",{...l,...r,style:c},a):s?i.jsx("a",{"aria-label":a,href:(t==null?void 0:t.href)||"#/",target:t==null?void 0:t.target,...l,...r,children:s}):k.createElement("a",{...l,...r,href:(t==null?void 0:t.href)||"#",target:(t==null?void 0:t.target)||"_self","aria-label":a},a)},se={type:"Link",label:"Link",category:"core",icon:y.Link1Icon,group:"basic",...o.registerChaiBlockSchema({properties:{styles:o.StylesProp(""),content:{type:"string",default:"Link goes here",title:"Content"},link:{type:"object",properties:{type:{type:"string"},href:{type:"string"},target:{type:"string"}},default:{type:"url",href:"",target:"_self"},ui:{"ui:field":"link"}}}}),aiProps:["content"],i18nProps:["content"],canAcceptBlock:e=>e!=="Link"},ie=e=>{const{blockProps:l,children:t,listType:s,styles:r,tag:n,inBuilder:a}=e,c=b.cn(g.get(r,"className",""),s);return!t&&g.isEmpty(r==null?void 0:r.className)?i.jsx(C,{inBuilder:a}):h.createElement(n||(s==="list-decimal"?"ol":"ul"),{...l,...r,className:c},t)},ne={type:"List",label:"web_blocks.list",icon:y.RowsIcon,category:"core",group:"basic",...o.registerChaiBlockSchema({properties:{styles:o.StylesProp(""),listType:{type:"string",title:"List Type",default:"list-none",oneOf:[{enum:["list-none"],title:"List None"},{enum:["list-disc"],title:"Disc"},{enum:["list-decimal"],title:"Decimal"}]}}}),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"}]},ae=e=>{const{blockProps:l,content:t,styles:s,children:r,tag:n}=e;return r?h.createElement(n||"li",{...s,...l},r):h.createElement(n||"li",{...s,...l,dangerouslySetInnerHTML:{__html:t}})},ce={type:"ListItem",label:"List Item",icon:y.ColumnsIcon,category:"core",group:"basic",...o.registerChaiBlockSchema({properties:{styles:o.StylesProp(""),content:{type:"string",default:"List item",title:"Content",ui:{"ui:widget":"textarea"}}}}),i18nProps:["content"],aiProps:["content"],canAcceptBlock:e=>e!=="ListItem",canBeNested:e=>e==="List"},pe=e=>e.inBuilder||e.forceWrapper?i.jsx("span",{...e.blockProps,children:e.content}):`${e.content}`,ue={type:"Text",label:"Text",hidden:!0,category:"core",group:"typography",icon:y.SpaceBetweenVerticallyIcon,...o.registerChaiBlockSchema({properties:{styles:o.StylesProp("text-black"),content:{type:"string",default:""}}}),aiProps:["content"],i18nProps:["content"]},P=/^(https?:\/\/)?(www\.)?youtube\.com\/(watch\?v=|embed\/)([a-zA-Z0-9_-]{11})/,I=/^(https?:\/\/)?(www\.)?player.vimeo\.com/,L=/^(https?:\/\/)?(www\.)?dailymotion\.com\/(video|embed\/video)\/([a-zA-Z0-9_-]+)/,de=e=>{if(P.test(e)){const l=e.match(P);return l?`https://www.youtube.com/embed/${l[4]}`:e}if(I.test(e)){const l=e.match(I);return l?`https://player.vimeo.com/video/${l[3]}`:e}if(L.test(e)){const l=e.match(L);return l?`https://www.dailymotion.com/embed/video/${l[4]}`:e}return null},ge=h.memo(e=>{const{blockProps:l,inBuilder:t,styles:s,url:r,controls:n}=e,a=g.get(n,"autoPlay",!1),c=g.get(n,"controls",!1),p=a||g.get(n,"muted",!0),d=g.get(n,"loop",!1);if(g.isEmpty(r))return i.jsx(C,{inBuilder:t,className:"h-36"});let m=de(r),f=null;if(m){if(!g.isEmpty(m)){const u=[];u.push(`autoplay=${a?1:0}`),u.push(`controls=${n?1:0}`),u.push(`mute=${p?1:0}&muted=${p?1:0}`),u.push(`loop=${d?1:0}`),m=`${m}?${u.join("&")}`}f=h.createElement("iframe",{...l,className:"absolute inset-0 w-full h-full",src:m,allow:t?"":"autoplay *; fullscreen *",allowFullScreen:!0,frameBorder:0})}else f=h.createElement("video",{...l,className:"absolute inset-0 w-full h-full",src:r,controls:c,muted:p,autoPlay:t?!1:a,loop:d});return i.jsx("div",{...g.pick(s,["className"]),children:i.jsxs("div",{className:"relative w-full overflow-hidden",style:{paddingBottom:"56.25%"},children:[t?i.jsx("div",{...l,...g.omit(s,["className"]),className:"absolute inset-0 z-20 h-full w-full"}):null,f]})})}),me={type:"Video",label:"Video",category:"core",icon:y.VideoIcon,group:"media",...o.registerChaiBlockSchema({properties:{styles:o.StylesProp(""),url:{type:"string",title:"Video URL",default:"https://www.youtube.com/watch?v=9xwazD5SyVg&ab_channel=MaximilianMustermann"},controls:{type:"object",title:"Controls",default:{autoplay:!1,controls:!0,loop:!1,muted:!1},properties:{autoplay:{type:"boolean",title:"Autoplay",default:!1},controls:{type:"boolean",title:"Show Controls",default:!0},loop:{type:"boolean",title:"Loop Video",default:!1},muted:{type:"boolean",title:"Muted",default:!1}}}}}),i18nProps:["url"]},ye=e=>{const{blockProps:l,fieldName:t,label:s,styles:r,inputStyles:n,required:a,checked:c,showLabel:p=!0}=e,d=b.generateUUID();return p?i.jsxs("div",{...r,...l,children:[i.jsx("input",{...n,name:t,id:d,type:"checkbox",required:a,defaultChecked:c}),s&&i.jsx("label",{htmlFor:d,children:s})]}):i.jsx("input",{id:d,...l,...n,...r,type:"checkbox",required:a,name:t})},he={type:"Checkbox",label:"web_blocks.checkbox",category:"core",icon:y.CheckboxIcon,group:"form",...o.registerChaiBlockSchema({properties:{styles:o.StylesProp("flex items-center gap-x-2"),inputStyles:o.StylesProp(""),fieldName:{type:"string",title:"Field Name",default:"fieldName"},label:{type:"string",title:"Label",default:"Label"},checked:{type:"boolean",title:"Checked",default:!1},required:{type:"boolean",title:"Required",default:!1},showLabel:{type:"boolean",title:"Show Label",default:!0}}}),aiProps:["label"],i18nProps:["label"]},fe=e=>{const{children:l,blockProps:t,errorMessage:s,successMessage:r,action:n,styles:a,inBuilder:c}=e;let p=l;l||(p=i.jsx(C,{inBuilder:c}));const d={"x-data":"{}","x-on:submit.prevent":"post"},m={"x-html":"",":class":"{'text-red-500': formStatus === 'ERROR', 'text-green-500': formStatus === 'SUCCESS'}"};return i.jsxs("form",{...d,"data-error":s,"data-success":r,method:"post",action:n,...t,...a,children:[i.jsx("div",{...m}),p]})},be={type:"Form",label:"Form",category:"core",icon:B.GroupIcon,group:"form",blocks:()=>[{_type:"Form",_id:"form",styles:"#styles:p-1 space-y-2,"},{_type:"Input",_id:"form_input",_parent:"form",styles:"#styles:,"},{_type:"FormButton",_id:"form_submit_btn",_parent:"form",styles:"#styles:bg-black text-white rounded px-3 py-1,"}],...o.registerChaiBlockSchema({properties:{styles:o.StylesProp(""),action:{type:"string",title:"Submit URL",default:"/api/form/submit"},errorMessage:{type:"string",title:"Error Message",default:"Something went wrong. Please try again",ui:{"ui:widget":"richtext"}},successMessage:{type:"string",title:"Success Message",default:"Thank you for your submission.",ui:{"ui:widget":"richtext"}}}}),i18nProps:["errorMessage","successMessage"],aiProps:["errorMessage","successMessage"],canAcceptBlock:()=>!0},ke=e=>{const{blockProps:l,inBuilder:t,label:s,styles:r,inputStyles:n,icon:a,iconSize:c,iconPos:p}=e,d=b.generateUUID(),m={"x-bind:disabled":"formLoading"};return i.jsxs("button",{id:d,...m,...n,...r,...l||{},type:t?"button":"submit","aria-label":s,children:[s,a&&i.jsx("div",{style:{width:c+"px"},className:p+" "+(p==="order-first"?"mr-2":"ml-2")||"",dangerouslySetInnerHTML:{__html:a}})]})},xe={type:"FormButton",label:"Submit Button",category:"core",icon:y.ButtonIcon,group:"form",...o.registerChaiBlockSchema({properties:{styles:o.StylesProp("text-white bg-primary disabled:bg-gray-400 px-4 py-2 rounded-global flex items-center gap-x-2"),inputStyles:o.StylesProp(""),label:{type:"string",title:"Label",default:"Submit",ai:!0,i18n:!0},icon:{type:"string",title:"Icon",default:"",ui:{"ui:widget":"icon"}},iconSize:{type:"number",title:"Icon size",default:24},iconPos:{type:"string",title:"Icon Position",default:"order-last",enum:["order-first","order-last"]}}}),i18nProps:["label"],aiProps:["label"]},Ce=e=>{const{blockProps:l,fieldName:t,label:s,placeholder:r,styles:n,inputStyles:a,showLabel:c,required:p,inputType:d}=e,m=b.generateUUID();return c?i.jsxs("div",{...n,...l,children:[c&&i.jsx("label",{htmlFor:m,children:s}),i.jsx("input",{name:t,...a,id:m,type:d,placeholder:r,required:p})]}):i.jsx("input",{id:m,name:t,...l,...a,...n,type:d,placeholder:r,required:p})},Be={type:"Input",label:"web_blocks.input",category:"core",icon:y.InputIcon,group:"form",...o.registerChaiBlockSchema({properties:{styles:o.StylesProp(""),inputStyles:o.StylesProp("w-full p-1"),fieldName:{type:"string",title:"Field Name",default:"fieldName"},showLabel:{type:"boolean",title:"Show Label",default:!0},label:{type:"string",title:"Label",default:"Label",ai:!0,i18n:!0},placeholder:{type:"string",title:"Placeholder",default:"Placeholder"},required:{type:"boolean",title:"Required",default:!1},inputType:{type:"string",title:"Input Type",default:"text",enum:["text","email","password","number","tel","file","hidden","range","submit","color","date","time"]}}}),aiProps:["label","placeholder"],i18nProps:["label","placeholder"]},Se=e=>{const{blockProps:l,content:t,styles:s,children:r}=e,n={...s,...l};return r?h.createElement("label",n,r):h.createElement("label",{...n,dangerouslySetInnerHTML:{__html:t}})},we={type:"Label",label:"Label",category:"core",icon:y.LetterCaseToggleIcon,group:"form",...o.registerChaiBlockSchema({properties:{styles:o.StylesProp(),content:{type:"string",title:"Content",default:""}}}),aiProps:["content"],i18nProps:["content"]},Pe=e=>{const{blockProps:l,fieldName:t,label:s,styles:r,inputStyles:n,required:a,checked:c,showLabel:p=!0}=e,d=b.generateUUID();return p?i.jsxs("div",{...r,...l,children:[i.jsx("input",{...n,name:t,id:d,type:"radio",required:a,defaultChecked:c}),s&&i.jsx("label",{htmlFor:d,children:s})]}):i.jsx("input",{id:d,...l,...n,...r,type:"radio",required:a,checked:c,name:t})},Ie={type:"Radio",label:"web_blocks.radio",category:"core",icon:y.RadiobuttonIcon,group:"form",...o.registerChaiBlockSchema({properties:{styles:o.StylesProp("flex items-center gap-x-2"),inputStyles:o.StylesProp(""),fieldName:{type:"string",title:"Field Name",default:"fieldName"},label:{type:"string",title:"Label",default:"Label"},checked:{type:"boolean",title:"Checked",default:!1},required:{type:"boolean",title:"Required",default:!1},showLabel:{type:"boolean",title:"Show Label",default:!0}}}),aiProps:["label"],i18nProps:["label"]},Le=e=>{const{blockProps:l,fieldName:t,label:s,placeholder:r,styles:n,inputStyles:a,required:c,showLabel:p,_multiple:d,options:m}=e,f=b.generateUUID();return p?i.jsxs("div",{...n,...l,children:[p&&i.jsx("label",{htmlFor:f,children:s}),i.jsxs("select",{...a,id:f,required:c,multiple:d,name:t,children:[i.jsx("option",{value:"",disabled:!0,selected:!0,hidden:!0,children:r}),g.map(m,u=>i.jsx("option",{value:u==null?void 0:u.value,children:u==null?void 0:u.label},u==null?void 0:u.value))]})]}):i.jsxs("select",{id:f,...n,...l,required:c,multiple:d,name:t,children:[i.jsx("option",{value:"",disabled:!0,selected:!0,hidden:!0,children:r}),g.map(m,u=>i.jsx("option",{value:u==null?void 0:u.value,children:u==null?void 0:u.label},u==null?void 0:u.value))]})},ve={type:"Select",label:"web_blocks.select",category:"core",icon:y.DropdownMenuIcon,group:"form",...o.registerChaiBlockSchema({properties:{styles:o.StylesProp(""),inputStyles:o.StylesProp("w-full p-1"),fieldName:{type:"string",title:"Field Name",default:"fieldName"},showLabel:{type:"boolean",title:"Show Label",default:!0},label:{type:"string",title:"Label",default:"Label"},placeholder:{type:"string",title:"Placeholder",default:"Placeholder"},required:{type:"boolean",title:"Required",default:!1},_multiple:{type:"boolean",title:"Multiple",default:!1},options:{title:"Options",type:"array",default:[],items:{type:"object",properties:{label:{type:"string",title:"Label",default:""},value:{type:"string",title:"Value",default:""}}}}}}),aiProps:["label","placeholder"],i18nProps:["label","placeholder"]},_e=e=>{const{blockProps:l,fieldName:t,label:s,placeholder:r,styles:n,inputStyles:a,_rows:c,showLabel:p}=e,d=b.generateUUID();return p?i.jsxs("div",{...n,...l,children:[p&&i.jsx("label",{htmlFor:d,children:s}),i.jsx("textarea",{name:t,...a,id:d,placeholder:r,rows:c})]}):i.jsx("textarea",{id:d,name:t,...l,...a,...n,placeholder:r,rows:c})},je={type:"TextArea",label:"web_blocks.textarea",category:"core",icon:y.InputIcon,group:"form",...o.registerChaiBlockSchema({properties:{fieldName:{type:"string",title:"Field Name",default:"fieldName"},styles:o.StylesProp(""),inputStyles:o.StylesProp("w-full p-1"),showLabel:{type:"boolean",title:"Show Label",default:!0},label:{type:"string",title:"Label",default:"Label",ui:{"ui:widget":"textarea","ui:autosize":!0,"ui:rows":3}},placeholder:{type:"string",title:"Placeholder",default:"Placeholder"},_rows:{type:"number",title:"Rows",default:3}}}),aiProps:["label","placeholder"],i18nProps:["label","placeholder"]},Ne=e=>{const{blockProps:l,styles:t}=e;return k.createElement("br",{...l,...t})},Ee={type:"LineBreak",label:"Line Break",category:"core",group:"basic",hidden:!0,...o.registerChaiBlockSchema({properties:{styles:o.StylesProp("")}}),canAcceptBlock:()=>!0,canDelete:()=>!1,canMove:()=>!1,canDuplicate:()=>!1},S={SMALL:{1:"col-span-1",2:"col-span-2",3:"col-span-3",4:"col-span-4",5:"col-span-5",6:"col-span-6",7:"col-span-7",8:"col-span-8",9:"col-span-9",10:"col-span-10",11:"col-span-11",12:"col-span-12"},MEDIUM:{1:"md:col-span-1",2:"md:col-span-2",3:"md:col-span-3",4:"md:col-span-4",5:"md:col-span-5",6:"md:col-span-6",7:"md:col-span-7",8:"md:col-span-8",9:"md:col-span-9",10:"md:col-span-10",11:"md:col-span-11",12:"md:col-span-12"},LARGE:{1:"lg:col-span-1",2:"lg:col-span-2",3:"lg:col-span-3",4:"lg:col-span-4",5:"lg:col-span-5",6:"lg:col-span-6",7:"lg:col-span-7",8:"lg:col-span-8",9:"lg:col-span-9",10:"lg:col-span-10",11:"lg:col-span-11",12:"lg:col-span-12"}},Me=e=>{const{blockProps:l,children:t,styles:s,colSpan:r,tabletColSpan:n,desktopColSpan:a}=e,p={className:[g.get(s,"className",""),g.get(S,["SMALL",isNaN(r)||!r?6:r],""),n?g.get(S,["MEDIUM",n||r],""):"",a?g.get(S,["LARGE",n||r],""):""].join(" ")};return i.jsx("div",{...l,...s,...p,children:t||i.jsx("div",{className:"h-full min-h-12 w-full border-2 border-dashed border-gray-400 bg-gray-100 dark:bg-gray-900"})})},Te={type:"Column",label:"Column",group:"basic",category:"core",icon:B.Columns,wrapper:!0,canDelete:()=>!0,canAcceptBlock:()=>!0,canBeNested:e=>e==="Row",...o.registerChaiBlockSchema({properties:{styles:o.StylesProp(""),colSpan:{type:"number",title:"Column Span",default:6,enum:[1,2,3,4,5,6,7,8,9,10,11,12]},tabletColSpan:{type:"number",title:"Column Span (Tablet)",default:null,enumNames:["Default",1,2,3,4,5,6,7,8,9,10,11,12],enum:[null,1,2,3,4,5,6,7,8,9,10,11,12]},desktopColSpan:{type:"number",title:"Column Span (Desktop)",default:null,enumNames:["Default",1,2,3,4,5,6,7,8,9,10,11,12],enum:[null,1,2,3,4,5,6,7,8,9,10,11,12]}}})},$e=e=>{const{blockProps:l,children:t,styles:s,gutter:r}=e,a={className:[g.get(s,"className","")," grid grid-cols-12"].join()};return typeof(s==null?void 0:s.style)=="object"?s.style.gap=`${r}px`:a.style={gap:`${r}px`},i.jsx("div",{...l,...s,...a,children:t})},Re={type:"Row",label:"Row",group:"basic",icon:B.Rows,blocks:()=>[{_type:"Row",_id:"row",styles:"#styles:,p-1"},{_type:"Column",id:"column",_parent:"row",styles:"#styles:,"},{_type:"Column",id:"column",_parent:"row",styles:"#styles:,"}],category:"core",wrapper:!0,canAcceptBlock:e=>e==="Column",...o.registerChaiBlockSchema({properties:{styles:o.StylesProp(""),colCount:{type:"number",default:2,minimum:0,ui:{"ui:widget":"colCount"}},gutter:{type:"number",title:"Gutter (in px)",default:16,minimum:0}}})},Ae=()=>{o.registerChaiBlock(_,j),o.registerChaiBlock($,R),o.registerChaiBlock(N,E),o.registerChaiBlock(A,z),o.registerChaiBlock(H,D),o.registerChaiBlock(F,O),o.registerChaiBlock(q,U),o.registerChaiBlock(re,se),o.registerChaiBlock(le,oe),o.registerChaiBlock(ie,ne),o.registerChaiBlock(ae,ce),o.registerChaiBlock(K,Q),o.registerChaiBlock(ee,te),o.registerChaiBlock(ge,me),o.registerChaiBlock(M,T),o.registerChaiBlock(V,W),o.registerChaiBlock(pe,ue),o.registerChaiBlock(fe,be),o.registerChaiBlock(ke,xe),o.registerChaiBlock(Ce,Be),o.registerChaiBlock(ye,he),o.registerChaiBlock(Pe,Ie),o.registerChaiBlock(Le,ve),o.registerChaiBlock(_e,je),o.registerChaiBlock(Se,we),o.registerChaiBlock(Ne,Ee),o.registerChaiBlock(X,Y),o.registerChaiBlock(Z,J),o.registerChaiBlock($e,Re),o.registerChaiBlock(Me,Te)};exports.loadWebBlocks=Ae;