@chaibuilder/sdk 3.1.28 → 3.1.30

package/dist/web-blocks.js

@@ -1,16 +1,16 @@
 import { registerChaiBlockSchema as p, StylesProp as u, registerChaiBlock as d, getRegisteredChaiBlock as U, stylesProp as L, closestBlockProp as Z } from "@chaibuilder/runtime";
-import { jsx as i, jsxs as g, Fragment as N } from "react/jsx-runtime";
+import { jsx as i, jsxs as h, Fragment as N } from "react/jsx-runtime";
 import { c as _, g as I } from "./common-functions-D2lMFR6K.js";
-import * as y from "react";
-import { createElement as w } from "react";
-import { ButtonIcon as M, CodeIcon as H, FrameIcon as $, SketchLogoIcon as q, LayoutIcon as G, RowsIcon as j, DividerHorizontalIcon as W, CheckboxIcon as O, FileTextIcon as Y, InputIcon as D, LetterCaseToggleIcon as Q, RadiobuttonIcon as J, DropdownMenuIcon as X, HeadingIcon as K, TableIcon as ee, BorderTopIcon as te, BorderAllIcon as oe, ViewHorizontalIcon as le, DragHandleHorizontalIcon as re, ImageIcon as ne, Link1Icon as ie, ColumnsIcon as ae, TextIcon as se, CursorTextIcon as ce, SpaceBetweenVerticallyIcon as de, VideoIcon as pe, ChevronLeftIcon as ue, ChevronRightIcon as me, LoopIcon as z } from "@radix-ui/react-icons";
-import { isEmpty as v, get as k, map as R, isNull as ye, omit as V, pick as F } from "lodash-es";
+import * as b from "react";
+import { createElement as x } from "react";
+import { ButtonIcon as M, CodeIcon as H, FrameIcon as $, SketchLogoIcon as q, LayoutIcon as G, RowsIcon as j, DividerHorizontalIcon as W, CheckboxIcon as O, FileTextIcon as Y, InputIcon as D, LetterCaseToggleIcon as Q, RadiobuttonIcon as J, DropdownMenuIcon as X, HeadingIcon as K, TableIcon as ee, BorderTopIcon as te, BorderAllIcon as oe, ViewHorizontalIcon as le, DragHandleHorizontalIcon as re, ImageIcon as ne, Link1Icon as ie, ColumnsIcon as ae, TextIcon as se, CursorTextIcon as ce, SpaceBetweenVerticallyIcon as de, VideoIcon as pe, ChevronLeftIcon as ue, ChevronRightIcon as me, LoopIcon as V } from "@radix-ui/react-icons";
+import { isEmpty as w, get as k, map as R, isNull as ye, omit as z, pick as F } from "lodash-es";
 const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div", { className: _("pointer-events-none flex h-20 flex-col items-center justify-center p-2", e), children: /* @__PURE__ */ i("div", { className: "h-full w-full rounded bg-gray-200 p-2 dark:bg-gray-800", children: /* @__PURE__ */ i("div", { className: "flex h-full w-full items-center justify-center outline-dashed outline-1 -outline-offset-1 outline-gray-400 duration-300 dark:outline-gray-700" }) }) }) : null, ge = (e) => {
   const { blockProps: o, inBuilder: t, backgroundImage: l, children: r, tag: n = "div", styles: a } = e;
   let s = r;
   r || (s = /* @__PURE__ */ i(C, { inBuilder: t }));
   let c = {};
-  return l && (c = { backgroundImage: `url(${l})` }), y.createElement(n, { ...o, ...a, style: c }, s);
+  return l && (c = { backgroundImage: `url(${l})` }), b.createElement(n, { ...o, ...a, style: c }, s);
 }, be = {
   type: "Box",
   description: "Similar to a div or section elements in HTML",
@@ -54,17 +54,17 @@ 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: m } = e, h = l, b = a || /* @__PURE__ */ g(N, { children: [
+  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: [
     r && /* @__PURE__ */ i("span", { children: r }),
-    h && /* @__PURE__ */ i(
+    g && /* @__PURE__ */ i(
       "div",
       {
         style: { width: t + "px" },
         className: s + " " + (r ? s === "order-first" ? "mr-2" : "ml-2" : "") || "",
-        dangerouslySetInnerHTML: { __html: h }
+        dangerouslySetInnerHTML: { __html: g }
       }
     )
-  ] }), x = w(
+  ] }), f = x(
     "button",
     {
       ...o,
@@ -72,9 +72,9 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
       type: "button",
       "aria-label": r
     },
-    b
+    v
   );
-  return v(k(c, "href")) ? x : m ? /* @__PURE__ */ i("span", { children: x }) : /* @__PURE__ */ i("a", { "aria-label": r, href: k(c, "href") || "/", target: k(c, "target", "_self"), children: x });
+  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 = {
   type: "Button",
   description: "similar to a button element in HTML",
@@ -133,13 +133,13 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
   aiProps: ["content"]
 }, ke = (e) => {
   const { blockProps: o, styles: t, htmlCode: l, inBuilder: r } = e;
-  return r ? /* @__PURE__ */ g("div", { className: "relative", ...o, children: [
+  return r ? /* @__PURE__ */ h("div", { className: "relative", ...o, children: [
     r ? /* @__PURE__ */ i("div", { ...t, className: "absolute z-20 h-full w-full" }) : null,
-    y.createElement("div", {
+    b.createElement("div", {
       ...t,
       dangerouslySetInnerHTML: { __html: l.replace(/<script.*?>.*?<\/script>/g, "") }
     })
-  ] }) : y.createElement("div", {
+  ] }) : b.createElement("div", {
     ...o,
     ...t,
     dangerouslySetInnerHTML: { __html: l }
@@ -186,20 +186,20 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
   })
 }, Ce = (e) => {
   const { blockProps: o, inBuilder: t, children: l, globalBlock: r } = e;
-  return t && !r ? /* @__PURE__ */ g(
+  return t && !r ? /* @__PURE__ */ h(
     "div",
     {
       className: "flex flex-col items-center justify-center gap-y-1 rounded-lg bg-gray-100 py-4 dark:bg-gray-800",
       ...o,
       children: [
-        /* @__PURE__ */ g("h1", { children: [
+        /* @__PURE__ */ h("h1", { children: [
           "Global Block - ",
           r
         ] }),
         /* @__PURE__ */ i("p", { children: "Choose a block from the sidebar to add it to this page." })
       ]
     }
-  ) : y.createElement("span", { ...o }, l);
+  ) : b.createElement("span", { ...o }, l);
 }, Ie = {
   type: "GlobalBlock",
   description: "A global block component",
@@ -223,10 +223,10 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
   className: _(e.className, ...o)
 }), Pe = (e) => {
   const { blockProps: o, icon: t, styles: l, width: r, inBuilder: n, height: a } = e, s = T(l, "");
-  if (v(t))
+  if (w(t))
     return /* @__PURE__ */ i(C, { inBuilder: n, className: "h-8 w-14" });
   const c = t.replace(/<svg /g, '<svg class="w-[inherit] h-[inherit]" ');
-  return y.createElement("span", {
+  return b.createElement("span", {
     ...o,
     ...s,
     style: {
@@ -265,20 +265,20 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
   })
 }, Be = (e) => {
   const { blockProps: o, inBuilder: t, children: l, partialBlockId: r } = e;
-  return t && !r ? /* @__PURE__ */ g(
+  return t && !r ? /* @__PURE__ */ h(
     "div",
     {
       className: "flex flex-col items-center justify-center gap-y-1 rounded-lg bg-gray-100 py-4 dark:bg-gray-800",
       ...o,
       children: [
-        /* @__PURE__ */ g("h1", { children: [
+        /* @__PURE__ */ h("h1", { children: [
           "Partial Block - ",
           r
         ] }),
         /* @__PURE__ */ i("p", { children: "Choose a block from the sidebar to add it to this page." })
       ]
     }
-  ) : y.createElement("span", { ...o }, l);
+  ) : b.createElement("span", { ...o }, l);
 }, Se = {
   type: "PartialBlock",
   description: "A partial block component. Partial blocks are global blocks that can be used in multiple pages.",
@@ -422,7 +422,7 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
   })
 }, Ae = (e) => {
   const { blockProps: o, styles: t } = e;
-  return w("hr", { ...t, ...o });
+  return x("hr", { ...t, ...o });
 }, Ee = {
   type: "Divider",
   description: "A horizontal line component",
@@ -438,7 +438,7 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
 }, Me = (e) => {
   const { blockProps: o, styles: t, backgroundImage: l } = e;
   let r = {};
-  return l && (r = { backgroundImage: `url(${l})` }), y.createElement("div", { ...o, ...t, style: r });
+  return l && (r = { backgroundImage: `url(${l})` }), b.createElement("div", { ...o, ...t, style: r });
 }, He = {
   type: "EmptyBox",
   description: "A box component with no children",
@@ -458,7 +458,7 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
   })
 }, $e = (e) => {
   const { blockProps: o, fieldName: t, label: l, styles: r, inputStyles: n, required: a, checked: s, showLabel: c = !0 } = e;
-  return c ? /* @__PURE__ */ g("div", { ...r, ...o, children: [
+  return c ? /* @__PURE__ */ h("div", { ...r, ...o, children: [
     /* @__PURE__ */ i("input", { ...n, name: t, type: "checkbox", required: a, defaultChecked: s }),
     l && /* @__PURE__ */ i("label", { htmlFor: t, children: l })
   ] }) : /* @__PURE__ */ i(
@@ -515,7 +515,7 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
 }, De = (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__ */ g(
+  return o || (c = /* @__PURE__ */ i(C, { inBuilder: s })), /* @__PURE__ */ h(
     "form",
     {
       ...{
@@ -537,7 +537,7 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
       ]
     }
   );
-}, ze = {
+}, Ve = {
   type: "Form",
   label: "Form",
   category: "core",
@@ -578,9 +578,9 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
   i18nProps: ["errorMessage", "successMessage"],
   aiProps: ["errorMessage", "successMessage"],
   canAcceptBlock: () => !0
-}, Ve = (e) => {
+}, ze = (e) => {
   const { blockProps: o, inBuilder: t, label: l, styles: r, icon: n, iconSize: a, iconPos: s } = e;
-  return /* @__PURE__ */ g("button", { ...r, ...o || {}, type: t ? "button" : "submit", "aria-label": l, children: [
+  return /* @__PURE__ */ h("button", { ...r, ...o || {}, type: t ? "button" : "submit", "aria-label": l, children: [
     l,
     n && /* @__PURE__ */ i(
       "div",
@@ -708,21 +708,21 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
     inputStyles: a,
     showLabel: s,
     required: c,
-    inputType: m,
-    defaultValue: h
-  } = e, { type: b, autocomplete: x } = Ue(m);
-  return s ? /* @__PURE__ */ g("div", { ...n, ...o, children: [
+    inputType: y,
+    defaultValue: g
+  } = e, { type: v, autocomplete: f } = Ue(y);
+  return s ? /* @__PURE__ */ h("div", { ...n, ...o, children: [
     s && /* @__PURE__ */ i("label", { htmlFor: t, children: l }),
     /* @__PURE__ */ i(
       "input",
       {
         name: t,
-        defaultValue: h,
+        defaultValue: g,
         ...a,
-        type: b,
+        type: v,
         placeholder: r,
         required: c,
-        autoComplete: x
+        autoComplete: f
       }
     )
   ] }) : /* @__PURE__ */ i(
@@ -732,11 +732,11 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
       ...o,
       ...a,
       ...n,
-      type: b,
+      type: v,
       placeholder: r,
       required: c,
-      autoComplete: x,
-      defaultValue: h
+      autoComplete: f,
+      defaultValue: g
     }
   );
 }, qe = {
@@ -856,7 +856,7 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
   i18nProps: ["label", "placeholder"]
 }, Ge = (e) => {
   const { blockProps: o, content: t, styles: l, children: r } = e, n = { ...l, ...o };
-  return r ? y.createElement("label", n, r) : y.createElement("label", {
+  return r ? b.createElement("label", n, r) : b.createElement("label", {
     ...n,
     dangerouslySetInnerHTML: { __html: t }
   });
@@ -880,7 +880,7 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
   i18nProps: ["content"]
 }, Oe = (e) => {
   const { blockProps: o, fieldName: t, label: l, styles: r, inputStyles: n, required: a, checked: s, showLabel: c = !0 } = e;
-  return c ? /* @__PURE__ */ g("div", { ...r, ...o, children: [
+  return c ? /* @__PURE__ */ h("div", { ...r, ...o, children: [
     /* @__PURE__ */ i("input", { ...n, name: t, type: "radio", required: a, defaultChecked: s }),
     l && /* @__PURE__ */ i("label", { htmlFor: t, children: l })
   ] }) : /* @__PURE__ */ i(
@@ -944,38 +944,38 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
     inputStyles: a,
     required: s,
     showLabel: c,
-    _multiple: m,
-    options: h,
-    defaultValue: b
-  } = e, x = m && b ? b.split(",").map((f) => f.trim()) : b || "";
-  return c ? /* @__PURE__ */ g("div", { ...n, ...o, children: [
+    _multiple: y,
+    options: g,
+    defaultValue: v
+  } = e, f = y && v ? v.split(",").map((m) => m.trim()) : v || "";
+  return c ? /* @__PURE__ */ h("div", { ...n, ...o, children: [
     c && /* @__PURE__ */ i("label", { htmlFor: t, children: l }),
-    /* @__PURE__ */ g(
+    /* @__PURE__ */ h(
       "select",
       {
         ...a,
         required: s,
-        multiple: m,
+        multiple: y,
         name: t,
-        defaultValue: x,
+        defaultValue: f,
         children: [
           /* @__PURE__ */ i("option", { value: "", disabled: !0, hidden: !0, children: r }),
-          R(h, (f) => /* @__PURE__ */ i("option", { value: f == null ? void 0 : f.value, children: f == null ? void 0 : f.label }, f == null ? void 0 : f.value))
+          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))
         ]
       }
     )
-  ] }) : /* @__PURE__ */ g(
+  ] }) : /* @__PURE__ */ h(
     "select",
     {
       ...n,
       ...o,
       required: s,
-      multiple: m,
+      multiple: y,
       name: t,
-      defaultValue: x,
+      defaultValue: f,
       children: [
         /* @__PURE__ */ i("option", { value: "", disabled: !0, hidden: !0, children: r }),
-        R(h, (f) => /* @__PURE__ */ i("option", { value: f == null ? void 0 : f.value, children: f == null ? void 0 : f.label }, f == null ? void 0 : f.value))
+        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))
       ]
     }
   );
@@ -1049,8 +1049,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: m, defaultValue: h } = e;
-  return c ? /* @__PURE__ */ g("div", { ...n, ...o, children: [
+  const { blockProps: o, fieldName: t, label: l, placeholder: r, styles: n, inputStyles: a, rows: s, showLabel: c, required: y, defaultValue: g } = e;
+  return c ? /* @__PURE__ */ h("div", { ...n, ...o, children: [
     c && /* @__PURE__ */ i("label", { htmlFor: t, children: l }),
     /* @__PURE__ */ i(
       "textarea",
@@ -1059,8 +1059,8 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
         ...a,
         placeholder: r,
         rows: s,
-        required: m,
-        defaultValue: h
+        required: y,
+        defaultValue: g
       }
     )
   ] }) : /* @__PURE__ */ i(
@@ -1072,8 +1072,8 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
       ...n,
       placeholder: r,
       rows: s,
-      required: m,
-      defaultValue: h
+      required: y,
+      defaultValue: g
     }
   );
 }, Ke = {
@@ -1129,7 +1129,7 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
   i18nProps: ["label", "placeholder"]
 }, et = (e) => {
   const { blockProps: o, styles: t, content: l, tag: r = "h1", children: n = null } = e;
-  return n ? y.createElement(r, { ...t, ...o }, n) : y.createElement(r, {
+  return n ? b.createElement(r, { ...t, ...o }, n) : b.createElement(r, {
     ...t,
     ...o,
     dangerouslySetInnerHTML: { __html: l }
@@ -1163,7 +1163,7 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
   canAcceptBlock: () => !0
 }, ot = (e) => {
   const { blockProps: o, styles: t } = e;
-  return w("br", { ...o, ...t });
+  return x("br", { ...o, ...t });
 }, lt = {
   type: "LineBreak",
   label: "Line Break",
@@ -1181,19 +1181,19 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
   canDuplicate: () => !1
 }, rt = (e) => {
   const { blockProps: o, children: t, styles: l } = e;
-  return t ? w("table", { ...o, ...l }, t) : /* @__PURE__ */ i(C, {});
+  return t ? x("table", { ...o, ...l }, t) : /* @__PURE__ */ i(C, {});
 }, nt = (e) => {
   const { blockProps: o, children: t, styles: l } = e;
-  return t ? w("thead", { ...o, ...l }, t) : /* @__PURE__ */ i(C, {});
+  return t ? x("thead", { ...o, ...l }, t) : /* @__PURE__ */ i(C, {});
 }, it = (e) => {
   const { blockProps: o, children: t, styles: l } = e;
-  return t ? w("tbody", { ...o, ...l }, t) : /* @__PURE__ */ i(C, {});
+  return t ? x("tbody", { ...o, ...l }, t) : /* @__PURE__ */ i(C, {});
 }, at = (e) => {
   const { blockProps: o, children: t, styles: l } = e;
-  return t ? w("tr", { ...o, ...l }, t) : /* @__PURE__ */ i(C, {});
+  return t ? x("tr", { ...o, ...l }, t) : /* @__PURE__ */ i(C, {});
 }, st = (e) => {
   const { blockProps: o, children: t, content: l, styles: r } = e;
-  return !t && v(l) ? /* @__PURE__ */ i(C, {}) : t ? w("td", { ...o, ...r }, t) : w("td", {
+  return !t && w(l) ? /* @__PURE__ */ i(C, {}) : t ? x("td", { ...o, ...r }, t) : x("td", {
     ...o,
     ...r,
     dangerouslySetInnerHTML: { __html: l }
@@ -1321,9 +1321,9 @@ 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: m, mobileHeight: h } = e;
-  return v(t) ? /* @__PURE__ */ i(C, { className: "h-36" }) : /* @__PURE__ */ g("picture", { children: [
-    l && /* @__PURE__ */ i("source", { srcSet: l, media: "(max-width: 480px)", width: m, height: h }),
+  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 }),
     /* @__PURE__ */ i(
       "img",
       {
@@ -1401,7 +1401,7 @@ const ct = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAwIiBoZWlnaHQ9IjQwMCIgeG
 }, ut = (e) => {
   const { blockProps: o, link: t, children: l, styles: r, inBuilder: n, content: a } = e;
   let s = {};
-  return !l && v(a) && (s = { minHeight: "50px", display: "flex", alignItems: "center", justifyContent: "center" }), n ? l ? /* @__PURE__ */ i("span", { role: "link", ...o, style: s, ...r, children: l }) : w(
+  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(
     "span",
     {
       ...o,
@@ -1410,7 +1410,7 @@ const ct = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAwIiBoZWlnaHQ9IjQwMCIgeG
       role: "link"
     },
     a
-  ) : l ? /* @__PURE__ */ i("a", { "aria-label": a, href: (t == null ? void 0 : t.href) || "#/", target: t == null ? void 0 : t.target, ...o, ...r, children: l }) : w(
+  ) : l ? /* @__PURE__ */ i("a", { "aria-label": a, href: (t == null ? void 0 : t.href) || "#/", target: t == null ? void 0 : t.target, ...o, ...r, children: l }) : x(
     "a",
     {
       ...o,
@@ -1464,7 +1464,7 @@ const ct = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAwIiBoZWlnaHQ9IjQwMCIgeG
   canAcceptBlock: (e) => e !== "Link"
 }, yt = (e) => {
   const { blockProps: o, children: t, styles: l, tag: r, inBuilder: n } = e;
-  return !t && v(l == null ? void 0 : l.className) ? /* @__PURE__ */ i(C, { inBuilder: n }) : y.createElement(r || "ul", { ...o, ...l }, t);
+  return !t && w(l == null ? void 0 : l.className) ? /* @__PURE__ */ i(C, { inBuilder: n }) : b.createElement(r || "ul", { ...o, ...l }, t);
 }, gt = {
   type: "List",
   description: "A list component",
@@ -1504,7 +1504,7 @@ const ct = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAwIiBoZWlnaHQ9IjQwMCIgeG
   ]
 }, bt = (e) => {
   const { blockProps: o, content: t, styles: l, children: r, tag: n } = e;
-  return r ? y.createElement(n || "li", { ...l, ...o }, r) : y.createElement(n || "li", {
+  return r ? b.createElement(n || "li", { ...l, ...o }, r) : b.createElement(n || "li", {
     ...l,
     ...o,
     dangerouslySetInnerHTML: { __html: t }
@@ -1535,9 +1535,9 @@ const ct = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAwIiBoZWlnaHQ9IjQwMCIgeG
   canBeNested: (e) => e === "List" || e === "Repeater"
 }, ht = (e) => {
   const { blockProps: o, styles: t, content: l } = e;
-  if (!ye(e.children)) return y.createElement("p", { ...t, ...o }, e.children);
+  if (!ye(e.children)) return b.createElement("p", { ...t, ...o }, e.children);
   const r = T(t, "rte");
-  return y.createElement("div", {
+  return b.createElement("div", {
     ...r,
     ...o,
     dangerouslySetInnerHTML: { __html: l }
@@ -1589,7 +1589,7 @@ const ct = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAwIiBoZWlnaHQ9IjQwMCIgeG
   i18nProps: ["content"]
 }, vt = (e) => {
   const { blockProps: o, styles: t, content: l, children: r = null, tag: n } = e;
-  return r ? y.createElement("span", { ...t, ...o }, r) : y.createElement(n || "span", {
+  return r ? b.createElement("span", { ...t, ...o }, r) : b.createElement(n || "span", {
     ...t,
     ...o,
     dangerouslySetInnerHTML: { __html: l || "" }
@@ -1671,8 +1671,8 @@ const ct = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAwIiBoZWlnaHQ9IjQwMCIgeG
     const a = e.match(A);
     if (a) {
       const s = a[4];
-      let c = `https://www.youtube.com/embed/${s}`, m = t ? "autoplay=1" : "";
-      return m += r ? `&loop=1&playlist=${s}` : "", m += n ? "&mute=1&muted=1" : "", m += l ? "&controls=1" : "&controls=0", `${c}?${m}`;
+      let c = `https://www.youtube.com/embed/${s}`, y = t ? "autoplay=1" : "";
+      return y += r ? `&loop=1&playlist=${s}` : "", y += n ? "&mute=1&muted=1" : "", y += l ? "&controls=1" : "&controls=0", `${c}?${y}`;
     }
   }
   if (E.test(e)) {
@@ -1685,41 +1685,42 @@ const ct = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAwIiBoZWlnaHQ9IjQwMCIgeG
   }
   return null;
 }, Bt = (e) => {
-  const { url: o, blockProps: t, styles: l, controls: r, videoSource: n, inBuilder: a } = e, s = Lt(o, r);
-  return /* @__PURE__ */ g("div", { ...V(l, "className"), className: "relative w-full overflow-hidden", style: { paddingBottom: "56.25%" }, children: [
-    !s && a ? /* @__PURE__ */ i("div", { className: "absolute flex h-full w-full items-center justify-center bg-gray-300 text-center", children: v(o) ? `Provided ${n} video link in settings Video URL.` : `Provided ${n} video link is invalid.` }) : /* @__PURE__ */ i("iframe", { width: "100%", src: s, ...F(l, "className") }),
+  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") }),
     a && /* @__PURE__ */ i("div", { ...t, className: "absolute top-0 h-full w-full" })
   ] });
 }, St = (e) => {
-  const { url: o, styles: t, controls: l, sources: r, poster: n, blockProps: a } = e;
-  let s = n;
-  const c = [...k(r, "srcsets", []) || []];
-  o && typeof o == "string" && c.push({ url: o, width: "9999" });
-  const m = c.sort((b, x) => parseInt(b.width) - parseInt(x.width)).filter((b) => !v(b.url) && !v(b.width));
-  m.length === 0 && !s && (s = "https://placehold.co/300x200/EEE/ccc?text=Choose%20Video");
-  const h = k(l, "autoplay", !1) || k(l, "muted", !0);
-  return (s || !v(m)) && /* @__PURE__ */ i("div", { className: "relative w-full overflow-hidden", style: { paddingBottom: "56.25%" }, children: /* @__PURE__ */ w(
+  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(
     "video",
     {
       ...t,
       ...a,
-      key: JSON.stringify(m),
+      title: s || "Video player",
+      key: JSON.stringify(g),
       controls: k(l, "controls", !1),
       autoPlay: k(l, "autoplay", !1),
       loop: k(l, "loop", !1),
-      poster: s,
-      ...h ? { muted: !0 } : {}
+      poster: c,
+      ...v ? { muted: !0 } : {}
     },
-    m.map((b) => {
-      if (!b.url || b.url.length < 4 || isNaN(b.width)) return null;
-      const x = `(max-width: ${b.width}px)`;
-      return /* @__PURE__ */ i("source", { src: b.url, media: x, type: b.type }, b.url);
+    g.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);
     }),
     "Your browser does not support the video tag."
   ) });
 }, Nt = (e) => {
   const { videoSource: o } = e;
-  return o === "Custom" ? /* @__PURE__ */ i(St, { ...e }) : o === "Youtube" || o === "Vimeo" ? /* @__PURE__ */ i(Bt, { ...e }) : /* @__PURE__ */ g("div", { children: [
+  return o === "Custom" ? /* @__PURE__ */ i(St, { ...e }) : o === "Youtube" || o === "Vimeo" ? /* @__PURE__ */ i(Bt, { ...e }) : /* @__PURE__ */ h("div", { children: [
     "Invalid video source : ",
     o
   ] });
@@ -1737,6 +1738,11 @@ const ct = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAwIiBoZWlnaHQ9IjQwMCIgeG
         default: "Custom",
         enum: ["Custom", "Youtube", "Vimeo"],
         title: "Video source"
+      },
+      title: {
+        type: "string",
+        title: "Video Title",
+        default: "Video player"
       }
     },
     allOf: [
@@ -1807,10 +1813,10 @@ const ct = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAwIiBoZWlnaHQ9IjQwMCIgeG
       poster: { "ui:placeholder": "Enter poster URL" }
     }
   }),
-  i18nProps: ["url"]
+  i18nProps: ["url", "title"]
 }, Tt = (e) => {
   const { paginationStyles: o } = e, t = U("Pagination");
-  return /* @__PURE__ */ i("div", { ...o, children: t ? y.createElement(t.component, { ...V(e, ["paginationStyles"]), blockProps: {} }) : /* @__PURE__ */ g(N, { children: [
+  return /* @__PURE__ */ i("div", { ...o, children: t ? b.createElement(t.component, { ...z(e, ["paginationStyles"]), blockProps: {} }) : /* @__PURE__ */ h(N, { children: [
     /* @__PURE__ */ i(
       "button",
       {
@@ -1829,17 +1835,17 @@ const ct = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAwIiBoZWlnaHQ9IjQwMCIgeG
 }, Rt = (e) => {
   const { children: o, tag: t, styles: l, blockProps: r, $loading: n } = e, { pagination: a, inBuilder: s } = e;
   let c = o;
-  return v(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((m, h) => /* @__PURE__ */ g("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((y, g) => /* @__PURE__ */ h("div", { className: "animate-pulse rounded-md bg-primary/10 p-5", children: [
     /* @__PURE__ */ i("div", { className: "h-6 w-1/2 rounded-md bg-primary/10" }),
     /* @__PURE__ */ i("div", { className: "mt-2 h-4 w-1/2 rounded-md bg-primary/10" })
-  ] }, h)) : c : /* @__PURE__ */ g(N, { children: [
-    y.createElement(
+  ] }, g)) : c : /* @__PURE__ */ h(N, { children: [
+    b.createElement(
       t,
       { ...r, ...l },
-      n && s ? Array.from({ length: 2 }).map((m, h) => /* @__PURE__ */ g("div", { className: "animate-pulse rounded-md bg-primary/10 p-5", children: [
+      n && s ? Array.from({ length: 2 }).map((y, g) => /* @__PURE__ */ h("div", { className: "animate-pulse rounded-md bg-primary/10 p-5", children: [
         /* @__PURE__ */ i("div", { className: "h-6 w-1/2 rounded-md bg-primary/10" }),
         /* @__PURE__ */ i("div", { className: "mt-2 h-4 w-1/2 rounded-md bg-primary/10" })
-      ] }, h)) : c
+      ] }, g)) : c
     ),
     a && /* @__PURE__ */ i(
       Tt,
@@ -1859,7 +1865,7 @@ const ct = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAwIiBoZWlnaHQ9IjQwMCIgeG
 }, At = {
   type: "Repeater",
   label: "Repeater",
-  icon: z,
+  icon: V,
   group: "basic",
   description: "Repeater block is used to display a list of items based on data binding in repeaterItems",
   dataProviderMode: "live",
@@ -1969,15 +1975,15 @@ const ct = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAwIiBoZWlnaHQ9IjQwMCIgeG
     default:
       n = "div";
   }
-  return !e && r ? y.createElement(
+  return !e && r ? b.createElement(
     n,
     { ...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" })
-  ) : y.createElement(n, { ...o, ...t }, e);
+  ) : b.createElement(n, { ...o, ...t }, e);
 }, Mt = {
   type: "RepeaterItem",
   label: "Repeater Item",
-  icon: z,
+  icon: V,
   hidden: !0,
   group: "basic",
   ...p({
@@ -1994,7 +2000,7 @@ const ct = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAwIiBoZWlnaHQ9IjQwMCIgeG
   children: e,
   blockProps: o,
   styles: t
-}) => y.createElement("div", { ...o, ...t }, e), $t = {
+}) => b.createElement("div", { ...o, ...t }, e), $t = {
   type: "RepeaterEmptyState",
   label: "Empty State",
   hidden: !0,
@@ -2007,7 +2013,7 @@ const ct = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAwIiBoZWlnaHQ9IjQwMCIgeG
   canMove: () => !1,
   canDuplicate: () => !1
 }, Zt = () => {
-  d(ge, be), d(Me, He), d(fe, he), d(et, tt), d(ht, kt), d(vt, Ct), d(xt, wt), d(ut, mt), d(yt, gt), d(bt, ft), d(Pe, Le), d(dt, pt), d(Nt, _t), d(ke, xe), d(we, ve), d(It, Pt), d(De, ze), d(Ve, 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);
+  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);
 };
 export {
   Zt as loadWebBlocks

package/package.json

@@ -5,7 +5,7 @@
   "author": "Suraj Air",
   "license": "BSD-3-Clause",
   "homepage": "https://chaibuilder.com",
-  "version": "3.1.28",
+  "version": "3.1.30",
   "type": "module",
   "repository": {
     "type": "git",