@chaibuilder/sdk 3.2.13 → 4.0.0-beta.10

package/dist/web-blocks.js

@@ -1,25 +1,26 @@
-import { registerChaiBlockSchema as p, StylesProp as u, registerChaiBlock as d, getRegisteredChaiBlock as U, stylesProp as L, closestBlockProp as Z } from "@chaibuilder/runtime";
-import { jsx as i, jsxs as h, Fragment as N } from "react/jsx-runtime";
-import { c as _, g as I } from "./common-functions-D2lMFR6K.js";
+import { isEmpty as w, get as k, map as T, isNull as F, omit as E, pick as M } from "lodash-es";
+import { jsx as i, jsxs as h, Fragment as S } from "react/jsx-runtime";
+import { registerChaiBlockSchema as u, stylesProp as d } from "./runtime.js";
+import { c as N, g as I } from "./common-functions-D2lMFR6K.js";
 import * as b from "react";
 import { createElement as x } from "react";
-import { ButtonIcon as M, CodeIcon as H, FrameIcon as $, SketchLogoIcon as q, LayoutIcon as G, RowsIcon as j, DividerHorizontalIcon as W, CheckboxIcon as O, FileTextIcon as Y, InputIcon as D, LetterCaseToggleIcon as Q, RadiobuttonIcon as J, DropdownMenuIcon as X, HeadingIcon as K, TableIcon as ee, BorderTopIcon as te, BorderAllIcon as oe, ViewHorizontalIcon as le, DragHandleHorizontalIcon as re, ImageIcon as ne, Link1Icon as ie, ColumnsIcon as ae, TextIcon as se, CursorTextIcon as ce, SpaceBetweenVerticallyIcon as de, VideoIcon as pe, ChevronLeftIcon as ue, ChevronRightIcon as me, LoopIcon as V } from "@radix-ui/react-icons";
-import { isEmpty as w, get as k, map as R, isNull as ye, omit as z, pick as F } from "lodash-es";
-const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div", { className: _("pointer-events-none flex h-20 flex-col items-center justify-center p-2", e), children: /* @__PURE__ */ i("div", { className: "h-full w-full rounded bg-gray-200 p-2 dark:bg-gray-800", children: /* @__PURE__ */ i("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, ge = (e) => {
+import { ButtonIcon as H, CodeIcon as $, FrameIcon as j, SketchLogoIcon as U, RowsIcon as D, LayoutIcon as Z, DividerHorizontalIcon as q, CheckboxIcon as G, FileTextIcon as W, InputIcon as V, LetterCaseToggleIcon as O, RadiobuttonIcon as Y, DropdownMenuIcon as Q, HeadingIcon as J, TableIcon as X, BorderTopIcon as K, BorderAllIcon as ee, ViewHorizontalIcon as te, DragHandleHorizontalIcon as oe, ImageIcon as le, Link1Icon as re, ColumnsIcon as ne, TextIcon as ie, CursorTextIcon as ae, SpaceBetweenVerticallyIcon as se, VideoIcon as ce, ChevronLeftIcon as de, ChevronRightIcon as pe, LoopIcon as z } from "@radix-ui/react-icons";
+import { r as p, e as ue, c as me } from "./core-BvsZwF26.js";
+const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div", { className: N("pointer-events-none flex h-20 flex-col items-center justify-center p-2", e), children: /* @__PURE__ */ i("div", { className: "h-full w-full rounded bg-gray-200 p-2 dark:bg-gray-800", children: /* @__PURE__ */ i("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, ye = (e) => {
   const { blockProps: o, inBuilder: t, backgroundImage: l, children: r, tag: n = "div", styles: a } = e;
   let s = r;
   r || (s = /* @__PURE__ */ i(C, { inBuilder: t }));
   let c = {};
   return l && (c = { backgroundImage: `url(${l})` }), b.createElement(n, { ...o, ...a, style: c }, s);
-}, be = {
+}, ge = {
   type: "Box",
   description: "Similar to a div or section elements in HTML",
   label: "Box",
   category: "core",
   group: "basic",
-  ...p({
+  ...u({
     properties: {
-      styles: u(""),
+      styles: d(""),
       tag: {
         type: "string",
         default: "div",
@@ -48,13 +49,13 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
         type: "string",
         default: "",
         title: "Background Image",
-        ui: { "ui:widget": "image" }
+        ui: { "ui:widget": "image", "ui:allowEmpty": !0 }
       }
     }
   }),
   canAcceptBlock: () => !0
-}, fe = (e) => {
-  const { blockProps: o, iconSize: t, icon: l, content: r, styles: n, children: a, iconPos: s, link: c, inBuilder: y } = e, g = l, v = a || /* @__PURE__ */ h(N, { children: [
+}, be = (e) => {
+  const { blockProps: o, iconSize: t, icon: l, content: r, styles: n, children: a, iconPos: s, link: c, inBuilder: y } = e, g = l, v = a || /* @__PURE__ */ h(S, { children: [
     r && /* @__PURE__ */ i("span", { children: r }),
     g && /* @__PURE__ */ i(
       "div",
@@ -75,16 +76,16 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
     v
   );
   return w(k(c, "href")) ? f : y ? /* @__PURE__ */ i("span", { children: f }) : /* @__PURE__ */ i("a", { "aria-label": r, href: k(c, "href") || "/", target: k(c, "target", "_self"), children: f });
-}, he = {
+}, fe = {
   type: "Button",
   description: "similar to a button element in HTML",
   label: "Button",
   category: "core",
-  icon: M,
+  icon: H,
   group: "basic",
-  ...p({
+  ...u({
     properties: {
-      styles: u("text-primary-foreground bg-primary px-4 py-2 rounded-lg flex items-center"),
+      styles: d("text-primary-foreground bg-primary px-4 py-2 rounded-lg flex items-center"),
       content: {
         type: "string",
         title: "Button label",
@@ -131,7 +132,7 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
   }),
   i18nProps: ["content", "link"],
   aiProps: ["content"]
-}, ke = (e) => {
+}, he = (e) => {
   const { blockProps: o, styles: t, htmlCode: l, inBuilder: r } = e;
   return r ? /* @__PURE__ */ h("div", { className: "relative", ...o, children: [
     r ? /* @__PURE__ */ i("div", { ...t, className: "absolute z-20 h-full w-full" }) : null,
@@ -144,16 +145,16 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
     ...t,
     dangerouslySetInnerHTML: { __html: l }
   });
-}, xe = {
+}, ke = {
   type: "CustomHTML",
   description: "similar to a div or section elements in HTML",
   label: "Custom HTML",
   category: "core",
-  icon: H,
+  icon: $,
   group: "advanced",
-  ...p({
+  ...u({
     properties: {
-      styles: u(""),
+      styles: d(""),
       htmlCode: {
         type: "string",
         default: "<div><p>Enter your HTML code here...</p></div>",
@@ -162,18 +163,18 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
     }
   }),
   i18nProps: ["htmlCode"]
-}, we = (e) => {
+}, xe = (e) => {
   const { scripts: o, inBuilder: t, blockProps: l } = e;
-  return t ? /* @__PURE__ */ i("div", { ...l, children: /* @__PURE__ */ i("div", { className: _("pointer-events-none flex flex-col items-center justify-center p-2", ""), children: /* @__PURE__ */ i("div", { className: "h-full w-full rounded bg-gray-200 p-1 dark:bg-gray-800", children: /* @__PURE__ */ i("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" }) }) }) }) : /* @__PURE__ */ i("div", { dangerouslySetInnerHTML: { __html: o } });
-}, ve = {
+  return t ? /* @__PURE__ */ i("div", { ...l, children: /* @__PURE__ */ i("div", { className: N("pointer-events-none flex flex-col items-center justify-center p-2", ""), children: /* @__PURE__ */ i("div", { className: "h-full w-full rounded bg-gray-200 p-1 dark:bg-gray-800", children: /* @__PURE__ */ i("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" }) }) }) }) : /* @__PURE__ */ i("div", { dangerouslySetInnerHTML: { __html: o } });
+}, we = {
   type: "CustomScript",
   description: "similar to a script element in HTML",
   label: "Custom Script",
   category: "core",
-  icon: H,
+  icon: $,
   hidden: !0,
   group: "advanced",
-  ...p({
+  ...u({
     properties: {
       scripts: {
         type: "string",
@@ -184,7 +185,7 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
       }
     }
   })
-}, Ce = (e) => {
+}, ve = (e) => {
   const { blockProps: o, inBuilder: t, children: l, globalBlock: r } = e;
   return t && !r ? /* @__PURE__ */ h(
     "div",
@@ -200,15 +201,15 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
       ]
     }
   ) : b.createElement("span", { ...o }, l);
-}, Ie = {
+}, Ce = {
   type: "GlobalBlock",
   description: "A global block component",
   label: "Global Block",
-  icon: $,
+  icon: j,
   category: "core",
   group: "basic",
   hidden: !0,
-  ...p({
+  ...u({
     properties: {
       globalBlock: {
         type: "string",
@@ -218,11 +219,11 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
       }
     }
   })
-}, T = (e, ...o) => ({
+}, _ = (e, ...o) => ({
   ...e,
-  className: _(e.className, ...o)
-}), Pe = (e) => {
-  const { blockProps: o, icon: t, styles: l, width: r, inBuilder: n, height: a } = e, s = T(l, "");
+  className: N(e.className, ...o)
+}), Ie = (e) => {
+  const { blockProps: o, icon: t, styles: l, width: r, inBuilder: n, height: a } = e, s = _(l, "");
   if (w(t))
     return /* @__PURE__ */ i(C, { inBuilder: n, className: "h-8 w-14" });
   const c = t.replace(/<svg /g, '<svg class="w-[inherit] h-[inherit]" ');
@@ -235,16 +236,16 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
     },
     dangerouslySetInnerHTML: { __html: c }
   });
-}, Le = {
+}, Pe = {
   type: "Icon",
   label: "web_blocks.icon",
   category: "core",
   description: "Icon block is used to display an icon/svg.",
-  icon: q,
+  icon: U,
   group: "media",
-  ...p({
+  ...u({
     properties: {
-      styles: u(""),
+      styles: d(""),
       icon: {
         type: "string",
         title: "Icon",
@@ -263,7 +264,7 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
       }
     }
   })
-}, Be = (e) => {
+}, Le = (e) => {
   const { blockProps: o, inBuilder: t, children: l, partialBlockId: r } = e;
   return t && !r ? /* @__PURE__ */ h(
     "div",
@@ -279,15 +280,15 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
       ]
     }
   ) : b.createElement("span", { ...o }, l);
-}, Se = {
+}, Be = {
   type: "PartialBlock",
   description: "A partial block component. Partial blocks are global blocks that can be used in multiple pages.",
   label: "Partial Block",
-  icon: $,
+  icon: j,
   category: "core",
   group: "basic",
   hidden: !0,
-  ...p({
+  ...u({
     properties: {
       partialBlockId: {
         type: "string",
@@ -297,7 +298,7 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
       }
     }
   })
-}, B = {
+}, L = {
   SMALL: {
     1: "col-span-1",
     2: "col-span-2",
@@ -340,29 +341,29 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
     11: "lg:col-span-11",
     12: "lg:col-span-12"
   }
-}, Ne = (e) => {
+}, Se = (e) => {
   const { blockProps: o, children: t, styles: l, colSpan: r, tabletColSpan: n, desktopColSpan: a } = e, c = { className: [
     k(l, "className", ""),
-    k(B, ["SMALL", isNaN(r) || !r ? 6 : r], ""),
-    n ? k(B, ["MEDIUM", n || r], "") : "",
-    a ? k(B, ["LARGE", n || r], "") : ""
+    k(L, ["SMALL", isNaN(r) || !r ? 6 : r], ""),
+    n ? k(L, ["MEDIUM", n || r], "") : "",
+    a ? k(L, ["LARGE", n || r], "") : ""
   ].join(" ") };
   return /* @__PURE__ */ i("div", { ...o, ...l, ...c, children: t || /* @__PURE__ */ i("div", { className: "h-full min-h-12 w-full border-2 border-dashed border-gray-400 bg-gray-100 dark:bg-gray-900" }) });
-}, _e = {
+}, Ne = {
   type: "Column",
   description: "A column component",
   label: "Column",
   group: "basic",
   category: "core",
-  icon: G,
+  icon: Z,
   wrapper: !0,
   hidden: !0,
   canDelete: () => !0,
   canAcceptBlock: () => !0,
   canBeNested: (e) => e === "Row",
-  ...p({
+  ...u({
     properties: {
-      styles: u(""),
+      styles: d(""),
       colSpan: {
         type: "number",
         title: "Column Span",
@@ -385,15 +386,15 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
       }
     }
   })
-}, Te = (e) => {
+}, _e = (e) => {
   const { blockProps: o, children: t, styles: l, gutter: r } = e, a = { className: [k(l, "className", ""), " grid grid-cols-12"].join() };
-  return typeof (l == null ? void 0 : l.style) == "object" ? l.style.gap = `${r}px` : a.style = { gap: `${r}px` }, /* @__PURE__ */ i("div", { ...o, ...l, ...a, children: t });
-}, Re = {
+  return typeof (l == null ? void 0 : l.style) == "object" && l.style !== null ? a.style = { ...l.style, gap: `${r}px` } : a.style = { gap: `${r}px` }, /* @__PURE__ */ i("div", { ...o, ...l, ...a, children: t });
+}, Te = {
   type: "Row",
   description: "A row component",
   label: "Row",
   group: "basic",
-  icon: j,
+  icon: D,
   hidden: !0,
   blocks: () => [
     { _type: "Row", _id: "row", styles: "#styles:,p-1" },
@@ -403,9 +404,9 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
   category: "core",
   wrapper: !0,
   canAcceptBlock: (e) => e === "Column",
-  ...p({
+  ...u({
     properties: {
-      styles: u(""),
+      styles: d(""),
       colCount: {
         type: "number",
         default: 2,
@@ -420,43 +421,43 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
       }
     }
   })
-}, Ae = (e) => {
+}, Re = (e) => {
   const { blockProps: o, styles: t } = e;
   return x("hr", { ...t, ...o });
-}, Ee = {
+}, Ae = {
   type: "Divider",
   description: "A horizontal line component",
   label: "Divider",
   category: "core",
-  icon: W,
+  icon: q,
   group: "basic",
-  ...p({
+  ...u({
     properties: {
-      styles: u("bg-gray-900 h-0.5 py-2 my-1")
+      styles: d("bg-gray-900 h-0.5 py-2 my-1")
     }
   })
-}, Me = (e) => {
+}, Ee = (e) => {
   const { blockProps: o, styles: t, backgroundImage: l } = e;
   let r = {};
   return l && (r = { backgroundImage: `url(${l})` }), b.createElement("div", { ...o, ...t, style: r });
-}, He = {
+}, Me = {
   type: "EmptyBox",
   description: "A box component with no children",
   label: "Empty Box",
   category: "core",
   group: "basic",
-  ...p({
+  ...u({
     properties: {
-      styles: u(""),
+      styles: d(""),
       backgroundImage: {
         type: "string",
         title: "Background Image",
         default: "",
-        ui: { "ui:widget": "image" }
+        ui: { "ui:widget": "image", "ui:allowEmpty": !0 }
       }
     }
   })
-}, $e = (e) => {
+}, He = (e) => {
   const { blockProps: o, fieldName: t, label: l, styles: r, inputStyles: n, required: a, checked: s, showLabel: c = !0 } = e;
   return c ? /* @__PURE__ */ h("div", { ...r, ...o, children: [
     /* @__PURE__ */ i("input", { ...n, name: t, type: "checkbox", required: a, defaultChecked: s }),
@@ -473,16 +474,16 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
       defaultChecked: s
     }
   );
-}, je = {
+}, $e = {
   type: "Checkbox",
   label: "web_blocks.checkbox",
   category: "core",
-  icon: O,
+  icon: G,
   group: "form",
-  ...p({
+  ...u({
     properties: {
-      styles: u("flex items-center gap-x-2"),
-      inputStyles: u(""),
+      styles: d("flex items-center gap-x-2"),
+      inputStyles: d(""),
       fieldName: {
         type: "string",
         title: "Field Name",
@@ -512,7 +513,7 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
   }),
   aiProps: ["label"],
   i18nProps: ["label"]
-}, De = (e) => {
+}, je = (e) => {
   const { children: o, blockProps: t, errorMessage: l, successMessage: r, action: n, styles: a, inBuilder: s } = e;
   let c = o;
   return o || (c = /* @__PURE__ */ i(C, { inBuilder: s })), /* @__PURE__ */ h(
@@ -537,11 +538,11 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
       ]
     }
   );
-}, Ve = {
+}, De = {
   type: "Form",
   label: "Form",
   category: "core",
-  icon: Y,
+  icon: W,
   group: "form",
   blocks: () => [
     { _type: "Form", _id: "form", styles: "#styles:p-1 space-y-2," },
@@ -553,9 +554,9 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
       styles: "#styles:bg-black text-white rounded px-3 py-1,"
     }
   ],
-  ...p({
+  ...u({
     properties: {
-      styles: u(""),
+      styles: d(""),
       action: {
         type: "string",
         title: "Submit URL",
@@ -578,7 +579,7 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
   i18nProps: ["errorMessage", "successMessage"],
   aiProps: ["errorMessage", "successMessage"],
   canAcceptBlock: () => !0
-}, ze = (e) => {
+}, Ve = (e) => {
   const { blockProps: o, inBuilder: t, label: l, styles: r, icon: n, iconSize: a, iconPos: s } = e;
   return /* @__PURE__ */ h("button", { ...r, ...o || {}, type: t ? "button" : "submit", "aria-label": l, children: [
     l,
@@ -591,15 +592,15 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
       }
     )
   ] });
-}, Fe = {
+}, ze = {
   type: "FormButton",
   label: "Submit Button",
   category: "core",
-  icon: M,
+  icon: H,
   group: "form",
-  ...p({
+  ...u({
     properties: {
-      styles: u(
+      styles: d(
         "text-white bg-primary disabled:bg-gray-400 px-4 py-2 rounded-global flex items-center gap-x-2"
       ),
       label: {
@@ -630,7 +631,7 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
   }),
   i18nProps: ["label"],
   aiProps: ["label"]
-}, Ue = (e) => {
+}, Fe = (e) => {
   const o = { type: "text", autocomplete: "on" };
   return e ? ["text", "password", "number", "hidden", "range", "color", "date", "time"].includes(e) ? { type: e, autocomplete: "on" } : e === "email" ? { type: "email", autocomplete: "email" } : e === "tel" ? { type: "tel", autocomplete: "tel" } : e === "url" ? { type: "url", autocomplete: "url" } : {
     // Special cases
@@ -698,7 +699,7 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
     organization: { type: "text", autocomplete: "organization" },
     language: { type: "text", autocomplete: "language" }
   }[e] || o : o;
-}, Ze = (e) => {
+}, Ue = (e) => {
   const {
     blockProps: o,
     fieldName: t,
@@ -710,7 +711,7 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
     required: c,
     inputType: y,
     defaultValue: g
-  } = e, { type: v, autocomplete: f } = Ue(y);
+  } = e, { type: v, autocomplete: f } = Fe(y);
   return s ? /* @__PURE__ */ h("div", { ...n, ...o, children: [
     s && /* @__PURE__ */ i("label", { htmlFor: t, children: l }),
     /* @__PURE__ */ i(
@@ -739,16 +740,16 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
       defaultValue: g
     }
   );
-}, qe = {
+}, Ze = {
   type: "Input",
   label: "web_blocks.input",
   category: "core",
-  icon: D,
+  icon: V,
   group: "form",
-  ...p({
+  ...u({
     properties: {
-      styles: u(""),
-      inputStyles: u("w-full p-1"),
+      styles: d(""),
+      inputStyles: d("w-full p-1"),
       fieldName: {
         type: "string",
         title: "Field Name",
@@ -854,21 +855,21 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
   }),
   aiProps: ["label", "placeholder"],
   i18nProps: ["label", "placeholder"]
-}, Ge = (e) => {
+}, qe = (e) => {
   const { blockProps: o, content: t, styles: l, children: r } = e, n = { ...l, ...o };
   return r ? b.createElement("label", n, r) : b.createElement("label", {
     ...n,
     dangerouslySetInnerHTML: { __html: t }
   });
-}, We = {
+}, Ge = {
   type: "Label",
   label: "Label",
   category: "core",
-  icon: Q,
+  icon: O,
   group: "form",
-  ...p({
+  ...u({
     properties: {
-      styles: u(),
+      styles: d(),
       content: {
         type: "string",
         title: "Content",
@@ -878,7 +879,7 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
   }),
   aiProps: ["content"],
   i18nProps: ["content"]
-}, Oe = (e) => {
+}, We = (e) => {
   const { blockProps: o, fieldName: t, label: l, styles: r, inputStyles: n, required: a, checked: s, showLabel: c = !0 } = e;
   return c ? /* @__PURE__ */ h("div", { ...r, ...o, children: [
     /* @__PURE__ */ i("input", { ...n, name: t, type: "radio", required: a, defaultChecked: s }),
@@ -895,16 +896,16 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
       checked: s
     }
   );
-}, Ye = {
+}, Oe = {
   type: "Radio",
   label: "web_blocks.radio",
   category: "core",
-  icon: J,
+  icon: Y,
   group: "form",
-  ...p({
+  ...u({
     properties: {
-      styles: u("flex items-center gap-x-2"),
-      inputStyles: u(""),
+      styles: d("flex items-center gap-x-2"),
+      inputStyles: d(""),
       fieldName: {
         type: "string",
         title: "Field Name",
@@ -934,7 +935,7 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
   }),
   aiProps: ["label"],
   i18nProps: ["label"]
-}, Qe = (e) => {
+}, Ye = (e) => {
   const {
     blockProps: o,
     fieldName: t,
@@ -960,7 +961,7 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
         defaultValue: f,
         children: [
           /* @__PURE__ */ i("option", { value: "", disabled: !0, hidden: !0, children: r }),
-          R(g, (m) => /* @__PURE__ */ i("option", { value: m == null ? void 0 : m.value, children: m == null ? void 0 : m.label }, m == null ? void 0 : m.value))
+          T(g, (m) => /* @__PURE__ */ i("option", { value: m == null ? void 0 : m.value, children: m == null ? void 0 : m.label }, m == null ? void 0 : m.value))
         ]
       }
     )
@@ -975,20 +976,20 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
       defaultValue: f,
       children: [
         /* @__PURE__ */ i("option", { value: "", disabled: !0, hidden: !0, children: r }),
-        R(g, (m) => /* @__PURE__ */ i("option", { value: m == null ? void 0 : m.value, children: m == null ? void 0 : m.label }, m == null ? void 0 : m.value))
+        T(g, (m) => /* @__PURE__ */ i("option", { value: m == null ? void 0 : m.value, children: m == null ? void 0 : m.label }, m == null ? void 0 : m.value))
       ]
     }
   );
-}, Je = {
+}, Qe = {
   type: "Select",
   label: "web_blocks.select",
   category: "core",
-  icon: X,
+  icon: Q,
   group: "form",
-  ...p({
+  ...u({
     properties: {
-      styles: u(""),
-      inputStyles: u("w-full p-1"),
+      styles: d(""),
+      inputStyles: d("w-full p-1"),
       fieldName: {
         type: "string",
         title: "Field Name",
@@ -1048,7 +1049,7 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
   }),
   aiProps: ["label", "placeholder"],
   i18nProps: ["label", "placeholder"]
-}, Xe = (e) => {
+}, Je = (e) => {
   const { blockProps: o, fieldName: t, label: l, placeholder: r, styles: n, inputStyles: a, rows: s, showLabel: c, required: y, defaultValue: g } = e;
   return c ? /* @__PURE__ */ h("div", { ...n, ...o, children: [
     c && /* @__PURE__ */ i("label", { htmlFor: t, children: l }),
@@ -1076,21 +1077,21 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
       defaultValue: g
     }
   );
-}, Ke = {
+}, Xe = {
   type: "TextArea",
   label: "web_blocks.textarea",
   category: "core",
-  icon: D,
+  icon: V,
   group: "form",
-  ...p({
+  ...u({
     properties: {
       fieldName: {
         type: "string",
         title: "Field Name",
         default: "fieldName"
       },
-      styles: u(""),
-      inputStyles: u("w-full p-1"),
+      styles: d(""),
+      inputStyles: d("w-full p-1"),
       showLabel: {
         type: "boolean",
         title: "Show Label",
@@ -1127,21 +1128,21 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
   }),
   aiProps: ["label", "placeholder"],
   i18nProps: ["label", "placeholder"]
-}, et = (e) => {
+}, Ke = (e) => {
   const { blockProps: o, styles: t, content: l, tag: r = "h1", children: n = null } = e;
   return n ? b.createElement(r, { ...t, ...o }, n) : b.createElement(r, {
     ...t,
     ...o,
     dangerouslySetInnerHTML: { __html: l }
   });
-}, tt = {
+}, et = {
   type: "Heading",
   description: "A heading component similar to h1, h2, h3, h4, h5, h6 elements in HTML",
   label: "Heading",
   category: "core",
-  icon: K,
+  icon: J,
   group: "typography",
-  ...p({
+  ...u({
     properties: {
       tag: {
         type: "string",
@@ -1149,7 +1150,7 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
         title: "Level",
         enum: ["h1", "h2", "h3", "h4", "h5", "h6"]
       },
-      styles: u("text-3xl"),
+      styles: d("text-3xl"),
       content: {
         type: "string",
         default: "Heading goes here",
@@ -1161,37 +1162,37 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
   aiProps: ["content"],
   i18nProps: ["content"],
   canAcceptBlock: () => !0
-}, ot = (e) => {
+}, tt = (e) => {
   const { blockProps: o, styles: t } = e;
   return x("br", { ...o, ...t });
-}, lt = {
+}, ot = {
   type: "LineBreak",
   label: "Line Break",
   category: "core",
   group: "basic",
   hidden: !0,
-  ...p({
+  ...u({
     properties: {
-      styles: u("")
+      styles: d("")
     }
   }),
   canAcceptBlock: () => !0,
   canDelete: () => !1,
   canMove: () => !1,
   canDuplicate: () => !1
-}, rt = (e) => {
+}, lt = (e) => {
   const { blockProps: o, children: t, styles: l } = e;
   return t ? x("table", { ...o, ...l }, t) : /* @__PURE__ */ i(C, {});
-}, nt = (e) => {
+}, rt = (e) => {
   const { blockProps: o, children: t, styles: l } = e;
   return t ? x("thead", { ...o, ...l }, t) : /* @__PURE__ */ i(C, {});
-}, it = (e) => {
+}, nt = (e) => {
   const { blockProps: o, children: t, styles: l } = e;
   return t ? x("tbody", { ...o, ...l }, t) : /* @__PURE__ */ i(C, {});
-}, at = (e) => {
+}, it = (e) => {
   const { blockProps: o, children: t, styles: l } = e;
   return t ? x("tr", { ...o, ...l }, t) : /* @__PURE__ */ i(C, {});
-}, st = (e) => {
+}, at = (e) => {
   const { blockProps: o, children: t, content: l, styles: r } = e;
   return !t && w(l) ? /* @__PURE__ */ i(C, {}) : t ? x("td", { ...o, ...r }, t) : x("td", {
     ...o,
@@ -1199,72 +1200,72 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
     dangerouslySetInnerHTML: { __html: l }
   });
 };
-d(rt, {
+p(lt, {
   type: "Table",
   label: "Table",
   category: "core",
   group: "table",
   hidden: !0,
-  icon: ee,
-  ...p({
+  icon: X,
+  ...u({
     properties: {
-      styles: u("")
+      styles: d("")
     }
   }),
   blocks: P("Table")
 });
-d(nt, {
+p(rt, {
   type: "TableHead",
   label: "Table Head",
   category: "core",
   group: "table",
   hidden: !0,
-  icon: te,
-  ...p({
+  icon: K,
+  ...u({
     properties: {
-      styles: u("")
+      styles: d("")
     }
   }),
   blocks: P("TableHead")
 });
-d(it, {
+p(nt, {
   type: "TableBody",
   label: "Table Body",
   category: "core",
   group: "table",
   hidden: !0,
-  icon: oe,
-  ...p({
+  icon: ee,
+  ...u({
     properties: {
-      styles: u("")
+      styles: d("")
     }
   }),
   blocks: P("TableBody")
 });
-d(at, {
+p(it, {
   type: "TableRow",
   label: "Table Row",
   category: "core",
   group: "table",
   hidden: !0,
-  icon: le,
-  ...p({
+  icon: te,
+  ...u({
     properties: {
-      styles: u("")
+      styles: d("")
     }
   }),
   blocks: P("TableRow")
 });
-d(st, {
+p(at, {
   type: "TableCell",
   label: "Table Cell",
   category: "core",
   group: "table",
   hidden: !0,
-  icon: re,
-  ...p({
+  icon: oe,
+  ...u({
     properties: {
-      styles: u(""),
+      styles: d(""),
       content: {
         type: "string",
         default: "Heading goes here",
@@ -1320,7 +1321,7 @@ function P(e) {
   }
   return e === "TableRow" ? t() : e === "TableHead" ? l() : e === "TableBody" ? r() : [];
 }
-const ct = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAwIiBoZWlnaHQ9IjQwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSIjZjNmNGY2Ii8+PHRleHQgeD0iNTAlIiB5PSI1MCUiIGZvbnQtZmFtaWx5PSJBcmlhbCwgc2Fucy1zZXJpZiIgZm9udC1zaXplPSIxNiIgZmlsbD0iI2Q1ZDdkYSIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZHk9Ii4zZW0iPkltYWdlIFBsYWNlaG9sZGVyPC90ZXh0Pjwvc3ZnPg==", dt = (e) => {
+const st = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAwIiBoZWlnaHQ9IjQwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSIjZjNmNGY2Ii8+PHRleHQgeD0iNTAlIiB5PSI1MCUiIGZvbnQtZmFtaWx5PSJBcmlhbCwgc2Fucy1zZXJpZiIgZm9udC1zaXplPSIxNiIgZmlsbD0iI2Q1ZDdkYSIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZHk9Ii4zZW0iPkltYWdlIFBsYWNlaG9sZGVyPC90ZXh0Pjwvc3ZnPg==", ct = (e) => {
   const { blockProps: o, image: t, mobileImage: l, styles: r, alt: n, height: a, width: s, lazyLoading: c, mobileWidth: y, mobileHeight: g } = e;
   return w(t) ? /* @__PURE__ */ i(C, { className: "h-36" }) : /* @__PURE__ */ h("picture", { children: [
     l && /* @__PURE__ */ i("source", { srcSet: l, media: "(max-width: 480px)", width: y, height: g }),
@@ -1337,20 +1338,20 @@ const ct = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAwIiBoZWlnaHQ9IjQwMCIgeG
       }
     )
   ] });
-}, pt = {
+}, dt = {
   type: "Image",
   description: "A image component",
   label: "Image",
   category: "core",
-  icon: ne,
+  icon: le,
   group: "media",
-  ...p({
+  ...u({
     properties: {
-      styles: u("w-full h-full object-cover"),
+      styles: d("w-full h-full object-cover"),
       image: {
         type: "string",
         title: "Image",
-        default: ct,
+        default: st,
         ui: { "ui:widget": "image" }
       },
       width: {
@@ -1398,7 +1399,7 @@ const ct = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAwIiBoZWlnaHQ9IjQwMCIgeG
   }),
   aiProps: ["alt"],
   i18nProps: ["alt", "image", "_imageId", "mobileImage", "_mobileImageId"]
-}, ut = (e) => {
+}, pt = (e) => {
   const { blockProps: o, link: t, children: l, styles: r, inBuilder: n, content: a } = e;
   let s = {};
   return !l && w(a) && (s = { minHeight: "50px", display: "flex", alignItems: "center", justifyContent: "center" }), n ? l ? /* @__PURE__ */ i("span", { role: "link", ...o, style: s, ...r, children: l }) : x(
@@ -1421,16 +1422,16 @@ const ct = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAwIiBoZWlnaHQ9IjQwMCIgeG
     },
     a
   );
-}, mt = {
+}, ut = {
   type: "Link",
   description: "A link component",
   label: "Link",
   category: "core",
-  icon: ie,
+  icon: re,
   group: "basic",
-  ...p({
+  ...u({
     properties: {
-      styles: u("block"),
+      styles: d("block"),
       content: {
         type: "string",
         default: "Link text goes here",
@@ -1462,19 +1463,19 @@ const ct = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAwIiBoZWlnaHQ9IjQwMCIgeG
   aiProps: ["content"],
   i18nProps: ["content", "link"],
   canAcceptBlock: (e) => e !== "Link"
-}, yt = (e) => {
+}, mt = (e) => {
   const { blockProps: o, children: t, styles: l, tag: r, inBuilder: n } = e;
   return !t && w(l == null ? void 0 : l.className) ? /* @__PURE__ */ i(C, { inBuilder: n }) : b.createElement(r || "ul", { ...o, ...l }, t);
-}, gt = {
+}, yt = {
   type: "List",
   description: "A list component",
   label: "List",
-  icon: j,
+  icon: D,
   category: "core",
   group: "basic",
-  ...p({
+  ...u({
     properties: {
-      styles: u("")
+      styles: d("")
     }
   }),
   canAcceptBlock: (e) => e === "ListItem",
@@ -1502,23 +1503,23 @@ const ct = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAwIiBoZWlnaHQ9IjQwMCIgeG
       content: "Item 3"
     }
   ]
-}, bt = (e) => {
+}, gt = (e) => {
   const { blockProps: o, content: t, styles: l, children: r, tag: n } = e;
   return r ? b.createElement(n || "li", { ...l, ...o }, r) : b.createElement(n || "li", {
     ...l,
     ...o,
     dangerouslySetInnerHTML: { __html: t }
   });
-}, ft = {
+}, bt = {
   type: "ListItem",
   description: "A list item component",
   label: "List Item",
-  icon: ae,
+  icon: ne,
   category: "core",
   group: "basic",
-  ...p({
+  ...u({
     properties: {
-      styles: u(""),
+      styles: d(""),
       content: {
         type: "string",
         default: "List item",
@@ -1533,25 +1534,25 @@ const ct = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAwIiBoZWlnaHQ9IjQwMCIgeG
   aiProps: ["content"],
   canAcceptBlock: (e) => e !== "ListItem",
   canBeNested: (e) => e === "List" || e === "Repeater"
-}, ht = (e) => {
+}, ft = (e) => {
   const { blockProps: o, styles: t, content: l } = e;
-  if (!ye(e.children)) return b.createElement("p", { ...t, ...o }, e.children);
-  const r = T(t, "rte");
+  if (!F(e.children)) return b.createElement("p", { ...t, ...o }, e.children);
+  const r = _(t, "rte");
   return b.createElement("div", {
     ...r,
     ...o,
     dangerouslySetInnerHTML: { __html: l }
   });
-}, kt = {
+}, ht = {
   type: "Paragraph",
   description: "A paragraph component",
   label: "Paragraph",
   category: "core",
-  icon: se,
+  icon: ie,
   group: "typography",
-  ...p({
+  ...u({
     properties: {
-      styles: u(""),
+      styles: d(""),
       content: {
         type: "string",
         title: "Content",
@@ -1563,20 +1564,20 @@ const ct = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAwIiBoZWlnaHQ9IjQwMCIgeG
   i18nProps: ["content"],
   aiProps: ["content"],
   canAcceptBlock: (e) => e === "Span" || e === "Link" || e === "Text"
-}, xt = (e) => {
-  const { blockProps: o, content: t, styles: l } = e, r = T(l, "rte");
+}, kt = (e) => {
+  const { blockProps: o, content: t, styles: l } = e, r = _(l, "rte");
   return /* @__PURE__ */ i("div", { ...o, ...r, dangerouslySetInnerHTML: { __html: t } });
-}, wt = {
+}, xt = {
   type: "RichText",
   description: "A rich text block",
   label: "Rich Text",
   hidden: !0,
   category: "core",
-  icon: ce,
+  icon: ae,
   group: "typography",
-  ...p({
+  ...u({
     properties: {
-      styles: u(""),
+      styles: d(""),
       content: {
         type: "string",
         title: "Content",
@@ -1587,22 +1588,22 @@ const ct = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAwIiBoZWlnaHQ9IjQwMCIgeG
   }),
   aiProps: ["content"],
   i18nProps: ["content"]
-}, vt = (e) => {
+}, wt = (e) => {
   const { blockProps: o, styles: t, content: l, children: r = null, tag: n } = e;
   return r ? b.createElement("span", { ...t, ...o }, r) : b.createElement(n || "span", {
     ...t,
     ...o,
     dangerouslySetInnerHTML: { __html: l || "" }
   });
-}, Ct = {
+}, vt = {
   type: "Span",
   description: "A span component",
   label: "Span",
   category: "core",
   group: "basic",
-  ...p({
+  ...u({
     properties: {
-      styles: u(""),
+      styles: d(""),
       content: {
         type: "string",
         title: "Content",
@@ -1614,17 +1615,17 @@ const ct = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAwIiBoZWlnaHQ9IjQwMCIgeG
   aiProps: ["content"],
   i18nProps: ["content"],
   canAcceptBlock: () => !0
-}, It = (e) => e.inBuilder || e.forceWrapper ? /* @__PURE__ */ i("span", { ...e.blockProps, children: e.content }) : `${e.content}`, Pt = {
+}, Ct = (e) => e.inBuilder || e.forceWrapper ? /* @__PURE__ */ i("span", { ...e.blockProps, children: e.content }) : `${e.content}`, It = {
   type: "Text",
   description: "A text component with no styling",
   label: "Text",
   category: "core",
   group: "typography",
   blocks: () => [{ _id: "a", _type: "Text", _name: "Text", content: "" }],
-  icon: de,
-  ...p({
+  icon: se,
+  ...u({
     properties: {
-      styles: u("text-black"),
+      styles: d("text-black"),
       content: {
         title: "Content",
         type: "string",
@@ -1634,7 +1635,7 @@ const ct = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAwIiBoZWlnaHQ9IjQwMCIgeG
   }),
   aiProps: ["content"],
   i18nProps: ["content"]
-}, S = {
+}, B = {
   type: "object",
   title: "Controls",
   default: {
@@ -1665,18 +1666,18 @@ const ct = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAwIiBoZWlnaHQ9IjQwMCIgeG
       default: !1
     }
   }
-}, A = /^(https?:\/\/)?(www\.)?youtube\.com\/(watch\?v=|embed\/)([a-zA-Z0-9_-]{11})/, E = /(?:https?:\/\/)?(?:www\.)?(?:vimeo\.com\/(?:channels\/[\w]+\/|groups\/[^\/]+\/videos\/|album\/\d+\/video\/|video\/)?|player\.vimeo\.com\/video\/)(\d+)/, Lt = (e, o) => {
+}, R = /^(https?:\/\/)?(www\.)?youtube\.com\/(watch\?v=|embed\/)([a-zA-Z0-9_-]{11})/, A = /(?:https?:\/\/)?(?:www\.)?(?:vimeo\.com\/(?:channels\/[\w]+\/|groups\/[^\/]+\/videos\/|album\/\d+\/video\/|video\/)?|player\.vimeo\.com\/video\/)(\d+)/, Pt = (e, o) => {
   const t = k(o, "autoplay", !1), l = k(o, "controls", !1), r = k(o, "loop", !1), n = t || k(o, "muted", !0);
-  if (A.test(e)) {
-    const a = e.match(A);
+  if (R.test(e)) {
+    const a = e.match(R);
     if (a) {
       const s = a[4];
       let c = `https://www.youtube.com/embed/${s}`, y = t ? "autoplay=1" : "";
       return y += r ? `&loop=1&playlist=${s}` : "", y += n ? "&mute=1&muted=1" : "", y += l ? "&controls=1" : "&controls=0", `${c}?${y}`;
     }
   }
-  if (E.test(e)) {
-    const a = e.match(E);
+  if (A.test(e)) {
+    const a = e.match(A);
     if (a) {
       const s = a[1];
       let c = "";
@@ -1684,18 +1685,18 @@ const ct = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAwIiBoZWlnaHQ9IjQwMCIgeG
     }
   }
   return null;
-}, Bt = (e) => {
-  const { url: o, blockProps: t, styles: l, controls: r, videoSource: n, inBuilder: a, title: s } = e, c = Lt(o, r);
-  return /* @__PURE__ */ h("div", { ...z(l, "className"), className: "relative w-full overflow-hidden", style: { paddingBottom: "56.25%" }, children: [
-    !c && a ? /* @__PURE__ */ i("div", { className: "absolute flex h-full w-full items-center justify-center bg-gray-300 text-center", children: w(o) ? `Provided ${n} video link in settings Video URL.` : `Provided ${n} video link is invalid.` }) : /* @__PURE__ */ i("iframe", { width: "100%", src: c, title: s || "Video player", ...F(l, "className") }),
+}, Lt = (e) => {
+  const { url: o, blockProps: t, styles: l, controls: r, videoSource: n, inBuilder: a, title: s } = e, c = Pt(o, r);
+  return /* @__PURE__ */ h("div", { ...E(l, "className"), className: "relative w-full overflow-hidden", style: { paddingBottom: "56.25%" }, children: [
+    !c && a ? /* @__PURE__ */ i("div", { className: "absolute flex h-full w-full items-center justify-center bg-gray-300 text-center", children: w(o) ? `Provided ${n} video link in settings Video URL.` : `Provided ${n} video link is invalid.` }) : /* @__PURE__ */ i("iframe", { width: "100%", src: c ?? "", title: s || "Video player", ...M(l, "className") }),
     a && /* @__PURE__ */ i("div", { ...t, className: "absolute top-0 h-full w-full" })
   ] });
-}, St = (e) => {
+}, Bt = (e) => {
   const { url: o, styles: t, controls: l, sources: r, poster: n, blockProps: a, title: s } = e;
   let c = n;
   const y = [...k(r, "srcsets", []) || []];
-  o && typeof o == "string" && y.push({ url: o, width: "9999" });
-  const g = y.sort((f, m) => parseInt(f.width) - parseInt(m.width)).filter((f) => !w(f.url) && !w(f.width));
+  o && typeof o == "string" && y.push({ url: o, width: 9999 });
+  const g = y.sort((f, m) => f.width - m.width).filter((f) => !w(f.url) && !w(f.width));
   g.length === 0 && !c && (c = "https://placehold.co/300x200/EEE/ccc?text=Choose%20Video");
   const v = k(l, "autoplay", !1) || k(l, "muted", !0);
   return (c || !w(g)) && /* @__PURE__ */ i("div", { className: "relative w-full overflow-hidden", style: { paddingBottom: "56.25%" }, children: /* @__PURE__ */ x(
@@ -1718,21 +1719,21 @@ const ct = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAwIiBoZWlnaHQ9IjQwMCIgeG
     }),
     "Your browser does not support the video tag."
   ) });
-}, Nt = (e) => {
+}, St = (e) => {
   const { videoSource: o } = e;
-  return o === "Custom" ? /* @__PURE__ */ i(St, { ...e }) : o === "Youtube" || o === "Vimeo" ? /* @__PURE__ */ i(Bt, { ...e }) : /* @__PURE__ */ h("div", { children: [
+  return o === "Custom" ? /* @__PURE__ */ i(Bt, { ...e }) : o === "Youtube" || o === "Vimeo" ? /* @__PURE__ */ i(Lt, { ...e }) : /* @__PURE__ */ h("div", { children: [
     "Invalid video source : ",
     o
   ] });
-}, _t = {
+}, Nt = {
   type: "Video",
   label: "Video",
   category: "core",
-  icon: pe,
+  icon: ce,
   group: "media",
-  ...p({
+  ...u({
     properties: {
-      styles: u("absolute h-full w-full object-cover"),
+      styles: d("absolute h-full w-full object-cover"),
       videoSource: {
         type: "string",
         default: "Custom",
@@ -1768,7 +1769,7 @@ const ct = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAwIiBoZWlnaHQ9IjQwMCIgeG
               type: "object",
               default: { srcsets: [] }
             },
-            controls: { ...S }
+            controls: { ...B }
           }
         }
       },
@@ -1785,7 +1786,7 @@ const ct = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAwIiBoZWlnaHQ9IjQwMCIgeG
               title: "Youtube Video URL",
               default: ""
             },
-            controls: { ...S }
+            controls: { ...B }
           }
         }
       },
@@ -1802,7 +1803,7 @@ const ct = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAwIiBoZWlnaHQ9IjQwMCIgeG
               title: "Vimeo Video URL",
               default: ""
             },
-            controls: { ...S }
+            controls: { ...B }
           }
         }
       }
@@ -1814,15 +1815,15 @@ const ct = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAwIiBoZWlnaHQ9IjQwMCIgeG
     }
   }),
   i18nProps: ["url", "title"]
-}, Tt = (e) => {
-  const { paginationStyles: o } = e, t = U("Pagination");
-  return /* @__PURE__ */ i("div", { ...o, children: t ? b.createElement(t.component, { ...z(e, ["paginationStyles"]), blockProps: {} }) : /* @__PURE__ */ h(N, { children: [
+}, _t = (e) => {
+  const { paginationStyles: o } = e, t = ue("Pagination");
+  return /* @__PURE__ */ i("div", { ...o, children: t ? b.createElement(t.component, { ...E(e, ["paginationStyles"]), blockProps: {} }) : /* @__PURE__ */ h(S, { children: [
     /* @__PURE__ */ i(
       "button",
       {
         className: "flex h-9 w-9 items-center justify-center rounded-md border border-gray-300 bg-white hover:bg-gray-50 disabled:cursor-not-allowed disabled:opacity-50",
         disabled: !0,
-        children: /* @__PURE__ */ i(ue, { className: "h-4 w-4" })
+        children: /* @__PURE__ */ i(de, { className: "h-4 w-4" })
       }
     ),
     /* @__PURE__ */ i("button", { className: "flex h-9 w-9 items-center justify-center rounded-md border border-blue-500 bg-blue-500 font-medium text-white", children: "1" }),
@@ -1830,15 +1831,15 @@ const ct = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAwIiBoZWlnaHQ9IjQwMCIgeG
     /* @__PURE__ */ i("button", { className: "flex h-9 w-9 items-center justify-center rounded-md border border-gray-300 bg-white font-medium text-gray-700 hover:bg-gray-50", children: "3" }),
     /* @__PURE__ */ i("button", { className: "flex h-9 w-9 items-center justify-center rounded-md border border-gray-300 bg-white font-medium text-gray-700 hover:bg-gray-50", children: "4" }),
     /* @__PURE__ */ i("button", { className: "flex h-9 w-9 items-center justify-center rounded-md border border-gray-300 bg-white font-medium text-gray-700 hover:bg-gray-50", children: "5" }),
-    /* @__PURE__ */ i("button", { className: "flex h-9 w-9 items-center justify-center rounded-md border border-gray-300 bg-white hover:bg-gray-50", children: /* @__PURE__ */ i(me, { className: "h-4 w-4" }) })
+    /* @__PURE__ */ i("button", { className: "flex h-9 w-9 items-center justify-center rounded-md border border-gray-300 bg-white hover:bg-gray-50", children: /* @__PURE__ */ i(pe, { className: "h-4 w-4" }) })
   ] }) });
-}, Rt = (e) => {
+}, Tt = (e) => {
   const { children: o, tag: t, styles: l, blockProps: r, $loading: n } = e, { pagination: a, inBuilder: s } = e;
   let c = o;
   return w(c) && s && (c = /* @__PURE__ */ i("div", { className: "col-span-3 flex items-center justify-center bg-orange-50 p-5 text-sm text-muted-foreground", children: "Choose a collection to display items" })), t === "none" ? n && s ? Array.from({ length: 2 }).map((y, g) => /* @__PURE__ */ h("div", { className: "animate-pulse rounded-md bg-primary/10 p-5", children: [
     /* @__PURE__ */ i("div", { className: "h-6 w-1/2 rounded-md bg-primary/10" }),
     /* @__PURE__ */ i("div", { className: "mt-2 h-4 w-1/2 rounded-md bg-primary/10" })
-  ] }, g)) : c : /* @__PURE__ */ h(N, { children: [
+  ] }, g)) : c : /* @__PURE__ */ h(S, { children: [
     b.createElement(
       t,
       { ...r, ...l },
@@ -1848,9 +1849,9 @@ const ct = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAwIiBoZWlnaHQ9IjQwMCIgeG
       ] }, g)) : c
     ),
     a && /* @__PURE__ */ i(
-      Tt,
+      _t,
       {
-        ...F(e, [
+        ...M(e, [
           "limit",
           "totalItems",
           "paginationStrategy",
@@ -1862,10 +1863,10 @@ const ct = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAwIiBoZWlnaHQ9IjQwMCIgeG
       }
     )
   ] });
-}, At = {
+}, Rt = {
   type: "Repeater",
   label: "Repeater",
-  icon: V,
+  icon: z,
   group: "basic",
   description: "Repeater block is used to display a list of items based on data binding in repeaterItems",
   dataProviderMode: "live",
@@ -1874,10 +1875,10 @@ const ct = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAwIiBoZWlnaHQ9IjQwMCIgeG
     { _id: "A", _type: "Repeater", tag: "ul" },
     { _id: "B", _name: "Repeater Item", _type: "RepeaterItem", parentTag: "ul", _parent: "A" }
   ],
-  ...p({
+  ...u({
     properties: {
-      styles: L("grid gap-4 md:grid-cols-2 xl:grid-cols-3"),
-      paginationStyles: L("flex items-center justify-center gap-2 p-4"),
+      styles: d("grid gap-4 md:grid-cols-2 xl:grid-cols-3"),
+      paginationStyles: d("flex items-center justify-center gap-2 p-4"),
       repeaterItems: {
         title: "Collection",
         type: "string",
@@ -1957,7 +1958,7 @@ const ct = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAwIiBoZWlnaHQ9IjQwMCIgeG
     ]
   }),
   canAcceptBlock: (e) => e === "Pagination"
-}, Et = ({
+}, At = ({
   children: e,
   blockProps: o,
   styles: t,
@@ -1980,40 +1981,40 @@ const ct = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAwIiBoZWlnaHQ9IjQwMCIgeG
     { ...o, ...t },
     /* @__PURE__ */ i("div", { className: "col-span-3 flex items-center justify-center bg-orange-50 p-5 text-sm text-muted-foreground", children: "Add children to repeater item" })
   ) : b.createElement(n, { ...o, ...t }, e);
-}, Mt = {
+}, Et = {
   type: "RepeaterItem",
   label: "Repeater Item",
-  icon: V,
+  icon: z,
   hidden: !0,
   group: "basic",
-  ...p({
+  ...u({
     properties: {
-      styles: L(""),
-      parentTag: Z("Repeater", "tag")
+      styles: d(""),
+      parentTag: me("Repeater", "tag")
     }
   }),
   canAcceptBlock: (e) => e !== "RepeaterItem",
   canDelete: () => !1,
   canMove: () => !1,
   canDuplicate: () => !1
-}, Ht = ({
+}, Mt = ({
   children: e,
   blockProps: o,
   styles: t
-}) => b.createElement("div", { ...o, ...t }, e), $t = {
+}) => b.createElement("div", { ...o, ...t }, e), Ht = {
   type: "RepeaterEmptyState",
   label: "Empty State",
   hidden: !0,
   group: "basic",
-  ...p({
-    properties: { styles: L("p-5 flex items-center justify-center") }
+  ...u({
+    properties: { styles: d("p-5 flex items-center justify-center") }
   }),
   canAcceptBlock: () => !0,
   canDelete: () => !1,
   canMove: () => !1,
   canDuplicate: () => !1
 }, Zt = () => {
-  d(ge, be), d(Me, He), d(fe, he), d(et, tt), d(ht, kt), d(vt, Ct), d(xt, wt), d(ut, mt), d(yt, gt), d(bt, ft), d(Pe, Le), d(dt, pt), d(Nt, _t), d(ke, xe), d(we, ve), d(It, Pt), d(De, Ve), d(ze, Fe), d(Ze, qe), d($e, je), d(Oe, Ye), d(Qe, Je), d(Xe, Ke), d(Ge, We), d(ot, lt), d(Ae, Ee), d(Ce, Ie), d(Be, Se), d(Te, Re), d(Ne, _e), d(Rt, At), d(Et, Mt), d(Ht, $t);
+  p(ye, ge), p(Ee, Me), p(be, fe), p(Ke, et), p(ft, ht), p(wt, vt), p(kt, xt), p(pt, ut), p(mt, yt), p(gt, bt), p(Ie, Pe), p(ct, dt), p(St, Nt), p(he, ke), p(xe, we), p(Ct, It), p(je, De), p(Ve, ze), p(Ue, Ze), p(He, $e), p(We, Oe), p(Ye, Qe), p(Je, Xe), p(qe, Ge), p(tt, ot), p(Re, Ae), p(ve, Ce), p(Le, Be), p(_e, Te), p(Se, Ne), p(Tt, Rt), p(At, Et), p(Mt, Ht);
 };
 export {
   Zt as loadWebBlocks