@chaibuilder/sdk 3.0.13 → 3.0.14

package/dist/web-blocks.js

@@ -1,23 +1,23 @@
-import { registerChaiBlockSchema as p, StylesProp as u, registerChaiBlock as d, getRegisteredChaiBlock as U, stylesProp as L, closestBlockProp as q } from "@chaibuilder/runtime";
-import { jsx as a, jsxs as g, Fragment as N } from "react/jsx-runtime";
-import { c as _, g as I } from "./common-functions-BGzDsf1z.js";
+import { registerChaiBlockSchema as d, StylesProp as u, registerChaiBlock as p, getRegisteredChaiBlock as F, stylesProp as B, closestBlockProp as U } from "@chaibuilder/runtime";
+import { jsx as i, jsxs as g, Fragment as _ } from "react/jsx-runtime";
+import { c as T, 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 E, DividerHorizontalIcon as Z, CheckboxIcon as G, FileTextIcon as W, InputIcon as H, LetterCaseToggleIcon as O, RadiobuttonIcon as Y, DropdownMenuIcon as Q, FrameIcon as $, HeadingIcon as J, TableIcon as X, BorderTopIcon as K, BorderAllIcon as ee, ViewHorizontalIcon as te, DragHandleHorizontalIcon as oe, SketchLogoIcon as le, ImageIcon as re, Link1Icon as ne, RowsIcon as z, ColumnsIcon as ae, TextIcon as ie, LayoutIcon as se, CursorTextIcon as ce, SpaceBetweenVerticallyIcon as de, VideoIcon as pe, ChevronLeftIcon as ue, ChevronRightIcon as me, LoopIcon as j } from "@radix-ui/react-icons";
-import { isEmpty as v, get as x, map as T, isNull as ye, omit as D, pick as V } 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;
+import { ButtonIcon as E, CodeIcon as H, DividerHorizontalIcon as Z, CheckboxIcon as G, FileTextIcon as W, InputIcon as $, LetterCaseToggleIcon as O, RadiobuttonIcon as Y, DropdownMenuIcon as Q, FrameIcon as z, HeadingIcon as J, TableIcon as X, BorderTopIcon as K, BorderAllIcon as ee, ViewHorizontalIcon as te, DragHandleHorizontalIcon as oe, SketchLogoIcon as le, ImageIcon as re, Link1Icon as ne, RowsIcon as j, ColumnsIcon as ie, TextIcon as ae, LayoutIcon as se, CursorTextIcon as ce, SpaceBetweenVerticallyIcon as pe, VideoIcon as de, ChevronLeftIcon as ue, ChevronRightIcon as me, LoopIcon as D } from "@radix-ui/react-icons";
+import { isEmpty as v, get as k, map as R, isNull as ye, omit as V, pick as q } from "lodash-es";
+const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div", { className: T("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",
   label: "Box",
   category: "core",
   group: "basic",
-  ...p({
+  ...d({
     properties: {
       styles: u(""),
       tag: {
@@ -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(_, { children: [
+    r && /* @__PURE__ */ i("span", { children: r }),
+    h && /* @__PURE__ */ i(
       "div",
       {
         style: { width: t + "px" },
@@ -64,7 +64,7 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ a("div",
         dangerouslySetInnerHTML: { __html: h }
       }
     )
-  ] }), k = w(
+  ] }), x = w(
     "button",
     {
       ...o,
@@ -74,15 +74,15 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ a("div",
     },
     b
   );
-  return v(x(c, "href")) ? k : m ? /* @__PURE__ */ a("span", { children: k }) : /* @__PURE__ */ a("a", { "aria-label": r, href: x(c, "href") || "/", target: x(c, "target", "_self"), children: k });
+  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",
   label: "Button",
   category: "core",
-  icon: M,
+  icon: E,
   group: "basic",
-  ...p({
+  ...d({
     properties: {
       styles: u("text-primary-foreground bg-primary px-4 py-2 rounded-lg flex items-center"),
       content: {
@@ -132,10 +132,10 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ a("div",
   }),
   i18nProps: ["content", "link"],
   aiProps: ["content"]
-}, xe = (e) => {
+}, ke = (e) => {
   const { blockProps: o, styles: t, htmlCode: l, inBuilder: r } = e;
   return r ? /* @__PURE__ */ g("div", { className: "relative", children: [
-    r ? /* @__PURE__ */ a("div", { ...o, ...t, className: "absolute z-20 h-full w-full" }) : null,
+    r ? /* @__PURE__ */ i("div", { ...o, ...t, className: "absolute z-20 h-full w-full" }) : null,
     y.createElement("div", {
       ...t,
       dangerouslySetInnerHTML: { __html: l.replace(/<script.*?>.*?<\/script>/g, "") }
@@ -145,14 +145,14 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ a("div",
     ...t,
     dangerouslySetInnerHTML: { __html: l }
   });
-}, ke = {
+}, xe = {
   type: "CustomHTML",
   description: "similar to a div or section elements in HTML",
   label: "Custom HTML",
   category: "core",
-  icon: E,
+  icon: H,
   group: "advanced",
-  ...p({
+  ...d({
     properties: {
       styles: u(""),
       htmlCode: {
@@ -165,15 +165,15 @@ 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: T("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",
   label: "Custom Script",
   category: "core",
-  icon: E,
+  icon: H,
   group: "advanced",
-  ...p({
+  ...d({
     properties: {
       scripts: {
         type: "string",
@@ -195,7 +195,7 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ a("div",
   category: "core",
   icon: Z,
   group: "basic",
-  ...p({
+  ...d({
     properties: {
       styles: u("bg-gray-900 h-0.5 py-2 my-1")
     }
@@ -210,7 +210,7 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ a("div",
   label: "Empty Box",
   category: "core",
   group: "basic",
-  ...p({
+  ...d({
     properties: {
       styles: u(""),
       backgroundImage: {
@@ -222,11 +222,11 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ a("div",
     }
   })
 }, Be = (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,
@@ -234,7 +234,7 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ a("div",
       ...n,
       ...r,
       type: "checkbox",
-      required: i,
+      required: a,
       defaultChecked: s
     }
   );
@@ -244,7 +244,7 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ a("div",
   category: "core",
   icon: G,
   group: "form",
-  ...p({
+  ...d({
     properties: {
       styles: u("flex items-center gap-x-2"),
       inputStyles: u(""),
@@ -278,9 +278,9 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ a("div",
   aiProps: ["label"],
   i18nProps: ["label"]
 }, Ne = (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",
     {
       ...{
@@ -292,9 +292,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'}"
         } }),
@@ -318,7 +318,7 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ a("div",
       styles: "#styles:bg-black text-white rounded px-3 py-1,"
     }
   ],
-  ...p({
+  ...d({
     properties: {
       styles: u(""),
       action: {
@@ -344,13 +344,13 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ a("div",
   aiProps: ["errorMessage", "successMessage"],
   canAcceptBlock: () => !0
 }, Te = (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 }
       }
@@ -360,9 +360,9 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ a("div",
   type: "FormButton",
   label: "Submit Button",
   category: "core",
-  icon: M,
+  icon: E,
   group: "form",
-  ...p({
+  ...d({
     properties: {
       styles: u(
         "text-white bg-primary disabled:bg-gray-400 px-4 py-2 rounded-global flex items-center gap-x-2"
@@ -470,37 +470,37 @@ 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: k } = Ae(m);
+  } = e, { type: b, autocomplete: x } = Ae(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: k
+        autoComplete: x
       }
     )
-  ] }) : /* @__PURE__ */ a(
+  ] }) : /* @__PURE__ */ i(
     "input",
     {
       name: t,
       ...o,
-      ...i,
+      ...a,
       ...n,
       type: b,
       placeholder: r,
       required: c,
-      autoComplete: k,
+      autoComplete: x,
       defaultValue: h
     }
   );
@@ -508,9 +508,9 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ a("div",
   type: "Input",
   label: "web_blocks.input",
   category: "core",
-  icon: H,
+  icon: $,
   group: "form",
-  ...p({
+  ...d({
     properties: {
       styles: u(""),
       inputStyles: u("w-full p-1"),
@@ -631,7 +631,7 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ a("div",
   category: "core",
   icon: O,
   group: "form",
-  ...p({
+  ...d({
     properties: {
       styles: u(),
       content: {
@@ -644,11 +644,11 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ a("div",
   aiProps: ["content"],
   i18nProps: ["content"]
 }, ze = (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,
@@ -656,7 +656,7 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ a("div",
       ...n,
       ...r,
       type: "radio",
-      required: i,
+      required: a,
       checked: s
     }
   );
@@ -666,7 +666,7 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ a("div",
   category: "core",
   icon: Y,
   group: "form",
-  ...p({
+  ...d({
     properties: {
       styles: u("flex items-center gap-x-2"),
       inputStyles: u(""),
@@ -706,26 +706,26 @@ 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,
     options: h,
     defaultValue: b
-  } = e, k = m && b ? b.split(",").map((f) => f.trim()) : 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: k,
+        defaultValue: x,
         children: [
-          /* @__PURE__ */ a("option", { value: "", disabled: !0, hidden: !0, children: r }),
-          T(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))
         ]
       }
     )
@@ -737,10 +737,10 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ a("div",
       required: s,
       multiple: m,
       name: t,
-      defaultValue: k,
+      defaultValue: x,
       children: [
-        /* @__PURE__ */ a("option", { value: "", disabled: !0, hidden: !0, children: r }),
-        T(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))
       ]
     }
   );
@@ -750,7 +750,7 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ a("div",
   category: "core",
   icon: Q,
   group: "form",
-  ...p({
+  ...d({
     properties: {
       styles: u(""),
       inputStyles: u("w-full p-1"),
@@ -813,27 +813,27 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ a("div",
   }),
   aiProps: ["label", "placeholder"],
   i18nProps: ["label", "placeholder"]
-}, Fe = (e) => {
-  const { blockProps: o, fieldName: t, label: l, placeholder: r, styles: n, inputStyles: i, rows: s, showLabel: c, required: m, defaultValue: h } = e;
+}, qe = (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,
@@ -841,13 +841,13 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ a("div",
       defaultValue: h
     }
   );
-}, Ue = {
+}, Fe = {
   type: "TextArea",
   label: "web_blocks.textarea",
   category: "core",
-  icon: H,
+  icon: $,
   group: "form",
-  ...p({
+  ...d({
     properties: {
       fieldName: {
         type: "string",
@@ -892,7 +892,7 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ a("div",
   }),
   aiProps: ["label", "placeholder"],
   i18nProps: ["label", "placeholder"]
-}, qe = (e) => {
+}, Ue = (e) => {
   const { blockProps: o, inBuilder: t, children: l, globalBlock: r } = e;
   return t && !r ? /* @__PURE__ */ g(
     "div",
@@ -904,7 +904,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);
@@ -912,11 +912,11 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ a("div",
   type: "GlobalBlock",
   description: "A global block component",
   label: "Global Block",
-  icon: $,
+  icon: z,
   category: "core",
   group: "basic",
   hidden: !0,
-  ...p({
+  ...d({
     properties: {
       globalBlock: {
         type: "string",
@@ -926,10 +926,19 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ a("div",
       }
     }
   })
-}, Ge = (e) => {
+}, P = (e, ...o) => ({
+  ...e,
+  className: T(e.className, ...o)
+}), Ge = (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, {
-    ...t,
+  if (n) return y.createElement(r, { ...t, ...o }, n);
+  const a = P(
+    t,
+    "prose prose-p:m-0 prose-p:min-h-[1rem] prose-blockquote:m-2 prose-blockquote:ml-4 prose-ul:m-0 prose-ol:m-0 prose-li:m-0",
+    "max-w-full"
+  );
+  return y.createElement(r, {
+    ...a,
     ...o,
     dangerouslySetInnerHTML: { __html: l }
   });
@@ -940,7 +949,7 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ a("div",
   category: "core",
   icon: J,
   group: "typography",
-  ...p({
+  ...d({
     properties: {
       tag: {
         type: "string",
@@ -953,7 +962,7 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ a("div",
         type: "string",
         default: "Heading goes here",
         title: "Content",
-        ui: { "ui:widget": "textarea" }
+        ui: { "ui:widget": "richtext" }
       }
     }
   }),
@@ -969,7 +978,7 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ a("div",
   category: "core",
   group: "basic",
   hidden: !0,
-  ...p({
+  ...d({
     properties: {
       styles: u("")
     }
@@ -980,88 +989,88 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ a("div",
   canDuplicate: () => !1
 }, Qe = (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, {});
 }, Je = (e) => {
   const { blockProps: o, children: t, styles: l } = e;
-  return t ? w("thead", { ...o, ...l }, t) : /* @__PURE__ */ a(C, {});
+  return t ? w("thead", { ...o, ...l }, t) : /* @__PURE__ */ i(C, {});
 }, Xe = (e) => {
   const { blockProps: o, children: t, styles: l } = e;
-  return t ? w("tbody", { ...o, ...l }, t) : /* @__PURE__ */ a(C, {});
+  return t ? w("tbody", { ...o, ...l }, t) : /* @__PURE__ */ i(C, {});
 }, Ke = (e) => {
   const { blockProps: o, children: t, styles: l } = e;
-  return t ? w("tr", { ...o, ...l }, t) : /* @__PURE__ */ a(C, {});
+  return t ? w("tr", { ...o, ...l }, t) : /* @__PURE__ */ i(C, {});
 }, et = (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 }
   });
 };
-d(Qe, {
+p(Qe, {
   type: "Table",
   label: "Table",
   category: "core",
   group: "table",
   hidden: !0,
   icon: X,
-  ...p({
+  ...d({
     properties: {
       styles: u("")
     }
   }),
-  blocks: P("Table")
+  blocks: L("Table")
 });
-d(Je, {
+p(Je, {
   type: "TableHead",
   label: "Table Head",
   category: "core",
   group: "table",
   hidden: !0,
   icon: K,
-  ...p({
+  ...d({
     properties: {
       styles: u("")
     }
   }),
-  blocks: P("TableHead")
+  blocks: L("TableHead")
 });
-d(Xe, {
+p(Xe, {
   type: "TableBody",
   label: "Table Body",
   category: "core",
   group: "table",
   hidden: !0,
   icon: ee,
-  ...p({
+  ...d({
     properties: {
       styles: u("")
     }
   }),
-  blocks: P("TableBody")
+  blocks: L("TableBody")
 });
-d(Ke, {
+p(Ke, {
   type: "TableRow",
   label: "Table Row",
   category: "core",
   group: "table",
   hidden: !0,
   icon: te,
-  ...p({
+  ...d({
     properties: {
       styles: u("")
     }
   }),
-  blocks: P("TableRow")
+  blocks: L("TableRow")
 });
-d(et, {
+p(et, {
   type: "TableCell",
   label: "Table Cell",
   category: "core",
   group: "table",
   hidden: !0,
   icon: oe,
-  ...p({
+  ...d({
     properties: {
       styles: u(""),
       content: {
@@ -1072,38 +1081,38 @@ d(et, {
       }
     }
   }),
-  blocks: P("TableCell"),
+  blocks: L("TableCell"),
   i18nProps: ["content"],
   aiProps: ["content"]
 });
-function P(e) {
-  const o = (n, i) => ({
+function L(e) {
+  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();
@@ -1119,20 +1128,17 @@ function P(e) {
   }
   return e === "TableRow" ? t() : e === "TableHead" ? l() : e === "TableBody" ? r() : [];
 }
-const F = (e, ...o) => ({
-  ...e,
-  className: _(e.className, ...o)
-}), tt = (e) => {
-  const { blockProps: o, icon: t, styles: l, width: r, inBuilder: n, height: i } = e, s = F(l, "");
+const tt = (e) => {
+  const { blockProps: o, icon: t, styles: l, width: r, inBuilder: n, height: a } = e, s = P(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 }
   });
@@ -1142,7 +1148,7 @@ const F = (e, ...o) => ({
   category: "core",
   icon: le,
   group: "media",
-  ...p({
+  ...d({
     properties: {
       styles: u(""),
       icon: {
@@ -1164,10 +1170,10 @@ const F = (e, ...o) => ({
     }
   })
 }, lt = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAwIiBoZWlnaHQ9IjQwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSIjZjNmNGY2Ii8+PHRleHQgeD0iNTAlIiB5PSI1MCUiIGZvbnQtZmFtaWx5PSJBcmlhbCwgc2Fucy1zZXJpZiIgZm9udC1zaXplPSIxNiIgZmlsbD0iI2Q1ZDdkYSIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZHk9Ii4zZW0iPkltYWdlIFBsYWNlaG9sZGVyPC90ZXh0Pjwvc3ZnPg==", rt = (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,
@@ -1176,7 +1182,7 @@ const F = (e, ...o) => ({
         alt: n,
         loading: c ? "lazy" : "eager",
         width: s,
-        height: i
+        height: a
       }
     )
   ] });
@@ -1187,7 +1193,7 @@ const F = (e, ...o) => ({
   category: "core",
   icon: re,
   group: "media",
-  ...p({
+  ...d({
     properties: {
       styles: u(""),
       image: {
@@ -1241,10 +1247,10 @@ const F = (e, ...o) => ({
   }),
   aiProps: ["alt"],
   i18nProps: ["alt", "image", "_imageId", "mobileImage", "_mobileImageId"]
-}, at = (e) => {
-  const { blockProps: o, link: t, children: l, styles: r, inBuilder: n, content: i } = e;
+}, it = (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,
@@ -1252,26 +1258,26 @@ const F = (e, ...o) => ({
       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
   );
-}, it = {
+}, at = {
   type: "Link",
   description: "A link component",
   label: "Link",
   category: "core",
   icon: ne,
   group: "basic",
-  ...p({
+  ...d({
     properties: {
       styles: u(""),
       content: {
@@ -1307,15 +1313,15 @@ const F = (e, ...o) => ({
   canAcceptBlock: (e) => e !== "Link"
 }, st = (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);
 }, ct = {
   type: "List",
   description: "A list component",
   label: "List",
-  icon: z,
+  icon: j,
   category: "core",
   group: "basic",
-  ...p({
+  ...d({
     properties: {
       styles: u("")
     }
@@ -1345,21 +1351,21 @@ const F = (e, ...o) => ({
       content: "Item 3"
     }
   ]
-}, dt = (e) => {
+}, pt = (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", {
     ...l,
     ...o,
     dangerouslySetInnerHTML: { __html: t }
   });
-}, pt = {
+}, dt = {
   type: "ListItem",
   description: "A list item component",
   label: "List Item",
-  icon: ae,
+  icon: ie,
   category: "core",
   group: "basic",
-  ...p({
+  ...d({
     properties: {
       styles: u(""),
       content: {
@@ -1378,26 +1384,32 @@ const F = (e, ...o) => ({
   canBeNested: (e) => e === "List" || e === "Repeater"
 }, ut = (e) => {
   const { blockProps: o, styles: t, content: l } = e;
-  return ye(e.children) ? y.createElement("p", {
-    ...t,
+  if (!ye(e.children)) return y.createElement("p", { ...t, ...o }, e.children);
+  const r = P(
+    t,
+    "prose prose-p:m-0 prose-p:min-h-[1rem] prose-blockquote:m-2 prose-blockquote:ml-4 prose-ul:m-0 prose-ol:m-0 prose-li:m-0",
+    "max-w-full"
+  );
+  return y.createElement("p", {
+    ...r,
     ...o,
     dangerouslySetInnerHTML: { __html: l }
-  }) : y.createElement("p", { ...t, ...o }, e.children);
+  });
 }, mt = {
   type: "Paragraph",
   description: "A paragraph component",
   label: "Paragraph",
   category: "core",
-  icon: ie,
+  icon: ae,
   group: "typography",
-  ...p({
+  ...d({
     properties: {
       styles: u(""),
       content: {
         type: "string",
         title: "Content",
         default: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.",
-        ui: { "ui:widget": "textarea", "ui:autosize": !0, "ui:rows": 5 }
+        ui: { "ui:widget": "richtext", "ui:autosize": !0, "ui:rows": 5 }
       }
     }
   }),
@@ -1416,7 +1428,7 @@ const F = (e, ...o) => ({
           "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);
@@ -1424,11 +1436,11 @@ const F = (e, ...o) => ({
   type: "PartialBlock",
   description: "A partial block component",
   label: "Partial Block",
-  icon: $,
+  icon: z,
   category: "core",
   group: "basic",
   hidden: !0,
-  ...p({
+  ...d({
     properties: {
       partialBlockId: {
         type: "string",
@@ -1438,7 +1450,7 @@ const F = (e, ...o) => ({
       }
     }
   })
-}, B = {
+}, S = {
   SMALL: {
     1: "col-span-1",
     2: "col-span-2",
@@ -1482,13 +1494,13 @@ const F = (e, ...o) => ({
     12: "lg:col-span-12"
   }
 }, bt = (e) => {
-  const { blockProps: o, children: t, styles: l, colSpan: r, tabletColSpan: n, desktopColSpan: i } = e, c = { className: [
-    x(l, "className", ""),
-    x(B, ["SMALL", isNaN(r) || !r ? 6 : r], ""),
-    n ? x(B, ["MEDIUM", n || r], "") : "",
-    i ? x(B, ["LARGE", n || r], "") : ""
+  const { blockProps: o, children: t, styles: l, colSpan: r, tabletColSpan: n, desktopColSpan: a } = e, c = { className: [
+    k(l, "className", ""),
+    k(S, ["SMALL", isNaN(r) || !r ? 6 : r], ""),
+    n ? k(S, ["MEDIUM", n || r], "") : "",
+    a ? k(S, ["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" }) });
 }, ft = {
   type: "Column",
   description: "A column component",
@@ -1500,7 +1512,7 @@ const F = (e, ...o) => ({
   canDelete: () => !0,
   canAcceptBlock: () => !0,
   canBeNested: (e) => e === "Row",
-  ...p({
+  ...d({
     properties: {
       styles: u(""),
       colSpan: {
@@ -1526,14 +1538,14 @@ const F = (e, ...o) => ({
     }
   })
 }, ht = (e) => {
-  const { blockProps: o, children: t, styles: l, gutter: r } = e, i = { className: [x(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 });
-}, xt = {
+  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 });
+}, kt = {
   type: "Row",
   description: "A row component",
   label: "Row",
   group: "basic",
-  icon: z,
+  icon: j,
   blocks: () => [
     { _type: "Row", _id: "row", styles: "#styles:,p-1" },
     { _type: "Column", id: "column", _parent: "row", styles: "#styles:," },
@@ -1542,7 +1554,7 @@ const F = (e, ...o) => ({
   category: "core",
   wrapper: !0,
   canAcceptBlock: (e) => e === "Column",
-  ...p({
+  ...d({
     properties: {
       styles: u(""),
       colCount: {
@@ -1559,13 +1571,13 @@ const F = (e, ...o) => ({
       }
     }
   })
-}, kt = (e) => {
-  const { blockProps: o, content: t, styles: l } = e, r = F(
+}, xt = (e) => {
+  const { blockProps: o, content: t, styles: l } = e, r = P(
     l,
-    "prose dark:prose-invert prose-p:m-0 prose-p:min-h-[1rem] prose-blockquote:m-2 prose-blockquote:ml-4 prose-ul:m-0 prose-ol:m-0 prose-li:m-0",
+    "prose prose-p:m-0 prose-p:min-h-[1rem] prose-blockquote:m-2 prose-blockquote:ml-4 prose-ul:m-0 prose-ol:m-0 prose-li:m-0",
     "max-w-full"
   );
-  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",
@@ -1573,7 +1585,7 @@ const F = (e, ...o) => ({
   category: "core",
   icon: ce,
   group: "typography",
-  ...p({
+  ...d({
     properties: {
       styles: u(""),
       content: {
@@ -1588,8 +1600,14 @@ const F = (e, ...o) => ({
   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", {
-    ...t,
+  if (r) return y.createElement("span", { ...t, ...o }, r);
+  const a = P(
+    t,
+    "prose prose-p:m-0 prose-p:min-h-[1rem] prose-blockquote:m-2 prose-blockquote:ml-4 prose-ul:m-0 prose-ol:m-0 prose-li:m-0",
+    "max-w-full"
+  );
+  return y.createElement(n || "span", {
+    ...a,
     ...o,
     dangerouslySetInnerHTML: { __html: l || "" }
   });
@@ -1599,29 +1617,29 @@ const F = (e, ...o) => ({
   label: "Span",
   category: "core",
   group: "typography",
-  ...p({
+  ...d({
     properties: {
       styles: u(""),
       content: {
         type: "string",
         title: "Content",
         default: "",
-        ui: { "ui:widget": "textarea", "ui:autosize": !0, "ui:rows": 3 }
+        ui: { "ui:widget": "richtext", "ui:autosize": !0, "ui:rows": 3 }
       }
     }
   }),
   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: "Text",
   hidden: !0,
   category: "core",
   group: "typography",
-  icon: de,
-  ...p({
+  icon: pe,
+  ...d({
     properties: {
       styles: u("text-black"),
       content: {
@@ -1633,7 +1651,7 @@ const F = (e, ...o) => ({
   }),
   aiProps: ["content"],
   i18nProps: ["content"]
-}, S = {
+}, N = {
   type: "object",
   title: "Controls",
   default: {
@@ -1664,61 +1682,61 @@ const F = (e, ...o) => ({
       default: !1
     }
   }
-}, R = /^(https?:\/\/)?(www\.)?youtube\.com\/(watch\?v=|embed\/)([a-zA-Z0-9_-]{11})/, A = /(?:https?:\/\/)?(?:www\.)?(?:vimeo\.com\/(?:channels\/[\w]+\/|groups\/[^\/]+\/videos\/|album\/\d+\/video\/|video\/)?|player\.vimeo\.com\/video\/)(\d+)/, Lt = (e, o) => {
-  const t = x(o, "autoplay", !1), l = x(o, "controls", !1), r = x(o, "loop", !1), n = t || x(o, "muted", !0);
-  if (R.test(e)) {
-    const i = e.match(R);
-    if (i) {
-      const s = i[4];
+}, A = /^(https?:\/\/)?(www\.)?youtube\.com\/(watch\?v=|embed\/)([a-zA-Z0-9_-]{11})/, M = /(?:https?:\/\/)?(?:www\.)?(?:vimeo\.com\/(?:channels\/[\w]+\/|groups\/[^\/]+\/videos\/|album\/\d+\/video\/|video\/)?|player\.vimeo\.com\/video\/)(\d+)/, Lt = (e, o) => {
+  const t = k(o, "autoplay", !1), l = k(o, "controls", !1), r = k(o, "loop", !1), n = t || k(o, "muted", !0);
+  if (A.test(e)) {
+    const a = e.match(A);
+    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 (A.test(e)) {
-    const i = e.match(A);
-    if (i) {
-      const s = i[1];
+  if (M.test(e)) {
+    const a = e.match(M);
+    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);
-  return /* @__PURE__ */ g("div", { ...D(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, ...V(l, "className") }),
-    i && /* @__PURE__ */ a("div", { ...t, className: "absolute top-0 h-full w-full" })
+  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, ...q(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 = [...x(r, "srcsets", []) || []];
+  const c = [...k(r, "srcsets", []) || []];
   o && typeof o == "string" && c.push({ url: o, width: "9999" });
-  const m = c.sort((b, k) => parseInt(b.width) - parseInt(k.width)).filter((b) => !v(b.url) && !v(b.width));
+  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 = x(l, "autoplay", !1) || x(l, "muted", !0);
-  return (s || !v(m)) && /* @__PURE__ */ a("div", { className: "relative w-full overflow-hidden", style: { paddingBottom: "56.25%" }, children: /* @__PURE__ */ w(
+  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(
     "video",
     {
       ...t,
-      ...i,
+      ...a,
       key: JSON.stringify(m),
-      controls: x(l, "controls", !1),
-      autoPlay: x(l, "autoplay", !1),
-      loop: x(l, "loop", !1),
+      controls: k(l, "controls", !1),
+      autoPlay: k(l, "autoplay", !1),
+      loop: k(l, "loop", !1),
       poster: s,
       ...h ? { muted: !0 } : {}
     },
     m.map((b) => {
       if (!b.url || b.url.length < 4 || isNaN(b.width)) return null;
-      const k = `(max-width: ${b.width}px)`;
-      return /* @__PURE__ */ a("source", { src: b.url, media: k, type: b.type }, b.url);
+      const x = `(max-width: ${b.width}px)`;
+      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
   ] });
@@ -1726,9 +1744,9 @@ const F = (e, ...o) => ({
   type: "Video",
   label: "Video",
   category: "core",
-  icon: pe,
+  icon: de,
   group: "media",
-  ...p({
+  ...d({
     properties: {
       styles: u("absolute h-full w-full object-cover"),
       videoSource: {
@@ -1761,7 +1779,7 @@ const F = (e, ...o) => ({
               type: "object",
               default: { srcsets: [] }
             },
-            controls: { ...S }
+            controls: { ...N }
           }
         }
       },
@@ -1778,7 +1796,7 @@ const F = (e, ...o) => ({
               title: "Youtube Video URL",
               default: ""
             },
-            controls: { ...S }
+            controls: { ...N }
           }
         }
       },
@@ -1795,7 +1813,7 @@ const F = (e, ...o) => ({
               title: "Vimeo Video URL",
               default: ""
             },
-            controls: { ...S }
+            controls: { ...N }
           }
         }
       }
@@ -1808,49 +1826,57 @@ const F = (e, ...o) => ({
   }),
   i18nProps: ["url"]
 }, Tt = (e) => {
-  const { styles: o } = e, t = U("Pagination");
-  return /* @__PURE__ */ a("div", { ...o, children: t ? y.createElement(t.component, { ...D(e, ["styles"]), blockProps: {} }) : /* @__PURE__ */ g(N, { children: [
-    /* @__PURE__ */ a(
+  const { paginationStyles: o } = e, t = F("Pagination");
+  return /* @__PURE__ */ i("div", { ...o, children: t ? y.createElement(t.component, { ...V(e, ["paginationStyles"]), blockProps: {} }) : /* @__PURE__ */ g(_, { 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" })
-  ] }, h)) : c : /* @__PURE__ */ g(N, { children: [
+  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(_, { 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,
       {
-        ...V(e, ["limit", "totalItems", "paginationStrategy", "inBuilder", "draft", "lang"])
+        ...q(e, [
+          "limit",
+          "totalItems",
+          "paginationStrategy",
+          "inBuilder",
+          "draft",
+          "lang",
+          "paginationStyles"
+        ])
       }
     )
   ] });
 }, At = {
   type: "Repeater",
   label: "Repeater",
-  icon: j,
+  icon: D,
   group: "basic",
   dataProviderMode: "live",
   dataProviderDependencies: ["filter", "sort", "limit", "repeaterItems"],
@@ -1858,10 +1884,10 @@ const F = (e, ...o) => ({
     { _id: "A", _type: "Repeater", tag: "ul" },
     { _id: "B", _name: "Repeater Item", _type: "RepeaterItem", parentTag: "ul", _parent: "A" }
   ],
-  ...p({
+  ...d({
     properties: {
-      styles: L("grid gap-4 md:grid-cols-2 xl:grid-cols-3"),
-      paginationStyles: L("flex items-center justify-center gap-2 p-4"),
+      styles: B("grid gap-4 md:grid-cols-2 xl:grid-cols-3"),
+      paginationStyles: B("flex items-center justify-center gap-2 p-4"),
       repeaterItems: {
         title: "Collection",
         type: "string",
@@ -1962,18 +1988,18 @@ const F = (e, ...o) => ({
   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);
 }, Et = {
   type: "RepeaterItem",
   label: "Repeater Item",
-  icon: j,
+  icon: D,
   hidden: !0,
   group: "basic",
-  ...p({
+  ...d({
     properties: {
-      styles: L(""),
-      parentTag: q("Repeater", "tag")
+      styles: B(""),
+      parentTag: U("Repeater", "tag")
     }
   }),
   canAcceptBlock: (e) => e !== "RepeaterItem",
@@ -1989,16 +2015,16 @@ const F = (e, ...o) => ({
   label: "Empty State",
   hidden: !0,
   group: "basic",
-  ...p({
-    properties: { styles: L("p-5 flex items-center justify-center") }
+  ...d({
+    properties: { styles: B("p-5 flex items-center justify-center") }
   }),
   canAcceptBlock: () => !0,
   canDelete: () => !1,
   canMove: () => !1,
   canDuplicate: () => !1
-}, qt = () => {
-  d(ge, be), d(Pe, Le), d(fe, he), d(Ge, We), d(ut, mt), d(vt, Ct), d(kt, wt), d(at, it), d(st, ct), d(dt, pt), d(tt, ot), d(rt, nt), d(Nt, _t), d(xe, ke), d(we, ve), d(It, Pt), d(Ne, _e), d(Te, Re), d(Me, Ee), d(Be, Se), d(ze, je), d(De, Ve), d(Fe, Ue), d(He, $e), d(Oe, Ye), d(Ce, Ie), d(qe, Ze), d(yt, gt), d(ht, xt), d(bt, ft), d(Rt, At), d(Mt, Et), d(Ht, $t);
+}, Ut = () => {
+  p(ge, be), p(Pe, Le), p(fe, he), p(Ge, We), p(ut, mt), p(vt, Ct), p(xt, wt), p(it, at), p(st, ct), p(pt, dt), p(tt, ot), p(rt, nt), p(Nt, _t), p(ke, xe), p(we, ve), p(It, Pt), p(Ne, _e), p(Te, Re), p(Me, Ee), p(Be, Se), p(ze, je), p(De, Ve), p(qe, Fe), p(He, $e), p(Oe, Ye), p(Ce, Ie), p(Ue, Ze), p(yt, gt), p(ht, kt), p(bt, ft), p(Rt, At), p(Mt, Et), p(Ht, $t);
 };
 export {
-  qt as loadWebBlocks
+  Ut as loadWebBlocks
 };