@chaibuilder/sdk 1.2.23 → 1.2.25

package/dist/web-blocks.js

@@ -1,1155 +1,5 @@
-import { isNull as F, isEmpty as k, get as v, pick as z, omit as q, map as E, noop as O } from "lodash-es";
-import { j as s } from "./jsx-runtime-WbnYoNE9.js";
-import * as u from "react";
-import { S as i, s as w, o as P, g as I, m as _, u as h, T as C, c as T, q as V, b as U, r as b, h as Y } from "./controls-OfJWSEqC.js";
-import { registerChaiBlock as d } from "@chaibuilder/runtime";
-import { E as x } from "./empty-slot-ZBlsQi6m.js";
-import { HeadingIcon as G, TextIcon as W, CursorTextIcon as X, ButtonIcon as R, Link1Icon as Z, RowsIcon as K, ColumnsIcon as J, SketchLogoIcon as Q, ImageIcon as ee, VideoIcon as te, CodeIcon as le, DividerHorizontalIcon as oe, SpaceBetweenVerticallyIcon as D, TableIcon as re, BorderTopIcon as ae, BorderAllIcon as se, ViewHorizontalIcon as ne, DragHandleHorizontalIcon as ce, GroupIcon as ie, LetterCaseToggleIcon as de, CheckboxIcon as ue, InputIcon as $, RadiobuttonIcon as pe, DropdownMenuIcon as me } from "@radix-ui/react-icons";
-import { c as M, g } from "./Functions-7jnEwJyw.js";
-import { a as j } from "./STRINGS--j49GZJP.js";
-import "./_commonjsHelpers-UyOWmZb0.js";
-import "clsx";
-import "tailwind-merge";
-const he = u.memo(
-  (e) => {
-    const { blockProps: t, inBuilder: l, backgroundImage: o, children: r, tag: a = "div", styles: n } = e;
-    let c = r;
-    r || (c = /* @__PURE__ */ s.jsx(x, { blockProps: {}, styles: {}, inBuilder: l }));
-    let p = {};
-    return o && (p = { backgroundImage: `url(${o})` }), u.createElement(a, { ...t, ...n, style: p }, c);
-  }
-);
-d(he, {
-  type: "Box",
-  label: "Box",
-  category: "core",
-  group: "basic",
-  props: {
-    styles: i({ default: "" }),
-    tag: w({
-      title: "Tag",
-      default: "div",
-      options: [
-        { value: "div", title: "div" },
-        { value: "header", title: "header" },
-        { value: "footer", title: "footer" },
-        { value: "section", title: "section" },
-        { value: "article", title: "article" },
-        { value: "aside", title: "aside" },
-        { value: "main", title: "main" },
-        { value: "nav", title: "nav" },
-        { value: "figure", title: "figure" },
-        { value: "details", title: "details" },
-        { value: "summary", title: "summary" },
-        { value: "dialog", title: "dialog" },
-        { value: "strike", title: "strike" },
-        { value: "caption", title: "caption" },
-        { value: "legend", title: "legend" },
-        { value: "figcaption", title: "figcaption" },
-        { value: "mark", title: "mark" }
-      ]
-    }),
-    backgroundImage: P({ title: "Background Image" })
-  },
-  canAcceptBlock: () => !0
-});
-const ye = (e) => {
-  const { blockProps: t, styles: l, content: o, level: r = "h1", children: a = null } = e;
-  return a ? u.createElement(r, { ...l, ...t }, a) : u.createElement(r, {
-    ...l,
-    ...t,
-    dangerouslySetInnerHTML: { __html: o }
-  });
-};
-d(ye, {
-  type: "Heading",
-  label: "Heading",
-  category: "core",
-  icon: G,
-  group: "typography",
-  props: {
-    level: w({
-      title: "Level",
-      default: "h1",
-      binding: !1,
-      options: [
-        { value: "h1", title: "h1" },
-        { value: "h2", title: "h2" },
-        { value: "h3", title: "h3" },
-        { value: "h4", title: "h4" },
-        { value: "h5", title: "h5" },
-        { value: "h6", title: "h6" }
-      ]
-    }),
-    styles: i({ default: "text-3xl" }),
-    content: I({ title: "Content", default: "Heading goes here" })
-  },
-  canAcceptBlock: (e) => e === "Span" || e === "Text"
-});
-const fe = (e) => {
-  const { blockProps: t, styles: l, content: o } = e;
-  return F(e.children) ? u.createElement("div", {
-    ...l,
-    ...t,
-    dangerouslySetInnerHTML: { __html: o }
-  }) : u.createElement("p", { ...l, ...t }, e.children);
-};
-d(fe, {
-  type: "Paragraph",
-  label: "Paragraph",
-  category: "core",
-  icon: W,
-  group: "typography",
-  props: {
-    styles: i({ default: "" }),
-    content: I({
-      title: "Content",
-      default: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere."
-    })
-  },
-  canAcceptBlock: (e) => e === "Span" || e === "Link"
-});
-const be = (e) => {
-  const { blockProps: t, styles: l, content: o, children: r = null, tag: a } = e;
-  return r ? u.createElement("span", { ...l, ...t }, r) : u.createElement(a || "span", {
-    ...l,
-    ...t,
-    dangerouslySetInnerHTML: { __html: o }
-  });
-};
-d(be, {
-  type: "Span",
-  label: "Span",
-  category: "core",
-  group: "typography",
-  props: {
-    styles: i({ default: "" }),
-    content: I({ title: "Content", default: "Enter your content" })
-  },
-  canAcceptBlock: () => !0
-});
-const ge = (e) => {
-  const { blockProps: t, content: l, styles: o } = e;
-  return /* @__PURE__ */ s.jsx("div", { className: "max-w-full", children: /* @__PURE__ */ s.jsx("div", { ...t, ...o, dangerouslySetInnerHTML: { __html: l } }) });
-};
-d(ge, {
-  type: "RichText",
-  label: "Rich Text",
-  category: "core",
-  icon: X,
-  group: "typography",
-  props: {
-    styles: i({ default: "" }),
-    content: _({
-      title: "Content",
-      default: "<p>This is a rich text block. You can add text, and other content here.</p>"
-    })
-  }
-});
-const xe = (e) => {
-  const { blockProps: t, iconSize: l, icon: o, content: r, iconPos: a, styles: n, children: c } = e, p = o, m = c || /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-    /* @__PURE__ */ s.jsx("span", { children: r }),
-    p && /* @__PURE__ */ s.jsx(
-      "div",
-      {
-        style: { width: l + "px" },
-        className: a + " " + (a === "order-first" ? "mr-2" : "ml-2") || "",
-        dangerouslySetInnerHTML: { __html: p }
-      }
-    )
-  ] });
-  return u.createElement("button", { ...t, ...n, type: "button" }, m);
-};
-d(xe, {
-  type: "Button",
-  label: "Button",
-  category: "core",
-  icon: R,
-  group: "basic",
-  props: {
-    content: h({ title: "Label", default: "Button", multiLingual: !0 }),
-    styles: i({ default: "text-white bg-primary px-4 py-2 rounded-global flex items-center" }),
-    icon: C({ title: "Icon", default: "" }),
-    iconSize: T({ title: "Icon Size", default: 24 }),
-    iconPos: w({
-      title: "Icon Position",
-      default: "order-last",
-      options: [
-        { title: "Start", value: "order-first" },
-        { title: "End", value: "order-last" }
-      ]
-    })
-  }
-});
-const ke = (e) => {
-  const { blockProps: t, link: l, children: o, styles: r, inBuilder: a, content: n } = e;
-  return !o && k(r == null ? void 0 : r.className) && k(n) ? /* @__PURE__ */ s.jsx(x, { blockProps: t, inBuilder: a }) : a ? o ? /* @__PURE__ */ s.jsx("span", { "data-simulate": "a", ...t, ...r, children: o }) : u.createElement("span", {
-    ...t,
-    ...r,
-    dangerouslySetInnerHTML: { __html: n },
-    "data-simulate": "a"
-  }) : o ? /* @__PURE__ */ s.jsx("a", { href: l.href || "#/", target: l.target, ...t, ...r, children: o }) : u.createElement("a", {
-    ...t,
-    ...r,
-    href: l.href || "#",
-    target: l.target || "_self",
-    dangerouslySetInnerHTML: { __html: n }
-  });
-};
-d(ke, {
-  type: "Link",
-  label: "Link",
-  category: "core",
-  icon: Z,
-  group: "basic",
-  props: {
-    styles: i({ default: "" }),
-    content: h({ title: "Content", default: "" }),
-    link: V({
-      title: "Link",
-      default: { type: "page", target: "_self", href: "" }
-    })
-  },
-  canAcceptBlock: () => !0
-});
-const ve = (e) => {
-  const { blockProps: t, children: l, listType: o, styles: r, tag: a, inBuilder: n } = e, c = M(v(r, "className", ""), o);
-  return !l && k(r == null ? void 0 : r.className) ? /* @__PURE__ */ s.jsx(x, { inBuilder: n, blockProps: t, text: "LIST ITEM" }) : u.createElement(
-    a || (o === "list-decimal" ? "ol" : "ul"),
-    { ...t, ...r, className: c },
-    l
-  );
-};
-d(ve, {
-  type: "List",
-  label: "List",
-  icon: K,
-  category: "core",
-  group: "basic",
-  props: {
-    styles: i({ default: "" }),
-    listType: w({
-      title: "List type",
-      default: "list-disc",
-      options: [
-        { value: "list-none", title: "None" },
-        { value: "list-disc", title: "Disc" },
-        { value: "list-decimal", title: "Number" }
-      ]
-    })
-  },
-  canAcceptBlock: (e) => e === "ListItem",
-  blocks: [
-    { _type: "List", _id: "a", listType: "list-none", styles: "#styles:," },
-    {
-      _type: "ListItem",
-      _id: "b",
-      _parent: "a",
-      styles: "#styles:,",
-      content: "Item 1"
-    },
-    {
-      _type: "ListItem",
-      _id: "c",
-      _parent: "a",
-      styles: "#styles:,",
-      content: "Item 2"
-    },
-    {
-      _type: "ListItem",
-      _id: "d",
-      _parent: "a",
-      styles: "#styles:,",
-      content: "Item 3"
-    }
-  ]
-});
-const we = (e) => {
-  const { blockProps: t, content: l, styles: o, children: r, tag: a } = e;
-  return r ? u.createElement(a || "li", { ...o, ...t }, r) : u.createElement(a || "li", {
-    ...o,
-    ...t,
-    dangerouslySetInnerHTML: { __html: l }
-  });
-};
-d(we, {
-  type: "ListItem",
-  label: "List Item",
-  icon: J,
-  category: "core",
-  group: "basic",
-  props: {
-    styles: i({ default: "" }),
-    content: I({ title: "Content", default: "List item" })
-  },
-  canAcceptBlock: () => !0,
-  canBeNested: (e) => e === "List"
-});
-const L = (e, t) => ({
-  ...e,
-  className: `${e.className} ${t}`
-}), Ie = (e) => {
-  const { blockProps: t, icon: l, styles: o, width: r, inBuilder: a, height: n } = e, c = L(
-    o,
-    M("inline-block", r ? `w-[${r}px]` : "", n ? `h-[${n}px]` : "")
-  );
-  if (k(l))
-    return /* @__PURE__ */ s.jsx(x, { blockProps: t, text: "", inBuilder: a, className: "h-8 w-14" });
-  const p = l.replace(/<svg /g, '<svg class="w-[inherit] h-[inherit]" ');
-  return u.createElement("span", {
-    ...t,
-    ...c,
-    dangerouslySetInnerHTML: { __html: p }
-  });
-};
-d(Ie, {
-  type: "Icon",
-  label: "Icon",
-  category: "core",
-  icon: Q,
-  group: "media",
-  props: {
-    styles: i({ default: "text-black" }),
-    icon: C({
-      title: "Icon",
-      default: '<svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 16 16"  xmlns="http://www.w3.org/2000/svg"><path d="M8 16c4.418 0 8-3.582 8-8s-3.582-8-8-8-8 3.582-8 8 3.582 8 8 8zM8 1.5c3.59 0 6.5 2.91 6.5 6.5s-2.91 6.5-6.5 6.5-6.5-2.91-6.5-6.5 2.91-6.5 6.5-6.5zM8 9.356c1.812 0 3.535-0.481 5-1.327-0.228 2.788-2.393 4.971-5 4.971s-4.772-2.186-5-4.973c1.465 0.845 3.188 1.329 5 1.329zM4 5.5c0-0.828 0.448-1.5 1-1.5s1 0.672 1 1.5c0 0.828-0.448 1.5-1 1.5s-1-0.672-1-1.5zM10 5.5c0-0.828 0.448-1.5 1-1.5s1 0.672 1 1.5c0 0.828-0.448 1.5-1 1.5s-1-0.672-1-1.5z"></path></svg>'
-    }),
-    width: T({ title: "Width", default: "" }),
-    height: T({ title: "Height", default: "" })
-  }
-});
-const Be = (e) => {
-  const { blockProps: t, image: l, styles: o, alt: r, height: a, width: n } = e;
-  return k(l) ? /* @__PURE__ */ s.jsx(x, { blockProps: t, text: "IMAGE URL", className: "h-36" }) : u.createElement("img", {
-    ...t,
-    ...o,
-    src: l,
-    alt: r,
-    height: a,
-    width: n
-  });
-};
-d(Be, {
-  type: "Image",
-  label: "Image",
-  category: "core",
-  icon: ee,
-  group: "media",
-  props: {
-    styles: i({ default: "" }),
-    image: P({
-      title: "Image",
-      default: "https://fakeimg.pl/400x200?text=Choose&font=bebas"
-    }),
-    alt: h({ title: "Alt", default: "" }),
-    width: h({ title: "Width", default: "" }),
-    height: h({ title: "Height", default: "" })
-  }
-});
-const _e = (e) => {
-  var n;
-  const { blockProps: t, inBuilder: l, styles: o, children: r } = e;
-  let a = null;
-  return !r && l && (a = // @ts-ignore
-  /* @__PURE__ */ s.jsx("div", { className: M("flex flex-col items-center justify-center", (n = e.emptyStyles) == null ? void 0 : n.className), children: /* @__PURE__ */ s.jsx("div", { className: "h-full w-full rounded-md border-4 border-dashed", children: /* @__PURE__ */ s.jsxs("p", { className: "truncate p-1 text-left text-xs text-gray-400", children: [
-    "Slot: ",
-    e.name
-  ] }) }) })), u.createElement("div", { ...o, ...t, droppable: "yes" }, r || a);
-};
-d(_e, {
-  type: "Slot",
-  label: "Slot",
-  group: "basic",
-  category: "core",
-  hidden: !0,
-  props: {
-    styles: i({ default: "" }),
-    emptyStyles: i({ default: "" })
-  },
-  canAcceptBlock: () => !0
-});
-const N = /^(https?:\/\/)?(www\.)?youtube\.com\/(watch\?v=|embed\/)([a-zA-Z0-9_-]{11})/, A = /^(https?:\/\/)?(www\.)?player.vimeo\.com/, H = /^(https?:\/\/)?(www\.)?dailymotion\.com\/(video|embed\/video)\/([a-zA-Z0-9_-]+)/, Te = (e) => {
-  if (N.test(e)) {
-    const t = e.match(N);
-    return t ? `https://www.youtube.com/embed/${t[4]}` : e;
-  }
-  if (A.test(e)) {
-    const t = e.match(A);
-    return t ? `https://player.vimeo.com/video/${t[3]}` : e;
-  }
-  if (H.test(e)) {
-    const t = e.match(H);
-    return t ? `https://www.dailymotion.com/embed/video/${t[4]}` : e;
-  }
-  return null;
-}, Le = u.memo(
-  (e) => {
-    const { blockProps: t, inBuilder: l, styles: o, url: r, controls: a } = e, n = v(a, "autoPlay", !1), c = v(a, "controls", !1), p = n || v(a, "muted", !0), m = v(a, "loop", !1);
-    if (k(r))
-      return /* @__PURE__ */ s.jsx(x, { inBuilder: l, blockProps: t, text: "VIDEO URL", className: "h-36" });
-    let f = Te(r), y = null;
-    if (f) {
-      if (!k(f)) {
-        const B = [];
-        B.push(`autoplay=${n ? 1 : 0}`), B.push(`controls=${a ? 1 : 0}`), B.push(`mute=${p ? 1 : 0}&muted=${p ? 1 : 0}`), B.push(`loop=${m ? 1 : 0}`), f = `${f}?${B.join("&")}`;
-      }
-      y = u.createElement("iframe", {
-        ...t,
-        className: "absolute inset-0 w-full h-full",
-        src: f,
-        allow: l ? "" : "autoplay *; fullscreen *",
-        allowFullScreen: !0,
-        frameBorder: 0
-      });
-    } else
-      y = u.createElement("video", {
-        ...t,
-        className: "absolute inset-0 w-full h-full",
-        src: r,
-        controls: c,
-        muted: p,
-        autoPlay: l ? !1 : n,
-        loop: m
-      });
-    return /* @__PURE__ */ s.jsx("div", { ...z(o, ["className"]), children: /* @__PURE__ */ s.jsxs("div", { className: "relative w-full overflow-hidden", style: { paddingBottom: "56.25%" }, children: [
-      l ? /* @__PURE__ */ s.jsx("div", { ...t, ...q(o, ["className"]), className: "absolute inset-0 z-20 h-full w-full" }) : null,
-      y
-    ] }) });
-  }
-);
-d(Le, {
-  type: "Video",
-  label: "Video",
-  category: "core",
-  icon: te,
-  group: "media",
-  props: {
-    styles: i({ default: "" }),
-    url: h({
-      title: "Video URL",
-      default: "https://www.youtube.com/watch?v=9xwazD5SyVg&ab_channel=MaximilianMustermann"
-    }),
-    controls: U({
-      title: "Controls",
-      properties: {
-        autoPlay: b({ title: "Autoplay", default: !0 }),
-        controls: b({ title: "Show controls", default: !1 }),
-        loop: b({ title: "Loop", default: !1 }),
-        muted: b({ title: "Muted", default: !0 })
-      }
-    })
-  }
-});
-const Se = u.memo(
-  (e) => {
-    const { blockProps: t, styles: l, content: o, inBuilder: r } = e;
-    return /* @__PURE__ */ s.jsxs("div", { className: "relative", children: [
-      r ? /* @__PURE__ */ s.jsx("div", { ...t, ...l, className: "absolute z-20 h-full w-full" }) : null,
-      u.createElement("div", {
-        ...l,
-        dangerouslySetInnerHTML: { __html: o }
-      })
-    ] });
-  }
-);
-d(Se, {
-  type: "CustomHTML",
-  label: "Custom HTML",
-  category: "core",
-  icon: le,
-  group: "advanced",
-  props: {
-    styles: i({ default: "" }),
-    content: I({
-      title: "HTML Content",
-      default: "<div><p>HTML Snippet goes here...</p></div>",
-      placeholder: "Enter custom HTML code here"
-    })
-  }
-});
-const je = (e) => {
-  const { blockProps: t, styles: l } = e;
-  return u.createElement("hr", { ...l, ...t });
-};
-d(je, {
-  type: "Divider",
-  label: "Divider",
-  category: "core",
-  icon: oe,
-  group: "basic",
-  props: {
-    styles: i({ default: "bg-gray-900 h-0.5 py-2 my-1" })
-  }
-});
-const Ee = (e) => e.inBuilder ? /* @__PURE__ */ s.jsx("span", { className: "flex", ...e.blockProps, children: e.content }) : `${e.content}`;
-d(Ee, {
-  type: "Text",
-  label: "Text",
-  hidden: !0,
-  category: "core",
-  group: "typography",
-  icon: D,
-  props: {
-    content: I({ title: "Content", defaultValue: "" })
-  }
-});
-const Pe = ({ children: e, blockProps: t, styles: l }) => {
-  const o = L(l, "hs-accordion");
-  return /* @__PURE__ */ s.jsx("div", { ...t, ...o, children: e });
-};
-d(Pe, {
-  type: "Accordion",
-  label: "Accordion",
-  category: "core",
-  group: "advanced",
-  hidden: !0,
-  props: {
-    styles: i({ default: "" })
-  },
-  // @ts-ignore
-  blocks: () => {
-    const e = "accordion" + g();
-    return [
-      { _id: "a", _type: "Accordion", _name: "Accordion" },
-      {
-        _id: "b",
-        _type: "AccordionTrigger",
-        _parent: "a",
-        _name: "Accordion Trigger",
-        styles_attrs: { "aria-controls": e }
-      },
-      {
-        _id: "b1",
-        _type: "Icon",
-        _parent: "b",
-        styles: `${j},hs-accordion-active:hidden hs-accordion-active:text-blue-600 hs-accordion-active:group-hover:text-blue-600 block size-4 text-gray-600 group-hover:text-gray-500 dark:text-neutral-400`,
-        icon: `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-          <path d="M5 12h14"></path>
-          <path d="M12 5v14"></path>
-        </svg>`
-      },
-      {
-        _id: "b2",
-        _type: "Icon",
-        _parent: "b",
-        styles: `${j},hs-accordion-active:block hs-accordion-active:text-blue-600 hs-accordion-active:group-hover:text-blue-600 hidden size-4 text-gray-600 group-hover:text-gray-500 dark:text-neutral-400`,
-        icon: `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-          <path d="M5 12h14"></path>
-        </svg>`
-      },
-      { _id: "b1", _type: "Text", _parent: "b", content: "Accordion Title" },
-      {
-        _id: "c",
-        _type: "AccordionContent",
-        _parent: "a",
-        _name: "Accordion Content",
-        styles: `${j},w-full overflow-hidden transition-[height] duration-300 px-6 py-3`,
-        styles_attrs: { "aria-labelledby": e }
-      },
-      {
-        _id: "c1",
-        _type: "Text",
-        _parent: "c",
-        content: "It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element."
-      }
-    ];
-  }
-});
-const Ce = ({ children: e, blockProps: t, styles: l }) => {
-  const o = L(l, "hs-accordion-toggle");
-  return /* @__PURE__ */ s.jsx("button", { ...o, ...t, children: e });
-};
-d(Ce, {
-  type: "AccordionTrigger",
-  label: "Accordion Trigger",
-  category: "core",
-  group: "advanced",
-  hidden: !0,
-  props: {
-    styles: i({
-      default: "hs-accordion-active:text-blue-600 dark:hs-accordion-active:text-blue-500 inline-flex w-full items-center gap-x-3 rounded-lg px-6 py-3 text-start text-sm font-semibold text-gray-800 hover:text-gray-500 disabled:pointer-events-none disabled:opacity-50 dark:text-neutral-200 dark:hover:text-neutral-400"
-    })
-  },
-  canAcceptBlock: () => !0,
-  canDelete: () => !1,
-  canMove: () => !1,
-  canDuplicate: () => !1
-});
-const Me = ({ children: e, blockProps: t, styles: l }) => {
-  const o = L(l, "hs-accordion-content");
-  return /* @__PURE__ */ s.jsx("div", { ...o, ...t, children: e });
-};
-d(Me, {
-  type: "AccordionContent",
-  label: "Accordion Content",
-  category: "core",
-  group: "advanced",
-  hidden: !0,
-  props: {
-    styles: i({ default: "w-full overflow-hidden transition-[height] duration-300" })
-  },
-  canAcceptBlock: () => !0,
-  canDelete: () => !1,
-  canMove: () => !1,
-  canDuplicate: () => !1
-});
-const Ne = (e) => {
-  const { blockProps: t, backgroundImage: l, children: o, styles: r } = e;
-  let a = {};
-  return l && (a = { backgroundImage: `url(${l})` }), u.createElement("div", { ...t, ...r, style: a }, o);
-};
-d(Ne, {
-  type: "Body",
-  label: "Body",
-  category: "core",
-  group: "basic",
-  hidden: !0,
-  props: {
-    styles: i({ default: "font-body antialiased" }),
-    backgroundImage: P({ title: "Background Image" })
-  },
-  canAcceptBlock: () => !0,
-  canDelete: () => !1,
-  canMove: () => !1,
-  canDuplicate: () => !1
-});
-const Ae = (e) => {
-  const { blockProps: t, styles: l } = e;
-  return u.createElement("br", { ...t, ...l });
-};
-d(Ae, {
-  type: "LineBreak",
-  label: "Line Break",
-  category: "core",
-  group: "basic",
-  hidden: !0,
-  icon: D,
-  props: {
-    styles: i({ default: "" })
-  }
-});
-const S = (e) => {
-  const t = (a, n) => ({
-    _id: g(),
-    _parent: a,
-    _type: "TableCell",
-    styles: "#styles:,",
-    content: `${e === "TableHead" ? "Table Head" : "Table Cell " + n}`
-  }), l = (a) => {
-    const n = g(), c = {
-      _type: "TableRow",
-      _id: n,
-      styles: "#styles:,border-b"
-    };
-    return a && (c._parent = a), [c, t(n, "1"), t(n, "2"), t(n, "3")];
-  }, o = (a) => {
-    const n = g(), c = {
-      _id: n,
-      _type: "TableHead",
-      styles: "#styles:,font-medium"
-    };
-    return a && (c._parent = a), [c, ...l(n)];
-  }, r = (a) => {
-    const n = g(), c = {
-      _id: n,
-      _type: "TableBody",
-      styles: "#styles:,"
-    };
-    return a && (c._parent = a), [c, ...l(n), ...l(n)];
-  };
-  if (e === "Table") {
-    const a = g();
-    return [
-      {
-        _id: a,
-        _type: "Table",
-        styles: "#styles:,w-full text-left text-gray-500 dark:text-gray-400"
-      },
-      ...o(a),
-      ...r(a)
-    ];
-  }
-  return e === "TableRow" ? l() : e === "TableHead" ? o() : e === "TableBody" ? r() : [];
-}, He = (e) => {
-  const { blockProps: t, children: l, styles: o } = e;
-  return l ? u.createElement("table", { ...t, ...o }, l) : /* @__PURE__ */ s.jsx(x, { blockProps: t, text: "TABLE HEAD / BODY" });
-};
-d(He, {
-  type: "Table",
-  label: "Table",
-  category: "core",
-  group: "table",
-  hidden: !0,
-  icon: re,
-  props: {
-    styles: i({ default: "" })
-  },
-  blocks: S("Table")
-});
-const Re = (e) => {
-  const { blockProps: t, children: l, styles: o } = e;
-  return l ? u.createElement("thead", { ...t, ...o }, l) : /* @__PURE__ */ s.jsx(x, { blockProps: t, text: "TABLE ROW" });
-};
-d(Re, {
-  type: "TableHead",
-  label: "Table Head",
-  category: "core",
-  group: "table",
-  hidden: !0,
-  icon: ae,
-  props: {
-    styles: i({ default: "" })
-  },
-  blocks: S("TableHead")
-});
-const De = (e) => {
-  const { blockProps: t, children: l, styles: o } = e;
-  return l ? u.createElement("tbody", { ...t, ...o }, l) : /* @__PURE__ */ s.jsx(x, { blockProps: t, text: "TABLE ROW" });
-};
-d(De, {
-  type: "TableBody",
-  label: "Table Body",
-  category: "core",
-  group: "table",
-  hidden: !0,
-  icon: se,
-  props: {
-    styles: i({ default: "" })
-  },
-  blocks: S("TableBody")
-});
-const $e = (e) => {
-  const { blockProps: t, children: l, styles: o } = e;
-  return l ? u.createElement("tr", { ...t, ...o }, l) : /* @__PURE__ */ s.jsx(x, { blockProps: t, text: "TABLE CELL" });
-};
-d($e, {
-  type: "TableRow",
-  label: "Table Row",
-  category: "core",
-  group: "table",
-  hidden: !0,
-  icon: ne,
-  props: {
-    styles: i({ default: "w-full" })
-  },
-  blocks: S("TableRow")
-});
-const Fe = (e) => {
-  const { blockProps: t, children: l, content: o, styles: r } = e;
-  return !l && k(o) ? /* @__PURE__ */ s.jsx(x, { blockProps: t }) : l ? u.createElement("td", { ...t, ...r }, l) : u.createElement("td", {
-    ...t,
-    ...r,
-    dangerouslySetInnerHTML: { __html: o }
-  });
-};
-d(Fe, {
-  type: "TableCell",
-  label: "Table Cell",
-  category: "core",
-  group: "table",
-  hidden: !0,
-  icon: ce,
-  props: {
-    styles: i({ default: "" }),
-    content: _({ title: "Content", default: "Table cell item" })
-  }
-});
-const ze = (e) => {
-  const { blockProps: t, errorMessage: l, name: o, _type: r, successMessage: a, action: n, styles: c, children: p } = e;
-  let m = p;
-  p || (m = /* @__PURE__ */ s.jsx(x, { blockProps: {}, text: "FORM FIELDS" }));
-  const f = {
-    "x-data": "useForm",
-    "x-on:submit.prevent": "post"
-  }, y = {
-    "x-html": "formResponse",
-    ":class": "{'text-red-500': formStatus === 'ERROR', 'text-green-500': formStatus === 'SUCCESS'}"
-  };
-  return /* @__PURE__ */ s.jsxs(
-    "form",
-    {
-      ...f,
-      "data-error": l,
-      "data-success": a,
-      method: "post",
-      action: n,
-      ...t,
-      ...c,
-      children: [
-        /* @__PURE__ */ s.jsx("div", { ...y }),
-        /* @__PURE__ */ s.jsx("input", { name: "formname", type: "hidden", value: o || r }),
-        m
-      ]
-    }
-  );
-};
-d(ze, {
-  type: "Form",
-  label: "Form",
-  category: "core",
-  icon: ie,
-  group: "form",
-  hidden: !0,
-  props: {
-    styles: i({ default: "" }),
-    action: h({
-      title: "Submit URL",
-      default: "/api/form/submit"
-    }),
-    errorMessage: _({
-      title: "Error Message",
-      default: "Something went wrong. Please try again"
-    }),
-    successMessage: _({
-      title: "Success Message",
-      default: "Thank you for your submission."
-    })
-  },
-  canAcceptBlock: () => !0
-});
-const qe = (e) => {
-  const { blockProps: t, content: l, styles: o, children: r } = e, a = { ...o, ...t };
-  return r ? u.createElement("label", a, r) : u.createElement("label", {
-    ...a,
-    dangerouslySetInnerHTML: { __html: l }
-  });
-};
-d(qe, {
-  type: "Label",
-  label: "Label",
-  category: "core",
-  icon: de,
-  group: "form",
-  hidden: !0,
-  props: {
-    styles: i({ default: "" }),
-    content: h({ title: "Content", default: "Label" })
-  }
-});
-const Oe = (e) => {
-  const { blockProps: t, inBuilder: l, label: o, placeholder: r, styles: a, inputStyles: n, icon: c, iconPos: p } = e, m = g(), f = {
-    "x-bind:disabled": "formLoading"
-  };
-  return /* @__PURE__ */ s.jsxs(
-    "button",
-    {
-      id: m,
-      ...f,
-      ...n,
-      ...a,
-      ...t || {},
-      type: l ? "button" : "submit",
-      placeholder: r,
-      children: [
-        o,
-        c && /* @__PURE__ */ s.jsx("span", { className: p, dangerouslySetInnerHTML: { __html: c } })
-      ]
-    }
-  );
-};
-d(Oe, {
-  type: "FormButton",
-  label: "Submit Button",
-  category: "core",
-  icon: R,
-  group: "form",
-  hidden: !0,
-  props: {
-    label: h({ title: "Label", default: "Submit" }),
-    styles: i({
-      default: "text-white bg-primary disabled:bg-gray-400 px-4 py-2 rounded-global flex items-center gap-x-2"
-    }),
-    icon: C({ title: "Icon", default: "" }),
-    iconPos: w({
-      title: "Icon Position",
-      default: "order-last",
-      options: [
-        { title: "Start", value: "order-first" },
-        { title: "End", value: "order-last" }
-      ]
-    })
-  }
-});
-const Ve = (e) => {
-  const { blockProps: t, fieldName: l, label: o, styles: r, inputStyles: a, required: n, checked: c, showLabel: p = !0 } = e, m = g();
-  return p ? /* @__PURE__ */ s.jsxs("div", { ...r, ...t, children: [
-    /* @__PURE__ */ s.jsx(
-      "input",
-      {
-        ...a,
-        name: l,
-        id: m,
-        type: "checkbox",
-        required: n,
-        defaultChecked: c
-      }
-    ),
-    o && o !== "Label" && /* @__PURE__ */ s.jsx("label", { htmlFor: m, children: o })
-  ] }) : /* @__PURE__ */ s.jsx(
-    "input",
-    {
-      id: m,
-      ...t,
-      ...a,
-      ...r,
-      type: "checkbox",
-      required: n,
-      name: l
-    }
-  );
-};
-d(Ve, {
-  type: "Checkbox",
-  label: "Checkbox",
-  category: "core",
-  icon: ue,
-  group: "form",
-  hidden: !0,
-  props: {
-    fieldName: h({ title: "Field Name", default: "checkbox" }),
-    styles: i({ default: "flex items-center gap-x-2" }),
-    label: h({ title: "Label", default: "Label" }),
-    checked: b({ title: "Checked", default: !1 }),
-    required: b({ title: "Required", default: !1 })
-  }
-});
-const Ue = (e) => {
-  const {
-    blockProps: t,
-    label: l,
-    placeholder: o,
-    styles: r,
-    inputStyles: a,
-    showLabel: n,
-    required: c,
-    inputType: p = "text",
-    inBuilder: m,
-    fieldName: f
-  } = e, y = g();
-  return !n || p === "submit" ? (p === "submit" && (t.value = l), /* @__PURE__ */ s.jsx(
-    "input",
-    {
-      id: y,
-      name: f,
-      readOnly: m,
-      ...t,
-      ...a,
-      ...r,
-      type: p,
-      placeholder: o,
-      required: c
-    }
-  )) : /* @__PURE__ */ s.jsxs("div", { ...r, ...t, children: [
-    n && /* @__PURE__ */ s.jsx("label", { htmlFor: y, children: l }),
-    /* @__PURE__ */ s.jsx(
-      "input",
-      {
-        name: f,
-        readOnly: m,
-        ...a,
-        id: y,
-        type: p,
-        placeholder: o,
-        required: c
-      }
-    )
-  ] });
-};
-d(Ue, {
-  type: "Input",
-  label: "Input",
-  category: "core",
-  icon: $,
-  group: "form",
-  hidden: !0,
-  props: {
-    styles: i({ default: "" }),
-    fieldName: h({ title: "Field Name", default: "input" }),
-    inputType: w({
-      title: "Type",
-      options: E(
-        ["text", "email", "password", "number", "tel", "file", "hidden", "range", "submit", "color", "date", "time"],
-        (e) => ({
-          value: e,
-          title: e
-        })
-      ),
-      default: "text"
-    }),
-    value: h({ title: "Value", default: "" }),
-    showLabel: b({ title: "Show label", default: !0 }),
-    inputStyles: i({ default: "w-full p-1" }),
-    label: h({ title: "Label", default: "Label" }),
-    placeholder: h({
-      title: "Placeholder",
-      default: "Placeholder"
-    }),
-    required: b({ title: "Required", default: !1 })
-  }
-});
-const Ye = (e) => {
-  const { blockProps: t, fieldName: l, label: o, styles: r, inputStyles: a, checked: n, required: c, showLabel: p = !0 } = e, m = g();
-  return p ? /* @__PURE__ */ s.jsxs("div", { ...r, ...t, children: [
-    /* @__PURE__ */ s.jsx("input", { ...a, name: l, id: m, type: "radio", required: c, defaultChecked: n }),
-    o && /* @__PURE__ */ s.jsx("label", { htmlFor: m, children: o })
-  ] }) : /* @__PURE__ */ s.jsx(
-    "input",
-    {
-      id: m,
-      ...t,
-      ...a,
-      ...r,
-      type: "radio",
-      required: c,
-      checked: n,
-      name: l
-    }
-  );
-};
-d(Ye, {
-  type: "Radio",
-  label: "Radio",
-  category: "core",
-  icon: pe,
-  group: "form",
-  hidden: !0,
-  props: {
-    styles: i({ default: "flex items-center w-max gap-x-2" }),
-    fieldName: h({ title: "Field Name", default: "radio" }),
-    label: h({ title: "Label", default: "Label" }),
-    checked: b({ title: "Checked", default: !1 }),
-    required: b({ title: "Required", default: !1 })
-  }
-});
-const Ge = (e) => {
-  const {
-    blockProps: t,
-    fieldName: l,
-    label: o,
-    placeholder: r,
-    styles: a,
-    inputStyles: n,
-    required: c,
-    showLabel: p,
-    _multiple: m = !1
-  } = e, f = g();
-  return p ? /* @__PURE__ */ s.jsxs("div", { ...a, children: [
-    p && /* @__PURE__ */ s.jsx("label", { htmlFor: f, children: o }),
-    /* @__PURE__ */ s.jsxs(
-      "select",
-      {
-        ...n,
-        id: f,
-        placeholder: r,
-        required: c,
-        multiple: m,
-        name: l,
-        children: [
-          /* @__PURE__ */ s.jsx("option", { value: "", disabled: !0, selected: !0, hidden: !0, children: r }),
-          E(e.options, (y) => /* @__PURE__ */ s.jsx(
-            "option",
-            {
-              selected: v(y, "selected", !1),
-              value: y.value,
-              dangerouslySetInnerHTML: { __html: y.label }
-            },
-            y.value
-          ))
-        ]
-      }
-    )
-  ] }) : /* @__PURE__ */ s.jsxs(
-    "select",
-    {
-      id: f,
-      ...a,
-      ...t,
-      placeholder: r,
-      required: c,
-      multiple: m,
-      name: l,
-      children: [
-        /* @__PURE__ */ s.jsx("option", { value: "", disabled: !0, selected: !0, hidden: !0, children: r }),
-        E(e.options, (y) => /* @__PURE__ */ s.jsx(
-          "option",
-          {
-            selected: v(y, "selected", !1),
-            value: y.value,
-            dangerouslySetInnerHTML: { __html: y.label }
-          },
-          y.value
-        ))
-      ]
-    }
-  );
-};
-d(Ge, {
-  type: "Select",
-  label: "Select",
-  category: "core",
-  icon: me,
-  group: "form",
-  hidden: !0,
-  props: {
-    styles: i({ default: "" }),
-    fieldName: h({ title: "Field Name", default: "select" }),
-    showLabel: b({ title: "Show label", default: !0 }),
-    inputStyles: i({ default: "w-full p-1" }),
-    label: h({ title: "Label", default: "Label" }),
-    placeholder: h({
-      title: "Placeholder",
-      default: "Placeholder"
-    }),
-    required: b({ title: "Required", default: !1 }),
-    _multiple: b({ title: "Multiple Choice", default: !1 }),
-    options: Y({
-      title: "Options",
-      itemProperties: {
-        label: h({ title: "Label", default: "" }),
-        value: h({ title: "Value", default: "" })
-      }
-    })
-  }
-});
-const We = (e) => {
-  const { blockProps: t, fieldName: l, label: o, placeholder: r, styles: a, inputStyles: n, _rows: c, showLabel: p } = e, m = g();
-  return p ? /* @__PURE__ */ s.jsxs("div", { ...a, ...t, children: [
-    p && /* @__PURE__ */ s.jsx("label", { htmlFor: m, children: o }),
-    /* @__PURE__ */ s.jsx("textarea", { name: l, ...n, id: m, placeholder: r, rows: c })
-  ] }) : /* @__PURE__ */ s.jsx(
-    "textarea",
-    {
-      id: m,
-      name: l,
-      ...t,
-      ...n,
-      ...a,
-      placeholder: r,
-      rows: c
-    }
-  );
-};
-d(We, {
-  type: "TextArea",
-  label: "TextArea",
-  category: "core",
-  icon: $,
-  group: "form",
-  hidden: !0,
-  props: {
-    fieldName: h({ title: "Field Name", default: "textarea" }),
-    showLabel: b({ title: "Show label", default: !0 }),
-    styles: i({ default: "" }),
-    inputStyles: i({ default: "w-full p-1" }),
-    label: h({ title: "Label", default: "Label" }),
-    placeholder: h({
-      title: "Placeholder",
-      default: "Placeholder"
-    }),
-    _rows: T({ title: "Rows", default: 3 })
-  }
-});
-const st = O;
+import { noop as o } from "lodash-es";
+const r = o;
 export {
-  st as loadWebBlocks
+  r as loadWebBlocks
 };