@chaibuilder/sdk 2.0.0-beta.64 → 2.0.0-beta.66

package/dist/web-blocks.js

@@ -1,18 +1,18 @@
-import { registerChaiBlockSchema as p, StylesProp as d, registerChaiBlock as u, closestBlockProp as S, stylesProp as N, runtimeProp as z } from "@chaibuilder/runtime";
-import { j as o } from "./jsx-runtime-Drh4NO5G.js";
-import * as x from "react";
-import { createElement as B } from "react";
-import { c as j, G as V, g as I } from "./iconBase-DHfFLkem.js";
-import { ButtonIcon as H, CodeIcon as W, HeadingIcon as X, TextIcon as Y, CursorTextIcon as Z, MoonIcon as q, SunIcon as J, DividerHorizontalIcon as K, SketchLogoIcon as Q, ImageIcon as F, Link1Icon as ee, RowsIcon as te, ColumnsIcon as le, SpaceBetweenVerticallyIcon as re, VideoIcon as ne, DropdownMenuIcon as G, CheckboxIcon as oe, InputIcon as U, LetterCaseToggleIcon as se, RadiobuttonIcon as ie } from "@radix-ui/react-icons";
-import { isEmpty as v, get as w, isNull as ae, pick as ce, omit as de, map as T } from "lodash-es";
-import { GlobeIcon as ue, GroupIcon as pe, Columns as ye, Rows as ge, PanelRightOpen as M, PanelRightClose as me, AlignHorizontalJustifyStart as he, AppWindowIcon as fe, UnfoldHorizontal as be } from "lucide-react";
-const _ = ({ className: e = "", inBuilder: t }) => t ? /* @__PURE__ */ o.jsx("div", { className: j("pointer-events-none flex h-20 flex-col items-center justify-center p-2", e), children: /* @__PURE__ */ o.jsx("div", { className: "h-full w-full rounded bg-gray-200 p-2 dark:bg-gray-800", children: /* @__PURE__ */ o.jsx("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, xe = (e) => {
-  const { blockProps: t, inBuilder: l, backgroundImage: n, children: r, tag: s = "div", styles: i } = e;
+import { registerChaiBlockSchema as p, StylesProp as d, registerChaiBlock as u, closestBlockProp as _, stylesProp as $, runtimeProp as F } from "@chaibuilder/runtime";
+import { jsx as i, jsxs as k, Fragment as W } from "react/jsx-runtime";
+import * as w from "react";
+import { createElement as I } from "react";
+import { c as P, G as X, g as C } from "./iconBase-DHfFLkem.js";
+import { ButtonIcon as q, CodeIcon as Y, HeadingIcon as Z, TextIcon as J, CursorTextIcon as K, MoonIcon as G, SunIcon as Q, DividerHorizontalIcon as ee, SketchLogoIcon as te, ImageIcon as U, Link1Icon as le, RowsIcon as re, ColumnsIcon as ne, SpaceBetweenVerticallyIcon as oe, VideoIcon as ie, DropdownMenuIcon as O, CheckboxIcon as ae, InputIcon as V, LetterCaseToggleIcon as se, RadiobuttonIcon as ce } from "@radix-ui/react-icons";
+import { isEmpty as S, get as v, isNull as de, pick as ue, omit as pe, map as R } from "lodash-es";
+import { GlobeIcon as ye, GroupIcon as ge, Columns as me, Rows as he, PanelRightOpen as D, PanelRightClose as fe, AlignHorizontalJustifyStart as be, AppWindowIcon as we, UnfoldHorizontal as ke } from "lucide-react";
+const B = ({ className: e = "", inBuilder: t }) => t ? /* @__PURE__ */ i("div", { className: P("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, ve = (e) => {
+  const { blockProps: t, inBuilder: l, backgroundImage: n, children: r, tag: o = "div", styles: a } = e;
   let c = r;
-  r || (c = /* @__PURE__ */ o.jsx(_, { inBuilder: l }));
-  let a = {};
-  return n && (a = { backgroundImage: `url(${n})` }), x.createElement(s, { ...t, ...i, style: a }, c);
-}, we = {
+  r || (c = /* @__PURE__ */ i(B, { inBuilder: l }));
+  let s = {};
+  return n && (s = { backgroundImage: `url(${n})` }), w.createElement(o, { ...t, ...a, style: s }, c);
+}, xe = {
   type: "Box",
   label: "Box",
   category: "core",
@@ -53,10 +53,10 @@ const _ = ({ className: e = "", inBuilder: t }) => t ? /* @__PURE__ */ o.jsx("di
     }
   }),
   canAcceptBlock: () => !0
-}, ke = (e) => {
-  const { blockProps: t, iconSize: l, icon: n, content: r, styles: s, children: i, iconPos: c, link: a, inBuilder: g } = e, m = n, h = i || /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-    /* @__PURE__ */ o.jsx("span", { "data-ai-key": "content", children: r }),
-    m && /* @__PURE__ */ o.jsx(
+}, Se = (e) => {
+  const { blockProps: t, iconSize: l, icon: n, content: r, styles: o, children: a, iconPos: c, link: s, inBuilder: g } = e, m = n, h = a || /* @__PURE__ */ k(W, { children: [
+    /* @__PURE__ */ i("span", { "data-ai-key": "content", children: r }),
+    m && /* @__PURE__ */ i(
       "div",
       {
         style: { width: l + "px" },
@@ -64,22 +64,22 @@ const _ = ({ className: e = "", inBuilder: t }) => t ? /* @__PURE__ */ o.jsx("di
         dangerouslySetInnerHTML: { __html: m }
       }
     )
-  ] }), y = B(
+  ] }), y = I(
     "button",
     {
       ...t,
-      ...s,
+      ...o,
       type: "button",
       "aria-label": r
     },
     h
   );
-  return v(w(a, "href")) ? y : g ? /* @__PURE__ */ o.jsx("span", { children: y }) : /* @__PURE__ */ o.jsx("a", { "aria-label": r, href: w(a, "href") || "/", target: w(a, "target", "_self"), children: y });
-}, ve = {
+  return S(v(s, "href")) ? y : g ? /* @__PURE__ */ i("span", { children: y }) : /* @__PURE__ */ i("a", { "aria-label": r, href: v(s, "href") || "/", target: v(s, "target", "_self"), children: y });
+}, _e = {
   type: "Button",
   label: "Button",
   category: "core",
-  icon: H,
+  icon: q,
   group: "basic",
   ...p({
     properties: {
@@ -126,24 +126,24 @@ const _ = ({ className: e = "", inBuilder: t }) => t ? /* @__PURE__ */ o.jsx("di
   }),
   i18nProps: ["content"],
   aiProps: ["content"]
-}, Se = (e) => {
+}, Be = (e) => {
   const { blockProps: t, styles: l, htmlCode: n, inBuilder: r } = e;
-  return r ? /* @__PURE__ */ o.jsxs("div", { className: "relative", children: [
-    r ? /* @__PURE__ */ o.jsx("div", { ...t, ...l, className: "absolute z-20 h-full w-full" }) : null,
-    x.createElement("div", {
+  return r ? /* @__PURE__ */ k("div", { className: "relative", children: [
+    r ? /* @__PURE__ */ i("div", { ...t, ...l, className: "absolute z-20 h-full w-full" }) : null,
+    w.createElement("div", {
       ...l,
       dangerouslySetInnerHTML: { __html: n.replace(/<script.*?>.*?<\/script>/g, "") }
     })
-  ] }) : x.createElement("div", {
+  ] }) : w.createElement("div", {
     ...t,
     ...l,
     dangerouslySetInnerHTML: { __html: n }
   });
-}, _e = {
+}, Ie = {
   type: "CustomHTML",
   label: "web_blocks.custom_html",
   category: "core",
-  icon: W,
+  icon: Y,
   group: "advanced",
   ...p({
     properties: {
@@ -155,11 +155,11 @@ const _ = ({ className: e = "", inBuilder: t }) => t ? /* @__PURE__ */ o.jsx("di
       }
     }
   })
-}, Be = (e) => {
+}, Ce = (e) => {
   const { blockProps: t, styles: l, backgroundImage: n } = e;
   let r = {};
-  return n && (r = { backgroundImage: `url(${n})` }), x.createElement("div", { ...t, ...l, style: r });
-}, Ie = {
+  return n && (r = { backgroundImage: `url(${n})` }), w.createElement("div", { ...t, ...l, style: r });
+}, Le = {
   type: "EmptyBox",
   label: "Empty Box",
   category: "core",
@@ -175,18 +175,18 @@ const _ = ({ className: e = "", inBuilder: t }) => t ? /* @__PURE__ */ o.jsx("di
       }
     }
   })
-}, Ce = (e) => {
-  const { blockProps: t, styles: l, content: n, tag: r = "h1", children: s = null } = e;
-  return s ? x.createElement(r, { ...l, ...t }, s) : x.createElement(r, {
+}, Pe = (e) => {
+  const { blockProps: t, styles: l, content: n, tag: r = "h1", children: o = null } = e;
+  return o ? w.createElement(r, { ...l, ...t }, o) : w.createElement(r, {
     ...l,
     ...t,
     dangerouslySetInnerHTML: { __html: n }
   });
-}, je = {
+}, Ne = {
   type: "Heading",
   label: "web_blocks.heading",
   category: "core",
-  icon: X,
+  icon: Z,
   group: "typography",
   ...p({
     properties: {
@@ -208,18 +208,18 @@ const _ = ({ className: e = "", inBuilder: t }) => t ? /* @__PURE__ */ o.jsx("di
   aiProps: ["content"],
   i18nProps: ["content"],
   canAcceptBlock: (e) => e === "Span" || e === "Text"
-}, Le = (e) => {
+}, Me = (e) => {
   const { blockProps: t, styles: l, content: n } = e;
-  return ae(e.children) ? x.createElement("p", {
+  return de(e.children) ? w.createElement("p", {
     ...l,
     ...t,
     dangerouslySetInnerHTML: { __html: n }
-  }) : x.createElement("p", { ...l, ...t }, e.children);
-}, Pe = {
+  }) : w.createElement("p", { ...l, ...t }, e.children);
+}, $e = {
   type: "Paragraph",
   label: "Paragraph",
   category: "core",
-  icon: Y,
+  icon: J,
   group: "typography",
   ...p({
     properties: {
@@ -237,14 +237,17 @@ const _ = ({ className: e = "", inBuilder: t }) => t ? /* @__PURE__ */ o.jsx("di
   i18nProps: ["content"],
   aiProps: ["content"],
   canAcceptBlock: (e) => e === "Span" || e === "Link" || e === "Text"
-}, Ne = (e) => {
-  const { blockProps: t, content: l, styles: n } = e;
-  return /* @__PURE__ */ o.jsx("div", { className: "max-w-full", children: /* @__PURE__ */ o.jsx("div", { ...t, ...n, dangerouslySetInnerHTML: { __html: l } }) });
-}, Me = {
+}, T = (e, ...t) => ({
+  ...e,
+  className: P(e.className, ...t)
+}), De = (e) => {
+  const { blockProps: t, content: l, styles: n } = e, r = T(n, "prose", "max-w-full");
+  return /* @__PURE__ */ i("div", { ...t, ...r, dangerouslySetInnerHTML: { __html: l } });
+}, Te = {
   type: "RichText",
   label: "Rich Text",
   category: "core",
-  icon: Z,
+  icon: K,
   group: "typography",
   ...p({
     properties: {
@@ -259,14 +262,14 @@ const _ = ({ className: e = "", inBuilder: t }) => t ? /* @__PURE__ */ o.jsx("di
   }),
   aiProps: ["content"],
   i18nProps: ["content"]
-}, $e = (e) => {
-  const { blockProps: t, styles: l, content: n, children: r = null, tag: s } = e;
-  return r ? x.createElement("span", { ...l, ...t }, r) : x.createElement(s || "span", {
+}, Ae = (e) => {
+  const { blockProps: t, styles: l, content: n, children: r = null, tag: o } = e;
+  return r ? w.createElement("span", { ...l, ...t }, r) : w.createElement(o || "span", {
     ...l,
     ...t,
     dangerouslySetInnerHTML: { __html: n || "" }
   });
-}, De = {
+}, Ee = {
   type: "Span",
   label: "Span",
   category: "core",
@@ -286,17 +289,17 @@ const _ = ({ className: e = "", inBuilder: t }) => t ? /* @__PURE__ */ o.jsx("di
   i18nProps: ["content"],
   canAcceptBlock: () => !0
 };
-function Te(e) {
-  return V({ tag: "svg", attr: { version: "1.1", viewBox: "0 0 32 32" }, child: [{ tag: "path", attr: { d: "M4.698 3.419l2.057 23.073 9.231 2.563 9.256-2.566 2.059-23.069h-22.604zM13.226 9.394l-0.409 4.441 9.671 0.001-0.069 0.76-0.665 7.45-0.042 0.478-5.804 1.609-5.796-1.609-0.396-4.443h2.84l0.202 2.257 3.154 0.85 3.156-0.852 0.328-3.67-9.671-0.001 0.069-0.76 0.665-7.45 0.209-2.086h11.287l0.131 1.598 0.403 4.453h-2.841l-0.262-2.922-2.889-0.174h-0.515v-0.004l-2.755 0.074z" }, child: [] }] })(e);
+function Re(e) {
+  return X({ tag: "svg", attr: { version: "1.1", viewBox: "0 0 32 32" }, child: [{ tag: "path", attr: { d: "M4.698 3.419l2.057 23.073 9.231 2.563 9.256-2.566 2.059-23.069h-22.604zM13.226 9.394l-0.409 4.441 9.671 0.001-0.069 0.76-0.665 7.45-0.042 0.478-5.804 1.609-5.796-1.609-0.396-4.443h2.84l0.202 2.257 3.154 0.85 3.156-0.852 0.328-3.67-9.671-0.001 0.069-0.76 0.665-7.45 0.209-2.086h11.287l0.131 1.598 0.403 4.453h-2.841l-0.262-2.922-2.889-0.174h-0.515v-0.004l-2.755 0.074z" }, child: [] }] })(e);
 }
-const Ee = (e) => {
+const ze = (e) => {
   const { scripts: t, inBuilder: l, blockProps: n } = e;
-  return l ? /* @__PURE__ */ o.jsx("div", { ...n, children: /* @__PURE__ */ o.jsx("div", { className: j("pointer-events-none flex flex-col items-center justify-center p-2", ""), children: /* @__PURE__ */ o.jsx("div", { className: "h-full w-full rounded bg-gray-200 p-1 dark:bg-gray-800", children: /* @__PURE__ */ o.jsx("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__ */ o.jsx("div", { dangerouslySetInnerHTML: { __html: t } });
-}, Ae = {
+  return l ? /* @__PURE__ */ i("div", { ...n, children: /* @__PURE__ */ i("div", { className: P("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: t } });
+}, He = {
   type: "CustomScript",
   label: "web_blocks.custom_script",
   category: "core",
-  icon: Te,
+  icon: Re,
   group: "advanced",
   ...p({
     properties: {
@@ -309,36 +312,36 @@ const Ee = (e) => {
       }
     }
   })
-}, Re = (e) => /* @__PURE__ */ o.jsxs("div", { ...e.blockProps, ...e.styles, children: [
+}, je = (e) => /* @__PURE__ */ k("div", { ...e.blockProps, ...e.styles, children: [
   e.mode,
   e.children
-] }), ze = (e) => e.mode === "dark" ? null : /* @__PURE__ */ o.jsx("button", { "aria-label": "dark mode button", ...e.blockProps, ...e.styles, children: e.children });
-u(ze, {
+] }), Fe = (e) => e.mode === "dark" ? null : /* @__PURE__ */ i("button", { "aria-label": "dark mode button", ...e.blockProps, ...e.styles, children: e.children });
+u(Fe, {
   type: "DarkModeButton",
   label: "Dark Mode Button",
   category: "core",
-  icon: q,
+  icon: G,
   group: "advanced",
   hidden: !0,
   ...p({
     properties: {
-      mode: S("DarkModeSwitcher", "mode"),
-      styles: N("")
+      mode: _("DarkModeSwitcher", "mode"),
+      styles: $("")
     }
   })
 });
-const He = (e) => e.mode === "light" ? null : /* @__PURE__ */ o.jsx("button", { "aria-label": "light mode button", ...e.blockProps, ...e.styles, children: e.children });
-u(He, {
+const qe = (e) => e.mode === "light" ? null : /* @__PURE__ */ i("button", { "aria-label": "light mode button", ...e.blockProps, ...e.styles, children: e.children });
+u(qe, {
   type: "LightModeButton",
   label: "Light Mode Button",
   category: "core",
-  icon: J,
+  icon: Q,
   group: "advanced",
   hidden: !0,
   ...p({
     properties: {
-      mode: S("DarkModeSwitcher", "mode"),
-      styles: N(""),
+      mode: _("DarkModeSwitcher", "mode"),
+      styles: $(""),
       fake: {
         type: "string",
         default: ""
@@ -346,11 +349,11 @@ u(He, {
     }
   })
 });
-const qe = {
+const Ge = {
   type: "DarkModeSwitcher",
   label: "web_blocks.dark_mode",
   category: "core",
-  icon: q,
+  icon: G,
   group: "advanced",
   wrapper: !0,
   ...p({
@@ -361,7 +364,7 @@ const qe = {
         enum: ["dark", "light"],
         default: "light"
       },
-      styles: N("")
+      styles: $("")
     }
   }),
   blocks: () => [
@@ -399,40 +402,40 @@ const qe = {
       icon: "<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='4'></circle><path d='M12 2v2'></path><path d='M12 20v2'></path><path d='m4.93 4.93 1.41 1.41'></path><path d='m17.66 17.66 1.41 1.41'></path><path d='M2 12h2'></path><path d='M20 12h2'></path><path d='m6.34 17.66-1.41 1.41'></path><path d='m19.07 4.93-1.41 1.41'></path></svg>"
     }
   ]
-}, Fe = (e) => {
+}, Ue = (e) => {
   const { blockProps: t, styles: l } = e;
-  return B("hr", { ...l, ...t });
-}, Ge = {
+  return I("hr", { ...l, ...t });
+}, Oe = {
   type: "Divider",
   label: "web_blocks.divider",
   category: "core",
-  icon: K,
+  icon: ee,
   group: "basic",
   ...p({
     properties: {
       styles: d("bg-gray-900 h-0.5 py-2 my-1")
     }
   })
-}, Ue = (e) => {
+}, Ve = (e) => {
   const { blockProps: t, inBuilder: l, children: n, globalBlock: r } = e;
-  return l && !r ? /* @__PURE__ */ o.jsxs(
+  return l && !r ? /* @__PURE__ */ k(
     "div",
     {
       className: "flex flex-col items-center justify-center py-4 bg-gray-100 rounded-lg gap-y-1 dark:bg-gray-800",
       ...t,
       children: [
-        /* @__PURE__ */ o.jsxs("h1", { children: [
+        /* @__PURE__ */ k("h1", { children: [
           "Global Block - ",
           r
         ] }),
-        /* @__PURE__ */ o.jsx("p", { children: "Choose a block from the sidebar to add it to this page." })
+        /* @__PURE__ */ i("p", { children: "Choose a block from the sidebar to add it to this page." })
       ]
     }
-  ) : x.createElement("span", { ...t }, n);
-}, Oe = {
+  ) : w.createElement("span", { ...t }, n);
+}, We = {
   type: "GlobalBlock",
   label: "Global Block",
-  icon: ue,
+  icon: ye,
   category: "core",
   group: "advanced",
   ...p({
@@ -447,28 +450,25 @@ const qe = {
       }
     }
   })
-}, O = (e, ...t) => ({
-  ...e,
-  className: j(e.className, ...t)
-}), Ve = (e) => {
-  const { blockProps: t, icon: l, styles: n, width: r, inBuilder: s, height: i } = e, c = O(n, "");
-  if (v(l))
-    return /* @__PURE__ */ o.jsx(_, { inBuilder: s, className: "h-8 w-14" });
-  const a = l.replace(/<svg /g, '<svg class="w-[inherit] h-[inherit]" ');
-  return x.createElement("span", {
+}, Xe = (e) => {
+  const { blockProps: t, icon: l, styles: n, width: r, inBuilder: o, height: a } = e, c = T(n, "");
+  if (S(l))
+    return /* @__PURE__ */ i(B, { inBuilder: o, className: "h-8 w-14" });
+  const s = l.replace(/<svg /g, '<svg class="w-[inherit] h-[inherit]" ');
+  return w.createElement("span", {
     ...t,
     ...c,
     style: {
       width: r ? `${r}px` : "auto",
-      height: i ? `${i}px` : "auto"
+      height: a ? `${a}px` : "auto"
     },
-    dangerouslySetInnerHTML: { __html: a }
+    dangerouslySetInnerHTML: { __html: s }
   });
-}, We = {
+}, Ye = {
   type: "Icon",
   label: "web_blocks.icon",
   category: "core",
-  icon: Q,
+  icon: te,
   group: "media",
   ...p({
     properties: {
@@ -491,28 +491,28 @@ const qe = {
       }
     }
   })
-}, Xe = (e) => {
-  const { blockProps: t, image: l, mobileImage: n, styles: r, alt: s, height: i, width: c, lazyLoading: a } = e;
-  return v(l) ? /* @__PURE__ */ o.jsx(_, { className: "h-36" }) : /* @__PURE__ */ o.jsxs("picture", { children: [
-    n && /* @__PURE__ */ o.jsx("source", { srcSet: n, media: "(max-width: 480px)" }),
-    /* @__PURE__ */ o.jsx(
+}, Ze = (e) => {
+  const { blockProps: t, image: l, mobileImage: n, styles: r, alt: o, height: a, width: c, lazyLoading: s } = e;
+  return S(l) ? /* @__PURE__ */ i(B, { className: "h-36" }) : /* @__PURE__ */ k("picture", { children: [
+    n && /* @__PURE__ */ i("source", { srcSet: n, media: "(max-width: 480px)" }),
+    /* @__PURE__ */ i(
       "img",
       {
         ...t,
         ...r,
         src: l,
-        alt: s,
-        loading: a ? "lazy" : "eager",
+        alt: o,
+        loading: s ? "lazy" : "eager",
         width: c,
-        height: i
+        height: a
       }
     )
   ] });
-}, Ye = {
+}, Je = {
   type: "Image",
   label: "Image",
   category: "core",
-  icon: F,
+  icon: U,
   group: "media",
   ...p({
     properties: {
@@ -556,30 +556,30 @@ const qe = {
   }),
   aiProps: ["alt"],
   i18nProps: ["alt"]
-}, Ze = (e) => {
-  const { blockProps: t, children: l, styles: n, inBuilder: r, content: s, href: i } = e, { hrefType: c, autoplay: a, maxWidth: g, backdropColor: m, galleryName: h } = e, y = O(n, "cb-lightbox");
-  if (!l && v(n == null ? void 0 : n.className) && v(s))
-    return /* @__PURE__ */ o.jsx(_, { inBuilder: r });
+}, Ke = (e) => {
+  const { blockProps: t, children: l, styles: n, inBuilder: r, content: o, href: a } = e, { hrefType: c, autoplay: s, maxWidth: g, backdropColor: m, galleryName: h } = e, y = T(n, "cb-lightbox");
+  if (!l && S(n == null ? void 0 : n.className) && S(o))
+    return /* @__PURE__ */ i(B, { inBuilder: r });
   if (r)
-    return l ? /* @__PURE__ */ o.jsx("span", { ...t, ...y, children: l }) : x.createElement("span", {
+    return l ? /* @__PURE__ */ i("span", { ...t, ...y, children: l }) : w.createElement("span", {
       ...t,
       ...y,
-      dangerouslySetInnerHTML: { __html: s }
+      dangerouslySetInnerHTML: { __html: o }
     });
   const f = {};
-  return c !== "image" && (f["data-vbtype"] = c), a && (f["data-autoplay"] = "true"), g && (f["data-maxwidth"] = g + "px"), m && (f["data-overlay"] = m), h && (f["data-gall"] = h), l ? /* @__PURE__ */ o.jsx("a", { "aria-label": s, ...f, href: i || "#/", ...t, ...y, children: l }) : x.createElement("a", {
+  return c !== "image" && (f["data-vbtype"] = c), s && (f["data-autoplay"] = "true"), g && (f["data-maxwidth"] = g + "px"), m && (f["data-overlay"] = m), h && (f["data-gall"] = h), l ? /* @__PURE__ */ i("a", { "aria-label": o, ...f, href: a || "#/", ...t, ...y, children: l }) : w.createElement("a", {
     ...t,
     ...y,
     ...f,
-    href: i || "#",
-    dangerouslySetInnerHTML: { __html: s },
-    "aria-label": s
+    href: a || "#",
+    dangerouslySetInnerHTML: { __html: o },
+    "aria-label": o
   });
-}, Je = {
+}, Qe = {
   type: "LightBoxLink",
   label: "Lightbox Link",
   category: "core",
-  icon: F,
+  icon: U,
   group: "basic",
   ...p({
     properties: {
@@ -629,33 +629,33 @@ const qe = {
   i18nProps: ["content"],
   aiProps: ["content"],
   canAcceptBlock: (e) => e !== "Link" && e !== "LightBoxLink"
-}, Ke = (e) => {
-  const { blockProps: t, link: l, children: n, styles: r, inBuilder: s, content: i } = e;
+}, et = (e) => {
+  const { blockProps: t, link: l, children: n, styles: r, inBuilder: o, content: a } = e;
   let c = {};
-  return !n && v(i) && (c = { minHeight: "50px", display: "flex", alignItems: "center", justifyContent: "center" }), s ? n ? /* @__PURE__ */ o.jsx("span", { ...t, style: c, ...r, children: n }) : B(
+  return !n && S(a) && (c = { minHeight: "50px", display: "flex", alignItems: "center", justifyContent: "center" }), o ? n ? /* @__PURE__ */ i("span", { ...t, style: c, ...r, children: n }) : I(
     "span",
     {
       ...t,
       ...r,
       style: c
     },
-    i
-  ) : n ? /* @__PURE__ */ o.jsx("a", { "aria-label": i, href: (l == null ? void 0 : l.href) || "#/", target: l == null ? void 0 : l.target, ...t, ...r, children: n }) : B(
+    a
+  ) : n ? /* @__PURE__ */ i("a", { "aria-label": a, href: (l == null ? void 0 : l.href) || "#/", target: l == null ? void 0 : l.target, ...t, ...r, children: n }) : I(
     "a",
     {
       ...t,
       ...r,
       href: (l == null ? void 0 : l.href) || "#",
       target: (l == null ? void 0 : l.target) || "_self",
-      "aria-label": i
+      "aria-label": a
     },
-    i
+    a
   );
-}, Qe = {
+}, tt = {
   type: "Link",
   label: "Link",
   category: "core",
-  icon: ee,
+  icon: le,
   group: "basic",
   ...p({
     properties: {
@@ -686,17 +686,17 @@ const qe = {
   aiProps: ["content"],
   i18nProps: ["content"],
   canAcceptBlock: (e) => e !== "Link"
-}, et = (e) => {
-  const { blockProps: t, children: l, listType: n, styles: r, tag: s, inBuilder: i } = e, c = j(w(r, "className", ""), n);
-  return !l && v(r == null ? void 0 : r.className) ? /* @__PURE__ */ o.jsx(_, { inBuilder: i }) : x.createElement(
-    s || (n === "list-decimal" ? "ol" : "ul"),
+}, lt = (e) => {
+  const { blockProps: t, children: l, listType: n, styles: r, tag: o, inBuilder: a } = e, c = P(v(r, "className", ""), n);
+  return !l && S(r == null ? void 0 : r.className) ? /* @__PURE__ */ i(B, { inBuilder: a }) : w.createElement(
+    o || (n === "list-decimal" ? "ol" : "ul"),
     { ...t, ...r, className: c },
     l
   );
-}, tt = {
+}, rt = {
   type: "List",
   label: "web_blocks.list",
-  icon: te,
+  icon: re,
   category: "core",
   group: "basic",
   ...p({
@@ -739,17 +739,17 @@ const qe = {
       content: "Item 3"
     }
   ]
-}, lt = (e) => {
-  const { blockProps: t, content: l, styles: n, children: r, tag: s } = e;
-  return r ? x.createElement(s || "li", { ...n, ...t }, r) : x.createElement(s || "li", {
+}, nt = (e) => {
+  const { blockProps: t, content: l, styles: n, children: r, tag: o } = e;
+  return r ? w.createElement(o || "li", { ...n, ...t }, r) : w.createElement(o || "li", {
     ...n,
     ...t,
     dangerouslySetInnerHTML: { __html: l }
   });
-}, rt = {
+}, ot = {
   type: "ListItem",
   label: "List Item",
-  icon: le,
+  icon: ne,
   category: "core",
   group: "basic",
   ...p({
@@ -769,13 +769,13 @@ const qe = {
   aiProps: ["content"],
   canAcceptBlock: (e) => e !== "ListItem",
   canBeNested: (e) => e === "List"
-}, nt = (e) => e.inBuilder || e.forceWrapper ? /* @__PURE__ */ o.jsx("span", { ...e.blockProps, children: e.content }) : `${e.content}`, ot = {
+}, it = (e) => e.inBuilder || e.forceWrapper ? /* @__PURE__ */ i("span", { ...e.blockProps, children: e.content }) : `${e.content}`, at = {
   type: "Text",
   label: "Text",
   hidden: !0,
   category: "core",
   group: "typography",
-  icon: re,
+  icon: oe,
   ...p({
     properties: {
       styles: d("text-black"),
@@ -787,30 +787,30 @@ const qe = {
   }),
   aiProps: ["content"],
   i18nProps: ["content"]
-}, E = /^(https?:\/\/)?(www\.)?youtube\.com\/(watch\?v=|embed\/)([a-zA-Z0-9_-]{11})/, A = /^(https?:\/\/)?(www\.)?player.vimeo\.com/, R = /^(https?:\/\/)?(www\.)?dailymotion\.com\/(video|embed\/video)\/([a-zA-Z0-9_-]+)/, st = (e) => {
-  if (E.test(e)) {
-    const t = e.match(E);
+}, z = /^(https?:\/\/)?(www\.)?youtube\.com\/(watch\?v=|embed\/)([a-zA-Z0-9_-]{11})/, H = /^(https?:\/\/)?(www\.)?player.vimeo\.com/, j = /^(https?:\/\/)?(www\.)?dailymotion\.com\/(video|embed\/video)\/([a-zA-Z0-9_-]+)/, st = (e) => {
+  if (z.test(e)) {
+    const t = e.match(z);
     return t ? `https://www.youtube.com/embed/${t[4]}` : e;
   }
-  if (A.test(e)) {
-    const t = e.match(A);
+  if (H.test(e)) {
+    const t = e.match(H);
     return t ? `https://player.vimeo.com/video/${t[3]}` : e;
   }
-  if (R.test(e)) {
-    const t = e.match(R);
+  if (j.test(e)) {
+    const t = e.match(j);
     return t ? `https://www.dailymotion.com/embed/video/${t[4]}` : e;
   }
   return null;
-}, it = x.memo((e) => {
-  const { blockProps: t, inBuilder: l, styles: n, url: r, controls: s } = e, i = w(s, "autoPlay", !1), c = w(s, "controls", !1), a = i || w(s, "muted", !0), g = w(s, "loop", !1);
-  if (v(r)) return /* @__PURE__ */ o.jsx(_, { inBuilder: l, className: "h-36" });
+}, ct = w.memo((e) => {
+  const { blockProps: t, inBuilder: l, styles: n, url: r, controls: o } = e, a = v(o, "autoPlay", !1), c = v(o, "controls", !1), s = a || v(o, "muted", !0), g = v(o, "loop", !1);
+  if (S(r)) return /* @__PURE__ */ i(B, { inBuilder: l, className: "h-36" });
   let m = st(r), h = null;
   if (m) {
-    if (!v(m)) {
+    if (!S(m)) {
       const y = [];
-      y.push(`autoplay=${i ? 1 : 0}`), y.push(`controls=${s ? 1 : 0}`), y.push(`mute=${a ? 1 : 0}&muted=${a ? 1 : 0}`), y.push(`loop=${g ? 1 : 0}`), m = `${m}?${y.join("&")}`;
+      y.push(`autoplay=${a ? 1 : 0}`), y.push(`controls=${o ? 1 : 0}`), y.push(`mute=${s ? 1 : 0}&muted=${s ? 1 : 0}`), y.push(`loop=${g ? 1 : 0}`), m = `${m}?${y.join("&")}`;
     }
-    h = x.createElement("iframe", {
+    h = w.createElement("iframe", {
       ...t,
       className: "absolute inset-0 w-full h-full",
       src: m,
@@ -819,24 +819,24 @@ const qe = {
       frameBorder: 0
     });
   } else
-    h = x.createElement("video", {
+    h = w.createElement("video", {
       ...t,
       className: "absolute inset-0 w-full h-full",
       src: r,
       controls: c,
-      muted: a,
-      autoPlay: l ? !1 : i,
+      muted: s,
+      autoPlay: l ? !1 : a,
       loop: g
     });
-  return /* @__PURE__ */ o.jsx("div", { ...ce(n, ["className"]), children: /* @__PURE__ */ o.jsxs("div", { className: "relative w-full overflow-hidden", style: { paddingBottom: "56.25%" }, children: [
-    l ? /* @__PURE__ */ o.jsx("div", { ...t, ...de(n, ["className"]), className: "absolute inset-0 z-20 h-full w-full" }) : null,
+  return /* @__PURE__ */ i("div", { ...ue(n, ["className"]), children: /* @__PURE__ */ k("div", { className: "relative w-full overflow-hidden", style: { paddingBottom: "56.25%" }, children: [
+    l ? /* @__PURE__ */ i("div", { ...t, ...pe(n, ["className"]), className: "absolute inset-0 z-20 h-full w-full" }) : null,
     h
   ] }) });
-}), at = {
+}), dt = {
   type: "Video",
   label: "Video",
   category: "core",
-  icon: ne,
+  icon: ie,
   group: "media",
   ...p({
     properties: {
@@ -881,25 +881,31 @@ const qe = {
     }
   }),
   i18nProps: ["url"]
-}, $ = {
+}, A = {
   wrapper: { "x-data": "{ open: false }" },
   button: { "x-on:click": "open = !open" },
-  menu: { "x-show": "open", "x-on:click.away": "open = false", "x-cloak": "", "x-transition": "" }
-}, ct = (e) => {
-  const { blockProps: t, content: l, icon: n, iconWidth: r, iconHeight: s, styles: i, show: c } = e;
-  return /* @__PURE__ */ o.jsxs("button", { "aria-label": l, ...t, ...i, ...$.button, children: [
+  menu: {
+    "x-show": "open",
+    "x-on:click": "open = false",
+    "x-on:click.away": "open = false",
+    "x-cloak": "",
+    "x-transition": ""
+  }
+}, ut = (e) => {
+  const { blockProps: t, content: l, icon: n, iconWidth: r, iconHeight: o, styles: a, show: c } = e;
+  return /* @__PURE__ */ k("button", { "aria-label": l, ...t, ...a, ...A.button, children: [
     l,
-    /* @__PURE__ */ o.jsx(
+    /* @__PURE__ */ i(
       "span",
       {
         className: c ? "rotate-180" : "",
         dangerouslySetInnerHTML: { __html: n },
-        style: { width: r, height: s }
+        style: { width: r, height: o }
       }
     )
   ] });
 };
-u(ct, {
+u(ut, {
   type: "DropdownButton",
   label: "Dropdown Button",
   group: "advanced",
@@ -909,7 +915,7 @@ u(ct, {
   canDelete: () => !1,
   ...p({
     properties: {
-      show: S("Dropdown", "showDropdown"),
+      show: _("Dropdown", "showDropdown"),
       content: { type: "string", title: "Title", default: "Menu Item" },
       icon: { type: "string", title: "Icon", default: "", ui: { "ui:widget": "icon" } },
       iconWidth: { type: "string", title: "Icon Width", default: "16px" },
@@ -920,11 +926,11 @@ u(ct, {
   i18nProps: ["content"],
   aiProps: ["content"]
 });
-const dt = (e) => {
-  const { blockProps: t, children: l, styles: n, show: r, inBuilder: s } = e;
-  return s && !r ? null : /* @__PURE__ */ o.jsx("div", { ...t, ...$.menu, ...n, children: l });
+const pt = (e) => {
+  const { blockProps: t, children: l, styles: n, show: r, inBuilder: o } = e;
+  return o && !r ? null : /* @__PURE__ */ i("div", { ...t, ...A.menu, ...n, children: l });
 };
-u(dt, {
+u(pt, {
   type: "DropdownContent",
   label: "Dropdown Content",
   group: "basic",
@@ -934,19 +940,19 @@ u(dt, {
   canAcceptBlock: () => !0,
   ...p({
     properties: {
-      show: S("Dropdown", "showDropdown"),
+      show: _("Dropdown", "showDropdown"),
       styles: d("absolute left-0 p-2 w-80 mt-2 bg-white rounded-lg shadow-lg z-50")
     }
   })
 });
-const ut = (e) => {
+const yt = (e) => {
   const { blockProps: t, children: l, styles: n } = e;
-  return /* @__PURE__ */ o.jsx("div", { ...t, ...n, ...$.wrapper, children: l });
-}, pt = {
+  return /* @__PURE__ */ i("div", { ...t, ...n, ...A.wrapper, children: l });
+}, gt = {
   type: "Dropdown",
   label: "Dropdown",
   group: "basic",
-  icon: G,
+  icon: O,
   blocks: () => [
     { _type: "Dropdown", _id: "dropdown" },
     {
@@ -976,7 +982,7 @@ const ut = (e) => {
   wrapper: !0,
   ...p({
     properties: {
-      showDropdown: z({
+      showDropdown: F({
         type: "boolean",
         title: "Show Dropdown",
         default: !1
@@ -984,43 +990,48 @@ const ut = (e) => {
       styles: d("relative w-max")
     }
   })
-}, yt = (e) => {
-  const { blockProps: t, fieldName: l, label: n, styles: r, inputStyles: s, required: i, checked: c, showLabel: a = !0 } = e, g = I();
-  return a ? /* @__PURE__ */ o.jsxs("div", { ...r, ...t, children: [
-    /* @__PURE__ */ o.jsx(
+}, mt = (e) => {
+  const { blockProps: t, fieldName: l, label: n, styles: r, inputStyles: o, required: a, checked: c, showLabel: s = !0 } = e, g = C();
+  return s ? /* @__PURE__ */ k("div", { ...r, ...t, children: [
+    /* @__PURE__ */ i(
       "input",
       {
-        ...s,
+        ...o,
         name: l,
         id: g,
         type: "checkbox",
-        required: i,
+        required: a,
         defaultChecked: c
       }
     ),
-    n && /* @__PURE__ */ o.jsx("label", { htmlFor: g, children: n })
-  ] }) : /* @__PURE__ */ o.jsx(
+    n && /* @__PURE__ */ i("label", { htmlFor: g, children: n })
+  ] }) : /* @__PURE__ */ i(
     "input",
     {
       id: g,
       ...t,
-      ...s,
+      ...o,
       ...r,
       type: "checkbox",
-      required: i,
+      required: a,
       name: l
     }
   );
-}, gt = {
+}, ht = {
   type: "Checkbox",
   label: "web_blocks.checkbox",
   category: "core",
-  icon: oe,
+  icon: ae,
   group: "form",
   ...p({
     properties: {
       styles: d("flex items-center gap-x-2"),
       inputStyles: d(""),
+      fieldName: {
+        type: "string",
+        title: "Field Name",
+        default: "fieldName"
+      },
       label: {
         type: "string",
         title: "Label",
@@ -1045,38 +1056,36 @@ const ut = (e) => {
   }),
   aiProps: ["label"],
   i18nProps: ["label"]
-}, mt = (e) => {
-  const { children: t, blockProps: l, errorMessage: n, successMessage: r, action: s, styles: i, inBuilder: c } = e;
-  let a = t;
-  t || (a = /* @__PURE__ */ o.jsx(_, { inBuilder: c }));
-  const g = {
-    "x-data": "{}",
-    "x-on:submit.prevent": "post"
-  }, m = {
-    "x-html": "",
-    ":class": "{'text-red-500': formStatus === 'ERROR', 'text-green-500': formStatus === 'SUCCESS'}"
-  };
-  return /* @__PURE__ */ o.jsxs(
+}, ft = (e) => {
+  const { children: t, blockProps: l, errorMessage: n, successMessage: r, action: o, styles: a, inBuilder: c } = e;
+  let s = t;
+  return t || (s = /* @__PURE__ */ i(B, { inBuilder: c })), /* @__PURE__ */ k(
     "form",
     {
-      ...g,
+      ...{
+        "x-data": "{}",
+        "x-on:submit.prevent": "post"
+      },
       "data-error": n,
       "data-success": r,
       method: "post",
-      action: s,
+      action: o,
       ...l,
-      ...i,
+      ...a,
       children: [
-        /* @__PURE__ */ o.jsx("div", { ...m }),
-        a
+        /* @__PURE__ */ i("div", { ...{
+          "x-html": "",
+          ":class": "{'text-red-500': formStatus === 'ERROR', 'text-green-500': formStatus === 'SUCCESS'}"
+        } }),
+        s
       ]
     }
   );
-}, ht = {
+}, bt = {
   type: "Form",
   label: "Form",
   category: "core",
-  icon: pe,
+  icon: ge,
   group: "form",
   blocks: () => [
     { _type: "Form", _id: "form", styles: "#styles:p-1 space-y-2," },
@@ -1113,38 +1122,38 @@ const ut = (e) => {
   i18nProps: ["errorMessage", "successMessage"],
   aiProps: ["errorMessage", "successMessage"],
   canAcceptBlock: () => !0
-}, ft = (e) => {
-  const { blockProps: t, inBuilder: l, label: n, styles: r, inputStyles: s, icon: i, iconSize: c, iconPos: a } = e, g = I(), m = {
-    "x-bind:disabled": "formLoading"
-  };
-  return /* @__PURE__ */ o.jsxs(
+}, wt = (e) => {
+  const { blockProps: t, inBuilder: l, label: n, styles: r, inputStyles: o, icon: a, iconSize: c, iconPos: s } = e, g = C();
+  return /* @__PURE__ */ k(
     "button",
     {
       id: g,
-      ...m,
-      ...s,
+      ...{
+        "x-bind:disabled": "formLoading"
+      },
+      ...o,
       ...r,
       ...t || {},
       type: l ? "button" : "submit",
       "aria-label": n,
       children: [
         n,
-        i && /* @__PURE__ */ o.jsx(
+        a && /* @__PURE__ */ i(
           "div",
           {
             style: { width: c + "px" },
-            className: a + " " + (a === "order-first" ? "mr-2" : "ml-2") || "",
-            dangerouslySetInnerHTML: { __html: i }
+            className: s + " " + (s === "order-first" ? "mr-2" : "ml-2") || "",
+            dangerouslySetInnerHTML: { __html: a }
           }
         )
       ]
     }
   );
-}, bt = {
+}, kt = {
   type: "FormButton",
   label: "Submit Button",
   category: "core",
-  icon: H,
+  icon: q,
   group: "form",
   ...p({
     properties: {
@@ -1180,44 +1189,49 @@ const ut = (e) => {
   }),
   i18nProps: ["label"],
   aiProps: ["label"]
-}, xt = (e) => {
-  const { blockProps: t, fieldName: l, label: n, placeholder: r, styles: s, inputStyles: i, showLabel: c, required: a, inputType: g } = e, m = I();
-  return c ? /* @__PURE__ */ o.jsxs("div", { ...s, ...t, children: [
-    c && /* @__PURE__ */ o.jsx("label", { htmlFor: m, children: n }),
-    /* @__PURE__ */ o.jsx(
+}, vt = (e) => {
+  const { blockProps: t, fieldName: l, label: n, placeholder: r, styles: o, inputStyles: a, showLabel: c, required: s, inputType: g } = e, m = C();
+  return c ? /* @__PURE__ */ k("div", { ...o, ...t, children: [
+    c && /* @__PURE__ */ i("label", { htmlFor: m, children: n }),
+    /* @__PURE__ */ i(
       "input",
       {
         name: l,
-        ...i,
+        ...a,
         id: m,
         type: g,
         placeholder: r,
-        required: a
+        required: s
       }
     )
-  ] }) : /* @__PURE__ */ o.jsx(
+  ] }) : /* @__PURE__ */ i(
     "input",
     {
       id: m,
       name: l,
       ...t,
-      ...i,
-      ...s,
+      ...a,
+      ...o,
       type: g,
       placeholder: r,
-      required: a
+      required: s
     }
   );
-}, wt = {
+}, xt = {
   type: "Input",
   label: "web_blocks.input",
   category: "core",
-  icon: U,
+  icon: V,
   group: "form",
   ...p({
     properties: {
       styles: d(""),
       inputStyles: d("w-full p-1"),
+      fieldName: {
+        type: "string",
+        title: "Field Name",
+        default: "fieldName"
+      },
       showLabel: {
         type: "boolean",
         title: "Show Label",
@@ -1263,13 +1277,13 @@ const ut = (e) => {
   }),
   aiProps: ["label", "placeholder"],
   i18nProps: ["label", "placeholder"]
-}, kt = (e) => {
-  const { blockProps: t, content: l, styles: n, children: r } = e, s = { ...n, ...t };
-  return r ? x.createElement("label", s, r) : x.createElement("label", {
-    ...s,
+}, St = (e) => {
+  const { blockProps: t, content: l, styles: n, children: r } = e, o = { ...n, ...t };
+  return r ? w.createElement("label", o, r) : w.createElement("label", {
+    ...o,
     dangerouslySetInnerHTML: { __html: l }
   });
-}, vt = {
+}, _t = {
   type: "Label",
   label: "Label",
   category: "core",
@@ -1287,34 +1301,39 @@ const ut = (e) => {
   }),
   aiProps: ["content"],
   i18nProps: ["content"]
-}, St = (e) => {
-  const { blockProps: t, fieldName: l, label: n, styles: r, inputStyles: s, required: i, checked: c, showLabel: a = !0 } = e, g = I();
-  return a ? /* @__PURE__ */ o.jsxs("div", { ...r, ...t, children: [
-    /* @__PURE__ */ o.jsx("input", { ...s, name: l, id: g, type: "radio", required: i, defaultChecked: c }),
-    n && /* @__PURE__ */ o.jsx("label", { htmlFor: g, children: n })
-  ] }) : /* @__PURE__ */ o.jsx(
+}, Bt = (e) => {
+  const { blockProps: t, fieldName: l, label: n, styles: r, inputStyles: o, required: a, checked: c, showLabel: s = !0 } = e, g = C();
+  return s ? /* @__PURE__ */ k("div", { ...r, ...t, children: [
+    /* @__PURE__ */ i("input", { ...o, name: l, id: g, type: "radio", required: a, defaultChecked: c }),
+    n && /* @__PURE__ */ i("label", { htmlFor: g, children: n })
+  ] }) : /* @__PURE__ */ i(
     "input",
     {
       id: g,
       ...t,
-      ...s,
+      ...o,
       ...r,
       type: "radio",
-      required: i,
+      required: a,
       checked: c,
       name: l
     }
   );
-}, _t = {
+}, It = {
   type: "Radio",
   label: "web_blocks.radio",
   category: "core",
-  icon: ie,
+  icon: ce,
   group: "form",
   ...p({
     properties: {
       styles: d("flex items-center gap-x-2"),
       inputStyles: d(""),
+      fieldName: {
+        type: "string",
+        title: "Field Name",
+        default: "fieldName"
+      },
       label: {
         type: "string",
         title: "Label",
@@ -1339,28 +1358,33 @@ const ut = (e) => {
   }),
   aiProps: ["label"],
   i18nProps: ["label"]
-}, Bt = (e) => {
-  const { blockProps: t, fieldName: l, label: n, placeholder: r, styles: s, inputStyles: i, required: c, showLabel: a, _multiple: g, options: m } = e, h = I();
-  return a ? /* @__PURE__ */ o.jsxs("div", { ...s, ...t, children: [
-    a && /* @__PURE__ */ o.jsx("label", { htmlFor: h, children: n }),
-    /* @__PURE__ */ o.jsxs("select", { ...i, id: h, required: c, multiple: g, name: l, children: [
-      /* @__PURE__ */ o.jsx("option", { value: "", disabled: !0, selected: !0, hidden: !0, children: r }),
-      T(m, (y) => /* @__PURE__ */ o.jsx("option", { value: y == null ? void 0 : y.value, children: y == null ? void 0 : y.label }, y == null ? void 0 : y.value))
+}, Ct = (e) => {
+  const { blockProps: t, fieldName: l, label: n, placeholder: r, styles: o, inputStyles: a, required: c, showLabel: s, _multiple: g, options: m } = e, h = C();
+  return s ? /* @__PURE__ */ k("div", { ...o, ...t, children: [
+    s && /* @__PURE__ */ i("label", { htmlFor: h, children: n }),
+    /* @__PURE__ */ k("select", { ...a, id: h, required: c, multiple: g, name: l, children: [
+      /* @__PURE__ */ i("option", { value: "", disabled: !0, selected: !0, hidden: !0, children: r }),
+      R(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))
     ] })
-  ] }) : /* @__PURE__ */ o.jsxs("select", { id: h, ...s, ...t, required: c, multiple: g, name: l, children: [
-    /* @__PURE__ */ o.jsx("option", { value: "", disabled: !0, selected: !0, hidden: !0, children: r }),
-    T(m, (y) => /* @__PURE__ */ o.jsx("option", { value: y == null ? void 0 : y.value, children: y == null ? void 0 : y.label }, y == null ? void 0 : y.value))
+  ] }) : /* @__PURE__ */ k("select", { id: h, ...o, ...t, required: c, multiple: g, name: l, children: [
+    /* @__PURE__ */ i("option", { value: "", disabled: !0, selected: !0, hidden: !0, children: r }),
+    R(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))
   ] });
-}, It = {
+}, Lt = {
   type: "Select",
   label: "web_blocks.select",
   category: "core",
-  icon: G,
+  icon: O,
   group: "form",
   ...p({
     properties: {
       styles: d(""),
       inputStyles: d("w-full p-1"),
+      fieldName: {
+        type: "string",
+        title: "Field Name",
+        default: "fieldName"
+      },
       showLabel: {
         type: "boolean",
         title: "Show Label",
@@ -1410,31 +1434,36 @@ const ut = (e) => {
   }),
   aiProps: ["label", "placeholder"],
   i18nProps: ["label", "placeholder"]
-}, Ct = (e) => {
-  const { blockProps: t, fieldName: l, label: n, placeholder: r, styles: s, inputStyles: i, _rows: c, showLabel: a } = e, g = I();
-  return a ? /* @__PURE__ */ o.jsxs("div", { ...s, ...t, children: [
-    a && /* @__PURE__ */ o.jsx("label", { htmlFor: g, children: n }),
-    /* @__PURE__ */ o.jsx("textarea", { name: l, ...i, id: g, placeholder: r, rows: c })
-  ] }) : /* @__PURE__ */ o.jsx(
+}, Pt = (e) => {
+  const { blockProps: t, fieldName: l, label: n, placeholder: r, styles: o, inputStyles: a, _rows: c, showLabel: s } = e, g = C();
+  return s ? /* @__PURE__ */ k("div", { ...o, ...t, children: [
+    s && /* @__PURE__ */ i("label", { htmlFor: g, children: n }),
+    /* @__PURE__ */ i("textarea", { name: l, ...a, id: g, placeholder: r, rows: c })
+  ] }) : /* @__PURE__ */ i(
     "textarea",
     {
       id: g,
       name: l,
       ...t,
-      ...i,
-      ...s,
+      ...a,
+      ...o,
       placeholder: r,
       rows: c
     }
   );
-}, jt = {
+}, Nt = {
   type: "TextArea",
   label: "web_blocks.textarea",
   category: "core",
-  icon: U,
+  icon: V,
   group: "form",
   ...p({
     properties: {
+      fieldName: {
+        type: "string",
+        title: "Field Name",
+        default: "fieldName"
+      },
       styles: d(""),
       inputStyles: d("w-full p-1"),
       showLabel: {
@@ -1462,11 +1491,11 @@ const ut = (e) => {
   }),
   aiProps: ["label", "placeholder"],
   i18nProps: ["label", "placeholder"]
-}, Lt = (e) => {
-  const { blockProps: t, backgroundImage: l, children: n, styles: r, tag: s } = e;
-  let i = {};
-  return l && (i = { backgroundImage: `url(${l})` }), B(s || "div", { ...t, ...r, style: i }, n);
-}, Pt = {
+}, Mt = (e) => {
+  const { blockProps: t, backgroundImage: l, children: n, styles: r, tag: o } = e;
+  let a = {};
+  return l && (a = { backgroundImage: `url(${l})` }), I(o || "div", { ...t, ...r, style: a }, n);
+}, $t = {
   type: "Body",
   label: "Body",
   category: "core",
@@ -1511,10 +1540,10 @@ const ut = (e) => {
   canDelete: () => !1,
   canMove: () => !1,
   canDuplicate: () => !1
-}, Nt = (e) => {
+}, Dt = (e) => {
   const { blockProps: t, styles: l } = e;
-  return B("br", { ...t, ...l });
-}, Mt = {
+  return I("br", { ...t, ...l });
+}, Tt = {
   type: "LineBreak",
   label: "Line Break",
   category: "core",
@@ -1529,7 +1558,7 @@ const ut = (e) => {
   canDelete: () => !1,
   canMove: () => !1,
   canDuplicate: () => !1
-}, P = {
+}, M = {
   SMALL: {
     1: "col-span-1",
     2: "col-span-2",
@@ -1572,20 +1601,20 @@ const ut = (e) => {
     11: "lg:col-span-11",
     12: "lg:col-span-12"
   }
-}, $t = (e) => {
-  const { blockProps: t, children: l, styles: n, colSpan: r, tabletColSpan: s, desktopColSpan: i } = e, a = { className: [
-    w(n, "className", ""),
-    w(P, ["SMALL", isNaN(r) || !r ? 6 : r], ""),
-    s ? w(P, ["MEDIUM", s || r], "") : "",
-    i ? w(P, ["LARGE", s || r], "") : ""
+}, At = (e) => {
+  const { blockProps: t, children: l, styles: n, colSpan: r, tabletColSpan: o, desktopColSpan: a } = e, s = { className: [
+    v(n, "className", ""),
+    v(M, ["SMALL", isNaN(r) || !r ? 6 : r], ""),
+    o ? v(M, ["MEDIUM", o || r], "") : "",
+    a ? v(M, ["LARGE", o || r], "") : ""
   ].join(" ") };
-  return /* @__PURE__ */ o.jsx("div", { ...t, ...n, ...a, children: l || /* @__PURE__ */ o.jsx("div", { className: "h-full min-h-12 w-full border-2 border-dashed border-gray-400 bg-gray-100 dark:bg-gray-900" }) });
-}, Dt = {
+  return /* @__PURE__ */ i("div", { ...t, ...n, ...s, children: l || /* @__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" }) });
+}, Et = {
   type: "Column",
   label: "Column",
   group: "basic",
   category: "core",
-  icon: ye,
+  icon: me,
   wrapper: !0,
   canDelete: () => !0,
   canAcceptBlock: () => !0,
@@ -1615,14 +1644,14 @@ const ut = (e) => {
       }
     }
   })
-}, Tt = (e) => {
-  const { blockProps: t, children: l, styles: n, gutter: r } = e, i = { className: [w(n, "className", ""), " grid grid-cols-12"].join() };
-  return typeof (n == null ? void 0 : n.style) == "object" ? n.style.gap = `${r}px` : i.style = { gap: `${r}px` }, /* @__PURE__ */ o.jsx("div", { ...t, ...n, ...i, children: l });
-}, Et = {
+}, Rt = (e) => {
+  const { blockProps: t, children: l, styles: n, gutter: r } = e, a = { className: [v(n, "className", ""), " grid grid-cols-12"].join() };
+  return typeof (n == null ? void 0 : n.style) == "object" ? n.style.gap = `${r}px` : a.style = { gap: `${r}px` }, /* @__PURE__ */ i("div", { ...t, ...n, ...a, children: l });
+}, zt = {
   type: "Row",
   label: "Row",
   group: "basic",
-  icon: ge,
+  icon: he,
   blocks: () => [
     { _type: "Row", _id: "row", styles: "#styles:,p-1" },
     { _type: "Column", id: "column", _parent: "row", styles: "#styles:," },
@@ -1648,7 +1677,7 @@ const ut = (e) => {
       }
     }
   })
-}, C = (e, t) => ({
+}, L = (e, t) => ({
   slider: {
     "x-data": `{
         currentSlide: 0,
@@ -1692,16 +1721,16 @@ const ut = (e) => {
     ":class": `currentSlide === ${t == null ? void 0 : t.slide} ? '${t == null ? void 0 : t.activeDotClassName}' : '${t == null ? void 0 : t.className}'`,
     "x-on:click": `stopAutoplay(); updateCurrentSlide(${t == null ? void 0 : t.slide});`
   }
-})[e] || {}, At = (e) => {
+})[e] || {}, Ht = (e) => {
   const { blockProps: t, styles: l, children: n, slider: r } = e;
-  return !(r != null && r.showSlideButton) && typeof (r == null ? void 0 : r.showSlideButton) == "boolean" ? null : /* @__PURE__ */ o.jsx("div", { ...t, ...l, ...C("prevButton"), children: n });
+  return !(r != null && r.showSlideButton) && typeof (r == null ? void 0 : r.showSlideButton) == "boolean" ? null : /* @__PURE__ */ i("div", { ...t, ...l, ...L("prevButton"), children: n });
 };
-u(At, {
+u(Ht, {
   type: "SlidePreviousButton",
   label: "Slide Previous",
   group: "basic",
   category: "core",
-  icon: M,
+  icon: D,
   canDelete: () => !1,
   canAcceptBlock: () => !0,
   canBeNested: (e) => e === "Slider",
@@ -1710,20 +1739,20 @@ u(At, {
       styles: d(
         "h-max w-max absolute left-0 top-1/2 -translate-y-1/2 flex items-center justify-center p-2 cursor-pointer"
       ),
-      slider: S("Slider", "slider")
+      slider: _("Slider", "slider")
     }
   })
 });
-const Rt = (e) => {
+const jt = (e) => {
   const { blockProps: t, styles: l, children: n, slider: r } = e;
-  return !(r != null && r.showSlideButton) && typeof (r == null ? void 0 : r.showSlideButton) == "boolean" ? null : /* @__PURE__ */ o.jsx("div", { ...t, ...l, ...C("nextButton"), children: n });
+  return !(r != null && r.showSlideButton) && typeof (r == null ? void 0 : r.showSlideButton) == "boolean" ? null : /* @__PURE__ */ i("div", { ...t, ...l, ...L("nextButton"), children: n });
 };
-u(Rt, {
+u(jt, {
   type: "SlideNextButton",
   label: "Slide Next",
   group: "basic",
   category: "core",
-  icon: me,
+  icon: fe,
   canDelete: () => !1,
   canAcceptBlock: () => !0,
   canBeNested: (e) => e === "Slider",
@@ -1732,48 +1761,48 @@ u(Rt, {
       styles: d(
         "h-max w-max absolute right-0 top-1/2 -translate-y-1/2 flex items-center justify-center p-2 cursor-pointer"
       ),
-      slider: S("Slider", "slider")
+      slider: _("Slider", "slider")
     }
   })
 });
-const zt = (e) => {
-  var i, c, a, g, m;
-  const { blockProps: t, styles: l, children: n = null, inBuilder: r, slider: s } = e;
+const Ft = (e) => {
+  var a, c, s, g, m;
+  const { blockProps: t, styles: l, children: n = null, inBuilder: r, slider: o } = e;
   if (r) {
-    const h = ((c = (i = e == null ? void 0 : e.children) == null ? void 0 : i.props) == null ? void 0 : c.allBlocks) || ((g = (a = e == null ? void 0 : e.children) == null ? void 0 : a.props) == null ? void 0 : g.blocks) || [], y = s == null ? void 0 : s.currentSlide, f = (m = h == null ? void 0 : h.filter((k) => (k == null ? void 0 : k._parent) === (e == null ? void 0 : e._id))) == null ? void 0 : m.findIndex((k) => (k == null ? void 0 : k._id) === y);
-    return /* @__PURE__ */ o.jsx("div", { ...t, ...l, style: { transform: `translateX(-${Math.max(0, f) * 100}%)` }, children: n || /* @__PURE__ */ o.jsx("div", { className: "h-full p-2", children: /* @__PURE__ */ o.jsx("div", { className: "h-full border-2 border-dashed" }) }) });
+    const h = ((c = (a = e == null ? void 0 : e.children) == null ? void 0 : a.props) == null ? void 0 : c.allBlocks) || ((g = (s = e == null ? void 0 : e.children) == null ? void 0 : s.props) == null ? void 0 : g.blocks) || [], y = o == null ? void 0 : o.currentSlide, f = (m = h == null ? void 0 : h.filter((x) => (x == null ? void 0 : x._parent) === (e == null ? void 0 : e._id))) == null ? void 0 : m.findIndex((x) => (x == null ? void 0 : x._id) === y);
+    return /* @__PURE__ */ i("div", { ...t, ...l, style: { transform: `translateX(-${Math.max(0, f) * 100}%)` }, children: n || /* @__PURE__ */ i("div", { className: "h-full p-2", children: /* @__PURE__ */ i("div", { className: "h-full border-2 border-dashed" }) }) });
   }
-  return /* @__PURE__ */ o.jsx("div", { ...t, ...l, ...C("slides"), children: n || /* @__PURE__ */ o.jsx("div", { className: "h-full p-2", children: /* @__PURE__ */ o.jsx("div", { className: "h-full border-2 border-dashed" }) }) });
+  return /* @__PURE__ */ i("div", { ...t, ...l, ...L("slides"), children: n || /* @__PURE__ */ i("div", { className: "h-full p-2", children: /* @__PURE__ */ i("div", { className: "h-full border-2 border-dashed" }) }) });
 };
-u(zt, {
+u(Ft, {
   type: "Slides",
   label: "Slides",
   group: "basic",
   category: "core",
-  icon: he,
+  icon: be,
   canDelete: () => !1,
   canAcceptBlock: (e) => e === "Slide",
   canBeNested: (e) => e === "Slider",
   ...p({
     properties: {
-      slider: S("Slider", "slider"),
+      slider: _("Slider", "slider"),
       styles: d("h-full flex transition-transform duration-500 ease-in-out")
     }
   })
 });
-const Ht = (e) => {
+const qt = (e) => {
   const { blockProps: t, styles: l, children: n = null } = e;
-  return /* @__PURE__ */ o.jsx("div", { ...t, ...l, children: n || /* @__PURE__ */ o.jsxs("div", { className: "flex h-full min-w-full items-center justify-center", children: [
+  return /* @__PURE__ */ i("div", { ...t, ...l, children: n || /* @__PURE__ */ k("div", { className: "flex h-full min-w-full items-center justify-center", children: [
     "Slide ",
     (e == null ? void 0 : e.index) + 1
   ] }) });
 };
-u(Ht, {
+u(qt, {
   type: "Slide",
   label: "Slide",
   group: "basic",
   category: "core",
-  icon: fe,
+  icon: we,
   canDelete: () => !0,
   canAcceptBlock: () => !0,
   canBeNested: (e) => e === "Slides",
@@ -1783,23 +1812,23 @@ u(Ht, {
     }
   })
 });
-const qt = (e) => {
-  var y, f, k, D;
-  const { blockProps: t, styles: l, dotStyles: n, activeDotStyles: r, slider: s, inBuilder: i, children: c } = e;
-  if (!(s != null && s.showSlideNavbar) && typeof (s == null ? void 0 : s.showSlideNavbar) == "boolean") return null;
-  const a = ((f = (y = e == null ? void 0 : e.children) == null ? void 0 : y.props) == null ? void 0 : f.allBlocks) || ((D = (k = e == null ? void 0 : e.children) == null ? void 0 : k.props) == null ? void 0 : D.blocks) || [], g = a == null ? void 0 : a.find((b) => (b == null ? void 0 : b._id) === (e == null ? void 0 : e._id)), m = a == null ? void 0 : a.find((b) => (b == null ? void 0 : b._parent) === (g == null ? void 0 : g._parent) && (b == null ? void 0 : b._type) === "Slides"), h = a == null ? void 0 : a.filter((b) => (b == null ? void 0 : b._parent) === (m == null ? void 0 : m._id));
-  return i ? /* @__PURE__ */ o.jsx("div", { ...t, ...l, children: h == null ? void 0 : h.map((b, L) => /* @__PURE__ */ o.jsx(
+const Gt = (e) => {
+  var y, f, x, E;
+  const { blockProps: t, styles: l, dotStyles: n, activeDotStyles: r, slider: o, inBuilder: a, children: c } = e;
+  if (!(o != null && o.showSlideNavbar) && typeof (o == null ? void 0 : o.showSlideNavbar) == "boolean") return null;
+  const s = ((f = (y = e == null ? void 0 : e.children) == null ? void 0 : y.props) == null ? void 0 : f.allBlocks) || ((E = (x = e == null ? void 0 : e.children) == null ? void 0 : x.props) == null ? void 0 : E.blocks) || [], g = s == null ? void 0 : s.find((b) => (b == null ? void 0 : b._id) === (e == null ? void 0 : e._id)), m = s == null ? void 0 : s.find((b) => (b == null ? void 0 : b._parent) === (g == null ? void 0 : g._parent) && (b == null ? void 0 : b._type) === "Slides"), h = s == null ? void 0 : s.filter((b) => (b == null ? void 0 : b._parent) === (m == null ? void 0 : m._id));
+  return a ? /* @__PURE__ */ i("div", { ...t, ...l, children: h == null ? void 0 : h.map((b, N) => /* @__PURE__ */ i(
     "div",
     {
       ...n,
-      ...s != null && s.currentSlide ? (b == null ? void 0 : b._id) === (s == null ? void 0 : s.currentSlide) ? r : {} : L === 0 ? r : {},
+      ...o != null && o.currentSlide ? (b == null ? void 0 : b._id) === (o == null ? void 0 : o.currentSlide) ? r : {} : N === 0 ? r : {},
       children: c
     }
-  )) }) : /* @__PURE__ */ o.jsx("div", { ...t, ...l, children: h == null ? void 0 : h.map((b, L) => /* @__PURE__ */ o.jsx(
+  )) }) : /* @__PURE__ */ i("div", { ...t, ...l, children: h == null ? void 0 : h.map((b, N) => /* @__PURE__ */ i(
     "div",
     {
-      ...C("sliderNav", {
-        slide: L,
+      ...L("sliderNav", {
+        slide: N,
         className: n == null ? void 0 : n.className,
         activeDotClassName: (r == null ? void 0 : r.className) ?? ""
       })
@@ -1807,12 +1836,12 @@ const qt = (e) => {
     b == null ? void 0 : b._id
   )) });
 };
-u(qt, {
+u(Gt, {
   type: "SliderNav",
   label: "Slider Navigation",
   group: "basic",
   category: "core",
-  icon: M,
+  icon: D,
   canDelete: () => !1,
   canAcceptBlock: () => !1,
   canBeNested: (e) => e === "Slider",
@@ -1821,18 +1850,18 @@ u(qt, {
       styles: d("w-full absolute left-0 bottom-0 flex items-center justify-center gap-x-2 p-2"),
       dotStyles: d("w-4 h-4 border border-gray-500 rounded-full cursor-pointer"),
       activeDotStyles: d("w-4 h-4 rounded-full bg-blue-500"),
-      slider: S("Slider", "slider")
+      slider: _("Slider", "slider")
     }
   })
 });
-const Ft = () => null;
-u(Ft, {
+const Ut = () => null;
+u(Ut, {
   type: "SliderNavItem",
   label: "Slider Nav Item",
   group: "basic",
   category: "core",
   hidden: !0,
-  icon: M,
+  icon: D,
   canDelete: () => !1,
   canDuplicate: () => !1,
   canAcceptBlock: () => !1,
@@ -1841,18 +1870,18 @@ u(Ft, {
     properties: {}
   })
 });
-const Gt = (e) => {
-  var a, g, m, h, y;
-  const { blockProps: t, styles: l, children: n = null } = e, r = ((g = (a = e == null ? void 0 : e.children) == null ? void 0 : a.props) == null ? void 0 : g.allBlocks) || ((h = (m = e == null ? void 0 : e.children) == null ? void 0 : m.props) == null ? void 0 : h.blocks) || [], s = r == null ? void 0 : r.find((f) => (f == null ? void 0 : f._parent) === (e == null ? void 0 : e._id) && (f == null ? void 0 : f._type) === "Slides"), c = {
-    totalSlides: ((y = r == null ? void 0 : r.filter((f) => (f == null ? void 0 : f._parent) === (s == null ? void 0 : s._id))) == null ? void 0 : y.length) || 0,
+const Ot = (e) => {
+  var s, g, m, h, y;
+  const { blockProps: t, styles: l, children: n = null } = e, r = ((g = (s = e == null ? void 0 : e.children) == null ? void 0 : s.props) == null ? void 0 : g.allBlocks) || ((h = (m = e == null ? void 0 : e.children) == null ? void 0 : m.props) == null ? void 0 : h.blocks) || [], o = r == null ? void 0 : r.find((f) => (f == null ? void 0 : f._parent) === (e == null ? void 0 : e._id) && (f == null ? void 0 : f._type) === "Slides"), c = {
+    totalSlides: ((y = r == null ? void 0 : r.filter((f) => (f == null ? void 0 : f._parent) === (o == null ? void 0 : o._id))) == null ? void 0 : y.length) || 0,
     ...typeof e.slider == "object" ? e.slider : {}
   };
-  return /* @__PURE__ */ o.jsx("div", { ...t, ...l, ...C("slider", c), children: n || /* @__PURE__ */ o.jsx("div", { className: "h-[60vh] p-2", children: /* @__PURE__ */ o.jsx("div", { className: "h-full border-2 border-dashed" }) }) });
-}, Ut = {
+  return /* @__PURE__ */ i("div", { ...t, ...l, ...L("slider", c), children: n || /* @__PURE__ */ i("div", { className: "h-[60vh] p-2", children: /* @__PURE__ */ i("div", { className: "h-full border-2 border-dashed" }) }) });
+}, Vt = {
   type: "Slider",
   label: "Slider",
   category: "core",
-  icon: be,
+  icon: ke,
   group: "basic",
   wrapper: !0,
   blocks: () => [
@@ -1916,7 +1945,7 @@ const Gt = (e) => {
   ...p({
     properties: {
       styles: d("w-full h-[60vh] relative overflow-x-hidden"),
-      slider: z({
+      slider: F({
         type: "object",
         properties: {},
         default: {
@@ -1932,9 +1961,9 @@ const Gt = (e) => {
       })
     }
   })
-}, Kt = () => {
-  u(xe, we), u(Be, Ie), u(ke, ve), u(Ce, je), u(Le, Pe), u($e, De), u(Ne, Me), u(Ke, Qe), u(Ze, Je), u(et, tt), u(lt, rt), u(Ve, We), u(Xe, Ye), u(it, at), u(Se, _e), u(Ee, Ae), u(nt, ot), u(mt, ht), u(ft, bt), u(xt, wt), u(yt, gt), u(St, _t), u(Bt, It), u(Ct, jt), u(kt, vt), u(Nt, Mt), u(Lt, Pt), u(Fe, Ge), u(Re, qe), u(Ue, Oe), u(ut, pt), u(Tt, Et), u($t, Dt), u(Gt, Ut);
+}, el = () => {
+  u(ve, xe), u(Ce, Le), u(Se, _e), u(Pe, Ne), u(Me, $e), u(Ae, Ee), u(De, Te), u(et, tt), u(Ke, Qe), u(lt, rt), u(nt, ot), u(Xe, Ye), u(Ze, Je), u(ct, dt), u(Be, Ie), u(ze, He), u(it, at), u(ft, bt), u(wt, kt), u(vt, xt), u(mt, ht), u(Bt, It), u(Ct, Lt), u(Pt, Nt), u(St, _t), u(Dt, Tt), u(Mt, $t), u(Ue, Oe), u(je, Ge), u(Ve, We), u(yt, gt), u(Rt, zt), u(At, Et), u(Ot, Vt);
 };
 export {
-  Kt as loadWebBlocks
+  el as loadWebBlocks
 };