@chaibuilder/sdk 4.0.0-beta.3 → 4.0.0-beta.31

package/dist/web-blocks.js

@@ -1,26 +1,26 @@
-import { jsx as i, jsxs as h, Fragment as N } from "react/jsx-runtime";
-import { r as p, S as u, s as L } from "./index-Dxfyt4d4.js";
-import { c as _, g as I } from "./common-functions-D2lMFR6K.js";
+import { isEmpty as w, get as C, 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 { registerChaiBlockProps as u, stylesProp as p } 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 U, RowsIcon as j, LayoutIcon as Z, DividerHorizontalIcon as q, CheckboxIcon as G, FileTextIcon as W, InputIcon as D, 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 V } from "@radix-ui/react-icons";
-import { isEmpty as w, get as k, map as R, isNull as ue, omit as z, pick as F } from "lodash-es";
-import { r as d, e as me, c as ye } from "./core-yvI6kCyw.js";
-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 pe, ChevronRightIcon as de, LoopIcon as z } from "@radix-ui/react-icons";
+import { r as d, e as ue, c as me } from "./core-QlWEXm1d.js";
+const v = ({ 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 }));
+  r || (s = /* @__PURE__ */ i(v, { 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({
+  props: u({
     properties: {
-      styles: u(""),
+      styles: p(""),
       tag: {
         type: "string",
         default: "div",
@@ -54,15 +54,15 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
     }
   }),
   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: g } = e, m = l, k = a || /* @__PURE__ */ h(S, { children: [
     r && /* @__PURE__ */ i("span", { children: r }),
-    g && /* @__PURE__ */ i(
+    m && /* @__PURE__ */ i(
       "div",
       {
         style: { width: t + "px" },
         className: s + " " + (r ? s === "order-first" ? "mr-2" : "ml-2" : "") || "",
-        dangerouslySetInnerHTML: { __html: g }
+        dangerouslySetInnerHTML: { __html: m }
       }
     )
   ] }), f = x(
@@ -73,19 +73,19 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
       type: "button",
       "aria-label": r
     },
-    v
+    k
   );
-  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 = {
+  return w(C(c, "href")) ? f : g ? /* @__PURE__ */ i("span", { children: f }) : /* @__PURE__ */ i("a", { "aria-label": r, href: C(c, "href") || "/", target: C(c, "target", "_self"), children: f });
+}, fe = {
   type: "Button",
   description: "similar to a button element in HTML",
   label: "Button",
   category: "core",
-  icon: M,
+  icon: H,
   group: "basic",
-  ...p({
+  props: u({
     properties: {
-      styles: u("text-primary-foreground bg-primary px-4 py-2 rounded-lg flex items-center"),
+      styles: p("text-primary-foreground bg-primary px-4 py-2 rounded-lg flex items-center"),
       content: {
         type: "string",
         title: "Button label",
@@ -132,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,
@@ -145,16 +145,16 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
     ...t,
     dangerouslySetInnerHTML: { __html: l }
   });
-}, xe = {
+}, Ce = {
   type: "CustomHTML",
   description: "similar to a div or section elements in HTML",
   label: "Custom HTML",
   category: "core",
-  icon: H,
+  icon: $,
   group: "advanced",
-  ...p({
+  props: u({
     properties: {
-      styles: u(""),
+      styles: p(""),
       htmlCode: {
         type: "string",
         default: "<div><p>Enter your HTML code here...</p></div>",
@@ -163,18 +163,18 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
     }
   }),
   i18nProps: ["htmlCode"]
-}, we = (e) => {
+}, ke = (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 } });
+}, xe = {
   type: "CustomScript",
   description: "similar to a script element in HTML",
   label: "Custom Script",
   category: "core",
-  icon: H,
+  icon: $,
   hidden: !0,
   group: "advanced",
-  ...p({
+  props: u({
     properties: {
       scripts: {
         type: "string",
@@ -185,7 +185,7 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
       }
     }
   })
-}, Ce = (e) => {
+}, we = (e) => {
   const { blockProps: o, inBuilder: t, children: l, globalBlock: r } = e;
   return t && !r ? /* @__PURE__ */ h(
     "div",
@@ -201,15 +201,15 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
       ]
     }
   ) : b.createElement("span", { ...o }, l);
-}, Ie = {
+}, ve = {
   type: "GlobalBlock",
   description: "A global block component",
   label: "Global Block",
-  icon: $,
+  icon: j,
   category: "core",
   group: "basic",
   hidden: !0,
-  ...p({
+  props: u({
     properties: {
       globalBlock: {
         type: "string",
@@ -219,13 +219,13 @@ 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" });
+    return /* @__PURE__ */ i(v, { inBuilder: n, className: "h-8 w-14" });
   const c = t.replace(/<svg /g, '<svg class="w-[inherit] h-[inherit]" ');
   return b.createElement("span", {
     ...o,
@@ -236,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: U,
   group: "media",
-  ...p({
+  props: u({
     properties: {
-      styles: u(""),
+      styles: p(""),
       icon: {
         type: "string",
         title: "Icon",
@@ -264,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",
@@ -280,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({
+  props: u({
     properties: {
       partialBlockId: {
         type: "string",
@@ -298,7 +298,7 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
       }
     }
   })
-}, B = {
+}, L = {
   SMALL: {
     1: "col-span-1",
     2: "col-span-2",
@@ -341,15 +341,15 @@ 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], "") : ""
+    C(l, "className", ""),
+    C(L, ["SMALL", isNaN(r) || !r ? 6 : r], ""),
+    n ? C(L, ["MEDIUM", n || r], "") : "",
+    a ? C(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",
@@ -361,9 +361,9 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
   canDelete: () => !0,
   canAcceptBlock: () => !0,
   canBeNested: (e) => e === "Row",
-  ...p({
+  props: u({
     properties: {
-      styles: u(""),
+      styles: p(""),
       colSpan: {
         type: "number",
         title: "Column Span",
@@ -386,15 +386,15 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
       }
     }
   })
-}, Te = (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 = {
+}, _e = (e) => {
+  const { blockProps: o, children: t, styles: l, gutter: r } = e, a = { className: [C(l, "className", ""), " grid grid-cols-12"].join() };
+  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" },
@@ -404,9 +404,9 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
   category: "core",
   wrapper: !0,
   canAcceptBlock: (e) => e === "Column",
-  ...p({
+  props: u({
     properties: {
-      styles: u(""),
+      styles: p(""),
       colCount: {
         type: "number",
         default: 2,
@@ -421,34 +421,34 @@ 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: q,
   group: "basic",
-  ...p({
+  props: u({
     properties: {
-      styles: u("bg-gray-900 h-0.5 py-2 my-1")
+      styles: p("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({
+  props: u({
     properties: {
-      styles: u(""),
+      styles: p(""),
       backgroundImage: {
         type: "string",
         title: "Background Image",
@@ -457,7 +457,7 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
       }
     }
   })
-}, $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 }),
@@ -474,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: G,
   group: "form",
-  ...p({
+  props: u({
     properties: {
-      styles: u("flex items-center gap-x-2"),
-      inputStyles: u(""),
+      styles: p("flex items-center gap-x-2"),
+      inputStyles: p(""),
       fieldName: {
         type: "string",
         title: "Field Name",
@@ -513,10 +513,10 @@ 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(
+  return o || (c = /* @__PURE__ */ i(v, { inBuilder: s })), /* @__PURE__ */ h(
     "form",
     {
       ...{
@@ -538,7 +538,7 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
       ]
     }
   );
-}, Ve = {
+}, De = {
   type: "Form",
   label: "Form",
   category: "core",
@@ -554,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({
+  props: u({
     properties: {
-      styles: u(""),
+      styles: p(""),
       action: {
         type: "string",
         title: "Submit URL",
@@ -579,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,
@@ -592,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({
+  props: u({
     properties: {
-      styles: u(
+      styles: p(
         "text-white bg-primary disabled:bg-gray-400 px-4 py-2 rounded-global flex items-center gap-x-2"
       ),
       label: {
@@ -631,75 +631,75 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
   }),
   i18nProps: ["label"],
   aiProps: ["label"]
-}, Ue = (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" } : {
+}, 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
-    off: { type: "text", autocomplete: "off" },
-    on: { type: "text", autocomplete: "on" },
+    off: { type: "text", autoComplete: "off" },
+    on: { type: "text", autoComplete: "on" },
     // Name related
-    name: { type: "text", autocomplete: "name" },
-    "honorific-prefix": { type: "text", autocomplete: "honorific-prefix" },
-    "given-name": { type: "text", autocomplete: "given-name" },
-    "additional-name": { type: "text", autocomplete: "additional-name" },
-    "family-name": { type: "text", autocomplete: "family-name" },
-    "honorific-suffix": { type: "text", autocomplete: "honorific-suffix" },
-    nickname: { type: "text", autocomplete: "nickname" },
-    firstName: { type: "text", autocomplete: "given-name" },
-    lastName: { type: "text", autocomplete: "family-name" },
+    name: { type: "text", autoComplete: "name" },
+    "honorific-prefix": { type: "text", autoComplete: "honorific-prefix" },
+    "given-name": { type: "text", autoComplete: "given-name" },
+    "additional-name": { type: "text", autoComplete: "additional-name" },
+    "family-name": { type: "text", autoComplete: "family-name" },
+    "honorific-suffix": { type: "text", autoComplete: "honorific-suffix" },
+    nickname: { type: "text", autoComplete: "nickname" },
+    firstName: { type: "text", autoComplete: "given-name" },
+    lastName: { type: "text", autoComplete: "family-name" },
     // Contact related
-    email: { type: "email", autocomplete: "email" },
-    tel: { type: "tel", autocomplete: "tel" },
-    "tel-country-code": { type: "tel", autocomplete: "tel-country-code" },
-    "tel-national": { type: "tel", autocomplete: "tel-national" },
-    "tel-area-code": { type: "tel", autocomplete: "tel-area-code" },
-    "tel-local": { type: "tel", autocomplete: "tel-local" },
-    "tel-extension": { type: "tel", autocomplete: "tel-extension" },
+    email: { type: "email", autoComplete: "email" },
+    tel: { type: "tel", autoComplete: "tel" },
+    "tel-country-code": { type: "tel", autoComplete: "tel-country-code" },
+    "tel-national": { type: "tel", autoComplete: "tel-national" },
+    "tel-area-code": { type: "tel", autoComplete: "tel-area-code" },
+    "tel-local": { type: "tel", autoComplete: "tel-local" },
+    "tel-extension": { type: "tel", autoComplete: "tel-extension" },
     // Address related
-    "street-address": { type: "text", autocomplete: "street-address" },
-    "address-line1": { type: "text", autocomplete: "address-line1" },
-    "address-line2": { type: "text", autocomplete: "address-line2" },
-    "address-line3": { type: "text", autocomplete: "address-line3" },
-    "address-level1": { type: "text", autocomplete: "address-level1" },
-    "address-level2": { type: "text", autocomplete: "address-level2" },
-    "address-level3": { type: "text", autocomplete: "address-level3" },
-    "address-level4": { type: "text", autocomplete: "address-level4" },
-    country: { type: "text", autocomplete: "country" },
-    "country-name": { type: "text", autocomplete: "country-name" },
-    "postal-code": { type: "text", autocomplete: "postal-code" },
+    "street-address": { type: "text", autoComplete: "street-address" },
+    "address-line1": { type: "text", autoComplete: "address-line1" },
+    "address-line2": { type: "text", autoComplete: "address-line2" },
+    "address-line3": { type: "text", autoComplete: "address-line3" },
+    "address-level1": { type: "text", autoComplete: "address-level1" },
+    "address-level2": { type: "text", autoComplete: "address-level2" },
+    "address-level3": { type: "text", autoComplete: "address-level3" },
+    "address-level4": { type: "text", autoComplete: "address-level4" },
+    country: { type: "text", autoComplete: "country" },
+    "country-name": { type: "text", autoComplete: "country-name" },
+    "postal-code": { type: "text", autoComplete: "postal-code" },
     // Credit card related
-    "cc-name": { type: "text", autocomplete: "cc-name" },
-    "cc-given-name": { type: "text", autocomplete: "cc-given-name" },
-    "cc-additional-name": { type: "text", autocomplete: "cc-additional-name" },
-    "cc-family-name": { type: "text", autocomplete: "cc-family-name" },
-    "cc-number": { type: "text", autocomplete: "cc-number" },
-    "cc-exp": { type: "text", autocomplete: "cc-exp" },
-    "cc-exp-month": { type: "number", autocomplete: "cc-exp-month" },
-    "cc-exp-year": { type: "number", autocomplete: "cc-exp-year" },
-    "cc-csc": { type: "text", autocomplete: "cc-csc" },
-    "cc-type": { type: "text", autocomplete: "cc-type" },
+    "cc-name": { type: "text", autoComplete: "cc-name" },
+    "cc-given-name": { type: "text", autoComplete: "cc-given-name" },
+    "cc-additional-name": { type: "text", autoComplete: "cc-additional-name" },
+    "cc-family-name": { type: "text", autoComplete: "cc-family-name" },
+    "cc-number": { type: "text", autoComplete: "cc-number" },
+    "cc-exp": { type: "text", autoComplete: "cc-exp" },
+    "cc-exp-month": { type: "number", autoComplete: "cc-exp-month" },
+    "cc-exp-year": { type: "number", autoComplete: "cc-exp-year" },
+    "cc-csc": { type: "text", autoComplete: "cc-csc" },
+    "cc-type": { type: "text", autoComplete: "cc-type" },
     // Date related
-    bday: { type: "date", autocomplete: "bday" },
-    "bday-day": { type: "number", autocomplete: "bday-day" },
-    "bday-month": { type: "number", autocomplete: "bday-month" },
-    "bday-year": { type: "number", autocomplete: "bday-year" },
+    bday: { type: "date", autoComplete: "bday" },
+    "bday-day": { type: "number", autoComplete: "bday-day" },
+    "bday-month": { type: "number", autoComplete: "bday-month" },
+    "bday-year": { type: "number", autoComplete: "bday-year" },
     // Login related
-    username: { type: "text", autocomplete: "username" },
-    "new-password": { type: "password", autocomplete: "new-password" },
-    "current-password": { type: "password", autocomplete: "current-password" },
-    "one-time-code": { type: "text", autocomplete: "one-time-code" },
+    username: { type: "text", autoComplete: "username" },
+    "new-password": { type: "password", autoComplete: "new-password" },
+    "current-password": { type: "password", autoComplete: "current-password" },
+    "one-time-code": { type: "text", autoComplete: "one-time-code" },
     // Transaction related
-    "transaction-currency": { type: "text", autocomplete: "transaction-currency" },
-    "transaction-amount": { type: "number", autocomplete: "transaction-amount" },
+    "transaction-currency": { type: "text", autoComplete: "transaction-currency" },
+    "transaction-amount": { type: "number", autoComplete: "transaction-amount" },
     // Other
-    url: { type: "url", autocomplete: "url" },
-    photo: { type: "url", autocomplete: "photo" },
-    sex: { type: "text", autocomplete: "sex" },
-    "organization-title": { type: "text", autocomplete: "organization-title" },
-    organization: { type: "text", autocomplete: "organization" },
-    language: { type: "text", autocomplete: "language" }
+    url: { type: "url", autoComplete: "url" },
+    photo: { type: "url", autoComplete: "photo" },
+    sex: { type: "text", autoComplete: "sex" },
+    "organization-title": { type: "text", autoComplete: "organization-title" },
+    organization: { type: "text", autoComplete: "organization" },
+    language: { type: "text", autoComplete: "language" }
   }[e] || o : o;
-}, Ze = (e) => {
+}, Ue = (e) => {
   const {
     blockProps: o,
     fieldName: t,
@@ -709,21 +709,22 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
     inputStyles: a,
     showLabel: s,
     required: c,
-    inputType: y,
-    defaultValue: g
-  } = e, { type: v, autocomplete: f } = Ue(y);
+    inputType: g,
+    defaultValue: m
+  } = e, { type: k, autoComplete: f } = Fe(g);
   return s ? /* @__PURE__ */ h("div", { ...n, ...o, children: [
     s && /* @__PURE__ */ i("label", { htmlFor: t, children: l }),
     /* @__PURE__ */ i(
       "input",
       {
         name: t,
-        defaultValue: g,
+        defaultValue: m,
         ...a,
-        type: v,
+        type: k,
         placeholder: r,
         required: c,
-        autoComplete: f
+        autoComplete: f,
+        ...k === "hidden" && m ? { value: m } : {}
       }
     )
   ] }) : /* @__PURE__ */ i(
@@ -733,23 +734,24 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
       ...o,
       ...a,
       ...n,
-      type: v,
+      type: k,
       placeholder: r,
       required: c,
       autoComplete: f,
-      defaultValue: g
+      defaultValue: m,
+      ...k === "hidden" && m ? { value: m } : {}
     }
   );
-}, qe = {
+}, Ze = {
   type: "Input",
   label: "web_blocks.input",
   category: "core",
-  icon: D,
+  icon: V,
   group: "form",
-  ...p({
+  props: u({
     properties: {
-      styles: u(""),
-      inputStyles: u("w-full p-1"),
+      styles: p(""),
+      inputStyles: p("w-full p-1"),
       fieldName: {
         type: "string",
         title: "Field Name",
@@ -855,21 +857,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: O,
   group: "form",
-  ...p({
+  props: u({
     properties: {
-      styles: u(),
+      styles: p(),
       content: {
         type: "string",
         title: "Content",
@@ -879,7 +881,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 }),
@@ -896,16 +898,16 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
       checked: s
     }
   );
-}, Ye = {
+}, Oe = {
   type: "Radio",
   label: "web_blocks.radio",
   category: "core",
   icon: Y,
   group: "form",
-  ...p({
+  props: u({
     properties: {
-      styles: u("flex items-center gap-x-2"),
-      inputStyles: u(""),
+      styles: p("flex items-center gap-x-2"),
+      inputStyles: p(""),
       fieldName: {
         type: "string",
         title: "Field Name",
@@ -935,7 +937,7 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
   }),
   aiProps: ["label"],
   i18nProps: ["label"]
-}, Qe = (e) => {
+}, Ye = (e) => {
   const {
     blockProps: o,
     fieldName: t,
@@ -945,10 +947,10 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
     inputStyles: a,
     required: s,
     showLabel: c,
-    _multiple: y,
-    options: g,
-    defaultValue: v
-  } = e, f = y && v ? v.split(",").map((m) => m.trim()) : v || "";
+    _multiple: g,
+    options: m,
+    defaultValue: k
+  } = e, f = g && k ? k.split(",").map((y) => y.trim()) : k || "";
   return c ? /* @__PURE__ */ h("div", { ...n, ...o, children: [
     c && /* @__PURE__ */ i("label", { htmlFor: t, children: l }),
     /* @__PURE__ */ h(
@@ -956,12 +958,12 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
       {
         ...a,
         required: s,
-        multiple: y,
+        multiple: g,
         name: t,
         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(m, (y) => /* @__PURE__ */ i("option", { value: y == null ? void 0 : y.value, children: y == null ? void 0 : y.label }, y == null ? void 0 : y.value))
         ]
       }
     )
@@ -971,25 +973,25 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
       ...n,
       ...o,
       required: s,
-      multiple: y,
+      multiple: g,
       name: t,
       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(m, (y) => /* @__PURE__ */ i("option", { value: y == null ? void 0 : y.value, children: y == null ? void 0 : y.label }, y == null ? void 0 : y.value))
       ]
     }
   );
-}, Je = {
+}, Qe = {
   type: "Select",
   label: "web_blocks.select",
   category: "core",
   icon: Q,
   group: "form",
-  ...p({
+  props: u({
     properties: {
-      styles: u(""),
-      inputStyles: u("w-full p-1"),
+      styles: p(""),
+      inputStyles: p("w-full p-1"),
       fieldName: {
         type: "string",
         title: "Field Name",
@@ -1049,8 +1051,8 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
   }),
   aiProps: ["label", "placeholder"],
   i18nProps: ["label", "placeholder"]
-}, Xe = (e) => {
-  const { blockProps: o, fieldName: t, label: l, placeholder: r, styles: n, inputStyles: a, rows: s, showLabel: c, required: y, defaultValue: g } = e;
+}, Je = (e) => {
+  const { blockProps: o, fieldName: t, label: l, placeholder: r, styles: n, inputStyles: a, rows: s, showLabel: c, required: g, defaultValue: m } = e;
   return c ? /* @__PURE__ */ h("div", { ...n, ...o, children: [
     c && /* @__PURE__ */ i("label", { htmlFor: t, children: l }),
     /* @__PURE__ */ i(
@@ -1060,8 +1062,8 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
         ...a,
         placeholder: r,
         rows: s,
-        required: y,
-        defaultValue: g
+        required: g,
+        defaultValue: m
       }
     )
   ] }) : /* @__PURE__ */ i(
@@ -1073,25 +1075,25 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
       ...n,
       placeholder: r,
       rows: s,
-      required: y,
-      defaultValue: g
+      required: g,
+      defaultValue: m
     }
   );
-}, Ke = {
+}, Xe = {
   type: "TextArea",
   label: "web_blocks.textarea",
   category: "core",
-  icon: D,
+  icon: V,
   group: "form",
-  ...p({
+  props: u({
     properties: {
       fieldName: {
         type: "string",
         title: "Field Name",
         default: "fieldName"
       },
-      styles: u(""),
-      inputStyles: u("w-full p-1"),
+      styles: p(""),
+      inputStyles: p("w-full p-1"),
       showLabel: {
         type: "boolean",
         title: "Show Label",
@@ -1128,21 +1130,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: J,
   group: "typography",
-  ...p({
+  props: u({
     properties: {
       tag: {
         type: "string",
@@ -1150,7 +1152,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: p("text-3xl"),
       content: {
         type: "string",
         default: "Heading goes here",
@@ -1162,110 +1164,110 @@ 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({
+  props: u({
     properties: {
-      styles: u("")
+      styles: p("")
     }
   }),
   canAcceptBlock: () => !0,
   canDelete: () => !1,
   canMove: () => !1,
   canDuplicate: () => !1
+}, lt = (e) => {
+  const { blockProps: o, children: t, styles: l } = e;
+  return t ? x("table", { ...o, ...l }, t) : /* @__PURE__ */ i(v, {});
 }, rt = (e) => {
   const { blockProps: o, children: t, styles: l } = e;
-  return t ? x("table", { ...o, ...l }, t) : /* @__PURE__ */ i(C, {});
+  return t ? x("thead", { ...o, ...l }, t) : /* @__PURE__ */ i(v, {});
 }, nt = (e) => {
   const { blockProps: o, children: t, styles: l } = e;
-  return t ? x("thead", { ...o, ...l }, t) : /* @__PURE__ */ i(C, {});
+  return t ? x("tbody", { ...o, ...l }, t) : /* @__PURE__ */ i(v, {});
 }, it = (e) => {
   const { blockProps: o, children: t, styles: l } = e;
-  return t ? x("tbody", { ...o, ...l }, t) : /* @__PURE__ */ i(C, {});
+  return t ? x("tr", { ...o, ...l }, t) : /* @__PURE__ */ i(v, {});
 }, at = (e) => {
-  const { blockProps: o, children: t, styles: l } = e;
-  return t ? x("tr", { ...o, ...l }, t) : /* @__PURE__ */ i(C, {});
-}, st = (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", {
+  return !t && w(l) ? /* @__PURE__ */ i(v, {}) : t ? x("td", { ...o, ...r }, t) : x("td", {
     ...o,
     ...r,
     dangerouslySetInnerHTML: { __html: l }
   });
 };
-d(rt, {
+d(lt, {
   type: "Table",
   label: "Table",
   category: "core",
   group: "table",
   hidden: !0,
   icon: X,
-  ...p({
+  props: u({
     properties: {
-      styles: u("")
+      styles: p("")
     }
   }),
   blocks: P("Table")
 });
-d(nt, {
+d(rt, {
   type: "TableHead",
   label: "Table Head",
   category: "core",
   group: "table",
   hidden: !0,
   icon: K,
-  ...p({
+  props: u({
     properties: {
-      styles: u("")
+      styles: p("")
     }
   }),
   blocks: P("TableHead")
 });
-d(it, {
+d(nt, {
   type: "TableBody",
   label: "Table Body",
   category: "core",
   group: "table",
   hidden: !0,
   icon: ee,
-  ...p({
+  props: u({
     properties: {
-      styles: u("")
+      styles: p("")
     }
   }),
   blocks: P("TableBody")
 });
-d(at, {
+d(it, {
   type: "TableRow",
   label: "Table Row",
   category: "core",
   group: "table",
   hidden: !0,
   icon: te,
-  ...p({
+  props: u({
     properties: {
-      styles: u("")
+      styles: p("")
     }
   }),
   blocks: P("TableRow")
 });
-d(st, {
+d(at, {
   type: "TableCell",
   label: "Table Cell",
   category: "core",
   group: "table",
   hidden: !0,
   icon: oe,
-  ...p({
+  props: u({
     properties: {
-      styles: u(""),
+      styles: p(""),
       content: {
         type: "string",
         default: "Heading goes here",
@@ -1321,10 +1323,10 @@ 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 { 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 }),
+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: g, mobileHeight: m } = e;
+  return w(t) ? /* @__PURE__ */ i(v, { className: "h-36" }) : /* @__PURE__ */ h("picture", { children: [
+    l && /* @__PURE__ */ i("source", { srcSet: l, media: "(max-width: 480px)", width: g, height: m }),
     /* @__PURE__ */ i(
       "img",
       {
@@ -1345,13 +1347,13 @@ const ct = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAwIiBoZWlnaHQ9IjQwMCIgeG
   category: "core",
   icon: le,
   group: "media",
-  ...p({
+  props: u({
     properties: {
-      styles: u("w-full h-full object-cover"),
+      styles: p("w-full h-full object-cover"),
       image: {
         type: "string",
         title: "Image",
-        default: ct,
+        default: st,
         ui: { "ui:widget": "image" }
       },
       width: {
@@ -1399,7 +1401,7 @@ const ct = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAwIiBoZWlnaHQ9IjQwMCIgeG
   }),
   aiProps: ["alt"],
   i18nProps: ["alt", "image", "_imageId", "mobileImage", "_mobileImageId"]
-}, ut = (e) => {
+}, dt = (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(
@@ -1422,16 +1424,16 @@ const ct = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAwIiBoZWlnaHQ9IjQwMCIgeG
     },
     a
   );
-}, mt = {
+}, ut = {
   type: "Link",
   description: "A link component",
   label: "Link",
   category: "core",
   icon: re,
   group: "basic",
-  ...p({
+  props: u({
     properties: {
-      styles: u("block"),
+      styles: p("block"),
       content: {
         type: "string",
         default: "Link text goes here",
@@ -1463,19 +1465,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 = {
+  return !t && w(l == null ? void 0 : l.className) ? /* @__PURE__ */ i(v, { inBuilder: n }) : b.createElement(r || "ul", { ...o, ...l }, t);
+}, yt = {
   type: "List",
   description: "A list component",
   label: "List",
-  icon: j,
+  icon: D,
   category: "core",
   group: "basic",
-  ...p({
+  props: u({
     properties: {
-      styles: u("")
+      styles: p("")
     }
   }),
   canAcceptBlock: (e) => e === "ListItem",
@@ -1503,23 +1505,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: ne,
   category: "core",
   group: "basic",
-  ...p({
+  props: u({
     properties: {
-      styles: u(""),
+      styles: p(""),
       content: {
         type: "string",
         default: "List item",
@@ -1534,25 +1536,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 (!ue(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: ie,
   group: "typography",
-  ...p({
+  props: u({
     properties: {
-      styles: u(""),
+      styles: p(""),
       content: {
         type: "string",
         title: "Content",
@@ -1564,10 +1566,10 @@ 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");
+}, Ct = (e) => {
+  const { blockProps: o, content: t, styles: l } = e, r = _(l, "rte");
   return /* @__PURE__ */ i("div", { ...o, ...r, dangerouslySetInnerHTML: { __html: t } });
-}, wt = {
+}, kt = {
   type: "RichText",
   description: "A rich text block",
   label: "Rich Text",
@@ -1575,9 +1577,9 @@ const ct = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAwIiBoZWlnaHQ9IjQwMCIgeG
   category: "core",
   icon: ae,
   group: "typography",
-  ...p({
+  props: u({
     properties: {
-      styles: u(""),
+      styles: p(""),
       content: {
         type: "string",
         title: "Content",
@@ -1588,22 +1590,22 @@ const ct = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAwIiBoZWlnaHQ9IjQwMCIgeG
   }),
   aiProps: ["content"],
   i18nProps: ["content"]
-}, vt = (e) => {
+}, xt = (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 = {
+}, wt = {
   type: "Span",
   description: "A span component",
   label: "Span",
   category: "core",
   group: "basic",
-  ...p({
+  props: u({
     properties: {
-      styles: u(""),
+      styles: p(""),
       content: {
         type: "string",
         title: "Content",
@@ -1615,7 +1617,7 @@ 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 = {
+}, vt = (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",
@@ -1623,9 +1625,9 @@ const ct = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAwIiBoZWlnaHQ9IjQwMCIgeG
   group: "typography",
   blocks: () => [{ _id: "a", _type: "Text", _name: "Text", content: "" }],
   icon: se,
-  ...p({
+  props: u({
     properties: {
-      styles: u("text-black"),
+      styles: p("text-black"),
       content: {
         title: "Content",
         type: "string",
@@ -1635,7 +1637,7 @@ const ct = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAwIiBoZWlnaHQ9IjQwMCIgeG
   }),
   aiProps: ["content"],
   i18nProps: ["content"]
-}, S = {
+}, B = {
   type: "object",
   title: "Controls",
   default: {
@@ -1666,74 +1668,82 @@ 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) => {
-  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);
+}, 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 = C(o, "autoplay", !1), l = C(o, "controls", !1), r = C(o, "loop", !1), n = t || C(o, "muted", !0);
+  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}`;
+      const s = a[4], c = `https://www.youtube.com/embed/${s}`, g = [];
+      return t && g.push("autoplay=1"), r && g.push("loop=1", `playlist=${s}`), n && g.push("mute=1", "muted=1"), g.push(l ? "controls=1" : "controls=0"), `${c}?${g.join("&")}`;
     }
   }
-  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 = "";
-      return c += t ? "autoplay=1" : "", c += l ? "&controls=1" : "&controls=0", c += n ? "&muted=1" : "", c += r ? "&loop=1" : "", `https://player.vimeo.com/video/${s}?${c}`;
+      const s = a[1], c = [];
+      return t && c.push("autoplay=1"), c.push(l ? "controls=1" : "controls=0"), n && c.push("muted=1"), r && c.push("loop=1"), `https://player.vimeo.com/video/${s}?${c.join("&")}`;
     }
   }
   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",
+      {
+        className: `absolute left-0 top-0 h-full w-full ${M(l, "className").className || ""}`,
+        src: c ?? "",
+        title: s || "Video player",
+        loading: "lazy",
+        allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",
+        allowFullScreen: !0
+      }
+    ),
     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));
-  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(
+  const g = [...C(r, "srcsets", []) || []];
+  o && typeof o == "string" && g.push({ url: o, width: 9999 });
+  const m = g.sort((f, y) => f.width - y.width).filter((f) => !w(f.url) && !w(f.width));
+  m.length === 0 && !c && (c = "https://placehold.co/300x200/EEE/ccc?text=Choose%20Video");
+  const k = C(l, "autoplay", !1) || C(l, "muted", !0);
+  return (c || !w(m)) && /* @__PURE__ */ i("div", { className: "relative w-full overflow-hidden", style: { paddingBottom: "56.25%" }, children: /* @__PURE__ */ x(
     "video",
     {
       ...t,
       ...a,
       title: s || "Video player",
-      key: JSON.stringify(g),
-      controls: k(l, "controls", !1),
-      autoPlay: k(l, "autoplay", !1),
-      loop: k(l, "loop", !1),
+      key: JSON.stringify(m),
+      controls: C(l, "controls", !1),
+      autoPlay: C(l, "autoplay", !1),
+      loop: C(l, "loop", !1),
       poster: c,
-      ...v ? { muted: !0 } : {}
+      ...k ? { muted: !0 } : {}
     },
-    g.map((f) => {
+    m.map((f) => {
       if (!f.url || f.url.length < 4 || isNaN(f.width)) return null;
-      const m = `(max-width: ${f.width}px)`;
-      return /* @__PURE__ */ i("source", { src: f.url, media: m, type: f.type }, f.url);
+      const y = `(max-width: ${f.width}px)`;
+      return /* @__PURE__ */ i("source", { src: f.url, media: y, type: f.type }, f.url);
     }),
     "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: ce,
   group: "media",
-  ...p({
+  props: u({
     properties: {
-      styles: u("absolute h-full w-full object-cover"),
+      styles: p("absolute h-full w-full object-cover"),
       videoSource: {
         type: "string",
         default: "Custom",
@@ -1769,7 +1779,7 @@ const ct = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAwIiBoZWlnaHQ9IjQwMCIgeG
               type: "object",
               default: { srcsets: [] }
             },
-            controls: { ...S }
+            controls: { ...B }
           }
         }
       },
@@ -1786,7 +1796,7 @@ const ct = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAwIiBoZWlnaHQ9IjQwMCIgeG
               title: "Youtube Video URL",
               default: ""
             },
-            controls: { ...S }
+            controls: { ...B }
           }
         }
       },
@@ -1803,7 +1813,7 @@ const ct = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAwIiBoZWlnaHQ9IjQwMCIgeG
               title: "Vimeo Video URL",
               default: ""
             },
-            controls: { ...S }
+            controls: { ...B }
           }
         }
       }
@@ -1815,15 +1825,15 @@ const ct = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAwIiBoZWlnaHQ9IjQwMCIgeG
     }
   }),
   i18nProps: ["url", "title"]
-}, Tt = (e) => {
-  const { paginationStyles: o } = e, t = me("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(de, { className: "h-4 w-4" })
+        children: /* @__PURE__ */ i(pe, { 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" }),
@@ -1831,27 +1841,27 @@ 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(pe, { 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(de, { 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: [
+  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((g, m) => /* @__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: [
+  ] }, m)) : c : /* @__PURE__ */ h(S, { children: [
     b.createElement(
       t,
       { ...r, ...l },
-      n && s ? Array.from({ length: 2 }).map((y, g) => /* @__PURE__ */ h("div", { className: "animate-pulse rounded-md bg-primary/10 p-5", children: [
+      n && s ? Array.from({ length: 2 }).map((g, m) => /* @__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
+      ] }, m)) : c
     ),
     a && /* @__PURE__ */ i(
-      Tt,
+      _t,
       {
-        ...F(e, [
+        ...M(e, [
           "limit",
           "totalItems",
           "paginationStrategy",
@@ -1863,10 +1873,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",
@@ -1875,10 +1885,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({
+  props: 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: p("grid gap-4 md:grid-cols-2 xl:grid-cols-3"),
+      paginationStyles: p("flex items-center justify-center gap-2 p-4"),
       repeaterItems: {
         title: "Collection",
         type: "string",
@@ -1926,8 +1936,7 @@ const ct = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAwIiBoZWlnaHQ9IjQwMCIgeG
               type: "string",
               title: "Pagination Strategy",
               default: "segment",
-              enum: ["query", "segment"],
-              enumNames: ["Query(/items?page=1)", "Segment(/items/1)"]
+              enum: ["query", "segment"]
             },
             limit: {
               type: "number",
@@ -1958,7 +1967,7 @@ const ct = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAwIiBoZWlnaHQ9IjQwMCIgeG
     ]
   }),
   canAcceptBlock: (e) => e === "Pagination"
-}, Et = ({
+}, At = ({
   children: e,
   blockProps: o,
   styles: t,
@@ -1981,41 +1990,41 @@ 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({
+  props: u({
     properties: {
-      styles: L(""),
-      parentTag: ye("Repeater", "tag")
+      styles: p(""),
+      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") }
+  props: u({
+    properties: { styles: p("p-5 flex items-center justify-center") }
   }),
   canAcceptBlock: () => !0,
   canDelete: () => !1,
   canMove: () => !1,
   canDuplicate: () => !1
-}, qt = () => {
-  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);
+}, Zt = () => {
+  d(ye, ge), d(Ee, Me), d(be, fe), d(Ke, et), d(ft, ht), d(xt, wt), d(Ct, kt), d(dt, ut), d(mt, yt), d(gt, bt), d(Ie, Pe), d(ct, pt), d(St, Nt), d(he, Ce), d(ke, xe), d(vt, It), d(je, De), d(Ve, ze), d(Ue, Ze), d(He, $e), d(We, Oe), d(Ye, Qe), d(Je, Xe), d(qe, Ge), d(tt, ot), d(Re, Ae), d(we, ve), d(Le, Be), d(_e, Te), d(Se, Ne), d(Tt, Rt), d(At, Et), d(Mt, Ht);
 };
 export {
-  qt as loadWebBlocks
+  Zt as loadWebBlocks
 };