@chaibuilder/sdk 3.1.22 → 3.1.24

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 a, jsxs as g, Fragment as N } from "react/jsx-runtime";
+import { jsx as i, jsxs as g, Fragment as N } from "react/jsx-runtime";
 import { c as _, g as I } from "./common-functions-BGzDsf1z.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 ae, ColumnsIcon as ie, 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 { 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";
-const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ a("div", { className: _("pointer-events-none flex h-20 flex-col items-center justify-center p-2", e), children: /* @__PURE__ */ a("div", { className: "h-full w-full rounded bg-gray-200 p-2 dark:bg-gray-800", children: /* @__PURE__ */ a("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: i } = e;
+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__ */ a(C, { inBuilder: t }));
+  r || (s = /* @__PURE__ */ i(C, { inBuilder: t }));
   let c = {};
-  return l && (c = { backgroundImage: `url(${l})` }), y.createElement(n, { ...o, ...i, style: c }, s);
+  return l && (c = { backgroundImage: `url(${l})` }), y.createElement(n, { ...o, ...a, style: c }, s);
 }, be = {
   type: "Box",
   description: "Similar to a div or section elements in HTML",
@@ -54,9 +54,9 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ a("div",
   }),
   canAcceptBlock: () => !0
 }, fe = (e) => {
-  const { blockProps: o, iconSize: t, icon: l, content: r, styles: n, children: i, iconPos: s, link: c, inBuilder: m } = e, h = l, b = i || /* @__PURE__ */ g(N, { children: [
-    r && /* @__PURE__ */ a("span", { children: r }),
-    h && /* @__PURE__ */ a(
+  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: [
+    r && /* @__PURE__ */ i("span", { children: r }),
+    h && /* @__PURE__ */ i(
       "div",
       {
         style: { width: t + "px" },
@@ -74,7 +74,7 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ a("div",
     },
     b
   );
-  return v(k(c, "href")) ? x : m ? /* @__PURE__ */ a("span", { children: x }) : /* @__PURE__ */ a("a", { "aria-label": r, href: k(c, "href") || "/", target: k(c, "target", "_self"), children: x });
+  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 });
 }, he = {
   type: "Button",
   description: "similar to a button element in HTML",
@@ -134,7 +134,7 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ a("div",
 }, ke = (e) => {
   const { blockProps: o, styles: t, htmlCode: l, inBuilder: r } = e;
   return r ? /* @__PURE__ */ g("div", { className: "relative", ...o, children: [
-    r ? /* @__PURE__ */ a("div", { ...t, className: "absolute z-20 h-full w-full" }) : null,
+    r ? /* @__PURE__ */ i("div", { ...t, className: "absolute z-20 h-full w-full" }) : null,
     y.createElement("div", {
       ...t,
       dangerouslySetInnerHTML: { __html: l.replace(/<script.*?>.*?<\/script>/g, "") }
@@ -164,7 +164,7 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ a("div",
   i18nProps: ["htmlCode"]
 }, we = (e) => {
   const { scripts: o, inBuilder: t, blockProps: l } = e;
-  return t ? /* @__PURE__ */ a("div", { ...l, children: /* @__PURE__ */ a("div", { className: _("pointer-events-none flex flex-col items-center justify-center p-2", ""), children: /* @__PURE__ */ a("div", { className: "h-full w-full rounded bg-gray-200 p-1 dark:bg-gray-800", children: /* @__PURE__ */ a("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__ */ a("div", { dangerouslySetInnerHTML: { __html: o } });
+  return t ? /* @__PURE__ */ i("div", { ...l, children: /* @__PURE__ */ i("div", { className: _("pointer-events-none flex flex-col items-center justify-center p-2", ""), children: /* @__PURE__ */ i("div", { className: "h-full w-full rounded bg-gray-200 p-1 dark:bg-gray-800", children: /* @__PURE__ */ i("p", { className: "text-left text-xs text-gray-400", children: "Scripts will be only executed in preview and live mode. Place your script at the bottom of the" }) }) }) }) : /* @__PURE__ */ i("div", { dangerouslySetInnerHTML: { __html: o } });
 }, ve = {
   type: "CustomScript",
   description: "similar to a script element in HTML",
@@ -196,7 +196,7 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ a("div",
           "Global Block - ",
           r
         ] }),
-        /* @__PURE__ */ a("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." })
       ]
     }
   ) : y.createElement("span", { ...o }, l);
@@ -222,16 +222,16 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ a("div",
   ...e,
   className: _(e.className, ...o)
 }), Pe = (e) => {
-  const { blockProps: o, icon: t, styles: l, width: r, inBuilder: n, height: i } = e, s = T(l, "");
+  const { blockProps: o, icon: t, styles: l, width: r, inBuilder: n, height: a } = e, s = T(l, "");
   if (v(t))
-    return /* @__PURE__ */ a(C, { inBuilder: n, className: "h-8 w-14" });
+    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", {
     ...o,
     ...s,
     style: {
       width: r ? `${r}px` : "auto",
-      height: i ? `${i}px` : "auto"
+      height: a ? `${a}px` : "auto"
     },
     dangerouslySetInnerHTML: { __html: c }
   });
@@ -275,7 +275,7 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ a("div",
           "Partial Block - ",
           r
         ] }),
-        /* @__PURE__ */ a("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." })
       ]
     }
   ) : y.createElement("span", { ...o }, l);
@@ -341,13 +341,13 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ a("div",
     12: "lg:col-span-12"
   }
 }, Ne = (e) => {
-  const { blockProps: o, children: t, styles: l, colSpan: r, tabletColSpan: n, desktopColSpan: i } = e, c = { className: [
+  const { blockProps: o, children: t, styles: l, colSpan: r, tabletColSpan: n, desktopColSpan: a } = e, c = { className: [
     k(l, "className", ""),
     k(B, ["SMALL", isNaN(r) || !r ? 6 : r], ""),
     n ? k(B, ["MEDIUM", n || r], "") : "",
-    i ? k(B, ["LARGE", n || r], "") : ""
+    a ? k(B, ["LARGE", n || r], "") : ""
   ].join(" ") };
-  return /* @__PURE__ */ a("div", { ...o, ...l, ...c, children: t || /* @__PURE__ */ a("div", { className: "h-full min-h-12 w-full border-2 border-dashed border-gray-400 bg-gray-100 dark:bg-gray-900" }) });
+  return /* @__PURE__ */ i("div", { ...o, ...l, ...c, children: t || /* @__PURE__ */ i("div", { className: "h-full min-h-12 w-full border-2 border-dashed border-gray-400 bg-gray-100 dark:bg-gray-900" }) });
 }, _e = {
   type: "Column",
   description: "A column component",
@@ -386,8 +386,8 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ a("div",
     }
   })
 }, Te = (e) => {
-  const { blockProps: o, children: t, styles: l, gutter: r } = e, i = { className: [k(l, "className", ""), " grid grid-cols-12"].join() };
-  return typeof (l == null ? void 0 : l.style) == "object" ? l.style.gap = `${r}px` : i.style = { gap: `${r}px` }, /* @__PURE__ */ a("div", { ...o, ...l, ...i, children: t });
+  const { blockProps: o, children: t, styles: l, gutter: r } = e, a = { className: [k(l, "className", ""), " grid grid-cols-12"].join() };
+  return typeof (l == null ? void 0 : l.style) == "object" ? l.style.gap = `${r}px` : a.style = { gap: `${r}px` }, /* @__PURE__ */ i("div", { ...o, ...l, ...a, children: t });
 }, Re = {
   type: "Row",
   description: "A row component",
@@ -457,11 +457,11 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ a("div",
     }
   })
 }, $e = (e) => {
-  const { blockProps: o, fieldName: t, label: l, styles: r, inputStyles: n, required: i, checked: s, showLabel: c = !0 } = 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: [
-    /* @__PURE__ */ a("input", { ...n, name: t, type: "checkbox", required: i, defaultChecked: s }),
-    l && /* @__PURE__ */ a("label", { htmlFor: t, children: l })
-  ] }) : /* @__PURE__ */ a(
+    /* @__PURE__ */ i("input", { ...n, name: t, type: "checkbox", required: a, defaultChecked: s }),
+    l && /* @__PURE__ */ i("label", { htmlFor: t, children: l })
+  ] }) : /* @__PURE__ */ i(
     "input",
     {
       name: t,
@@ -469,7 +469,7 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ a("div",
       ...n,
       ...r,
       type: "checkbox",
-      required: i,
+      required: a,
       defaultChecked: s
     }
   );
@@ -513,9 +513,9 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ a("div",
   aiProps: ["label"],
   i18nProps: ["label"]
 }, De = (e) => {
-  const { children: o, blockProps: t, errorMessage: l, successMessage: r, action: n, styles: i, inBuilder: s } = e;
+  const { children: o, blockProps: t, errorMessage: l, successMessage: r, action: n, styles: a, inBuilder: s } = e;
   let c = o;
-  return o || (c = /* @__PURE__ */ a(C, { inBuilder: s })), /* @__PURE__ */ g(
+  return o || (c = /* @__PURE__ */ i(C, { inBuilder: s })), /* @__PURE__ */ g(
     "form",
     {
       ...{
@@ -527,9 +527,9 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ a("div",
       method: "post",
       action: n,
       ...t,
-      ...i,
+      ...a,
       children: [
-        /* @__PURE__ */ a("div", { ...{
+        /* @__PURE__ */ i("div", { ...{
           "x-html": "",
           ":class": "{'text-red-500': formStatus === 'ERROR', 'text-green-500': formStatus === 'SUCCESS'}"
         } }),
@@ -579,13 +579,13 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ a("div",
   aiProps: ["errorMessage", "successMessage"],
   canAcceptBlock: () => !0
 }, Ve = (e) => {
-  const { blockProps: o, inBuilder: t, label: l, styles: r, icon: n, iconSize: i, iconPos: s } = 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: [
     l,
-    n && /* @__PURE__ */ a(
+    n && /* @__PURE__ */ i(
       "div",
       {
-        style: { width: i + "px" },
+        style: { width: a + "px" },
         className: s + " " + (s === "order-first" ? "mr-2" : "ml-2") || "",
         dangerouslySetInnerHTML: { __html: n }
       }
@@ -705,32 +705,32 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ a("div",
     label: l,
     placeholder: r,
     styles: n,
-    inputStyles: i,
+    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: [
-    s && /* @__PURE__ */ a("label", { htmlFor: t, children: l }),
-    /* @__PURE__ */ a(
+    s && /* @__PURE__ */ i("label", { htmlFor: t, children: l }),
+    /* @__PURE__ */ i(
       "input",
       {
         name: t,
         defaultValue: h,
-        ...i,
+        ...a,
         type: b,
         placeholder: r,
         required: c,
         autoComplete: x
       }
     )
-  ] }) : /* @__PURE__ */ a(
+  ] }) : /* @__PURE__ */ i(
     "input",
     {
       name: t,
       ...o,
-      ...i,
+      ...a,
       ...n,
       type: b,
       placeholder: r,
@@ -879,11 +879,11 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ a("div",
   aiProps: ["content"],
   i18nProps: ["content"]
 }, Oe = (e) => {
-  const { blockProps: o, fieldName: t, label: l, styles: r, inputStyles: n, required: i, checked: s, showLabel: c = !0 } = 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: [
-    /* @__PURE__ */ a("input", { ...n, name: t, type: "radio", required: i, defaultChecked: s }),
-    l && /* @__PURE__ */ a("label", { htmlFor: t, children: l })
-  ] }) : /* @__PURE__ */ a(
+    /* @__PURE__ */ i("input", { ...n, name: t, type: "radio", required: a, defaultChecked: s }),
+    l && /* @__PURE__ */ i("label", { htmlFor: t, children: l })
+  ] }) : /* @__PURE__ */ i(
     "input",
     {
       name: t,
@@ -891,7 +891,7 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ a("div",
       ...n,
       ...r,
       type: "radio",
-      required: i,
+      required: a,
       checked: s
     }
   );
@@ -941,7 +941,7 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ a("div",
     label: l,
     placeholder: r,
     styles: n,
-    inputStyles: i,
+    inputStyles: a,
     required: s,
     showLabel: c,
     _multiple: m,
@@ -949,18 +949,18 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ a("div",
     defaultValue: b
   } = e, x = m && b ? b.split(",").map((f) => f.trim()) : b || "";
   return c ? /* @__PURE__ */ g("div", { ...n, ...o, children: [
-    c && /* @__PURE__ */ a("label", { htmlFor: t, children: l }),
+    c && /* @__PURE__ */ i("label", { htmlFor: t, children: l }),
     /* @__PURE__ */ g(
       "select",
       {
-        ...i,
+        ...a,
         required: s,
         multiple: m,
         name: t,
         defaultValue: x,
         children: [
-          /* @__PURE__ */ a("option", { value: "", disabled: !0, hidden: !0, children: r }),
-          R(h, (f) => /* @__PURE__ */ a("option", { value: f == null ? void 0 : f.value, children: f == null ? void 0 : f.label }, f == null ? void 0 : f.value))
+          /* @__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))
         ]
       }
     )
@@ -974,8 +974,8 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ a("div",
       name: t,
       defaultValue: x,
       children: [
-        /* @__PURE__ */ a("option", { value: "", disabled: !0, hidden: !0, children: r }),
-        R(h, (f) => /* @__PURE__ */ a("option", { value: f == null ? void 0 : f.value, children: f == null ? void 0 : f.label }, f == null ? void 0 : f.value))
+        /* @__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))
       ]
     }
   );
@@ -1049,26 +1049,26 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ a("div",
   aiProps: ["label", "placeholder"],
   i18nProps: ["label", "placeholder"]
 }, Xe = (e) => {
-  const { blockProps: o, fieldName: t, label: l, placeholder: r, styles: n, inputStyles: i, rows: s, showLabel: c, required: m, defaultValue: h } = 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: [
-    c && /* @__PURE__ */ a("label", { htmlFor: t, children: l }),
-    /* @__PURE__ */ a(
+    c && /* @__PURE__ */ i("label", { htmlFor: t, children: l }),
+    /* @__PURE__ */ i(
       "textarea",
       {
         name: t,
-        ...i,
+        ...a,
         placeholder: r,
         rows: s,
         required: m,
         defaultValue: h
       }
     )
-  ] }) : /* @__PURE__ */ a(
+  ] }) : /* @__PURE__ */ i(
     "textarea",
     {
       name: t,
       ...o,
-      ...i,
+      ...a,
       ...n,
       placeholder: r,
       rows: s,
@@ -1181,19 +1181,19 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ a("div",
   canDuplicate: () => !1
 }, rt = (e) => {
   const { blockProps: o, children: t, styles: l } = e;
-  return t ? w("table", { ...o, ...l }, t) : /* @__PURE__ */ a(C, {});
+  return t ? w("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__ */ a(C, {});
-}, at = (e) => {
-  const { blockProps: o, children: t, styles: l } = e;
-  return t ? w("tbody", { ...o, ...l }, t) : /* @__PURE__ */ a(C, {});
+  return t ? w("thead", { ...o, ...l }, t) : /* @__PURE__ */ i(C, {});
 }, it = (e) => {
   const { blockProps: o, children: t, styles: l } = e;
-  return t ? w("tr", { ...o, ...l }, t) : /* @__PURE__ */ a(C, {});
+  return t ? w("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, {});
 }, st = (e) => {
   const { blockProps: o, children: t, content: l, styles: r } = e;
-  return !t && v(l) ? /* @__PURE__ */ a(C, {}) : t ? w("td", { ...o, ...r }, t) : w("td", {
+  return !t && v(l) ? /* @__PURE__ */ i(C, {}) : t ? w("td", { ...o, ...r }, t) : w("td", {
     ...o,
     ...r,
     dangerouslySetInnerHTML: { __html: l }
@@ -1227,7 +1227,7 @@ d(nt, {
   }),
   blocks: P("TableHead")
 });
-d(at, {
+d(it, {
   type: "TableBody",
   label: "Table Body",
   category: "core",
@@ -1241,7 +1241,7 @@ d(at, {
   }),
   blocks: P("TableBody")
 });
-d(it, {
+d(at, {
   type: "TableRow",
   label: "Table Row",
   category: "core",
@@ -1278,33 +1278,33 @@ d(st, {
   aiProps: ["content"]
 });
 function P(e) {
-  const o = (n, i) => ({
+  const o = (n, a) => ({
     _id: I(),
     _parent: n,
     _type: "TableCell",
     styles: "#styles:,",
-    content: `${e === "TableHead" ? "Table Head" : "Table Cell " + i}`
+    content: `${e === "TableHead" ? "Table Head" : "Table Cell " + a}`
   }), t = (n) => {
-    const i = I(), s = {
+    const a = I(), s = {
       _type: "TableRow",
-      _id: i,
+      _id: a,
       styles: "#styles:,border-b"
     };
-    return n && (s._parent = n), [s, o(i, "1"), o(i, "2"), o(i, "3")];
+    return n && (s._parent = n), [s, o(a, "1"), o(a, "2"), o(a, "3")];
   }, l = (n) => {
-    const i = I(), s = {
-      _id: i,
+    const a = I(), s = {
+      _id: a,
       _type: "TableHead",
       styles: "#styles:,font-medium"
     };
-    return n && (s._parent = n), [s, ...t(i)];
+    return n && (s._parent = n), [s, ...t(a)];
   }, r = (n) => {
-    const i = I(), s = {
-      _id: i,
+    const a = I(), s = {
+      _id: a,
       _type: "TableBody",
       styles: "#styles:,"
     };
-    return n && (s._parent = n), [s, ...t(i), ...t(i)];
+    return n && (s._parent = n), [s, ...t(a), ...t(a)];
   };
   if (e === "Table") {
     const n = I();
@@ -1321,10 +1321,10 @@ function P(e) {
   return e === "TableRow" ? t() : e === "TableHead" ? l() : e === "TableBody" ? r() : [];
 }
 const ct = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAwIiBoZWlnaHQ9IjQwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSIjZjNmNGY2Ii8+PHRleHQgeD0iNTAlIiB5PSI1MCUiIGZvbnQtZmFtaWx5PSJBcmlhbCwgc2Fucy1zZXJpZiIgZm9udC1zaXplPSIxNiIgZmlsbD0iI2Q1ZDdkYSIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZHk9Ii4zZW0iPkltYWdlIFBsYWNlaG9sZGVyPC90ZXh0Pjwvc3ZnPg==", dt = (e) => {
-  const { blockProps: o, image: t, mobileImage: l, styles: r, alt: n, height: i, width: s, lazyLoading: c, mobileWidth: m, mobileHeight: h } = e;
-  return v(t) ? /* @__PURE__ */ a(C, { className: "h-36" }) : /* @__PURE__ */ g("picture", { children: [
-    l && /* @__PURE__ */ a("source", { srcSet: l, media: "(max-width: 480px)", width: m, height: h }),
-    /* @__PURE__ */ a(
+  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 }),
+    /* @__PURE__ */ i(
       "img",
       {
         ...o,
@@ -1333,7 +1333,7 @@ const ct = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAwIiBoZWlnaHQ9IjQwMCIgeG
         alt: n,
         loading: c ? "lazy" : "eager",
         width: s,
-        height: i
+        height: a
       }
     )
   ] });
@@ -1399,9 +1399,9 @@ const ct = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAwIiBoZWlnaHQ9IjQwMCIgeG
   aiProps: ["alt"],
   i18nProps: ["alt", "image", "_imageId", "mobileImage", "_mobileImageId"]
 }, ut = (e) => {
-  const { blockProps: o, link: t, children: l, styles: r, inBuilder: n, content: i } = e;
+  const { blockProps: o, link: t, children: l, styles: r, inBuilder: n, content: a } = e;
   let s = {};
-  return !l && v(i) && (s = { minHeight: "50px", display: "flex", alignItems: "center", justifyContent: "center" }), n ? l ? /* @__PURE__ */ a("span", { role: "link", ...o, style: s, ...r, children: l }) : w(
+  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(
     "span",
     {
       ...o,
@@ -1409,31 +1409,31 @@ const ct = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAwIiBoZWlnaHQ9IjQwMCIgeG
       style: s,
       role: "link"
     },
-    i
-  ) : l ? /* @__PURE__ */ a("a", { "aria-label": i, href: (t == null ? void 0 : t.href) || "#/", target: t == null ? void 0 : t.target, ...o, ...r, children: l }) : w(
+    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(
     "a",
     {
       ...o,
       ...r,
       href: (t == null ? void 0 : t.href) || "#",
       target: (t == null ? void 0 : t.target) || "_self",
-      "aria-label": i
+      "aria-label": a
     },
-    i
+    a
   );
 }, mt = {
   type: "Link",
   description: "A link component",
   label: "Link",
   category: "core",
-  icon: ae,
+  icon: ie,
   group: "basic",
   ...p({
     properties: {
-      styles: u(""),
+      styles: u("block"),
       content: {
         type: "string",
-        default: "Link goes here",
+        default: "Link text goes here",
         title: "Content"
       },
       link: {
@@ -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__ */ a(C, { inBuilder: n }) : y.createElement(r || "ul", { ...o, ...l }, t);
+  return !t && v(l == null ? void 0 : l.className) ? /* @__PURE__ */ i(C, { inBuilder: n }) : y.createElement(r || "ul", { ...o, ...l }, t);
 }, gt = {
   type: "List",
   description: "A list component",
@@ -1513,7 +1513,7 @@ const ct = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAwIiBoZWlnaHQ9IjQwMCIgeG
   type: "ListItem",
   description: "A list item component",
   label: "List Item",
-  icon: ie,
+  icon: ae,
   category: "core",
   group: "basic",
   ...p({
@@ -1565,7 +1565,7 @@ const ct = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAwIiBoZWlnaHQ9IjQwMCIgeG
   canAcceptBlock: (e) => e === "Span" || e === "Link" || e === "Text"
 }, xt = (e) => {
   const { blockProps: o, content: t, styles: l } = e, r = T(l, "rte");
-  return /* @__PURE__ */ a("div", { ...o, ...r, dangerouslySetInnerHTML: { __html: t } });
+  return /* @__PURE__ */ i("div", { ...o, ...r, dangerouslySetInnerHTML: { __html: t } });
 }, wt = {
   type: "RichText",
   description: "A rich text block",
@@ -1599,7 +1599,7 @@ const ct = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAwIiBoZWlnaHQ9IjQwMCIgeG
   description: "A span component",
   label: "Span",
   category: "core",
-  group: "typography",
+  group: "basic",
   ...p({
     properties: {
       styles: u(""),
@@ -1614,13 +1614,13 @@ const ct = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAwIiBoZWlnaHQ9IjQwMCIgeG
   aiProps: ["content"],
   i18nProps: ["content"],
   canAcceptBlock: () => !0
-}, It = (e) => e.inBuilder || e.forceWrapper ? /* @__PURE__ */ a("span", { ...e.blockProps, children: e.content }) : `${e.content}`, Pt = {
+}, It = (e) => e.inBuilder || e.forceWrapper ? /* @__PURE__ */ i("span", { ...e.blockProps, children: e.content }) : `${e.content}`, Pt = {
   type: "Text",
   description: "A text component with no styling",
-  label: "Raw Text",
+  label: "Text",
   category: "core",
   group: "typography",
-  blocks: () => [{ _id: "a", _type: "Text", _name: "Raw Text", content: "" }],
+  blocks: () => [{ _id: "a", _type: "Text", _name: "Text", content: "" }],
   icon: de,
   ...p({
     properties: {
@@ -1668,41 +1668,41 @@ const ct = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAwIiBoZWlnaHQ9IjQwMCIgeG
 }, A = /^(https?:\/\/)?(www\.)?youtube\.com\/(watch\?v=|embed\/)([a-zA-Z0-9_-]{11})/, E = /(?:https?:\/\/)?(?:www\.)?(?:vimeo\.com\/(?:channels\/[\w]+\/|groups\/[^\/]+\/videos\/|album\/\d+\/video\/|video\/)?|player\.vimeo\.com\/video\/)(\d+)/, Lt = (e, o) => {
   const t = k(o, "autoplay", !1), l = k(o, "controls", !1), r = k(o, "loop", !1), n = t || k(o, "muted", !0);
   if (A.test(e)) {
-    const i = e.match(A);
-    if (i) {
-      const s = i[4];
+    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}`;
     }
   }
   if (E.test(e)) {
-    const i = e.match(E);
-    if (i) {
-      const s = i[1];
+    const a = e.match(E);
+    if (a) {
+      const s = a[1];
       let c = "";
       return c += t ? "autoplay=1" : "", c += l ? "&controls=1" : "&controls=0", c += n ? "&muted=1" : "", c += r ? "&loop=1" : "", `https://player.vimeo.com/video/${s}?${c}`;
     }
   }
   return null;
 }, Bt = (e) => {
-  const { url: o, blockProps: t, styles: l, controls: r, videoSource: n, inBuilder: i } = e, s = Lt(o, r);
+  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 && i ? /* @__PURE__ */ a("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__ */ a("iframe", { width: "100%", src: s, ...F(l, "className") }),
-    i && /* @__PURE__ */ a("div", { ...t, className: "absolute top-0 h-full w-full" })
+    !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") }),
+    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: i } = 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__ */ a("div", { className: "relative w-full overflow-hidden", style: { paddingBottom: "56.25%" }, children: /* @__PURE__ */ w(
+  return (s || !v(m)) && /* @__PURE__ */ i("div", { className: "relative w-full overflow-hidden", style: { paddingBottom: "56.25%" }, children: /* @__PURE__ */ w(
     "video",
     {
       ...t,
-      ...i,
+      ...a,
       key: JSON.stringify(m),
       controls: k(l, "controls", !1),
       autoPlay: k(l, "autoplay", !1),
@@ -1713,13 +1713,13 @@ const ct = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAwIiBoZWlnaHQ9IjQwMCIgeG
     m.map((b) => {
       if (!b.url || b.url.length < 4 || isNaN(b.width)) return null;
       const x = `(max-width: ${b.width}px)`;
-      return /* @__PURE__ */ a("source", { src: b.url, media: x, type: b.type }, b.url);
+      return /* @__PURE__ */ i("source", { src: b.url, media: x, type: b.type }, b.url);
     }),
     "Your browser does not support the video tag."
   ) });
 }, Nt = (e) => {
   const { videoSource: o } = e;
-  return o === "Custom" ? /* @__PURE__ */ a(St, { ...e }) : o === "Youtube" || o === "Vimeo" ? /* @__PURE__ */ a(Bt, { ...e }) : /* @__PURE__ */ g("div", { children: [
+  return o === "Custom" ? /* @__PURE__ */ i(St, { ...e }) : o === "Youtube" || o === "Vimeo" ? /* @__PURE__ */ i(Bt, { ...e }) : /* @__PURE__ */ g("div", { children: [
     "Invalid video source : ",
     o
   ] });
@@ -1810,38 +1810,38 @@ const ct = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAwIiBoZWlnaHQ9IjQwMCIgeG
   i18nProps: ["url"]
 }, Tt = (e) => {
   const { paginationStyles: o } = e, t = U("Pagination");
-  return /* @__PURE__ */ a("div", { ...o, children: t ? y.createElement(t.component, { ...V(e, ["paginationStyles"]), blockProps: {} }) : /* @__PURE__ */ g(N, { children: [
-    /* @__PURE__ */ a(
+  return /* @__PURE__ */ i("div", { ...o, children: t ? y.createElement(t.component, { ...V(e, ["paginationStyles"]), blockProps: {} }) : /* @__PURE__ */ g(N, { children: [
+    /* @__PURE__ */ i(
       "button",
       {
         className: "flex h-9 w-9 items-center justify-center rounded-md border border-gray-300 bg-white hover:bg-gray-50 disabled:cursor-not-allowed disabled:opacity-50",
         disabled: !0,
-        children: /* @__PURE__ */ a(ue, { className: "h-4 w-4" })
+        children: /* @__PURE__ */ i(ue, { className: "h-4 w-4" })
       }
     ),
-    /* @__PURE__ */ a("button", { className: "flex h-9 w-9 items-center justify-center rounded-md border border-blue-500 bg-blue-500 font-medium text-white", children: "1" }),
-    /* @__PURE__ */ a("button", { className: "flex h-9 w-9 items-center justify-center rounded-md border border-gray-300 bg-white font-medium text-gray-700 hover:bg-gray-50", children: "2" }),
-    /* @__PURE__ */ a("button", { className: "flex h-9 w-9 items-center justify-center rounded-md border border-gray-300 bg-white font-medium text-gray-700 hover:bg-gray-50", children: "3" }),
-    /* @__PURE__ */ a("button", { className: "flex h-9 w-9 items-center justify-center rounded-md border border-gray-300 bg-white font-medium text-gray-700 hover:bg-gray-50", children: "4" }),
-    /* @__PURE__ */ a("button", { className: "flex h-9 w-9 items-center justify-center rounded-md border border-gray-300 bg-white font-medium text-gray-700 hover:bg-gray-50", children: "5" }),
-    /* @__PURE__ */ a("button", { className: "flex h-9 w-9 items-center justify-center rounded-md border border-gray-300 bg-white hover:bg-gray-50", children: /* @__PURE__ */ a(me, { className: "h-4 w-4" }) })
+    /* @__PURE__ */ i("button", { className: "flex h-9 w-9 items-center justify-center rounded-md border border-blue-500 bg-blue-500 font-medium text-white", children: "1" }),
+    /* @__PURE__ */ i("button", { className: "flex h-9 w-9 items-center justify-center rounded-md border border-gray-300 bg-white font-medium text-gray-700 hover:bg-gray-50", children: "2" }),
+    /* @__PURE__ */ i("button", { className: "flex h-9 w-9 items-center justify-center rounded-md border border-gray-300 bg-white font-medium text-gray-700 hover:bg-gray-50", children: "3" }),
+    /* @__PURE__ */ i("button", { className: "flex h-9 w-9 items-center justify-center rounded-md border border-gray-300 bg-white font-medium text-gray-700 hover:bg-gray-50", children: "4" }),
+    /* @__PURE__ */ i("button", { className: "flex h-9 w-9 items-center justify-center rounded-md border border-gray-300 bg-white font-medium text-gray-700 hover:bg-gray-50", children: "5" }),
+    /* @__PURE__ */ i("button", { className: "flex h-9 w-9 items-center justify-center rounded-md border border-gray-300 bg-white hover:bg-gray-50", children: /* @__PURE__ */ i(me, { className: "h-4 w-4" }) })
   ] }) });
 }, Rt = (e) => {
-  const { children: o, tag: t, styles: l, blockProps: r, $loading: n } = e, { pagination: i, inBuilder: s } = 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__ */ a("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: [
-    /* @__PURE__ */ a("div", { className: "h-6 w-1/2 rounded-md bg-primary/10" }),
-    /* @__PURE__ */ a("div", { className: "mt-2 h-4 w-1/2 rounded-md bg-primary/10" })
+  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: [
+    /* @__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(
       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: [
-        /* @__PURE__ */ a("div", { className: "h-6 w-1/2 rounded-md bg-primary/10" }),
-        /* @__PURE__ */ a("div", { className: "mt-2 h-4 w-1/2 rounded-md bg-primary/10" })
+        /* @__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
     ),
-    i && /* @__PURE__ */ a(
+    a && /* @__PURE__ */ i(
       Tt,
       {
         ...F(e, [
@@ -1972,7 +1972,7 @@ const ct = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAwIiBoZWlnaHQ9IjQwMCIgeG
   return !e && r ? y.createElement(
     n,
     { ...o, ...t },
-    /* @__PURE__ */ a("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" })
+    /* @__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);
 }, Mt = {
   type: "RepeaterItem",