@chaibuilder/sdk 1.2.6 → 1.2.8

package/dist/web-blocks.js

@@ -1,20 +1,19 @@
+import { omit as A, isEmpty as k, isNull as D, get as v, map as S, noop as q } from "lodash-es";
 import * as d from "react";
-import { S as c, o as E, f as v, g as I, m as w, u as f, q as H, T as P, c as R, b as D, r as h, h as q } from "./controls-XPXGHKht.js";
+import { S as c, o as j, f as I, g as L, m as w, u as f, q as M, T as E, c as H, b as $, r as h, h as O } from "./controls-XPXGHKht.js";
 import { registerChaiBlock as u } from "@chaibuilder/runtime";
 import { j as a } from "./jsx-runtime-WbnYoNE9.js";
-import { omit as $, isEmpty as k, isNull as O, get as S, map as j, noop as V } from "lodash-es";
 import { c as B, g as x } from "./Functions-7jnEwJyw.js";
-import { HeadingIcon as U, TextIcon as W, CursorTextIcon as G, ButtonIcon as F, Link1Icon as Y, RowsIcon as X, ColumnsIcon as Z, SketchLogoIcon as J, ImageIcon as K, VideoIcon as Q, CodeIcon as ee, DividerHorizontalIcon as te, SpaceBetweenVerticallyIcon as z, TableIcon as le, BorderTopIcon as oe, BorderAllIcon as re, ViewHorizontalIcon as se, DragHandleHorizontalIcon as ae, GroupIcon as ne, LetterCaseToggleIcon as ie, InputIcon as A, DropdownMenuIcon as ce, CheckboxIcon as de, RadiobuttonIcon as ue } from "@radix-ui/react-icons";
-import { get as T } from "lodash";
+import { HeadingIcon as V, TextIcon as U, CursorTextIcon as W, ButtonIcon as R, Link1Icon as G, RowsIcon as Y, ColumnsIcon as X, SketchLogoIcon as Z, ImageIcon as J, VideoIcon as K, CodeIcon as Q, DividerHorizontalIcon as ee, SpaceBetweenVerticallyIcon as F, TableIcon as te, BorderTopIcon as le, BorderAllIcon as oe, ViewHorizontalIcon as re, DragHandleHorizontalIcon as se, GroupIcon as ae, LetterCaseToggleIcon as ne, InputIcon as z, DropdownMenuIcon as ie, CheckboxIcon as ce, RadiobuttonIcon as de } from "@radix-ui/react-icons";
 import "./_commonjsHelpers-UyOWmZb0.js";
 import "clsx";
 import "tailwind-merge";
-const pe = (l) => {
+const ue = (l) => {
   const { blockProps: e, backgroundImage: t, children: o, styles: s } = l;
   let r = {};
   return t && (r = { backgroundImage: `url(${t})` }), d.createElement("div", { ...e, ...s, style: r }, o);
 };
-u(pe, {
+u(ue, {
   type: "Body",
   label: "Body",
   category: "core",
@@ -22,7 +21,7 @@ u(pe, {
   hidden: !0,
   props: {
     styles: c({ default: "font-body antialiased" }),
-    backgroundImage: E({ title: "Background Image" })
+    backgroundImage: j({ title: "Background Image" })
   }
 });
 const g = ({ blockProps: l, className: e = "", styles: t = {} }) => /* @__PURE__ */ a.jsx(
@@ -30,10 +29,10 @@ const g = ({ blockProps: l, className: e = "", styles: t = {} }) => /* @__PURE__
   {
     ...l,
     className: B("flex h-20 flex-col items-center justify-center", e),
-    ...$(t, ["className"]),
+    ...A(t, ["className"]),
     children: /* @__PURE__ */ a.jsx("div", { className: "flex h-full w-full items-center justify-center  outline-dashed outline-1 -outline-offset-1 outline-gray-400 duration-300", children: /* @__PURE__ */ a.jsx("span", { className: "opacit flex items-center gap-x-1.5 text-xs font-semibold text-gray-400" }) })
   }
-), me = d.memo(
+), pe = d.memo(
   (l) => {
     const { blockProps: e, backgroundImage: t, children: o, tag: s = "div", styles: r } = l;
     if (!o && k(r == null ? void 0 : r.className))
@@ -42,14 +41,14 @@ const g = ({ blockProps: l, className: e = "", styles: t = {} }) => /* @__PURE__
     return t && (n = { backgroundImage: `url(${t})` }), d.createElement(s, { ...e, ...r, style: n }, o);
   }
 );
-u(me, {
+u(pe, {
   type: "Box",
   label: "Box",
   category: "core",
   group: "basic",
   props: {
     styles: c({ default: "" }),
-    tag: v({
+    tag: I({
       title: "Tag",
       default: "div",
       options: [
@@ -72,10 +71,10 @@ u(me, {
         { value: "mark", title: "mark" }
       ]
     }),
-    backgroundImage: E({ title: "Background Image" })
+    backgroundImage: j({ title: "Background Image" })
   }
 });
-const fe = (l) => {
+const me = (l) => {
   const { blockProps: e, styles: t, content: o, level: s = "h1", children: r = null } = l;
   return r ? d.createElement(s, { ...t, ...e }, r) : d.createElement(s, {
     ...t,
@@ -83,14 +82,14 @@ const fe = (l) => {
     dangerouslySetInnerHTML: { __html: o }
   });
 };
-u(fe, {
+u(me, {
   type: "Heading",
   label: "Heading",
   category: "core",
-  icon: U,
+  icon: V,
   group: "basic",
   props: {
-    level: v({
+    level: I({
       title: "Level",
       default: "h1",
       binding: !1,
@@ -104,32 +103,32 @@ u(fe, {
       ]
     }),
     styles: c({ default: "text-3xl" }),
-    content: I({ title: "Content", default: "Heading goes here" })
+    content: L({ title: "Content", default: "Heading goes here" })
   }
 });
-const be = (l) => {
+const fe = (l) => {
   const { blockProps: e, styles: t, content: o } = l;
-  return O(l.children) ? d.createElement("div", {
+  return D(l.children) ? d.createElement("div", {
     ...t,
     ...e,
     dangerouslySetInnerHTML: { __html: o }
   }) : d.createElement("p", { ...t, ...e }, l.children);
 };
-u(be, {
+u(fe, {
   type: "Paragraph",
   label: "Paragraph",
   category: "core",
-  icon: W,
+  icon: U,
   group: "basic",
   props: {
     styles: c({ default: "" }),
-    content: I({
+    content: L({
       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."
     })
   }
 });
-const ye = (l) => {
+const be = (l) => {
   const { blockProps: e, styles: t, content: o, children: s = null, tag: r } = l;
   return s ? d.createElement("span", { ...t, ...e }, s) : d.createElement(r || "span", {
     ...t,
@@ -137,25 +136,25 @@ const ye = (l) => {
     dangerouslySetInnerHTML: { __html: o }
   });
 };
-u(ye, {
+u(be, {
   type: "Span",
   label: "Span",
   category: "core",
   group: "basic",
   props: {
     styles: c({ default: "" }),
-    content: I({ title: "Content", default: "Enter your content" })
+    content: L({ title: "Content", default: "Enter your content" })
   }
 });
-const he = (l) => {
+const ye = (l) => {
   const { blockProps: e, content: t, styles: o } = l;
   return /* @__PURE__ */ a.jsx("div", { className: "prose max-w-full", children: /* @__PURE__ */ a.jsx("div", { ...e, ...o, dangerouslySetInnerHTML: { __html: t } }) });
 };
-u(he, {
+u(ye, {
   type: "RichText",
   label: "Rich Text",
   category: "core",
-  icon: G,
+  icon: W,
   group: "basic",
   props: {
     styles: c({ default: "" }),
@@ -173,7 +172,7 @@ Utilize nested lists for organization.`
     })
   }
 });
-const ge = (l) => {
+const he = (l) => {
   const { blockProps: e, iconSize: t, icon: o, content: s, iconPos: r, styles: n, children: i } = l, p = o, m = i || /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
     s,
     p && /* @__PURE__ */ a.jsx(
@@ -187,19 +186,19 @@ const ge = (l) => {
   ] });
   return d.createElement("button", { ...e, ...n, type: "button" }, m);
 };
-u(ge, {
+u(he, {
   type: "Button",
   label: "Button",
   category: "core",
-  icon: F,
+  icon: R,
   group: "basic",
   props: {
     content: f({ title: "Label", default: "Button", multiLingual: !0 }),
     styles: c({ default: "text-white bg-primary px-4 py-2 rounded-global flex items-center" }),
-    link: H({ title: "Link", default: { type: "page", href: "", target: "_blank" } }),
-    icon: P({ title: "Icon", default: "" }),
-    iconSize: R({ title: "Icon Size", default: 24 }),
-    iconPos: v({
+    link: M({ title: "Link", default: { type: "page", href: "", target: "_blank" } }),
+    icon: E({ title: "Icon", default: "" }),
+    iconSize: H({ title: "Icon Size", default: 24 }),
+    iconPos: I({
       title: "Icon Position",
       default: "order-last",
       options: [
@@ -209,7 +208,7 @@ u(ge, {
     })
   }
 });
-const xe = (l) => {
+const ge = (l) => {
   const { blockProps: e, link: t, children: o, styles: s, inBuilder: r, content: n } = l;
   return !o && k(s == null ? void 0 : s.className) && k(n) ? /* @__PURE__ */ a.jsx(g, { blockProps: e }) : r ? o ? /* @__PURE__ */ a.jsx("span", { "data-simulate": "a", ...e, ...s, children: o }) : d.createElement("span", {
     ...e,
@@ -226,38 +225,38 @@ const xe = (l) => {
     dangerouslySetInnerHTML: { __html: n }
   });
 };
-u(xe, {
+u(ge, {
   type: "Link",
   label: "Link",
   category: "core",
-  icon: Y,
+  icon: G,
   group: "basic",
   props: {
     styles: c({ default: "" }),
     content: f({ title: "Content", default: "" }),
-    link: H({
+    link: M({
       title: "Link",
       default: { type: "page", target: "_self", href: "" }
     })
   }
 });
-const ke = (l) => {
-  const { blockProps: e, children: t, listType: o, styles: s, tag: r } = l, n = B(S(s, "className", ""), o);
+const xe = (l) => {
+  const { blockProps: e, children: t, listType: o, styles: s, tag: r } = l, n = B(v(s, "className", ""), o);
   return !t && k(s == null ? void 0 : s.className) ? /* @__PURE__ */ a.jsx(g, { blockProps: e, text: "LIST ITEM" }) : d.createElement(
     r || (o === "list-decimal" ? "ol" : "ul"),
     { ...e, ...s, className: n },
     t
   );
 };
-u(ke, {
+u(xe, {
   type: "List",
   label: "List",
-  icon: X,
+  icon: Y,
   category: "core",
   group: "basic",
   props: {
     styles: c({ default: "" }),
-    listType: v({
+    listType: I({
       title: "List type",
       default: "list-disc",
       options: [
@@ -292,7 +291,7 @@ u(ke, {
     }
   ]
 });
-const ve = (l) => {
+const ke = (l) => {
   const { blockProps: e, content: t, styles: o, children: s, tag: r } = l;
   return s ? d.createElement(r || "li", { ...o, ...e }, s) : d.createElement(r || "li", {
     ...o,
@@ -300,18 +299,18 @@ const ve = (l) => {
     dangerouslySetInnerHTML: { __html: t }
   });
 };
-u(ve, {
+u(ke, {
   type: "ListItem",
   label: "List Item",
-  icon: Z,
+  icon: X,
   category: "core",
   group: "basic",
   props: {
     styles: c({ default: "" }),
-    content: I({ title: "Content", default: "List item" })
+    content: L({ title: "Content", default: "List item" })
   }
 });
-const Ie = (l) => {
+const ve = (l) => {
   const { blockProps: e, icon: t, styles: o } = l, s = {
     ...o,
     className: B(o.className, "inline-block c-inline-block")
@@ -322,21 +321,21 @@ const Ie = (l) => {
     dangerouslySetInnerHTML: { __html: t }
   });
 };
-u(Ie, {
+u(ve, {
   type: "Icon",
   label: "Icon",
   category: "core",
-  icon: J,
+  icon: Z,
   group: "basic",
   props: {
     styles: c({ default: "text-black" }),
-    icon: P({
+    icon: E({
       title: "Icon",
       default: '<svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 16 16" height="1em" width="1em" 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>'
     })
   }
 });
-const Le = (l) => {
+const Ie = (l) => {
   const { blockProps: e, image: t, styles: o, alt: s, height: r = 200, width: n = 200 } = l;
   return k(t) ? /* @__PURE__ */ a.jsx(g, { blockProps: e, text: "IMAGE URL", className: "h-36" }) : d.createElement("img", {
     ...e,
@@ -347,15 +346,15 @@ const Le = (l) => {
     width: n
   });
 };
-u(Le, {
+u(Ie, {
   type: "Image",
   label: "Image",
   category: "core",
-  icon: K,
+  icon: J,
   group: "basic",
   props: {
     styles: c({ default: "" }),
-    image: E({
+    image: j({
       title: "Image",
       default: "https://fakeimg.pl/400x200?text=Choose&font=bebas"
     }),
@@ -364,7 +363,7 @@ u(Le, {
     height: f({ title: "Height", default: "" })
   }
 });
-const Te = (l) => {
+const Le = (l) => {
   var r;
   const { blockProps: e, styles: t, children: o } = l;
   let s = null;
@@ -374,7 +373,7 @@ const Te = (l) => {
     l.name
   ] }) }) })), d.createElement("div", { ...t, ...e, droppable: "yes" }, o || s);
 };
-u(Te, {
+u(Le, {
   type: "Slot",
   label: "Slot",
   group: "basic",
@@ -385,30 +384,30 @@ u(Te, {
     emptyStyles: c({ default: "" })
   }
 });
-const N = /^(https?:\/\/)?(www\.)?youtube\.com\/(watch\?v=|embed\/)([a-zA-Z0-9_-]{11})/, C = /^(https?:\/\/)?(www\.)?player.vimeo\.com/, M = /^(https?:\/\/)?(www\.)?dailymotion\.com\/(video|embed\/video)\/([a-zA-Z0-9_-]+)/, we = (l) => {
+const P = /^(https?:\/\/)?(www\.)?youtube\.com\/(watch\?v=|embed\/)([a-zA-Z0-9_-]{11})/, N = /^(https?:\/\/)?(www\.)?player.vimeo\.com/, C = /^(https?:\/\/)?(www\.)?dailymotion\.com\/(video|embed\/video)\/([a-zA-Z0-9_-]+)/, Te = (l) => {
+  if (P.test(l)) {
+    const e = l.match(P);
+    return e ? `https://www.youtube.com/embed/${e[4]}` : l;
+  }
   if (N.test(l)) {
     const e = l.match(N);
-    return e ? `https://www.youtube.com/embed/${e[4]}` : l;
+    return e ? `https://player.vimeo.com/video/${e[3]}` : l;
   }
   if (C.test(l)) {
     const e = l.match(C);
-    return e ? `https://player.vimeo.com/video/${e[3]}` : l;
-  }
-  if (M.test(l)) {
-    const e = l.match(M);
     return e ? `https://www.dailymotion.com/embed/video/${e[4]}` : l;
   }
   return null;
-}, Be = d.memo(
+}, we = d.memo(
   (l) => {
-    const { blockProps: e, inBuilder: t, styles: o, url: s, controls: r } = l, n = T(r, "autoPlay", !1), i = T(r, "controls", !1), p = n || T(r, "muted", !0), m = T(r, "loop", !1);
+    const { blockProps: e, inBuilder: t, styles: o, url: s, controls: r } = l, n = v(r, "autoPlay", !1), i = v(r, "controls", !1), p = n || v(r, "muted", !0), m = v(r, "loop", !1);
     if (k(s))
       return /* @__PURE__ */ a.jsx(g, { blockProps: e, text: "VIDEO URL", className: "h-36" });
-    let y = we(s), b = null;
+    let y = Te(s), b = null;
     if (y) {
       if (!k(y)) {
-        const L = [];
-        L.push(`autoplay=${n ? 1 : 0}`), L.push(`controls=${r ? 1 : 0}`), L.push(`mute=${p ? 1 : 0}&muted=${p ? 1 : 0}`), L.push(`loop=${m ? 1 : 0}`), y = `${y}?${L.join("&")}`;
+        const T = [];
+        T.push(`autoplay=${n ? 1 : 0}`), T.push(`controls=${r ? 1 : 0}`), T.push(`mute=${p ? 1 : 0}&muted=${p ? 1 : 0}`), T.push(`loop=${m ? 1 : 0}`), y = `${y}?${T.join("&")}`;
       }
       b = d.createElement("iframe", {
         ...e,
@@ -428,17 +427,17 @@ const N = /^(https?:\/\/)?(www\.)?youtube\.com\/(watch\?v=|embed\/)([a-zA-Z0-9_-
         autoPlay: t ? !1 : n,
         loop: m
       });
-    return /* @__PURE__ */ a.jsxs("div", { className: "relative overflow-hidden w-full h-full", style: { paddingBottom: "56.25%" }, children: [
-      t ? /* @__PURE__ */ a.jsx("div", { ...e, ...o, className: "absolute h-full w-full z-20" }) : null,
+    return /* @__PURE__ */ a.jsxs("div", { className: "relative h-full w-full overflow-hidden", style: { paddingBottom: "56.25%" }, children: [
+      t ? /* @__PURE__ */ a.jsx("div", { ...e, ...o, className: "absolute z-20 h-full w-full" }) : null,
       b
     ] });
   }
 );
-u(Be, {
+u(we, {
   type: "Video",
   label: "Video",
   category: "core",
-  icon: Q,
+  icon: K,
   group: "basic",
   props: {
     styles: c({ default: "absolute top-0 left-0 w-full h-full" }),
@@ -446,7 +445,7 @@ u(Be, {
       title: "Video URL",
       default: "https://www.youtube.com/watch?v=9xwazD5SyVg&ab_channel=MaximilianMustermann"
     }),
-    controls: D({
+    controls: $({
       title: "Controls",
       properties: {
         autoPlay: h({ title: "Autoplay", default: !0 }),
@@ -457,7 +456,7 @@ u(Be, {
     })
   }
 });
-const _e = d.memo(
+const Be = d.memo(
   (l) => {
     const { blockProps: e, styles: t, content: o, inBuilder: s } = l;
     return /* @__PURE__ */ a.jsxs("div", { className: "relative", children: [
@@ -469,60 +468,60 @@ const _e = d.memo(
     ] });
   }
 );
-u(_e, {
+u(Be, {
   type: "CustomHTML",
   label: "CustomHTML",
   category: "core",
-  icon: ee,
+  icon: Q,
   group: "basic",
   props: {
     styles: c({ default: "" }),
-    content: I({
+    content: L({
       title: "HTML Content",
       default: "<div><p>HTML Snippet goes here...</p></div>",
       placeholder: "Enter custom HTML code here"
     })
   }
 });
-const Se = (l) => {
+const _e = (l) => {
   const { blockProps: e, styles: t } = l;
   return d.createElement("hr", { ...t, ...e });
 };
-u(Se, {
+u(_e, {
   type: "Divider",
   label: "Divider",
   category: "core",
-  icon: te,
+  icon: ee,
   group: "basic",
   props: {
     styles: c({ default: "bg-gray-900 h-0.5 py-2 my-1" })
   }
 });
-const je = (l) => {
+const Se = (l) => {
   const { blockProps: e, styles: t } = l;
   return d.createElement("br", { ...e, ...t });
 };
-u(je, {
+u(Se, {
   type: "LineBreak",
   label: "Line Break",
   category: "core",
   group: "basic",
   hidden: !0,
-  icon: z,
+  icon: F,
   props: {
     styles: c({ default: "" })
   }
 });
-const Ee = (l) => l.inBuilder ? /* @__PURE__ */ a.jsx("span", { className: "inline", ...l.blockProps, children: l.content }) : `${l.content}`;
-u(Ee, {
+const je = (l) => l.inBuilder ? /* @__PURE__ */ a.jsx("span", { className: "inline", ...l.blockProps, children: l.content }) : `${l.content}`;
+u(je, {
   type: "Text",
   label: "Text",
   hidden: !0,
   category: "core",
   group: "basic",
-  icon: z,
+  icon: F,
   props: {
-    content: I({ title: "Content", defaultValue: "" })
+    content: L({ title: "Content", defaultValue: "" })
   }
 });
 const _ = (l) => {
@@ -567,71 +566,71 @@ const _ = (l) => {
     ];
   }
   return l === "TableRow" ? t() : l === "TableHead" ? o() : l === "TableBody" ? s() : [];
-}, Pe = (l) => {
+}, Ee = (l) => {
   const { blockProps: e, children: t, styles: o } = l;
   return t ? d.createElement("table", { ...e, ...o }, t) : /* @__PURE__ */ a.jsx(g, { blockProps: e, text: "TABLE HEAD / BODY" });
 };
-u(Pe, {
+u(Ee, {
   type: "Table",
   label: "Table",
   category: "core",
   group: "table",
   hidden: !0,
-  icon: le,
+  icon: te,
   props: {
     styles: c({ default: "" })
   },
   blocks: _("Table")
 });
-const Ne = (l) => {
+const Pe = (l) => {
   const { blockProps: e, children: t, styles: o } = l;
   return t ? d.createElement("thead", { ...e, ...o }, t) : /* @__PURE__ */ a.jsx(g, { blockProps: e, text: "TABLE ROW" });
 };
-u(Ne, {
+u(Pe, {
   type: "TableHead",
   label: "Table Head",
   category: "core",
   group: "table",
   hidden: !0,
-  icon: oe,
+  icon: le,
   props: {
     styles: c({ default: "" })
   },
   blocks: _("TableHead")
 });
-const Ce = (l) => {
+const Ne = (l) => {
   const { blockProps: e, children: t, styles: o } = l;
   return t ? d.createElement("tbody", { ...e, ...o }, t) : /* @__PURE__ */ a.jsx(g, { blockProps: e, text: "TABLE ROW" });
 };
-u(Ce, {
+u(Ne, {
   type: "TableBody",
   label: "Table Body",
   category: "core",
   group: "table",
   hidden: !0,
-  icon: re,
+  icon: oe,
   props: {
     styles: c({ default: "" })
   },
   blocks: _("TableBody")
 });
-const Me = (l) => {
+const Ce = (l) => {
   const { blockProps: e, children: t, styles: o } = l;
   return t ? d.createElement("tr", { ...e, ...o }, t) : /* @__PURE__ */ a.jsx(g, { blockProps: e, text: "TABLE CELL" });
 };
-u(Me, {
+u(Ce, {
   type: "TableRow",
   label: "Table Row",
   category: "core",
   group: "table",
   hidden: !0,
-  icon: se,
+  icon: re,
   props: {
     styles: c({ default: "w-full" })
   },
   blocks: _("TableRow")
 });
-const He = (l) => {
+const Me = (l) => {
   const { blockProps: e, children: t, content: o, styles: s } = l;
   return !t && k(o) ? /* @__PURE__ */ a.jsx(g, { blockProps: e }) : t ? d.createElement("td", { ...e, ...s }, t) : d.createElement("td", {
     ...e,
@@ -639,19 +638,19 @@ const He = (l) => {
     dangerouslySetInnerHTML: { __html: o }
   });
 };
-u(He, {
+u(Me, {
   type: "TableCell",
   label: "Table Cell",
   category: "core",
   group: "table",
   hidden: !0,
-  icon: ae,
+  icon: se,
   props: {
     styles: c({ default: "" }),
     content: w({ title: "Content", default: "Table cell item" })
   }
 });
-const Re = (l) => {
+const He = (l) => {
   const { blockProps: e, errorMessage: t, name: o, _type: s, successMessage: r, action: n, styles: i, children: p } = l;
   if (!p && k(i == null ? void 0 : i.className))
     return /* @__PURE__ */ a.jsx(g, { blockProps: e, text: "FORM FIELDS" });
@@ -680,11 +679,11 @@ const Re = (l) => {
     }
   );
 };
-u(Re, {
+u(He, {
   type: "Form",
   label: "Form",
   category: "core",
-  icon: ne,
+  icon: ae,
   group: "form",
   hidden: !0,
   props: {
@@ -703,18 +702,18 @@ u(Re, {
     })
   }
 });
-const Fe = (l) => {
+const Re = (l) => {
   const { blockProps: e, content: t, styles: o, children: s } = l, r = { ...o, ...e };
   return s ? d.createElement("label", r, s) : d.createElement("label", {
     ...r,
     dangerouslySetInnerHTML: { __html: t }
   });
 };
-u(Fe, {
+u(Re, {
   type: "Label",
   label: "Label",
   category: "core",
-  icon: ie,
+  icon: ne,
   group: "form",
   hidden: !0,
   props: {
@@ -722,7 +721,7 @@ u(Fe, {
     content: f({ title: "Content", default: "Label" })
   }
 });
-const ze = (l) => {
+const Fe = (l) => {
   const {
     blockProps: e,
     label: t,
@@ -764,19 +763,19 @@ const ze = (l) => {
     )
   ] });
 };
-u(ze, {
+u(Fe, {
   type: "Input",
   label: "Input",
   category: "core",
-  icon: A,
+  icon: z,
   group: "form",
   hidden: !0,
   props: {
     styles: c({ default: "" }),
     fieldName: f({ title: "Field Name", default: "input" }),
-    inputType: v({
+    inputType: I({
       title: "Type",
-      options: j(
+      options: S(
         ["text", "email", "password", "number", "tel", "file", "hidden", "range", "submit", "color", "date", "time"],
         (l) => ({
           value: l,
@@ -796,7 +795,7 @@ u(ze, {
     required: h({ title: "Required", default: !1 })
   }
 });
-const Ae = (l) => {
+const ze = (l) => {
   const { blockProps: e, fieldName: t, label: o, placeholder: s, styles: r, inputStyles: n, _rows: i, showLabel: p } = l, m = x();
   return p ? /* @__PURE__ */ a.jsxs("div", { ...r, ...e, children: [
     p && /* @__PURE__ */ a.jsx("label", { htmlFor: m, children: o }),
@@ -814,11 +813,11 @@ const Ae = (l) => {
     }
   );
 };
-u(Ae, {
+u(ze, {
   type: "TextArea",
   label: "TextArea",
   category: "core",
-  icon: A,
+  icon: z,
   group: "form",
   hidden: !0,
   props: {
@@ -831,10 +830,10 @@ u(Ae, {
       title: "Placeholder",
       default: "Placeholder"
     }),
-    _rows: R({ title: "Rows", default: 3 })
+    _rows: H({ title: "Rows", default: 3 })
   }
 });
-const De = (l) => {
+const Ae = (l) => {
   const {
     blockProps: e,
     fieldName: t,
@@ -859,10 +858,10 @@ const De = (l) => {
         name: t,
         children: [
           /* @__PURE__ */ a.jsx("option", { value: "", disabled: !0, selected: !0, hidden: !0, children: s }),
-          j(l.options, (b) => /* @__PURE__ */ a.jsx(
+          S(l.options, (b) => /* @__PURE__ */ a.jsx(
             "option",
             {
-              selected: S(b, "selected", !1),
+              selected: v(b, "selected", !1),
               value: b.value,
               dangerouslySetInnerHTML: { __html: b.label }
             },
@@ -883,10 +882,10 @@ const De = (l) => {
       name: t,
       children: [
         /* @__PURE__ */ a.jsx("option", { value: "", disabled: !0, selected: !0, hidden: !0, children: s }),
-        j(l.options, (b) => /* @__PURE__ */ a.jsx(
+        S(l.options, (b) => /* @__PURE__ */ a.jsx(
           "option",
           {
-            selected: S(b, "selected", !1),
+            selected: v(b, "selected", !1),
             value: b.value,
             dangerouslySetInnerHTML: { __html: b.label }
           },
@@ -896,11 +895,11 @@ const De = (l) => {
     }
   );
 };
-u(De, {
+u(Ae, {
   type: "Select",
   label: "Select",
   category: "core",
-  icon: ce,
+  icon: ie,
   group: "form",
   hidden: !0,
   props: {
@@ -915,7 +914,7 @@ u(De, {
     }),
     required: h({ title: "Required", default: !1 }),
     _multiple: h({ title: "Multiple Choice", default: !1 }),
-    options: q({
+    options: O({
       title: "Options",
       itemProperties: {
         label: f({ title: "Label", default: "" }),
@@ -924,7 +923,7 @@ u(De, {
     })
   }
 });
-const qe = (l) => {
+const De = (l) => {
   const { blockProps: e, fieldName: t, label: o, styles: s, inputStyles: r, required: n, checked: i, showLabel: p = !0 } = l, m = x();
   return p ? /* @__PURE__ */ a.jsxs("div", { ...s, ...e, children: [
     /* @__PURE__ */ a.jsx(
@@ -952,11 +951,11 @@ const qe = (l) => {
     }
   );
 };
-u(qe, {
+u(De, {
   type: "Checkbox",
   label: "Checkbox",
   category: "core",
-  icon: de,
+  icon: ce,
   group: "form",
   hidden: !0,
   props: {
@@ -967,7 +966,7 @@ u(qe, {
     required: h({ title: "Required", default: !1 })
   }
 });
-const $e = (l) => {
+const qe = (l) => {
   const { blockProps: e, fieldName: t, label: o, styles: s, inputStyles: r, checked: n, required: i, showLabel: p = !0 } = l, m = x();
   return p ? /* @__PURE__ */ a.jsxs("div", { ...s, ...e, children: [
     /* @__PURE__ */ a.jsx("input", { ...r, name: t, id: m, type: "radio", required: i, defaultChecked: n }),
@@ -986,11 +985,11 @@ const $e = (l) => {
     }
   );
 };
-u($e, {
+u(qe, {
   type: "Radio",
   label: "Radio",
   category: "core",
-  icon: ue,
+  icon: de,
   group: "form",
   hidden: !0,
   props: {
@@ -1001,7 +1000,7 @@ u($e, {
     required: h({ title: "Required", default: !1 })
   }
 });
-const Oe = (l) => {
+const $e = (l) => {
   const { blockProps: e, inBuilder: t, label: o, placeholder: s, styles: r, inputStyles: n, icon: i, iconPos: p } = l, m = x(), y = {
     "x-bind:disabled": "formLoading"
   };
@@ -1022,11 +1021,11 @@ const Oe = (l) => {
     }
   );
 };
-u(Oe, {
+u($e, {
   type: "FormButton",
   label: "Submit Button",
   category: "core",
-  icon: F,
+  icon: R,
   group: "form",
   hidden: !0,
   props: {
@@ -1034,8 +1033,8 @@ u(Oe, {
     styles: c({
       default: "text-white bg-primary disabled:bg-gray-400 px-4 py-2 rounded-global flex items-center gap-x-2"
     }),
-    icon: P({ title: "Icon", default: "" }),
-    iconPos: v({
+    icon: E({ title: "Icon", default: "" }),
+    iconPos: I({
       title: "Icon Position",
       default: "order-last",
       options: [
@@ -1045,7 +1044,7 @@ u(Oe, {
     })
   }
 });
-const et = V;
+const Ke = q;
 export {
-  et as loadWebBlocks
+  Ke as loadWebBlocks
 };