@chaibuilder/sdk 1.3.0-beta.8 → 1.3.0-beta.9

package/dist/web-blocks.cjs

@@ -1,840 +1,6 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const runtime = require("@chaibuilder/runtime");
-const jsxRuntime = require("./jsx-runtime-B6vEU3CM.cjs");
-const React = require("react");
-const controls = require("./controls-DaW52RjX.cjs");
-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.jsxRuntimeExports.jsx("div", { className: iconBase.cn("pointer-events-none flex h-20 flex-col items-center justify-center p-2", className), children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("div", { className: "h-full w-full rounded bg-gray-200 p-2 dark:bg-gray-800", children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("div", { className: "flex h-full w-full items-center justify-center outline-dashed outline-1 -outline-offset-1 outline-gray-400 duration-300 dark:outline-gray-700" }) }) });
-};
-const Component$2 = (props) => {
-  const { blockProps, inBuilder, backgroundImage, children, tag = "div", styles } = props;
-  let nestedChildren = children;
-  if (!children) {
-    nestedChildren = /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.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: "web_blocks.box",
-  category: "core",
-  group: "basic",
-  props: {
-    styles: controls.T({ default: "" }),
-    tag: controls.y({
-      title: "web_blocks.tag",
-      default: "div",
-      options: [
-        { value: "div", title: "web_blocks.div" },
-        { value: "header", title: "web_blocks.header" },
-        { value: "footer", title: "web_blocks.footer" },
-        { value: "section", title: "web_blocks.section" },
-        { value: "article", title: "web_blocks.article" },
-        { value: "aside", title: "web_blocks.aside" },
-        { value: "main", title: "web_blocks.main" },
-        { value: "nav", title: "web_blocks.nav" },
-        { value: "figure", title: "web_blocks.figure" },
-        { value: "details", title: "web_blocks.details" },
-        { value: "summary", title: "web_blocks.summary" },
-        { value: "dialog", title: "web_blocks.dialog" },
-        { value: "strike", title: "web_blocks.strike" },
-        { value: "caption", title: "web_blocks.caption" },
-        { value: "legend", title: "web_blocks.legend" },
-        { value: "figcaption", title: "web_blocks.figcaption" },
-        { value: "mark", title: "web_blocks.mark" }
-      ]
-    }),
-    backgroundImage: controls.x({ title: "web_blocks.background_image" })
-  },
-  canAcceptBlock: () => true
-};
-const Component$1 = (block) => {
-  const { blockProps, iconSize, icon, content, iconPos, styles, children } = block;
-  const _icon = icon;
-  const child = children || /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(jsxRuntime.jsxRuntimeExports.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("span", { "data-ai-key": "content", children: content }),
-    _icon && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-      "div",
-      {
-        style: { width: iconSize + "px" },
-        className: iconPos + " " + (iconPos === "order-first" ? "mr-2" : "ml-2") || "",
-        dangerouslySetInnerHTML: { __html: _icon }
-      }
-    )
-  ] });
-  return React__namespace.createElement(
-    "button",
-    {
-      ...blockProps,
-      ...styles,
-      type: "button"
-    },
-    child
-  );
-};
-const Config$r = {
-  type: "Button",
-  label: "web_blocks.button",
-  category: "core",
-  icon: reactIcons.ButtonIcon,
-  group: "basic",
-  props: {
-    content: controls.g({ title: "web_blocks.label", default: "Button", ai: true, i18n: true }),
-    styles: controls.T({ default: "text-white bg-primary px-4 py-2 rounded-global flex items-center" }),
-    icon: controls.q({ title: "web_blocks.icon", default: `` }),
-    iconSize: controls.s({ title: "web_blocks.icon_size", default: 24 }),
-    iconPos: controls.y({
-      title: "web_blocks.icon_position",
-      default: "order-last",
-      options: [
-        { title: "web_blocks.start", value: "order-first" },
-        { title: "web_blocks.end", value: "order-last" }
-      ]
-    })
-  }
-};
-const CustomHTMLBlock = (props) => {
-  const { blockProps, styles, htmlCode, inBuilder } = props;
-  return inBuilder ? /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("div", { className: "relative", children: [
-    inBuilder ? /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.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",
-  props: {
-    styles: controls.T({ default: "" }),
-    htmlCode: controls.l({
-      title: "web_blocks.html_code",
-      default: "<div><p>Enter your HTML code here...</p></div>",
-      placeholder: "web_blocks.placeholder"
-    })
-  }
-};
-const EmptyBox = React__namespace.memo(
-  (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: "web_blocks.empty_box",
-  category: "core",
-  group: "basic",
-  props: {
-    styles: controls.T({ default: "" }),
-    backgroundImage: controls.x({ title: "Background Image" })
-  }
-};
-const HeadingBlock = (props) => {
-  const { blockProps, styles, content, level = "h1", children = null } = props;
-  if (children) return React__namespace.createElement(level, { ...styles, ...blockProps }, children);
-  return React__namespace.createElement(level, {
-    ...styles,
-    ...blockProps,
-    "data-ai-key": "content",
-    "data-ai-type": "html",
-    dangerouslySetInnerHTML: { __html: content }
-  });
-};
-const Config$o = {
-  type: "Heading",
-  label: "web_blocks.heading",
-  category: "core",
-  icon: reactIcons.HeadingIcon,
-  group: "typography",
-  props: {
-    level: controls.y({
-      title: "web_blocks.level",
-      default: "h2",
-      binding: false,
-      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: controls.T({ default: "text-3xl" }),
-    content: controls.f({ title: "Content", default: "Heading goes here", ai: true, i18n: true })
-  },
-  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,
-    "data-ai-key": "content",
-    "data-ai-type": "html",
-    dangerouslySetInnerHTML: { __html: content }
-  });
-};
-const Config$n = {
-  type: "Paragraph",
-  label: "Paragraph",
-  category: "core",
-  icon: reactIcons.TextIcon,
-  group: "typography",
-  props: {
-    styles: controls.T({ default: "" }),
-    content: controls.f({
-      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 p=require("@chaibuilder/runtime"),a=require("./jsx-runtime-BYECrxsp.cjs"),E=require("react"),t=require("./controls-C4n5ycp4.cjs"),y=require("./iconBase-Cn2BsTrq.cjs"),g=require("@radix-ui/react-icons"),f=require("lodash-es"),C=require("lucide-react");function I(e){const o=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(o,l,s.get?s:{enumerable:!0,get:()=>e[l]})}}return o.default=e,Object.freeze(o)}const m=I(E),w=({className:e="",inBuilder:o})=>o?a.jsxRuntimeExports.jsx("div",{className:y.cn("pointer-events-none flex h-20 flex-col items-center justify-center p-2",e),children:a.jsxRuntimeExports.jsx("div",{className:"h-full w-full rounded bg-gray-200 p-2 dark:bg-gray-800",children:a.jsxRuntimeExports.jsx("div",{className:"flex h-full w-full items-center justify-center outline-dashed outline-1 -outline-offset-1 outline-gray-400 duration-300 dark:outline-gray-700"})})}):null,L=e=>{const{blockProps:o,inBuilder:l,backgroundImage:s,children:r,tag:n="div",styles:i}=e;let c=r;r||(c=a.jsxRuntimeExports.jsx(w,{inBuilder:l}));let u={};return s&&(u={backgroundImage:`url(${s})`}),m.createElement(n,{...o,...i,style:u},c)},R={type:"Box",label:"web_blocks.box",category:"core",group:"basic",props:{styles:t.T({default:""}),tag:t.y({title:"web_blocks.tag",default:"div",options:[{value:"div",title:"web_blocks.div"},{value:"header",title:"web_blocks.header"},{value:"footer",title:"web_blocks.footer"},{value:"section",title:"web_blocks.section"},{value:"article",title:"web_blocks.article"},{value:"aside",title:"web_blocks.aside"},{value:"main",title:"web_blocks.main"},{value:"nav",title:"web_blocks.nav"},{value:"figure",title:"web_blocks.figure"},{value:"details",title:"web_blocks.details"},{value:"summary",title:"web_blocks.summary"},{value:"dialog",title:"web_blocks.dialog"},{value:"strike",title:"web_blocks.strike"},{value:"caption",title:"web_blocks.caption"},{value:"legend",title:"web_blocks.legend"},{value:"figcaption",title:"web_blocks.figcaption"},{value:"mark",title:"web_blocks.mark"}]}),backgroundImage:t.x({title:"web_blocks.background_image"})},canAcceptBlock:()=>!0},S=e=>{const{blockProps:o,iconSize:l,icon:s,content:r,iconPos:n,styles:i,children:c}=e,u=s,d=c||a.jsxRuntimeExports.jsxs(a.jsxRuntimeExports.Fragment,{children:[a.jsxRuntimeExports.jsx("span",{"data-ai-key":"content",children:r}),u&&a.jsxRuntimeExports.jsx("div",{style:{width:l+"px"},className:n+" "+(n==="order-first"?"mr-2":"ml-2")||"",dangerouslySetInnerHTML:{__html:u}})]});return m.createElement("button",{...o,...i,type:"button"},d)},T={type:"Button",label:"web_blocks.button",category:"core",icon:g.ButtonIcon,group:"basic",props:{content:t.g({title:"web_blocks.label",default:"Button",ai:!0,i18n:!0}),styles:t.T({default:"text-white bg-primary px-4 py-2 rounded-global flex items-center"}),icon:t.q({title:"web_blocks.icon",default:""}),iconSize:t.s({title:"web_blocks.icon_size",default:24}),iconPos:t.y({title:"web_blocks.icon_position",default:"order-last",options:[{title:"web_blocks.start",value:"order-first"},{title:"web_blocks.end",value:"order-last"}]})}},M=e=>{const{blockProps:o,styles:l,htmlCode:s,inBuilder:r}=e;return r?a.jsxRuntimeExports.jsxs("div",{className:"relative",children:[r?a.jsxRuntimeExports.jsx("div",{...o,...l,className:"absolute z-20 h-full w-full"}):null,m.createElement("div",{...l,dangerouslySetInnerHTML:{__html:s.replace(/<script.*?>.*?<\/script>/g,"")}})]}):m.createElement("div",{...o,...l,dangerouslySetInnerHTML:{__html:s}})},$={type:"CustomHTML",label:"web_blocks.custom_html",category:"core",icon:g.CodeIcon,group:"advanced",props:{styles:t.T({default:""}),htmlCode:t.l({title:"web_blocks.html_code",default:"<div><p>Enter your HTML code here...</p></div>",placeholder:"web_blocks.placeholder"})}},P=m.memo(e=>{const{blockProps:o,styles:l,backgroundImage:s}=e;let r={};return s&&(r={backgroundImage:`url(${s})`}),m.createElement("div",{...o,...l,style:r})}),N={type:"EmptyBox",label:"web_blocks.empty_box",category:"core",group:"basic",props:{styles:t.T({default:""}),backgroundImage:t.x({title:"Background Image"})}},q=e=>{const{blockProps:o,styles:l,content:s,level:r="h1",children:n=null}=e;return n?m.createElement(r,{...l,...o},n):m.createElement(r,{...l,...o,"data-ai-key":"content","data-ai-type":"html",dangerouslySetInnerHTML:{__html:s}})},H={type:"Heading",label:"web_blocks.heading",category:"core",icon:g.HeadingIcon,group:"typography",props:{level:t.y({title:"web_blocks.level",default:"h2",binding:!1,options:[{value:"h1",title:"h1"},{value:"h2",title:"h2"},{value:"h3",title:"h3"},{value:"h4",title:"h4"},{value:"h5",title:"h5"},{value:"h6",title:"h6"}]}),styles:t.T({default:"text-3xl"}),content:t.f({title:"Content",default:"Heading goes here",ai:!0,i18n:!0})},canAcceptBlock:e=>e==="Span"||e==="Text"},D=e=>{const{blockProps:o,styles:l,content:s}=e;return f.isNull(e.children)?m.createElement("p",{...l,...o,"data-ai-key":"content","data-ai-type":"html",dangerouslySetInnerHTML:{__html:s}}):m.createElement("p",{...l,...o},e.children)},z={type:"Paragraph",label:"Paragraph",category:"core",icon:g.TextIcon,group:"typography",props:{styles:t.T({default:""}),content:t.f({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.`,
-      ai: true,
-      i18n: true
-    })
-  },
-  canAcceptBlock: (type) => type === "Span" || type === "Link" || type === "Text"
-};
-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,
-    "data-ai-key": "content",
-    dangerouslySetInnerHTML: { __html: content || "" }
-  });
-};
-const Config$m = {
-  type: "Span",
-  label: "Span",
-  category: "core",
-  group: "typography",
-  props: {
-    styles: controls.T({ default: "" }),
-    content: controls.f({ title: "Content", default: "", ai: true, i18n: true })
-  },
-  canAcceptBlock: () => true
-};
-const RichTextBlock = (props) => {
-  const { blockProps, content, styles } = props;
-  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("div", { className: "max-w-full", children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-    "div",
-    {
-      "data-ai-key": "content",
-      "data-ai-type": "richtext",
-      ...blockProps,
-      ...styles,
-      dangerouslySetInnerHTML: { __html: content }
-    }
-  ) });
-};
-const Config$l = {
-  type: "RichText",
-  label: "Rich Text",
-  category: "core",
-  icon: reactIcons.CursorTextIcon,
-  group: "typography",
-  props: {
-    styles: controls.T({ default: "" }),
-    content: controls.m({
-      title: "Content",
-      ai: true,
-      i18n: true,
-      default: "<p>This is a rich text block. You can add text, and other content here.</p>"
-    })
-  }
-};
-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.jsxRuntimeExports.jsx("span", { ...blockProps, style: emptyStyles, ...styles, children });
-    } else {
-      return React__namespace.createElement(
-        "span",
-        {
-          ...blockProps,
-          ...styles,
-          style: emptyStyles,
-          "data-ai-key": "content"
-        },
-        content
-      );
-    }
-  }
-  if (children) {
-    return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("a", { href: (link == null ? void 0 : link.href) || "#/", target: link == null ? void 0 : link.target, ...blockProps, ...styles, children });
-  }
-  return React__namespace.createElement(
-    "a",
-    {
-      ...blockProps,
-      ...styles,
-      "data-ai-key": "content",
-      href: (link == null ? void 0 : link.href) || "#",
-      target: (link == null ? void 0 : link.target) || "_self"
-    },
-    content
-  );
-};
-const Config$k = {
-  type: "Link",
-  label: "Link",
-  category: "core",
-  icon: reactIcons.Link1Icon,
-  group: "basic",
-  props: {
-    styles: controls.T({ default: "" }),
-    content: controls.g({ title: "Content", default: "", ai: true, i18n: true }),
-    link: controls.w({
-      title: "Link",
-      default: { type: "collection", target: "_self", href: "" }
-    })
-  },
-  canAcceptBlock: (type) => type !== "Link"
-};
-const addForcedClasses = (styles, ...classes) => {
-  return {
-    ...styles,
-    className: iconBase.cn(styles.className, ...classes)
-  };
-};
-const LightBoxLinkBlock = (props) => {
-  const { blockProps, children, styles, inBuilder, content, href } = props;
-  const { hrefType, autoplay, maxWidth, backdropColor, galleryName } = props;
-  const forcedStyles = addForcedClasses(styles, "cb-lightbox");
-  if (!children && lodashEs.isEmpty(styles == null ? void 0 : styles.className) && lodashEs.isEmpty(content)) {
-    return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(EmptySlot, { inBuilder });
-  }
-  if (inBuilder) {
-    if (children) {
-      return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("span", { ...blockProps, ...forcedStyles, children });
-    } else {
-      return React__namespace.createElement("span", {
-        ...blockProps,
-        ...forcedStyles,
-        dangerouslySetInnerHTML: { __html: content }
-      });
-    }
-  }
-  const lightBoxAttrs = {};
-  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.jsxRuntimeExports.jsx("a", { ...lightBoxAttrs, href: href || "#/", ...blockProps, ...forcedStyles, children });
-  }
-  return React__namespace.createElement("a", {
-    ...blockProps,
-    ...forcedStyles,
-    ...lightBoxAttrs,
-    href: href || "#",
-    dangerouslySetInnerHTML: { __html: content }
-  });
-};
-const Config$j = {
-  type: "LightBoxLink",
-  label: "Lightbox Link",
-  category: "core",
-  icon: reactIcons.ImageIcon,
-  group: "basic",
-  props: {
-    styles: controls.T({ default: "" }),
-    content: controls.g({ title: "Content", default: "Link text or drop blocks inside", ai: true, i18n: true }),
-    href: controls.g({ title: "Href", default: "" }),
-    hrefType: controls.y({
-      title: "Type",
-      default: "video",
-      options: [
-        { value: "video", title: "Video" },
-        { value: "iframe", title: "Iframe" },
-        { value: "inline", title: "Inline" },
-        { value: "ajax", title: "Ajax" }
-      ]
-    }),
-    autoplay: controls.c({ title: "Autoplay", default: false }),
-    maxWidth: controls.s({ title: "Max Width", default: "" }),
-    backdropColor: controls.g({ title: "Backdrop Color", default: "" }),
-    galleryName: controls.g({ title: "Gallery Name", default: "" })
-  },
-  canAcceptBlock: (type) => type !== "Link" && type !== "LightBoxLink"
-};
-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.jsxRuntimeExports.jsx(EmptySlot, { inBuilder });
-  }
-  return React__namespace.createElement(
-    tag ? tag : listType === "list-decimal" ? "ol" : "ul",
-    { ...blockProps, ...styles, className },
-    children
-  );
-};
-const Config$i = {
-  type: "List",
-  label: "web_blocks.list",
-  icon: reactIcons.RowsIcon,
-  category: "core",
-  group: "basic",
-  props: {
-    styles: controls.T({ default: "" }),
-    listType: controls.y({
-      title: "web_blocks.list_type",
-      default: "list-none",
-      options: [
-        { value: "list-none", title: "web_blocks.none" },
-        { value: "list-disc", title: "web_blocks.disc" },
-        { value: "list-decimal", title: "web_blocks.number" }
-      ]
-    })
-  },
-  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,
-      "data-ai-key": "content",
-      dangerouslySetInnerHTML: { __html: content }
-    });
-  }
-  return React__namespace.createElement(tag || "li", { ...styles, ...blockProps }, children);
-};
-const Config$h = {
-  type: "ListItem",
-  label: "List Item",
-  icon: reactIcons.ColumnsIcon,
-  category: "core",
-  group: "basic",
-  props: {
-    styles: controls.T({ default: "" }),
-    content: controls.f({ title: "Content", default: "List item", ai: true, i18n: true })
-  },
-  canAcceptBlock: (type) => type !== "ListItem",
-  canBeNested: (type) => type === "List"
-};
-const IconBlock = (block) => {
-  const { blockProps, icon, styles, width, inBuilder, height } = block;
-  const iStyles = addForcedClasses(styles, iconBase.cn(width ? `w-[${width}px]` : "", height ? `h-[${height}px]` : ""));
-  if (lodashEs.isEmpty(icon)) {
-    return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.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,
-    dangerouslySetInnerHTML: { __html: svg }
-  });
-};
-const Config$g = {
-  type: "Icon",
-  label: "web_blocks.icon",
-  category: "core",
-  icon: reactIcons.SketchLogoIcon,
-  group: "media",
-  props: {
-    styles: controls.T({ default: "text-black" }),
-    icon: controls.q({
-      title: "web_blocks.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: controls.s({ title: "web_blocks.width", default: "" }),
-    height: controls.s({ title: "web_blocks.height", default: "" })
-  }
-};
-const ImageBlock = (block) => {
-  const { blockProps, image, styles, alt, height, width, lazyLoading } = block;
-  if (lodashEs.isEmpty(image)) return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(EmptySlot, { className: "h-36" });
-  return React__namespace.createElement("img", {
-    ...blockProps,
-    ...styles,
-    src: image,
-    alt,
-    loading: lazyLoading ? "lazy" : "eager",
-    height,
-    width
-  });
-};
-const Config$f = {
-  type: "Image",
-  label: "Image",
-  category: "core",
-  icon: reactIcons.ImageIcon,
-  group: "media",
-  props: {
-    styles: controls.T({ default: "" }),
-    image: controls.x({
-      title: "Image",
-      default: "https://fakeimg.pl/400x200?text=Choose&font=bebas"
-    }),
-    alt: controls.g({ title: "Alt text", default: "", ai: true, i18n: true }),
-    width: controls.g({ title: "Width", default: "" }),
-    height: controls.g({ title: "Height", default: "" }),
-    lazyLoading: controls.c({ title: "Lazy Load", default: true })
-  }
-};
-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(
-  (block) => {
-    const { blockProps, inBuilder, styles, url, controls: controls2 } = block;
-    const autoplay = lodashEs.get(controls2, "autoPlay", false);
-    const _controls = lodashEs.get(controls2, "controls", false);
-    const muted = autoplay || lodashEs.get(controls2, "muted", true);
-    const loop = lodashEs.get(controls2, "loop", false);
-    if (lodashEs.isEmpty(url)) return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.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=${controls2 ? 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.jsxRuntimeExports.jsx("div", { ...lodashEs.pick(styles, ["className"]), children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("div", { className: "relative w-full overflow-hidden", style: { paddingBottom: "56.25%" }, children: [
-      inBuilder ? /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("div", { ...blockProps, ...lodashEs.omit(styles, ["className"]), className: "absolute inset-0 z-20 h-full w-full" }) : null,
-      videoElement
-    ] }) });
-  }
-);
-const Config$e = {
-  type: "Video",
-  label: "Video",
-  category: "core",
-  icon: reactIcons.VideoIcon,
-  group: "media",
-  props: {
-    styles: controls.T({ default: "" }),
-    url: controls.g({
-      title: "Video URL",
-      default: "https://www.youtube.com/watch?v=9xwazD5SyVg&ab_channel=MaximilianMustermann",
-      i18n: true
-    }),
-    controls: controls.b({
-      title: "Controls",
-      properties: {
-        autoPlay: controls.c({ title: "Autoplay", default: true }),
-        controls: controls.c({ title: "Controls", default: false }),
-        loop: controls.c({ title: "Loop", default: false }),
-        muted: controls.c({ title: "Muted", default: 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.jsxRuntimeExports.jsx("div", { ...blockProps, children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("div", { className: iconBase.cn("pointer-events-none flex flex-col items-center justify-center p-2", ""), children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("div", { className: "h-full w-full rounded bg-gray-200 p-1 dark:bg-gray-800", children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.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.jsxRuntimeExports.jsx("div", { dangerouslySetInnerHTML: { __html: scripts } });
-};
-const Config$d = {
-  type: "CustomScript",
-  label: "web_blocks.custom_script",
-  category: "core",
-  icon: DiJavascript,
-  group: "advanced",
-  props: {
-    scripts: controls.l({
-      title: "Script",
-      default: "",
-      placeholder: "<script>console.log('Hello, world!');<\/script>"
-    })
-  }
-};
-const DividerBlock = (props) => {
-  const { blockProps, styles } = props;
-  return React__namespace.createElement("hr", { ...styles, ...blockProps });
-};
-const Config$c = {
-  type: "Divider",
-  label: "web_blocks.divider",
-  category: "core",
-  icon: reactIcons.DividerHorizontalIcon,
-  group: "basic",
-  props: {
-    styles: controls.T({ default: "bg-gray-900 h-0.5 py-2 my-1" })
-  }
-};
-const DarkMode = () => {
-  return null;
-};
-const Config$b = {
-  type: "Dark Mode",
-  label: "web_blocks.dark_mode",
-  category: "core",
-  icon: reactIcons.MoonIcon,
-  group: "advanced",
-  props: {},
-  blocks: () => [
-    { _id: "ultqCh", _type: "Span", tag: "span", styles: "#styles:,", _name: "Dark Mode Switcher" },
-    {
-      _id: "vroabi",
-      _parent: "ultqCh",
-      _type: "Button",
-      // @ts-ignore
-      styles_attrs: { type: "button", "x-on:click": "darkMode = 'dark'", "x-show": "darkMode === 'light'" },
-      styles: "#styles:,bg-white dark:bg-black font-medium text-gray-800 rounded-full hover:bg-gray-200 focus:outline-none focus:bg-gray-200 dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800",
-      _name: "Dark Mode Btn"
-    },
-    {
-      _id: "eweibk",
-      _parent: "vroabi",
-      _type: "Span",
-      tag: "span",
-      styles: "#styles:,group inline-flex shrink-0 justify-center items-center size-9"
-    },
-    {
-      _id: "nltBrv",
-      _parent: "eweibk",
-      _type: "Icon",
-      styles: "#styles:, shrink-0 size-4",
-      icon: "<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z'></path></svg>"
-    },
-    {
-      _id: "gesydi",
-      _parent: "ultqCh",
-      _type: "Button",
-      // @ts-ignore
-      styles_attrs: { type: "button", "x-on:click": "darkMode = 'light'", "x-show": "darkMode === 'dark'" },
-      styles: "#styles:,bg-white dark:bg-black font-medium text-gray-800 rounded-full hover:bg-gray-200 focus:outline-none focus:bg-gray-200 dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800",
-      _name: "Light Mode Btn"
-    },
-    {
-      _id: "sgbhDo",
-      _parent: "gesydi",
-      _type: "Span",
-      tag: "span",
-      styles: "#styles:,group inline-flex shrink-0 justify-center items-center size-9"
-    },
-    {
-      _id: "AdDwBC",
-      _parent: "sgbhDo",
-      _type: "Icon",
-      styles: "#styles:, shrink-0 size-4",
-      icon: "<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='4'></circle><path d='M12 2v2'></path><path d='M12 20v2'></path><path d='m4.93 4.93 1.41 1.41'></path><path d='m17.66 17.66 1.41 1.41'></path><path d='M2 12h2'></path><path d='M20 12h2'></path><path d='m6.34 17.66-1.41 1.41'></path><path d='m19.07 4.93-1.41 1.41'></path></svg>"
-    }
-  ]
-};
-const Component = (props) => {
-  const { blockProps, inBuilder, children, globalBlock } = props;
-  if (inBuilder && !globalBlock) {
-    return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.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.jsxRuntimeExports.jsxs("h1", { children: [
-            "Global Block - ",
-            globalBlock
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("p", { children: "Choose a block from the sidebar to add it to this page." })
-        ]
-      }
-    );
-  }
-  return React__namespace.createElement("div", { ...blockProps }, children);
-};
-const Config$a = {
-  type: "GlobalBlock",
-  label: "Global Block",
-  icon: lucideReact.GlobeIcon,
-  category: "core",
-  group: "advanced",
-  props: {
-    globalBlock: controls.g({ title: "global block", default: "", hidden: true })
-  }
-};
-const RawTextBlock = (props) => {
-  if (props.inBuilder || props.forceWrapper) {
-    return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("span", { "data-ai-key": "content", ...props.blockProps, children: props.content });
-  }
-  return `${props.content}`;
-};
-const Config$9 = {
-  type: "Text",
-  label: "Text",
-  hidden: true,
-  category: "core",
-  group: "typography",
-  icon: reactIcons.SpaceBetweenVerticallyIcon,
-  props: {
-    content: controls.f({ title: "Content", default: "", ai: true, i18n: true })
-  }
-};
-const BodyBlock = (props) => {
-  const { blockProps, backgroundImage, children, styles } = props;
-  let cssStyles = {};
-  if (backgroundImage) {
-    cssStyles = { backgroundImage: `url(${backgroundImage})` };
-  }
-  return React__namespace.createElement("div", { ...blockProps, ...styles, style: cssStyles }, children);
-};
-const Config$8 = {
-  type: "Body",
-  label: "Body",
-  category: "core",
-  group: "basic",
-  hidden: true,
-  props: {
-    styles: controls.T({ default: "font-body antialiased" }),
-    backgroundImage: controls.x({ title: "Background Image" })
-  },
-  canAcceptBlock: () => true,
-  canDelete: () => false,
-  canMove: () => false,
-  canDuplicate: () => false
-};
-const LineBreakComponent = (props) => {
-  const { blockProps, styles } = props;
-  return React__namespace.createElement("br", { ...blockProps, ...styles });
-};
-const Config$7 = {
-  type: "LineBreak",
-  label: "Line Break",
-  category: "core",
-  group: "basic",
-  hidden: true,
-  icon: reactIcons.SpaceBetweenVerticallyIcon,
-  props: {
-    styles: controls.T({ default: "" })
-  }
-};
-const FormBlock = (props) => {
-  const { blockProps, errorMessage, name, _type, successMessage, action, styles, children } = props;
-  let nestedChildren = children;
-  if (!children) {
-    nestedChildren = /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(EmptySlot, {});
-  }
-  const alpineAttrs = {
-    "x-data": `{
+        nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.`,ai:!0,i18n:!0})},canAcceptBlock:e=>e==="Span"||e==="Link"||e==="Text"},A=e=>{const{blockProps:o,styles:l,content:s,children:r=null,tag:n}=e;return r?m.createElement("span",{...l,...o},r):m.createElement(n||"span",{...l,...o,"data-ai-key":"content",dangerouslySetInnerHTML:{__html:s||""}})},U={type:"Span",label:"Span",category:"core",group:"typography",props:{styles:t.T({default:""}),content:t.f({title:"Content",default:"",ai:!0,i18n:!0})},canAcceptBlock:()=>!0},F=e=>{const{blockProps:o,content:l,styles:s}=e;return a.jsxRuntimeExports.jsx("div",{className:"max-w-full",children:a.jsxRuntimeExports.jsx("div",{"data-ai-key":"content","data-ai-type":"richtext",...o,...s,dangerouslySetInnerHTML:{__html:l}})})},O={type:"RichText",label:"Rich Text",category:"core",icon:g.CursorTextIcon,group:"typography",props:{styles:t.T({default:""}),content:t.m({title:"Content",ai:!0,i18n:!0,default:"<p>This is a rich text block. You can add text, and other content here.</p>"})}},V=e=>{const{blockProps:o,link:l,children:s,styles:r,inBuilder:n,content:i}=e;let c={};return!s&&f.isEmpty(i)&&(c={minHeight:"50px",display:"flex",alignItems:"center",justifyContent:"center"}),n?s?a.jsxRuntimeExports.jsx("span",{...o,style:c,...r,children:s}):m.createElement("span",{...o,...r,style:c,"data-ai-key":"content"},i):s?a.jsxRuntimeExports.jsx("a",{href:(l==null?void 0:l.href)||"#/",target:l==null?void 0:l.target,...o,...r,children:s}):m.createElement("a",{...o,...r,"data-ai-key":"content",href:(l==null?void 0:l.href)||"#",target:(l==null?void 0:l.target)||"_self"},i)},G={type:"Link",label:"Link",category:"core",icon:g.Link1Icon,group:"basic",props:{styles:t.T({default:""}),content:t.g({title:"Content",default:"",ai:!0,i18n:!0}),link:t.w({title:"Link",default:{type:"collection",target:"_self",href:""}})},canAcceptBlock:e=>e!=="Link"},B=(e,...o)=>({...e,className:y.cn(e.className,...o)}),W=e=>{const{blockProps:o,children:l,styles:s,inBuilder:r,content:n,href:i}=e,{hrefType:c,autoplay:u,maxWidth:d,backdropColor:h,galleryName:b}=e,x=B(s,"cb-lightbox");if(!l&&f.isEmpty(s==null?void 0:s.className)&&f.isEmpty(n))return a.jsxRuntimeExports.jsx(w,{inBuilder:r});if(r)return l?a.jsxRuntimeExports.jsx("span",{...o,...x,children:l}):m.createElement("span",{...o,...x,dangerouslySetInnerHTML:{__html:n}});const k={};return k["data-vbtype"]=c,u&&(k["data-autoplay"]="true"),d&&(k["data-maxwidth"]=d+"px"),h&&(k["data-overlay"]=h),b&&(k["data-gall"]=b),l?a.jsxRuntimeExports.jsx("a",{...k,href:i||"#/",...o,...x,children:l}):m.createElement("a",{...o,...x,...k,href:i||"#",dangerouslySetInnerHTML:{__html:n}})},X={type:"LightBoxLink",label:"Lightbox Link",category:"core",icon:g.ImageIcon,group:"basic",props:{styles:t.T({default:""}),content:t.g({title:"Content",default:"Link text or drop blocks inside",ai:!0,i18n:!0}),href:t.g({title:"Href",default:""}),hrefType:t.y({title:"Type",default:"video",options:[{value:"video",title:"Video"},{value:"iframe",title:"Iframe"},{value:"inline",title:"Inline"},{value:"ajax",title:"Ajax"}]}),autoplay:t.c({title:"Autoplay",default:!1}),maxWidth:t.s({title:"Max Width",default:""}),backdropColor:t.g({title:"Backdrop Color",default:""}),galleryName:t.g({title:"Gallery Name",default:""})},canAcceptBlock:e=>e!=="Link"&&e!=="LightBoxLink"},Y=e=>{const{blockProps:o,children:l,listType:s,styles:r,tag:n,inBuilder:i}=e,c=y.cn(f.get(r,"className",""),s);return!l&&f.isEmpty(r==null?void 0:r.className)?a.jsxRuntimeExports.jsx(w,{inBuilder:i}):m.createElement(n||(s==="list-decimal"?"ol":"ul"),{...o,...r,className:c},l)},Z={type:"List",label:"web_blocks.list",icon:g.RowsIcon,category:"core",group:"basic",props:{styles:t.T({default:""}),listType:t.y({title:"web_blocks.list_type",default:"list-none",options:[{value:"list-none",title:"web_blocks.none"},{value:"list-disc",title:"web_blocks.disc"},{value:"list-decimal",title:"web_blocks.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"}]},J=e=>{const{blockProps:o,content:l,styles:s,children:r,tag:n}=e;return r?m.createElement(n||"li",{...s,...o},r):m.createElement(n||"li",{...s,...o,"data-ai-key":"content",dangerouslySetInnerHTML:{__html:l}})},K={type:"ListItem",label:"List Item",icon:g.ColumnsIcon,category:"core",group:"basic",props:{styles:t.T({default:""}),content:t.f({title:"Content",default:"List item",ai:!0,i18n:!0})},canAcceptBlock:e=>e!=="ListItem",canBeNested:e=>e==="List"},Q=e=>{const{blockProps:o,icon:l,styles:s,width:r,inBuilder:n,height:i}=e,c=B(s,y.cn(r?`w-[${r}px]`:"",i?`h-[${i}px]`:""));if(f.isEmpty(l))return a.jsxRuntimeExports.jsx(w,{inBuilder:n,className:"h-8 w-14"});const u=l.replace(/<svg /g,'<svg class="w-[inherit] h-[inherit]" ');return m.createElement("span",{...o,...c,dangerouslySetInnerHTML:{__html:u}})},ee={type:"Icon",label:"web_blocks.icon",category:"core",icon:g.SketchLogoIcon,group:"media",props:{styles:t.T({default:"text-black"}),icon:t.q({title:"web_blocks.icon",default:'<svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 16 16"  xmlns="http://www.w3.org/2000/svg"><path d="M8 16c4.418 0 8-3.582 8-8s-3.582-8-8-8-8 3.582-8 8 3.582 8 8 8zM8 1.5c3.59 0 6.5 2.91 6.5 6.5s-2.91 6.5-6.5 6.5-6.5-2.91-6.5-6.5 2.91-6.5 6.5-6.5zM8 9.356c1.812 0 3.535-0.481 5-1.327-0.228 2.788-2.393 4.971-5 4.971s-4.772-2.186-5-4.973c1.465 0.845 3.188 1.329 5 1.329zM4 5.5c0-0.828 0.448-1.5 1-1.5s1 0.672 1 1.5c0 0.828-0.448 1.5-1 1.5s-1-0.672-1-1.5zM10 5.5c0-0.828 0.448-1.5 1-1.5s1 0.672 1 1.5c0 0.828-0.448 1.5-1 1.5s-1-0.672-1-1.5z"></path></svg>'}),width:t.s({title:"web_blocks.width",default:""}),height:t.s({title:"web_blocks.height",default:""})}},te=e=>{const{blockProps:o,image:l,styles:s,alt:r,height:n,width:i,lazyLoading:c}=e;return f.isEmpty(l)?a.jsxRuntimeExports.jsx(w,{className:"h-36"}):m.createElement("img",{...o,...s,src:l,alt:r,loading:c?"lazy":"eager",height:n,width:i})},le={type:"Image",label:"Image",category:"core",icon:g.ImageIcon,group:"media",props:{styles:t.T({default:""}),image:t.x({title:"Image",default:"https://fakeimg.pl/400x200?text=Choose&font=bebas"}),alt:t.g({title:"Alt text",default:"",ai:!0,i18n:!0}),width:t.g({title:"Width",default:""}),height:t.g({title:"Height",default:""}),lazyLoading:t.c({title:"Lazy Load",default:!0})}},v=/^(https?:\/\/)?(www\.)?youtube\.com\/(watch\?v=|embed\/)([a-zA-Z0-9_-]{11})/,_=/^(https?:\/\/)?(www\.)?player.vimeo\.com/,j=/^(https?:\/\/)?(www\.)?dailymotion\.com\/(video|embed\/video)\/([a-zA-Z0-9_-]+)/,oe=e=>{if(v.test(e)){const o=e.match(v);return o?`https://www.youtube.com/embed/${o[4]}`:e}if(_.test(e)){const o=e.match(_);return o?`https://player.vimeo.com/video/${o[3]}`:e}if(j.test(e)){const o=e.match(j);return o?`https://www.dailymotion.com/embed/video/${o[4]}`:e}return null},se=m.memo(e=>{const{blockProps:o,inBuilder:l,styles:s,url:r,controls:n}=e,i=f.get(n,"autoPlay",!1),c=f.get(n,"controls",!1),u=i||f.get(n,"muted",!0),d=f.get(n,"loop",!1);if(f.isEmpty(r))return a.jsxRuntimeExports.jsx(w,{inBuilder:l,className:"h-36"});let h=oe(r),b=null;if(h){if(!f.isEmpty(h)){const x=[];x.push(`autoplay=${i?1:0}`),x.push(`controls=${n?1:0}`),x.push(`mute=${u?1:0}&muted=${u?1:0}`),x.push(`loop=${d?1:0}`),h=`${h}?${x.join("&")}`}b=m.createElement("iframe",{...o,className:"absolute inset-0 w-full h-full",src:h,allow:l?"":"autoplay *; fullscreen *",allowFullScreen:!0,frameBorder:0})}else b=m.createElement("video",{...o,className:"absolute inset-0 w-full h-full",src:r,controls:c,muted:u,autoPlay:l?!1:i,loop:d});return a.jsxRuntimeExports.jsx("div",{...f.pick(s,["className"]),children:a.jsxRuntimeExports.jsxs("div",{className:"relative w-full overflow-hidden",style:{paddingBottom:"56.25%"},children:[l?a.jsxRuntimeExports.jsx("div",{...o,...f.omit(s,["className"]),className:"absolute inset-0 z-20 h-full w-full"}):null,b]})})}),re={type:"Video",label:"Video",category:"core",icon:g.VideoIcon,group:"media",props:{styles:t.T({default:""}),url:t.g({title:"Video URL",default:"https://www.youtube.com/watch?v=9xwazD5SyVg&ab_channel=MaximilianMustermann",i18n:!0}),controls:t.b({title:"Controls",properties:{autoPlay:t.c({title:"Autoplay",default:!0}),controls:t.c({title:"Controls",default:!1}),loop:t.c({title:"Loop",default:!1}),muted:t.c({title:"Muted",default:!0})}})}};function ae(e){return y.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 ne=e=>{const{scripts:o,inBuilder:l,blockProps:s}=e;return l?a.jsxRuntimeExports.jsx("div",{...s,children:a.jsxRuntimeExports.jsx("div",{className:y.cn("pointer-events-none flex flex-col items-center justify-center p-2",""),children:a.jsxRuntimeExports.jsx("div",{className:"h-full w-full rounded bg-gray-200 p-1 dark:bg-gray-800",children:a.jsxRuntimeExports.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"})})})}):a.jsxRuntimeExports.jsx("div",{dangerouslySetInnerHTML:{__html:o}})},ie={type:"CustomScript",label:"web_blocks.custom_script",category:"core",icon:ae,group:"advanced",props:{scripts:t.l({title:"Script",default:"",placeholder:"<script>console.log('Hello, world!');<\/script>"})}},ce=e=>{const{blockProps:o,styles:l}=e;return m.createElement("hr",{...l,...o})},ue={type:"Divider",label:"web_blocks.divider",category:"core",icon:g.DividerHorizontalIcon,group:"basic",props:{styles:t.T({default:"bg-gray-900 h-0.5 py-2 my-1"})}},de=()=>null,pe={type:"Dark Mode",label:"web_blocks.dark_mode",category:"core",icon:g.MoonIcon,group:"advanced",props:{},blocks:()=>[{_id:"ultqCh",_type:"Span",tag:"span",styles:"#styles:,",_name:"Dark Mode Switcher"},{_id:"vroabi",_parent:"ultqCh",_type:"Button",styles_attrs:{type:"button","x-on:click":"darkMode = 'dark'","x-show":"darkMode === 'light'"},styles:"#styles:,bg-white dark:bg-black font-medium text-gray-800 rounded-full hover:bg-gray-200 focus:outline-none focus:bg-gray-200 dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800",_name:"Dark Mode Btn"},{_id:"eweibk",_parent:"vroabi",_type:"Span",tag:"span",styles:"#styles:,group inline-flex shrink-0 justify-center items-center size-9"},{_id:"nltBrv",_parent:"eweibk",_type:"Icon",styles:"#styles:, shrink-0 size-4",icon:"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z'></path></svg>"},{_id:"gesydi",_parent:"ultqCh",_type:"Button",styles_attrs:{type:"button","x-on:click":"darkMode = 'light'","x-show":"darkMode === 'dark'"},styles:"#styles:,bg-white dark:bg-black font-medium text-gray-800 rounded-full hover:bg-gray-200 focus:outline-none focus:bg-gray-200 dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800",_name:"Light Mode Btn"},{_id:"sgbhDo",_parent:"gesydi",_type:"Span",tag:"span",styles:"#styles:,group inline-flex shrink-0 justify-center items-center size-9"},{_id:"AdDwBC",_parent:"sgbhDo",_type:"Icon",styles:"#styles:, shrink-0 size-4",icon:"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='4'></circle><path d='M12 2v2'></path><path d='M12 20v2'></path><path d='m4.93 4.93 1.41 1.41'></path><path d='m17.66 17.66 1.41 1.41'></path><path d='M2 12h2'></path><path d='M20 12h2'></path><path d='m6.34 17.66-1.41 1.41'></path><path d='m19.07 4.93-1.41 1.41'></path></svg>"}]},me=e=>{const{blockProps:o,inBuilder:l,children:s,globalBlock:r}=e;return l&&!r?a.jsxRuntimeExports.jsxs("div",{className:"flex flex-col items-center justify-center gap-y-1 rounded-lg bg-gray-100 py-4 dark:bg-gray-800",...o,children:[a.jsxRuntimeExports.jsxs("h1",{children:["Global Block - ",r]}),a.jsxRuntimeExports.jsx("p",{children:"Choose a block from the sidebar to add it to this page."})]}):m.createElement("div",{...o},s)},ge={type:"GlobalBlock",label:"Global Block",icon:C.GlobeIcon,category:"core",group:"advanced",props:{globalBlock:t.g({title:"global block",default:"",hidden:!0})}},be=e=>e.inBuilder||e.forceWrapper?a.jsxRuntimeExports.jsx("span",{"data-ai-key":"content",...e.blockProps,children:e.content}):`${e.content}`,fe={type:"Text",label:"Text",hidden:!0,category:"core",group:"typography",icon:g.SpaceBetweenVerticallyIcon,props:{content:t.f({title:"Content",default:"",ai:!0,i18n:!0})}},he=e=>{const{blockProps:o,backgroundImage:l,children:s,styles:r}=e;let n={};return l&&(n={backgroundImage:`url(${l})`}),m.createElement("div",{...o,...r,style:n},s)},ye={type:"Body",label:"Body",category:"core",group:"basic",hidden:!0,props:{styles:t.T({default:"font-body antialiased"}),backgroundImage:t.x({title:"Background Image"})},canAcceptBlock:()=>!0,canDelete:()=>!1,canMove:()=>!1,canDuplicate:()=>!1},xe=e=>{const{blockProps:o,styles:l}=e;return m.createElement("br",{...o,...l})},ke={type:"LineBreak",label:"Line Break",category:"core",group:"basic",hidden:!0,icon:g.SpaceBetweenVerticallyIcon,props:{styles:t.T({default:""})}},we=e=>{const{blockProps:o,errorMessage:l,name:s,_type:r,successMessage:n,action:i,styles:c,children:u}=e;let d=u;u||(d=a.jsxRuntimeExports.jsx(w,{}));const h={"x-data":`{
         formStatus: '',
         formLoading: false,
         async submit() {
@@ -855,408 +21,4 @@ const FormBlock = (props) => {
             this.formLoading = false;
           }
         }
-    }`,
-    "x-on:submit.prevent": "submit"
-  };
-  const formResponseAttr = {
-    "data-response": "",
-    ":class": "{'text-red-500': formStatus === 'ERROR', 'text-green-500': formStatus === 'SUCCESS'}"
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(
-    "form",
-    {
-      ...alpineAttrs,
-      "data-error": errorMessage,
-      "data-success": successMessage,
-      method: "post",
-      action,
-      ...blockProps,
-      ...styles,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("div", { ...formResponseAttr }),
-        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("input", { name: "formname", type: "hidden", value: name || _type }),
-        nestedChildren
-      ]
-    }
-  );
-};
-const Config$6 = {
-  type: "Form",
-  label: "Form",
-  category: "core",
-  icon: reactIcons.GroupIcon,
-  group: "form",
-  props: {
-    styles: controls.T({ default: "" }),
-    action: controls.g({
-      title: "Submit URL",
-      default: "/api/form/submit"
-    }),
-    errorMessage: controls.m({
-      title: "Error Message",
-      default: "Something went wrong. Please try again"
-    }),
-    successMessage: controls.m({
-      title: "Success Message",
-      default: "Thank you for your submission."
-    })
-  },
-  canAcceptBlock: () => true
-};
-const FormButtonBlock = (block) => {
-  const { blockProps, inBuilder, label, styles, inputStyles, icon, iconPos } = block;
-  const fieldId = iconBase.generateUUID();
-  const attrs = {
-    "x-bind:disabled": "formLoading"
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(
-    "button",
-    {
-      id: fieldId,
-      ...attrs,
-      ...inputStyles,
-      ...styles,
-      ...blockProps || {},
-      type: inBuilder ? "button" : "submit",
-      children: [
-        label,
-        icon && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("span", { className: iconPos, dangerouslySetInnerHTML: { __html: icon } })
-      ]
-    }
-  );
-};
-const Config$5 = {
-  type: "FormButton",
-  label: "Submit Button",
-  category: "core",
-  icon: reactIcons.ButtonIcon,
-  group: "form",
-  props: {
-    label: controls.g({ title: "Label", default: "Submit", ai: true, i18n: true }),
-    styles: controls.T({
-      default: "text-white bg-primary disabled:bg-gray-400 px-4 py-2 rounded-global flex items-center gap-x-2"
-    }),
-    icon: controls.q({ title: "Icon", default: "" }),
-    iconPos: controls.y({
-      title: "Icon Position",
-      default: "order-last",
-      options: [
-        { title: "Start", value: "order-first" },
-        { title: "End", value: "order-last" }
-      ]
-    })
-  }
-};
-const InputBlock = (block) => {
-  const {
-    blockProps,
-    label,
-    placeholder,
-    styles,
-    inputStyles,
-    showLabel,
-    required,
-    inputType = "text",
-    inBuilder,
-    fieldName
-  } = block;
-  const fieldId = iconBase.generateUUID();
-  if (!showLabel || inputType === "submit") {
-    if (inputType === "submit") blockProps.value = label;
-    return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-      "input",
-      {
-        id: fieldId,
-        name: fieldName,
-        readOnly: inBuilder,
-        ...blockProps,
-        ...inputStyles,
-        ...styles,
-        type: inputType,
-        placeholder,
-        required
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("div", { ...styles, ...blockProps, children: [
-    showLabel && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("label", { htmlFor: fieldId, children: label }),
-    /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-      "input",
-      {
-        name: fieldName,
-        readOnly: inBuilder,
-        ...inputStyles,
-        id: fieldId,
-        type: inputType,
-        placeholder,
-        required
-      }
-    )
-  ] });
-};
-const Config$4 = {
-  type: "Input",
-  label: "Input",
-  category: "core",
-  icon: reactIcons.InputIcon,
-  group: "form",
-  props: {
-    styles: controls.T({ default: "" }),
-    fieldName: controls.g({ title: "Field Name", default: "input" }),
-    inputType: controls.y({
-      title: "Type",
-      options: lodashEs.map(
-        ["text", "email", "password", "number", "tel", "file", "hidden", "range", "submit", "color", "date", "time"],
-        (type) => ({
-          value: type,
-          title: type
-        })
-      ),
-      default: "text"
-    }),
-    value: controls.g({ title: "Value", default: "", ai: true, i18n: true }),
-    showLabel: controls.c({ title: "Show Label", default: true }),
-    inputStyles: controls.T({ default: "w-full p-1" }),
-    label: controls.g({ title: "Label", default: "Label", ai: true, i18n: true }),
-    placeholder: controls.g({
-      title: "Placeholder",
-      default: "Placeholder"
-    }),
-    required: controls.c({ title: "Required", default: false })
-  }
-};
-const RadioBlock = (block) => {
-  const { blockProps, fieldName, label, styles, inputStyles, checked, required, showLabel = true } = block;
-  const fieldId = iconBase.generateUUID();
-  if (!showLabel)
-    return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-      "input",
-      {
-        id: fieldId,
-        ...blockProps,
-        ...inputStyles,
-        ...styles,
-        type: "radio",
-        required,
-        checked,
-        name: fieldName
-      }
-    );
-  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("div", { ...styles, ...blockProps, children: [
-    /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("input", { ...inputStyles, name: fieldName, id: fieldId, type: "radio", required, defaultChecked: checked }),
-    label && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("label", { htmlFor: fieldId, children: label })
-  ] });
-};
-const Config$3 = {
-  type: "Radio",
-  label: "web_blocks.radio",
-  category: "core",
-  icon: reactIcons.RadiobuttonIcon,
-  group: "form",
-  props: {
-    styles: controls.T({ default: "flex items-center w-max gap-x-2" }),
-    fieldName: controls.g({ title: "web_blocks.field_name", default: "radio" }),
-    label: controls.g({ title: "web_blocks.label", default: "Label" }),
-    checked: controls.c({ title: "web_blocks.checked", default: false }),
-    required: controls.c({ title: "web_blocks.required", default: false })
-  }
-};
-const SelectBlock = (block) => {
-  const {
-    blockProps,
-    fieldName,
-    label,
-    placeholder,
-    styles,
-    inputStyles,
-    required,
-    showLabel,
-    _multiple = false
-  } = block;
-  const fieldId = iconBase.generateUUID();
-  if (!showLabel) {
-    return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(
-      "select",
-      {
-        id: fieldId,
-        ...styles,
-        ...blockProps,
-        required,
-        multiple: _multiple,
-        name: fieldName,
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("option", { value: "", disabled: true, selected: true, hidden: true, children: placeholder }),
-          lodashEs.map(block.options, (option) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-            "option",
-            {
-              selected: lodashEs.get(option, "selected", false),
-              value: option.value,
-              dangerouslySetInnerHTML: { __html: option.label }
-            },
-            option.value
-          ))
-        ]
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("div", { ...styles, children: [
-    showLabel && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("label", { htmlFor: fieldId, children: label }),
-    /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("select", { ...inputStyles, id: fieldId, required, multiple: _multiple, name: fieldName, children: [
-      /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("option", { value: "", disabled: true, selected: true, hidden: true, children: placeholder }),
-      lodashEs.map(block.options, (option) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-        "option",
-        {
-          selected: lodashEs.get(option, "selected", false),
-          value: option.value,
-          dangerouslySetInnerHTML: { __html: option.label }
-        },
-        option.value
-      ))
-    ] })
-  ] });
-};
-const Config$2 = {
-  type: "Select",
-  label: "web_blocks.select",
-  category: "core",
-  icon: reactIcons.DropdownMenuIcon,
-  group: "form",
-  props: {
-    styles: controls.T({ default: "" }),
-    fieldName: controls.g({ title: "Field Name", default: "select" }),
-    showLabel: controls.c({ title: "Show Label", default: true }),
-    inputStyles: controls.T({ default: "w-full p-1" }),
-    label: controls.g({ title: "Label", default: "Label", ai: true, i18n: true }),
-    placeholder: controls.g({
-      title: "Placeholder",
-      default: "Placeholder"
-    }),
-    required: controls.c({ title: "Required", default: false }),
-    _multiple: controls.c({ title: "Multiple", default: false }),
-    options: controls.S({
-      title: "Options",
-      itemProperties: {
-        label: controls.g({ title: "Label", default: "", ai: true, i18n: true }),
-        value: controls.g({ title: "Value", default: "" })
-      }
-    })
-  }
-};
-const TextAreaBlock = (block) => {
-  const { blockProps, fieldName, label, placeholder, styles, inputStyles, _rows, showLabel } = block;
-  const fieldId = iconBase.generateUUID();
-  if (!showLabel) {
-    return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-      "textarea",
-      {
-        id: fieldId,
-        name: fieldName,
-        ...blockProps,
-        ...inputStyles,
-        ...styles,
-        placeholder,
-        rows: _rows
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("div", { ...styles, ...blockProps, children: [
-    showLabel && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("label", { htmlFor: fieldId, children: label }),
-    /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("textarea", { name: fieldName, ...inputStyles, id: fieldId, placeholder, rows: _rows })
-  ] });
-};
-const Config$1 = {
-  type: "TextArea",
-  label: "web_blocks.textarea",
-  category: "core",
-  icon: reactIcons.InputIcon,
-  group: "form",
-  props: {
-    fieldName: controls.g({ title: "Field Name", default: "textarea" }),
-    showLabel: controls.c({ title: "Show Label", default: true }),
-    styles: controls.T({ default: "" }),
-    inputStyles: controls.T({ default: "w-full p-1" }),
-    label: controls.g({ title: "Label", default: "Label", ai: true, i18n: true }),
-    placeholder: controls.g({
-      title: "Placeholder",
-      default: "Placeholder"
-    }),
-    _rows: controls.s({ title: "Rows", default: 3 })
-  }
-};
-const CheckboxBlock = (block) => {
-  const { blockProps, fieldName, label, styles, inputStyles, required, checked, showLabel = true } = block;
-  const fieldId = iconBase.generateUUID();
-  if (!showLabel)
-    return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-      "input",
-      {
-        id: fieldId,
-        ...blockProps,
-        ...inputStyles,
-        ...styles,
-        type: "checkbox",
-        required,
-        name: fieldName
-      }
-    );
-  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("div", { ...styles, ...blockProps, children: [
-    /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-      "input",
-      {
-        ...inputStyles,
-        name: fieldName,
-        id: fieldId,
-        type: "checkbox",
-        required,
-        defaultChecked: checked
-      }
-    ),
-    label && label !== "Label" && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("label", { htmlFor: fieldId, children: label })
-  ] });
-};
-const Config = {
-  type: "Checkbox",
-  label: "web_blocks.checkbox",
-  category: "core",
-  icon: reactIcons.CheckboxIcon,
-  group: "form",
-  props: {
-    fieldName: controls.g({ title: "Field Name", default: "checkbox" }),
-    styles: controls.T({ default: "flex items-center gap-x-2" }),
-    label: controls.g({ title: "web_blocks.label", default: "Label" }),
-    checked: controls.c({ title: "web_blocks.checked", default: false }),
-    required: controls.c({ title: "web_blocks.required", default: false })
-  }
-};
-const loadWebBlocks = () => {
-  runtime.registerChaiBlock(Component$2, Config$s);
-  runtime.registerChaiBlock(EmptyBox, Config$p);
-  runtime.registerChaiBlock(Component$1, Config$r);
-  runtime.registerChaiBlock(HeadingBlock, Config$o);
-  runtime.registerChaiBlock(ParagraphBlock, Config$n);
-  runtime.registerChaiBlock(SpanBlock, Config$m);
-  runtime.registerChaiBlock(RichTextBlock, Config$l);
-  runtime.registerChaiBlock(LinkBlock, Config$k);
-  runtime.registerChaiBlock(LightBoxLinkBlock, Config$j);
-  runtime.registerChaiBlock(ListBlock, Config$i);
-  runtime.registerChaiBlock(ListItemBlock, Config$h);
-  runtime.registerChaiBlock(IconBlock, Config$g);
-  runtime.registerChaiBlock(ImageBlock, Config$f);
-  runtime.registerChaiBlock(VideoBlock, Config$e);
-  runtime.registerChaiBlock(CustomHTMLBlock, Config$q);
-  runtime.registerChaiBlock(RawTextBlock, Config$9);
-  runtime.registerChaiBlock(FormBlock, Config$6);
-  runtime.registerChaiBlock(FormButtonBlock, Config$5);
-  runtime.registerChaiBlock(InputBlock, Config$4);
-  runtime.registerChaiBlock(CheckboxBlock, Config);
-  runtime.registerChaiBlock(RadioBlock, Config$3);
-  runtime.registerChaiBlock(SelectBlock, Config$2);
-  runtime.registerChaiBlock(TextAreaBlock, Config$1);
-  runtime.registerChaiBlock(LineBreakComponent, Config$7);
-  runtime.registerChaiBlock(BodyBlock, Config$8);
-  runtime.registerChaiBlock(CustomScript, Config$d);
-  runtime.registerChaiBlock(DividerBlock, Config$c);
-  runtime.registerChaiBlock(DarkMode, Config$b);
-  runtime.registerChaiBlock(Component, Config$a);
-};
-exports.loadWebBlocks = loadWebBlocks;
+    }`,"x-on:submit.prevent":"submit"},b={"data-response":"",":class":"{'text-red-500': formStatus === 'ERROR', 'text-green-500': formStatus === 'SUCCESS'}"};return a.jsxRuntimeExports.jsxs("form",{...h,"data-error":l,"data-success":n,method:"post",action:i,...o,...c,children:[a.jsxRuntimeExports.jsx("div",{...b}),a.jsxRuntimeExports.jsx("input",{name:"formname",type:"hidden",value:s||r}),d]})},ve={type:"Form",label:"Form",category:"core",icon:g.GroupIcon,group:"form",props:{styles:t.T({default:""}),action:t.g({title:"Submit URL",default:"/api/form/submit"}),errorMessage:t.m({title:"Error Message",default:"Something went wrong. Please try again"}),successMessage:t.m({title:"Success Message",default:"Thank you for your submission."})},canAcceptBlock:()=>!0},_e=e=>{const{blockProps:o,inBuilder:l,label:s,styles:r,inputStyles:n,icon:i,iconPos:c}=e,u=y.generateUUID(),d={"x-bind:disabled":"formLoading"};return a.jsxRuntimeExports.jsxs("button",{id:u,...d,...n,...r,...o||{},type:l?"button":"submit",children:[s,i&&a.jsxRuntimeExports.jsx("span",{className:c,dangerouslySetInnerHTML:{__html:i}})]})},je={type:"FormButton",label:"Submit Button",category:"core",icon:g.ButtonIcon,group:"form",props:{label:t.g({title:"Label",default:"Submit",ai:!0,i18n:!0}),styles:t.T({default:"text-white bg-primary disabled:bg-gray-400 px-4 py-2 rounded-global flex items-center gap-x-2"}),icon:t.q({title:"Icon",default:""}),iconPos:t.y({title:"Icon Position",default:"order-last",options:[{title:"Start",value:"order-first"},{title:"End",value:"order-last"}]})}},Be=e=>{const{blockProps:o,label:l,placeholder:s,styles:r,inputStyles:n,showLabel:i,required:c,inputType:u="text",inBuilder:d,fieldName:h}=e,b=y.generateUUID();return!i||u==="submit"?(u==="submit"&&(o.value=l),a.jsxRuntimeExports.jsx("input",{id:b,name:h,readOnly:d,...o,...n,...r,type:u,placeholder:s,required:c})):a.jsxRuntimeExports.jsxs("div",{...r,...o,children:[i&&a.jsxRuntimeExports.jsx("label",{htmlFor:b,children:l}),a.jsxRuntimeExports.jsx("input",{name:h,readOnly:d,...n,id:b,type:u,placeholder:s,required:c})]})},Ee={type:"Input",label:"Input",category:"core",icon:g.InputIcon,group:"form",props:{styles:t.T({default:""}),fieldName:t.g({title:"Field Name",default:"input"}),inputType:t.y({title:"Type",options:f.map(["text","email","password","number","tel","file","hidden","range","submit","color","date","time"],e=>({value:e,title:e})),default:"text"}),value:t.g({title:"Value",default:"",ai:!0,i18n:!0}),showLabel:t.c({title:"Show Label",default:!0}),inputStyles:t.T({default:"w-full p-1"}),label:t.g({title:"Label",default:"Label",ai:!0,i18n:!0}),placeholder:t.g({title:"Placeholder",default:"Placeholder"}),required:t.c({title:"Required",default:!1})}},Ce=e=>{const{blockProps:o,fieldName:l,label:s,styles:r,inputStyles:n,checked:i,required:c,showLabel:u=!0}=e,d=y.generateUUID();return u?a.jsxRuntimeExports.jsxs("div",{...r,...o,children:[a.jsxRuntimeExports.jsx("input",{...n,name:l,id:d,type:"radio",required:c,defaultChecked:i}),s&&a.jsxRuntimeExports.jsx("label",{htmlFor:d,children:s})]}):a.jsxRuntimeExports.jsx("input",{id:d,...o,...n,...r,type:"radio",required:c,checked:i,name:l})},Ie={type:"Radio",label:"web_blocks.radio",category:"core",icon:g.RadiobuttonIcon,group:"form",props:{styles:t.T({default:"flex items-center w-max gap-x-2"}),fieldName:t.g({title:"web_blocks.field_name",default:"radio"}),label:t.g({title:"web_blocks.label",default:"Label"}),checked:t.c({title:"web_blocks.checked",default:!1}),required:t.c({title:"web_blocks.required",default:!1})}},Le=e=>{const{blockProps:o,fieldName:l,label:s,placeholder:r,styles:n,inputStyles:i,required:c,showLabel:u,_multiple:d=!1}=e,h=y.generateUUID();return u?a.jsxRuntimeExports.jsxs("div",{...n,children:[u&&a.jsxRuntimeExports.jsx("label",{htmlFor:h,children:s}),a.jsxRuntimeExports.jsxs("select",{...i,id:h,required:c,multiple:d,name:l,children:[a.jsxRuntimeExports.jsx("option",{value:"",disabled:!0,selected:!0,hidden:!0,children:r}),f.map(e.options,b=>a.jsxRuntimeExports.jsx("option",{selected:f.get(b,"selected",!1),value:b.value,dangerouslySetInnerHTML:{__html:b.label}},b.value))]})]}):a.jsxRuntimeExports.jsxs("select",{id:h,...n,...o,required:c,multiple:d,name:l,children:[a.jsxRuntimeExports.jsx("option",{value:"",disabled:!0,selected:!0,hidden:!0,children:r}),f.map(e.options,b=>a.jsxRuntimeExports.jsx("option",{selected:f.get(b,"selected",!1),value:b.value,dangerouslySetInnerHTML:{__html:b.label}},b.value))]})},Re={type:"Select",label:"web_blocks.select",category:"core",icon:g.DropdownMenuIcon,group:"form",props:{styles:t.T({default:""}),fieldName:t.g({title:"Field Name",default:"select"}),showLabel:t.c({title:"Show Label",default:!0}),inputStyles:t.T({default:"w-full p-1"}),label:t.g({title:"Label",default:"Label",ai:!0,i18n:!0}),placeholder:t.g({title:"Placeholder",default:"Placeholder"}),required:t.c({title:"Required",default:!1}),_multiple:t.c({title:"Multiple",default:!1}),options:t.S({title:"Options",itemProperties:{label:t.g({title:"Label",default:"",ai:!0,i18n:!0}),value:t.g({title:"Value",default:""})}})}},Se=e=>{const{blockProps:o,fieldName:l,label:s,placeholder:r,styles:n,inputStyles:i,_rows:c,showLabel:u}=e,d=y.generateUUID();return u?a.jsxRuntimeExports.jsxs("div",{...n,...o,children:[u&&a.jsxRuntimeExports.jsx("label",{htmlFor:d,children:s}),a.jsxRuntimeExports.jsx("textarea",{name:l,...i,id:d,placeholder:r,rows:c})]}):a.jsxRuntimeExports.jsx("textarea",{id:d,name:l,...o,...i,...n,placeholder:r,rows:c})},Te={type:"TextArea",label:"web_blocks.textarea",category:"core",icon:g.InputIcon,group:"form",props:{fieldName:t.g({title:"Field Name",default:"textarea"}),showLabel:t.c({title:"Show Label",default:!0}),styles:t.T({default:""}),inputStyles:t.T({default:"w-full p-1"}),label:t.g({title:"Label",default:"Label",ai:!0,i18n:!0}),placeholder:t.g({title:"Placeholder",default:"Placeholder"}),_rows:t.s({title:"Rows",default:3})}},Me=e=>{const{blockProps:o,fieldName:l,label:s,styles:r,inputStyles:n,required:i,checked:c,showLabel:u=!0}=e,d=y.generateUUID();return u?a.jsxRuntimeExports.jsxs("div",{...r,...o,children:[a.jsxRuntimeExports.jsx("input",{...n,name:l,id:d,type:"checkbox",required:i,defaultChecked:c}),s&&s!=="Label"&&a.jsxRuntimeExports.jsx("label",{htmlFor:d,children:s})]}):a.jsxRuntimeExports.jsx("input",{id:d,...o,...n,...r,type:"checkbox",required:i,name:l})},$e={type:"Checkbox",label:"web_blocks.checkbox",category:"core",icon:g.CheckboxIcon,group:"form",props:{fieldName:t.g({title:"Field Name",default:"checkbox"}),styles:t.T({default:"flex items-center gap-x-2"}),label:t.g({title:"web_blocks.label",default:"Label"}),checked:t.c({title:"web_blocks.checked",default:!1}),required:t.c({title:"web_blocks.required",default:!1})}},Pe=()=>{p.registerChaiBlock(L,R),p.registerChaiBlock(P,N),p.registerChaiBlock(S,T),p.registerChaiBlock(q,H),p.registerChaiBlock(D,z),p.registerChaiBlock(A,U),p.registerChaiBlock(F,O),p.registerChaiBlock(V,G),p.registerChaiBlock(W,X),p.registerChaiBlock(Y,Z),p.registerChaiBlock(J,K),p.registerChaiBlock(Q,ee),p.registerChaiBlock(te,le),p.registerChaiBlock(se,re),p.registerChaiBlock(M,$),p.registerChaiBlock(be,fe),p.registerChaiBlock(we,ve),p.registerChaiBlock(_e,je),p.registerChaiBlock(Be,Ee),p.registerChaiBlock(Me,$e),p.registerChaiBlock(Ce,Ie),p.registerChaiBlock(Le,Re),p.registerChaiBlock(Se,Te),p.registerChaiBlock(xe,ke),p.registerChaiBlock(he,ye),p.registerChaiBlock(ne,ie),p.registerChaiBlock(ce,ue),p.registerChaiBlock(de,pe),p.registerChaiBlock(me,ge)};exports.loadWebBlocks=Pe;