@chaibuilder/sdk 1.2.55 → 1.2.57

package/dist/web-blocks.js

@@ -1,16 +1,16 @@
-import { isNull as F, isEmpty as B, get as w, pick as $, omit as V, map as T, noop as O } from "lodash-es";
+import { isNull as F, isEmpty as y, get as w, pick as $, omit as V, map as _, noop as O } from "lodash-es";
 import { j as i } from "./jsx-runtime-WbnYoNE9.js";
 import * as n from "react";
-import { o, f as b, v as j, r as k, b as I, g as z, T as C, y as D, q as U, c as p, h as W, u as N, S as J } from "./controls-yjgoZzB6.js";
+import { o, f as b, v as T, r as k, b as I, g as z, T as j, y as D, q as U, c as p, h as W, u as N, S as J } from "./controls-yjgoZzB6.js";
 import { registerChaiBlock as d } from "@chaibuilder/runtime";
 import { E as f } from "./empty-slot-Lsxjts7Q.js";
-import { HeadingIcon as Y, TextIcon as K, CursorTextIcon as X, ButtonIcon as H, Link1Icon as Z, ImageIcon as R, RowsIcon as Q, ColumnsIcon as c0, SketchLogoIcon as t0, VideoIcon as l0, CodeIcon as e0, DividerHorizontalIcon as s0, SpaceBetweenVerticallyIcon as A, TableIcon as a0, BorderTopIcon as i0, BorderAllIcon as r0, ViewHorizontalIcon as h0, DragHandleHorizontalIcon as n0, GroupIcon as o0, LetterCaseToggleIcon as d0, CheckboxIcon as v0, InputIcon as G, RadiobuttonIcon as M0, DropdownMenuIcon as z0 } from "@radix-ui/react-icons";
+import { HeadingIcon as Y, TextIcon as Z, CursorTextIcon as K, ButtonIcon as H, Link1Icon as X, ImageIcon as R, RowsIcon as Q, ColumnsIcon as c0, SketchLogoIcon as t0, VideoIcon as l0, CodeIcon as e0, DividerHorizontalIcon as s0, SpaceBetweenVerticallyIcon as A, MoonIcon as a0, TableIcon as i0, BorderTopIcon as r0, BorderAllIcon as h0, ViewHorizontalIcon as n0, DragHandleHorizontalIcon as o0, GroupIcon as d0, LetterCaseToggleIcon as v0, CheckboxIcon as M0, InputIcon as G, RadiobuttonIcon as z0, DropdownMenuIcon as u0 } from "@radix-ui/react-icons";
 import { c as S, g as m } from "./Functions-7jnEwJyw.js";
-import { G as u0 } from "./index-VBXQixVm.js";
+import { G as g0 } from "./index-VBXQixVm.js";
 import "./_commonjsHelpers-UyOWmZb0.js";
 import "clsx";
 import "tailwind-merge";
-const g0 = n.memo(
+const p0 = n.memo(
   (c) => {
     const { blockProps: l, inBuilder: t, backgroundImage: e, children: s, tag: a = "div", styles: r } = c;
     let h = s;
@@ -19,7 +19,7 @@ const g0 = n.memo(
     return e && (v = { backgroundImage: `url(${e})` }), n.createElement(a, { ...l, ...r, style: v }, h);
   }
 );
-d(g0, {
+d(p0, {
   type: "Box",
   label: "Box",
   category: "core",
@@ -49,17 +49,17 @@ d(g0, {
         { value: "mark", title: "mark" }
       ]
     }),
-    backgroundImage: j({ title: "Background Image" })
+    backgroundImage: T({ title: "Background Image" })
   },
   canAcceptBlock: () => !0
 });
-const p0 = n.memo(
+const f0 = n.memo(
   (c) => {
     const { blockProps: l, styles: t } = c;
     return n.createElement("div", { ...l, ...t });
   }
 );
-d(p0, {
+d(f0, {
   type: "EmptyBox",
   label: "Empty Box",
   category: "core",
@@ -69,7 +69,7 @@ d(p0, {
   },
   canAcceptBlock: () => !1
 });
-const f0 = (c) => {
+const m0 = (c) => {
   const { blockProps: l, styles: t, content: e, level: s = "h1", children: a = null } = c;
   return a ? n.createElement(s, { ...t, ...l }, a) : n.createElement(s, {
     ...t,
@@ -79,7 +79,7 @@ const f0 = (c) => {
     dangerouslySetInnerHTML: { __html: e }
   });
 };
-d(f0, {
+d(m0, {
   type: "Heading",
   label: "Heading",
   category: "core",
@@ -104,7 +104,7 @@ d(f0, {
   },
   canAcceptBlock: (c) => c === "Span" || c === "Text"
 });
-const m0 = (c) => {
+const x0 = (c) => {
   const { blockProps: l, styles: t, content: e } = c;
   return F(c.children) ? n.createElement("p", {
     ...t,
@@ -114,11 +114,11 @@ const m0 = (c) => {
     dangerouslySetInnerHTML: { __html: e }
   }) : n.createElement("p", { ...t, ...l }, c.children);
 };
-d(m0, {
+d(x0, {
   type: "Paragraph",
   label: "Paragraph",
   category: "core",
-  icon: K,
+  icon: Z,
   group: "typography",
   props: {
     styles: o({ default: "" }),
@@ -129,7 +129,7 @@ d(m0, {
   },
   canAcceptBlock: (c) => c === "Span" || c === "Link"
 });
-const x0 = (c) => {
+const y0 = (c) => {
   const { blockProps: l, styles: t, content: e, children: s = null, tag: a } = c;
   return s ? n.createElement("span", { ...t, ...l }, s) : n.createElement(a || "span", {
     ...t,
@@ -138,7 +138,7 @@ const x0 = (c) => {
     dangerouslySetInnerHTML: { __html: e }
   });
 };
-d(x0, {
+d(y0, {
   type: "Span",
   label: "Span",
   category: "core",
@@ -166,7 +166,7 @@ d(B0, {
   type: "RichText",
   label: "Rich Text",
   category: "core",
-  icon: X,
+  icon: K,
   group: "typography",
   props: {
     styles: o({ default: "" }),
@@ -176,7 +176,7 @@ d(B0, {
     })
   }
 });
-const y0 = (c) => {
+const w0 = (c) => {
   const { blockProps: l, iconSize: t, icon: e, content: s, iconPos: a, styles: r, children: h } = c, v = e, M = h || /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
     /* @__PURE__ */ i.jsx("span", { "data-ai-key": "content", children: s }),
     v && /* @__PURE__ */ i.jsx(
@@ -198,7 +198,7 @@ const y0 = (c) => {
     M
   );
 };
-d(y0, {
+d(w0, {
   type: "Button",
   label: "Button",
   category: "core",
@@ -207,7 +207,7 @@ d(y0, {
   props: {
     content: z({ title: "Label", default: "Button" }),
     styles: o({ default: "text-white bg-primary px-4 py-2 rounded-global flex items-center" }),
-    icon: C({ title: "Icon", default: "" }),
+    icon: j({ title: "Icon", default: "" }),
     iconSize: D({ title: "Icon Size", default: 24 }),
     iconPos: b({
       title: "Icon Position",
@@ -219,9 +219,9 @@ d(y0, {
     })
   }
 });
-const w0 = (c) => {
+const b0 = (c) => {
   const { blockProps: l, link: t, children: e, styles: s, inBuilder: a, content: r } = c;
-  return !e && B(s == null ? void 0 : s.className) && B(r) ? /* @__PURE__ */ i.jsx(f, { inBuilder: a }) : a ? e ? /* @__PURE__ */ i.jsx("span", { ...l, ...s, children: e }) : n.createElement("span", {
+  return !e && y(s == null ? void 0 : s.className) && y(r) ? /* @__PURE__ */ i.jsx(f, { inBuilder: a }) : a ? e ? /* @__PURE__ */ i.jsx("span", { ...l, ...s, children: e }) : n.createElement("span", {
     ...l,
     ...s,
     dangerouslySetInnerHTML: { __html: r }
@@ -234,11 +234,11 @@ const w0 = (c) => {
     dangerouslySetInnerHTML: { __html: r }
   });
 };
-d(w0, {
+d(b0, {
   type: "Link",
   label: "Link",
   category: "core",
-  icon: Z,
+  icon: X,
   group: "basic",
   props: {
     styles: o({ default: "" }),
@@ -253,9 +253,9 @@ d(w0, {
 const q = (c, ...l) => ({
   ...c,
   className: S(c.className, ...l)
-}), b0 = (c) => {
+}), D0 = (c) => {
   const { blockProps: l, children: t, styles: e, inBuilder: s, content: a, href: r } = c, { hrefType: h, autoplay: v, maxWidth: M, backdropColor: g, galleryName: u } = c, x = q(e, "cb-lightbox");
-  if (!t && B(e == null ? void 0 : e.className) && B(a))
+  if (!t && y(e == null ? void 0 : e.className) && y(a))
     return /* @__PURE__ */ i.jsx(f, { inBuilder: s });
   if (s)
     return t ? /* @__PURE__ */ i.jsx("span", { ...l, ...x, children: t }) : n.createElement("span", {
@@ -263,16 +263,16 @@ const q = (c, ...l) => ({
       ...x,
       dangerouslySetInnerHTML: { __html: a }
     });
-  const y = {};
-  return y["data-vbtype"] = h, v && (y["data-autoplay"] = "true"), M && (y["data-maxwidth"] = M + "px"), g && (y["data-overlay"] = g), u && (y["data-gall"] = u), t ? /* @__PURE__ */ i.jsx("a", { ...y, href: r || "#/", ...l, ...x, children: t }) : n.createElement("a", {
+  const B = {};
+  return B["data-vbtype"] = h, v && (B["data-autoplay"] = "true"), M && (B["data-maxwidth"] = M + "px"), g && (B["data-overlay"] = g), u && (B["data-gall"] = u), t ? /* @__PURE__ */ i.jsx("a", { ...B, href: r || "#/", ...l, ...x, children: t }) : n.createElement("a", {
     ...l,
     ...x,
-    ...y,
+    ...B,
     href: r || "#",
     dangerouslySetInnerHTML: { __html: a }
   });
 };
-d(b0, {
+d(D0, {
   type: "LightBoxLink",
   label: "LightBox Link",
   category: "core",
@@ -293,21 +293,21 @@ d(b0, {
       ]
     }),
     autoplay: p({ title: "Autoplay video", default: !1 }),
-    maxWidth: D({ title: "Max Width", default: 800 }),
-    backdropColor: z({ title: "Backdrop Color", default: "rgba(95,164,255,0.8)" }),
-    galleryName: D({ title: "Max Width", default: 800 })
+    maxWidth: D({ title: "Max Width", default: "" }),
+    backdropColor: z({ title: "Backdrop Color", default: "" }),
+    galleryName: z({ title: "Gallery name", default: "" })
   },
-  canAcceptBlock: (c) => c !== "Link"
+  canAcceptBlock: (c) => c !== "Link" && c !== "LightBoxLink"
 });
-const D0 = (c) => {
+const k0 = (c) => {
   const { blockProps: l, children: t, listType: e, styles: s, tag: a, inBuilder: r } = c, h = S(w(s, "className", ""), e);
-  return !t && B(s == null ? void 0 : s.className) ? /* @__PURE__ */ i.jsx(f, { inBuilder: r }) : n.createElement(
+  return !t && y(s == null ? void 0 : s.className) ? /* @__PURE__ */ i.jsx(f, { inBuilder: r }) : n.createElement(
     a || (e === "list-decimal" ? "ol" : "ul"),
     { ...l, ...s, className: h },
     t
   );
 };
-d(D0, {
+d(k0, {
   type: "List",
   label: "List",
   icon: Q,
@@ -351,7 +351,7 @@ d(D0, {
     }
   ]
 });
-const k0 = (c) => {
+const I0 = (c) => {
   const { blockProps: l, content: t, styles: e, children: s, tag: a } = c;
   return s ? n.createElement(a || "li", { ...e, ...l }, s) : n.createElement(a || "li", {
     ...e,
@@ -360,7 +360,7 @@ const k0 = (c) => {
     dangerouslySetInnerHTML: { __html: t }
   });
 };
-d(k0, {
+d(I0, {
   type: "ListItem",
   label: "List Item",
   icon: c0,
@@ -373,9 +373,9 @@ d(k0, {
   canAcceptBlock: (c) => c !== "ListItem",
   canBeNested: (c) => c === "List"
 });
-const I0 = (c) => {
+const S0 = (c) => {
   const { blockProps: l, icon: t, styles: e, width: s, inBuilder: a, height: r } = c, h = q(e, S(s ? `w-[${s}px]` : "", r ? `h-[${r}px]` : ""));
-  if (B(t))
+  if (y(t))
     return /* @__PURE__ */ i.jsx(f, { inBuilder: a, className: "h-8 w-14" });
   const v = t.replace(/<svg /g, '<svg class="w-[inherit] h-[inherit]" ');
   return n.createElement("span", {
@@ -384,7 +384,7 @@ const I0 = (c) => {
     dangerouslySetInnerHTML: { __html: v }
   });
 };
-d(I0, {
+d(S0, {
   type: "Icon",
   label: "Icon",
   category: "core",
@@ -392,7 +392,7 @@ d(I0, {
   group: "media",
   props: {
     styles: o({ default: "text-black" }),
-    icon: C({
+    icon: j({
       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>'
     }),
@@ -400,9 +400,9 @@ d(I0, {
     height: D({ title: "Height", default: "" })
   }
 });
-const S0 = (c) => {
+const L0 = (c) => {
   const { blockProps: l, image: t, styles: e, alt: s, height: a, width: r } = c;
-  return B(t) ? /* @__PURE__ */ i.jsx(f, { className: "h-36" }) : n.createElement("img", {
+  return y(t) ? /* @__PURE__ */ i.jsx(f, { className: "h-36" }) : n.createElement("img", {
     ...l,
     ...e,
     src: t,
@@ -412,7 +412,7 @@ const S0 = (c) => {
     width: r
   });
 };
-d(S0, {
+d(L0, {
   type: "Image",
   label: "Image",
   category: "core",
@@ -420,7 +420,7 @@ d(S0, {
   group: "media",
   props: {
     styles: o({ default: "" }),
-    image: j({
+    image: T({
       title: "Image",
       default: "https://fakeimg.pl/400x200?text=Choose&font=bebas"
     }),
@@ -429,7 +429,7 @@ d(S0, {
     height: z({ title: "Height", default: "" })
   }
 });
-const L0 = (c) => {
+const _0 = (c) => {
   var r;
   const { blockProps: l, inBuilder: t, styles: e, children: s } = c;
   let a = null;
@@ -439,7 +439,7 @@ const L0 = (c) => {
     c.name
   ] }) }) })), n.createElement("div", { ...e, ...l, droppable: "yes" }, s || a);
 };
-d(L0, {
+d(_0, {
   type: "Slot",
   label: "Slot",
   group: "basic",
@@ -451,9 +451,9 @@ d(L0, {
   },
   canAcceptBlock: () => !0
 });
-const _ = /^(https?:\/\/)?(www\.)?youtube\.com\/(watch\?v=|embed\/)([a-zA-Z0-9_-]{11})/, P = /^(https?:\/\/)?(www\.)?player.vimeo\.com/, E = /^(https?:\/\/)?(www\.)?dailymotion\.com\/(video|embed\/video)\/([a-zA-Z0-9_-]+)/, T0 = (c) => {
-  if (_.test(c)) {
-    const l = c.match(_);
+const C = /^(https?:\/\/)?(www\.)?youtube\.com\/(watch\?v=|embed\/)([a-zA-Z0-9_-]{11})/, P = /^(https?:\/\/)?(www\.)?player.vimeo\.com/, E = /^(https?:\/\/)?(www\.)?dailymotion\.com\/(video|embed\/video)\/([a-zA-Z0-9_-]+)/, T0 = (c) => {
+  if (C.test(c)) {
+    const l = c.match(C);
     return l ? `https://www.youtube.com/embed/${l[4]}` : c;
   }
   if (P.test(c)) {
@@ -468,11 +468,11 @@ const _ = /^(https?:\/\/)?(www\.)?youtube\.com\/(watch\?v=|embed\/)([a-zA-Z0-9_-
 }, j0 = n.memo(
   (c) => {
     const { blockProps: l, inBuilder: t, styles: e, url: s, controls: a } = c, r = w(a, "autoPlay", !1), h = w(a, "controls", !1), v = r || w(a, "muted", !0), M = w(a, "loop", !1);
-    if (B(s))
+    if (y(s))
       return /* @__PURE__ */ i.jsx(f, { inBuilder: t, className: "h-36" });
     let g = T0(s), u = null;
     if (g) {
-      if (!B(g)) {
+      if (!y(g)) {
         const x = [];
         x.push(`autoplay=${r ? 1 : 0}`), x.push(`controls=${a ? 1 : 0}`), x.push(`mute=${v ? 1 : 0}&muted=${v ? 1 : 0}`), x.push(`loop=${M ? 1 : 0}`), g = `${g}?${x.join("&")}`;
       }
@@ -553,18 +553,18 @@ d(C0, {
   },
   canAcceptBlock: () => !1
 });
-function _0(c) {
-  return u0({ tag: "svg", attr: { version: "1.1", viewBox: "0 0 32 32" }, child: [{ tag: "path", attr: { d: "M4.698 3.419l2.057 23.073 9.231 2.563 9.256-2.566 2.059-23.069h-22.604zM13.226 9.394l-0.409 4.441 9.671 0.001-0.069 0.76-0.665 7.45-0.042 0.478-5.804 1.609-5.796-1.609-0.396-4.443h2.84l0.202 2.257 3.154 0.85 3.156-0.852 0.328-3.67-9.671-0.001 0.069-0.76 0.665-7.45 0.209-2.086h11.287l0.131 1.598 0.403 4.453h-2.841l-0.262-2.922-2.889-0.174h-0.515v-0.004l-2.755 0.074z" }, child: [] }] })(c);
+function P0(c) {
+  return g0({ tag: "svg", attr: { version: "1.1", viewBox: "0 0 32 32" }, child: [{ tag: "path", attr: { d: "M4.698 3.419l2.057 23.073 9.231 2.563 9.256-2.566 2.059-23.069h-22.604zM13.226 9.394l-0.409 4.441 9.671 0.001-0.069 0.76-0.665 7.45-0.042 0.478-5.804 1.609-5.796-1.609-0.396-4.443h2.84l0.202 2.257 3.154 0.85 3.156-0.852 0.328-3.67-9.671-0.001 0.069-0.76 0.665-7.45 0.209-2.086h11.287l0.131 1.598 0.403 4.453h-2.841l-0.262-2.922-2.889-0.174h-0.515v-0.004l-2.755 0.074z" }, child: [] }] })(c);
 }
-const P0 = (c) => {
+const E0 = (c) => {
   const { scripts: l, inBuilder: t, blockProps: e } = c;
   return t ? /* @__PURE__ */ i.jsx("div", { ...e }) : /* @__PURE__ */ i.jsx("div", { dangerouslySetInnerHTML: { __html: l } });
 };
-d(P0, {
+d(E0, {
   type: "CustomScript",
   label: "Custom Script",
   category: "core",
-  icon: _0,
+  icon: P0,
   group: "advanced",
   props: {
     scripts: N({
@@ -575,11 +575,11 @@ d(P0, {
   },
   canAcceptBlock: () => !1
 });
-const E0 = (c) => {
+const N0 = (c) => {
   const { blockProps: l, styles: t } = c;
   return n.createElement("hr", { ...t, ...l });
 };
-d(E0, {
+d(N0, {
   type: "Divider",
   label: "Divider",
   category: "core",
@@ -589,8 +589,8 @@ d(E0, {
     styles: o({ default: "bg-gray-900 h-0.5 py-2 my-1" })
   }
 });
-const N0 = (c) => c.inBuilder || c.forceWrapper ? /* @__PURE__ */ i.jsx("span", { "data-ai-key": "content", ...c.blockProps, children: c.content }) : `${c.content}`;
-d(N0, {
+const H0 = (c) => c.inBuilder || c.forceWrapper ? /* @__PURE__ */ i.jsx("span", { "data-ai-key": "content", ...c.blockProps, children: c.content }) : `${c.content}`;
+d(H0, {
   type: "Text",
   label: "Text",
   hidden: !0,
@@ -601,12 +601,69 @@ d(N0, {
     content: k({ title: "Content", defaultValue: "" })
   }
 });
-const H0 = (c) => {
+const R0 = () => null;
+d(R0, {
+  type: "Dark Mode",
+  label: "Dark Mode",
+  category: "core",
+  icon: a0,
+  group: "advanced",
+  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 A0 = (c) => {
   const { blockProps: l, backgroundImage: t, children: e, styles: s } = c;
   let a = {};
   return t && (a = { backgroundImage: `url(${t})` }), n.createElement("div", { ...l, ...s, style: a }, e);
 };
-d(H0, {
+d(A0, {
   type: "Body",
   label: "Body",
   category: "core",
@@ -614,18 +671,18 @@ d(H0, {
   hidden: !0,
   props: {
     styles: o({ default: "font-body antialiased" }),
-    backgroundImage: j({ title: "Background Image" })
+    backgroundImage: T({ title: "Background Image" })
   },
   canAcceptBlock: () => !0,
   canDelete: () => !1,
   canMove: () => !1,
   canDuplicate: () => !1
 });
-const R0 = (c) => {
+const G0 = (c) => {
   const { blockProps: l, styles: t } = c;
   return n.createElement("br", { ...l, ...t });
 };
-d(R0, {
+d(G0, {
   type: "LineBreak",
   label: "Line Break",
   category: "core",
@@ -678,91 +735,91 @@ const L = (c) => {
     ];
   }
   return c === "TableRow" ? t() : c === "TableHead" ? e() : c === "TableBody" ? s() : [];
-}, A0 = (c) => {
+}, q0 = (c) => {
   const { blockProps: l, children: t, styles: e } = c;
   return t ? n.createElement("table", { ...l, ...e }, t) : /* @__PURE__ */ i.jsx(f, {});
 };
-d(A0, {
+d(q0, {
   type: "Table",
   label: "Table",
   category: "core",
   group: "table",
   hidden: !0,
-  icon: a0,
+  icon: i0,
   props: {
     styles: o({ default: "" })
   },
   blocks: L("Table")
 });
-const G0 = (c) => {
+const F0 = (c) => {
   const { blockProps: l, children: t, styles: e } = c;
   return t ? n.createElement("thead", { ...l, ...e }, t) : /* @__PURE__ */ i.jsx(f, {});
 };
-d(G0, {
+d(F0, {
   type: "TableHead",
   label: "Table Head",
   category: "core",
   group: "table",
   hidden: !0,
-  icon: i0,
+  icon: r0,
   props: {
     styles: o({ default: "" })
   },
   blocks: L("TableHead")
 });
-const q0 = (c) => {
+const $0 = (c) => {
   const { blockProps: l, children: t, styles: e } = c;
   return t ? n.createElement("tbody", { ...l, ...e }, t) : /* @__PURE__ */ i.jsx(f, {});
 };
-d(q0, {
+d($0, {
   type: "TableBody",
   label: "Table Body",
   category: "core",
   group: "table",
   hidden: !0,
-  icon: r0,
+  icon: h0,
   props: {
     styles: o({ default: "" })
   },
   blocks: L("TableBody")
 });
-const F0 = (c) => {
+const V0 = (c) => {
   const { blockProps: l, children: t, styles: e } = c;
   return t ? n.createElement("tr", { ...l, ...e }, t) : /* @__PURE__ */ i.jsx(f, {});
 };
-d(F0, {
+d(V0, {
   type: "TableRow",
   label: "Table Row",
   category: "core",
   group: "table",
   hidden: !0,
-  icon: h0,
+  icon: n0,
   props: {
     styles: o({ default: "w-full" })
   },
   blocks: L("TableRow")
 });
-const $0 = (c) => {
+const O0 = (c) => {
   const { blockProps: l, children: t, content: e, styles: s } = c;
-  return !t && B(e) ? /* @__PURE__ */ i.jsx(f, {}) : t ? n.createElement("td", { ...l, ...s }, t) : n.createElement("td", {
+  return !t && y(e) ? /* @__PURE__ */ i.jsx(f, {}) : t ? n.createElement("td", { ...l, ...s }, t) : n.createElement("td", {
     ...l,
     ...s,
     dangerouslySetInnerHTML: { __html: e }
   });
 };
-d($0, {
+d(O0, {
   type: "TableCell",
   label: "Table Cell",
   category: "core",
   group: "table",
   hidden: !0,
-  icon: n0,
+  icon: o0,
   props: {
     styles: o({ default: "" }),
     content: I({ title: "Content", default: "Table cell item", ai: { html: !0 } })
   }
 });
-const V0 = (c) => {
+const U0 = (c) => {
   const { blockProps: l, errorMessage: t, name: e, _type: s, successMessage: a, action: r, styles: h, children: v } = c;
   let M = v;
   v || (M = /* @__PURE__ */ i.jsx(f, {}));
@@ -791,11 +848,11 @@ const V0 = (c) => {
     }
   );
 };
-d(V0, {
+d(U0, {
   type: "Form",
   label: "Form",
   category: "core",
-  icon: o0,
+  icon: d0,
   group: "form",
   hidden: !0,
   props: {
@@ -815,18 +872,18 @@ d(V0, {
   },
   canAcceptBlock: () => !0
 });
-const O0 = (c) => {
+const W0 = (c) => {
   const { blockProps: l, content: t, styles: e, children: s } = c, a = { ...e, ...l };
   return s ? n.createElement("label", a, s) : n.createElement("label", {
     ...a,
     dangerouslySetInnerHTML: { __html: t }
   });
 };
-d(O0, {
+d(W0, {
   type: "Label",
   label: "Label",
   category: "core",
-  icon: d0,
+  icon: v0,
   group: "form",
   hidden: !0,
   props: {
@@ -834,7 +891,7 @@ d(O0, {
     content: z({ title: "Content", default: "Label", ai: { html: !1 } })
   }
 });
-const U0 = (c) => {
+const J0 = (c) => {
   const { blockProps: l, inBuilder: t, label: e, styles: s, inputStyles: a, icon: r, iconPos: h } = c, v = m(), M = {
     "x-bind:disabled": "formLoading"
   };
@@ -854,7 +911,7 @@ const U0 = (c) => {
     }
   );
 };
-d(U0, {
+d(J0, {
   type: "FormButton",
   label: "Submit Button",
   category: "core",
@@ -866,7 +923,7 @@ d(U0, {
     styles: o({
       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: "" }),
+    icon: j({ title: "Icon", default: "" }),
     iconPos: b({
       title: "Icon Position",
       default: "order-last",
@@ -877,7 +934,7 @@ d(U0, {
     })
   }
 });
-const W0 = (c) => {
+const Y0 = (c) => {
   const { blockProps: l, fieldName: t, label: e, styles: s, inputStyles: a, required: r, checked: h, showLabel: v = !0 } = c, M = m();
   return v ? /* @__PURE__ */ i.jsxs("div", { ...s, ...l, children: [
     /* @__PURE__ */ i.jsx(
@@ -905,11 +962,11 @@ const W0 = (c) => {
     }
   );
 };
-d(W0, {
+d(Y0, {
   type: "Checkbox",
   label: "Checkbox",
   category: "core",
-  icon: v0,
+  icon: M0,
   group: "form",
   hidden: !0,
   props: {
@@ -920,7 +977,7 @@ d(W0, {
     required: p({ title: "Required", default: !1 })
   }
 });
-const J0 = (c) => {
+const Z0 = (c) => {
   const {
     blockProps: l,
     label: t,
@@ -962,7 +1019,7 @@ const J0 = (c) => {
     )
   ] });
 };
-d(J0, {
+d(Z0, {
   type: "Input",
   label: "Input",
   category: "core",
@@ -974,7 +1031,7 @@ d(J0, {
     fieldName: z({ title: "Field Name", default: "input" }),
     inputType: b({
       title: "Type",
-      options: T(
+      options: _(
         ["text", "email", "password", "number", "tel", "file", "hidden", "range", "submit", "color", "date", "time"],
         (c) => ({
           value: c,
@@ -994,7 +1051,7 @@ d(J0, {
     required: p({ title: "Required", default: !1 })
   }
 });
-const Y0 = (c) => {
+const K0 = (c) => {
   const { blockProps: l, fieldName: t, label: e, styles: s, inputStyles: a, checked: r, required: h, showLabel: v = !0 } = c, M = m();
   return v ? /* @__PURE__ */ i.jsxs("div", { ...s, ...l, children: [
     /* @__PURE__ */ i.jsx("input", { ...a, name: t, id: M, type: "radio", required: h, defaultChecked: r }),
@@ -1013,11 +1070,11 @@ const Y0 = (c) => {
     }
   );
 };
-d(Y0, {
+d(K0, {
   type: "Radio",
   label: "Radio",
   category: "core",
-  icon: M0,
+  icon: z0,
   group: "form",
   hidden: !0,
   props: {
@@ -1028,7 +1085,7 @@ d(Y0, {
     required: p({ title: "Required", default: !1 })
   }
 });
-const K0 = (c) => {
+const X0 = (c) => {
   const {
     blockProps: l,
     fieldName: t,
@@ -1052,7 +1109,7 @@ const K0 = (c) => {
         name: t,
         children: [
           /* @__PURE__ */ i.jsx("option", { value: "", disabled: !0, selected: !0, hidden: !0, children: s }),
-          T(c.options, (u) => /* @__PURE__ */ i.jsx(
+          _(c.options, (u) => /* @__PURE__ */ i.jsx(
             "option",
             {
               selected: w(u, "selected", !1),
@@ -1075,7 +1132,7 @@ const K0 = (c) => {
       name: t,
       children: [
         /* @__PURE__ */ i.jsx("option", { value: "", disabled: !0, selected: !0, hidden: !0, children: s }),
-        T(c.options, (u) => /* @__PURE__ */ i.jsx(
+        _(c.options, (u) => /* @__PURE__ */ i.jsx(
           "option",
           {
             selected: w(u, "selected", !1),
@@ -1088,11 +1145,11 @@ const K0 = (c) => {
     }
   );
 };
-d(K0, {
+d(X0, {
   type: "Select",
   label: "Select",
   category: "core",
-  icon: z0,
+  icon: u0,
   group: "form",
   hidden: !0,
   props: {
@@ -1116,7 +1173,7 @@ d(K0, {
     })
   }
 });
-const X0 = (c) => {
+const Q0 = (c) => {
   const { blockProps: l, fieldName: t, label: e, placeholder: s, styles: a, inputStyles: r, _rows: h, showLabel: v } = c, M = m();
   return v ? /* @__PURE__ */ i.jsxs("div", { ...a, ...l, children: [
     v && /* @__PURE__ */ i.jsx("label", { htmlFor: M, children: e }),
@@ -1134,7 +1191,7 @@ const X0 = (c) => {
     }
   );
 };
-d(X0, {
+d(Q0, {
   type: "TextArea",
   label: "TextArea",
   category: "core",
@@ -1154,7 +1211,7 @@ d(X0, {
     _rows: D({ title: "Rows", default: 3 })
   }
 });
-const n1 = O;
+const d1 = O;
 export {
-  n1 as loadWebBlocks
+  d1 as loadWebBlocks
 };