@chaibuilder/sdk 3.0.14 → 3.0.16

package/dist/web-blocks.js

@@ -1,10 +1,10 @@
-import { registerChaiBlockSchema as d, StylesProp as u, registerChaiBlock as p, getRegisteredChaiBlock as F, stylesProp as B, closestBlockProp as U } from "@chaibuilder/runtime";
+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 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 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";
+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 de, VideoIcon as pe, ChevronLeftIcon as ue, ChevronRightIcon as me, LoopIcon as D } from "@radix-ui/react-icons";
+import { isEmpty as v, get as x, map as R, isNull as ye, omit as V, pick as F } 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;
@@ -17,7 +17,7 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
   label: "Box",
   category: "core",
   group: "basic",
-  ...d({
+  ...p({
     properties: {
       styles: u(""),
       tag: {
@@ -64,7 +64,7 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
         dangerouslySetInnerHTML: { __html: h }
       }
     )
-  ] }), x = w(
+  ] }), k = w(
     "button",
     {
       ...o,
@@ -74,7 +74,7 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
     },
     b
   );
-  return v(k(c, "href")) ? x : m ? /* @__PURE__ */ i("span", { children: x }) : /* @__PURE__ */ i("a", { "aria-label": r, href: k(c, "href") || "/", target: k(c, "target", "_self"), children: x });
+  return v(x(c, "href")) ? k : m ? /* @__PURE__ */ i("span", { children: k }) : /* @__PURE__ */ i("a", { "aria-label": r, href: x(c, "href") || "/", target: x(c, "target", "_self"), children: k });
 }, he = {
   type: "Button",
   description: "similar to a button element in HTML",
@@ -82,7 +82,7 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
   category: "core",
   icon: E,
   group: "basic",
-  ...d({
+  ...p({
     properties: {
       styles: u("text-primary-foreground bg-primary px-4 py-2 rounded-lg flex items-center"),
       content: {
@@ -132,7 +132,7 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
   }),
   i18nProps: ["content", "link"],
   aiProps: ["content"]
-}, ke = (e) => {
+}, xe = (e) => {
   const { blockProps: o, styles: t, htmlCode: l, inBuilder: r } = e;
   return r ? /* @__PURE__ */ g("div", { className: "relative", children: [
     r ? /* @__PURE__ */ i("div", { ...o, ...t, className: "absolute z-20 h-full w-full" }) : null,
@@ -145,14 +145,14 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
     ...t,
     dangerouslySetInnerHTML: { __html: l }
   });
-}, xe = {
+}, ke = {
   type: "CustomHTML",
   description: "similar to a div or section elements in HTML",
   label: "Custom HTML",
   category: "core",
   icon: H,
   group: "advanced",
-  ...d({
+  ...p({
     properties: {
       styles: u(""),
       htmlCode: {
@@ -173,7 +173,7 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
   category: "core",
   icon: H,
   group: "advanced",
-  ...d({
+  ...p({
     properties: {
       scripts: {
         type: "string",
@@ -195,7 +195,7 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
   category: "core",
   icon: Z,
   group: "basic",
-  ...d({
+  ...p({
     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__ */ i("div",
   label: "Empty Box",
   category: "core",
   group: "basic",
-  ...d({
+  ...p({
     properties: {
       styles: u(""),
       backgroundImage: {
@@ -244,7 +244,7 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
   category: "core",
   icon: G,
   group: "form",
-  ...d({
+  ...p({
     properties: {
       styles: u("flex items-center gap-x-2"),
       inputStyles: u(""),
@@ -318,7 +318,7 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
       styles: "#styles:bg-black text-white rounded px-3 py-1,"
     }
   ],
-  ...d({
+  ...p({
     properties: {
       styles: u(""),
       action: {
@@ -362,7 +362,7 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
   category: "core",
   icon: E,
   group: "form",
-  ...d({
+  ...p({
     properties: {
       styles: u(
         "text-white bg-primary disabled:bg-gray-400 px-4 py-2 rounded-global flex items-center gap-x-2"
@@ -475,7 +475,7 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
     required: c,
     inputType: m,
     defaultValue: h
-  } = e, { type: b, autocomplete: x } = Ae(m);
+  } = e, { type: b, autocomplete: k } = Ae(m);
   return s ? /* @__PURE__ */ g("div", { ...n, ...o, children: [
     s && /* @__PURE__ */ i("label", { htmlFor: t, children: l }),
     /* @__PURE__ */ i(
@@ -487,7 +487,7 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
         type: b,
         placeholder: r,
         required: c,
-        autoComplete: x
+        autoComplete: k
       }
     )
   ] }) : /* @__PURE__ */ i(
@@ -500,7 +500,7 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
       type: b,
       placeholder: r,
       required: c,
-      autoComplete: x,
+      autoComplete: k,
       defaultValue: h
     }
   );
@@ -510,7 +510,7 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
   category: "core",
   icon: $,
   group: "form",
-  ...d({
+  ...p({
     properties: {
       styles: u(""),
       inputStyles: u("w-full p-1"),
@@ -631,7 +631,7 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
   category: "core",
   icon: O,
   group: "form",
-  ...d({
+  ...p({
     properties: {
       styles: u(),
       content: {
@@ -666,7 +666,7 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
   category: "core",
   icon: Y,
   group: "form",
-  ...d({
+  ...p({
     properties: {
       styles: u("flex items-center gap-x-2"),
       inputStyles: u(""),
@@ -712,7 +712,7 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
     _multiple: m,
     options: h,
     defaultValue: b
-  } = e, x = m && b ? b.split(",").map((f) => f.trim()) : b || "";
+  } = e, k = m && b ? b.split(",").map((f) => f.trim()) : b || "";
   return c ? /* @__PURE__ */ g("div", { ...n, ...o, children: [
     c && /* @__PURE__ */ i("label", { htmlFor: t, children: l }),
     /* @__PURE__ */ g(
@@ -722,7 +722,7 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
         required: s,
         multiple: m,
         name: t,
-        defaultValue: x,
+        defaultValue: k,
         children: [
           /* @__PURE__ */ i("option", { value: "", disabled: !0, hidden: !0, children: r }),
           R(h, (f) => /* @__PURE__ */ i("option", { value: f == null ? void 0 : f.value, children: f == null ? void 0 : f.label }, f == null ? void 0 : f.value))
@@ -737,7 +737,7 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
       required: s,
       multiple: m,
       name: t,
-      defaultValue: x,
+      defaultValue: k,
       children: [
         /* @__PURE__ */ i("option", { value: "", disabled: !0, hidden: !0, children: r }),
         R(h, (f) => /* @__PURE__ */ i("option", { value: f == null ? void 0 : f.value, children: f == null ? void 0 : f.label }, f == null ? void 0 : f.value))
@@ -750,7 +750,7 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
   category: "core",
   icon: Q,
   group: "form",
-  ...d({
+  ...p({
     properties: {
       styles: u(""),
       inputStyles: u("w-full p-1"),
@@ -813,7 +813,7 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
   }),
   aiProps: ["label", "placeholder"],
   i18nProps: ["label", "placeholder"]
-}, qe = (e) => {
+}, Fe = (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__ */ i("label", { htmlFor: t, children: l }),
@@ -841,13 +841,13 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
       defaultValue: h
     }
   );
-}, Fe = {
+}, Ue = {
   type: "TextArea",
   label: "web_blocks.textarea",
   category: "core",
   icon: $,
   group: "form",
-  ...d({
+  ...p({
     properties: {
       fieldName: {
         type: "string",
@@ -892,7 +892,7 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
   }),
   aiProps: ["label", "placeholder"],
   i18nProps: ["label", "placeholder"]
-}, Ue = (e) => {
+}, qe = (e) => {
   const { blockProps: o, inBuilder: t, children: l, globalBlock: r } = e;
   return t && !r ? /* @__PURE__ */ g(
     "div",
@@ -916,7 +916,7 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
   category: "core",
   group: "basic",
   hidden: !0,
-  ...d({
+  ...p({
     properties: {
       globalBlock: {
         type: "string",
@@ -926,17 +926,13 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
       }
     }
   })
-}, P = (e, ...o) => ({
+}, B = (e, ...o) => ({
   ...e,
   className: T(e.className, ...o)
 }), Ge = (e) => {
   const { blockProps: o, styles: t, content: l, tag: r = "h1", children: n = null } = e;
   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"
-  );
+  const a = B(t, "rte");
   return y.createElement(r, {
     ...a,
     ...o,
@@ -949,7 +945,7 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
   category: "core",
   icon: J,
   group: "typography",
-  ...d({
+  ...p({
     properties: {
       tag: {
         type: "string",
@@ -978,7 +974,7 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
   category: "core",
   group: "basic",
   hidden: !0,
-  ...d({
+  ...p({
     properties: {
       styles: u("")
     }
@@ -1007,70 +1003,70 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ i("div",
     dangerouslySetInnerHTML: { __html: l }
   });
 };
-p(Qe, {
+d(Qe, {
   type: "Table",
   label: "Table",
   category: "core",
   group: "table",
   hidden: !0,
   icon: X,
-  ...d({
+  ...p({
     properties: {
       styles: u("")
     }
   }),
-  blocks: L("Table")
+  blocks: P("Table")
 });
-p(Je, {
+d(Je, {
   type: "TableHead",
   label: "Table Head",
   category: "core",
   group: "table",
   hidden: !0,
   icon: K,
-  ...d({
+  ...p({
     properties: {
       styles: u("")
     }
   }),
-  blocks: L("TableHead")
+  blocks: P("TableHead")
 });
-p(Xe, {
+d(Xe, {
   type: "TableBody",
   label: "Table Body",
   category: "core",
   group: "table",
   hidden: !0,
   icon: ee,
-  ...d({
+  ...p({
     properties: {
       styles: u("")
     }
   }),
-  blocks: L("TableBody")
+  blocks: P("TableBody")
 });
-p(Ke, {
+d(Ke, {
   type: "TableRow",
   label: "Table Row",
   category: "core",
   group: "table",
   hidden: !0,
   icon: te,
-  ...d({
+  ...p({
     properties: {
       styles: u("")
     }
   }),
-  blocks: L("TableRow")
+  blocks: P("TableRow")
 });
-p(et, {
+d(et, {
   type: "TableCell",
   label: "Table Cell",
   category: "core",
   group: "table",
   hidden: !0,
   icon: oe,
-  ...d({
+  ...p({
     properties: {
       styles: u(""),
       content: {
@@ -1081,11 +1077,11 @@ p(et, {
       }
     }
   }),
-  blocks: L("TableCell"),
+  blocks: P("TableCell"),
   i18nProps: ["content"],
   aiProps: ["content"]
 });
-function L(e) {
+function P(e) {
   const o = (n, a) => ({
     _id: I(),
     _parent: n,
@@ -1129,7 +1125,7 @@ function L(e) {
   return e === "TableRow" ? t() : e === "TableHead" ? l() : e === "TableBody" ? r() : [];
 }
 const tt = (e) => {
-  const { blockProps: o, icon: t, styles: l, width: r, inBuilder: n, height: a } = e, s = P(l, "");
+  const { blockProps: o, icon: t, styles: l, width: r, inBuilder: n, height: a } = e, s = B(l, "");
   if (v(t))
     return /* @__PURE__ */ i(C, { inBuilder: n, className: "h-8 w-14" });
   const c = t.replace(/<svg /g, '<svg class="w-[inherit] h-[inherit]" ');
@@ -1148,7 +1144,7 @@ const tt = (e) => {
   category: "core",
   icon: le,
   group: "media",
-  ...d({
+  ...p({
     properties: {
       styles: u(""),
       icon: {
@@ -1193,7 +1189,7 @@ const tt = (e) => {
   category: "core",
   icon: re,
   group: "media",
-  ...d({
+  ...p({
     properties: {
       styles: u(""),
       image: {
@@ -1277,7 +1273,7 @@ const tt = (e) => {
   category: "core",
   icon: ne,
   group: "basic",
-  ...d({
+  ...p({
     properties: {
       styles: u(""),
       content: {
@@ -1321,7 +1317,7 @@ const tt = (e) => {
   icon: j,
   category: "core",
   group: "basic",
-  ...d({
+  ...p({
     properties: {
       styles: u("")
     }
@@ -1351,21 +1347,21 @@ const tt = (e) => {
       content: "Item 3"
     }
   ]
-}, pt = (e) => {
+}, dt = (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 }
   });
-}, dt = {
+}, pt = {
   type: "ListItem",
   description: "A list item component",
   label: "List Item",
   icon: ie,
   category: "core",
   group: "basic",
-  ...d({
+  ...p({
     properties: {
       styles: u(""),
       content: {
@@ -1385,11 +1381,7 @@ const tt = (e) => {
 }, ut = (e) => {
   const { blockProps: o, styles: t, content: l } = e;
   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"
-  );
+  const r = B(t, "rte");
   return y.createElement("p", {
     ...r,
     ...o,
@@ -1402,7 +1394,7 @@ const tt = (e) => {
   category: "core",
   icon: ae,
   group: "typography",
-  ...d({
+  ...p({
     properties: {
       styles: u(""),
       content: {
@@ -1440,7 +1432,7 @@ const tt = (e) => {
   category: "core",
   group: "basic",
   hidden: !0,
-  ...d({
+  ...p({
     properties: {
       partialBlockId: {
         type: "string",
@@ -1495,10 +1487,10 @@ const tt = (e) => {
   }
 }, bt = (e) => {
   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], "") : ""
+    x(l, "className", ""),
+    x(S, ["SMALL", isNaN(r) || !r ? 6 : r], ""),
+    n ? x(S, ["MEDIUM", n || r], "") : "",
+    a ? x(S, ["LARGE", n || r], "") : ""
   ].join(" ") };
   return /* @__PURE__ */ i("div", { ...o, ...l, ...c, children: t || /* @__PURE__ */ i("div", { className: "h-full min-h-12 w-full border-2 border-dashed border-gray-400 bg-gray-100 dark:bg-gray-900" }) });
 }, ft = {
@@ -1512,7 +1504,7 @@ const tt = (e) => {
   canDelete: () => !0,
   canAcceptBlock: () => !0,
   canBeNested: (e) => e === "Row",
-  ...d({
+  ...p({
     properties: {
       styles: u(""),
       colSpan: {
@@ -1538,9 +1530,9 @@ const tt = (e) => {
     }
   })
 }, ht = (e) => {
-  const { blockProps: o, children: t, styles: l, gutter: r } = e, a = { className: [k(l, "className", ""), " grid grid-cols-12"].join() };
+  const { blockProps: o, children: t, styles: l, gutter: r } = e, a = { className: [x(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 = {
+}, xt = {
   type: "Row",
   description: "A row component",
   label: "Row",
@@ -1554,7 +1546,7 @@ const tt = (e) => {
   category: "core",
   wrapper: !0,
   canAcceptBlock: (e) => e === "Column",
-  ...d({
+  ...p({
     properties: {
       styles: u(""),
       colCount: {
@@ -1571,12 +1563,8 @@ const tt = (e) => {
       }
     }
   })
-}, xt = (e) => {
-  const { blockProps: o, content: t, styles: l } = e, r = P(
-    l,
-    "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"
-  );
+}, kt = (e) => {
+  const { blockProps: o, content: t, styles: l } = e, r = B(l, "rte");
   return /* @__PURE__ */ i("div", { ...o, ...r, dangerouslySetInnerHTML: { __html: t } });
 }, wt = {
   type: "RichText",
@@ -1585,7 +1573,7 @@ const tt = (e) => {
   category: "core",
   icon: ce,
   group: "typography",
-  ...d({
+  ...p({
     properties: {
       styles: u(""),
       content: {
@@ -1600,14 +1588,8 @@ const tt = (e) => {
   i18nProps: ["content"]
 }, vt = (e) => {
   const { blockProps: o, styles: t, content: l, children: r = null, tag: n } = e;
-  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,
+  return r ? y.createElement("span", { ...t, ...o }, r) : y.createElement(n || "span", {
+    ...t,
     ...o,
     dangerouslySetInnerHTML: { __html: l || "" }
   });
@@ -1617,7 +1599,7 @@ const tt = (e) => {
   label: "Span",
   category: "core",
   group: "typography",
-  ...d({
+  ...p({
     properties: {
       styles: u(""),
       content: {
@@ -1638,8 +1620,8 @@ const tt = (e) => {
   hidden: !0,
   category: "core",
   group: "typography",
-  icon: pe,
-  ...d({
+  icon: de,
+  ...p({
     properties: {
       styles: u("text-black"),
       content: {
@@ -1683,7 +1665,7 @@ const tt = (e) => {
     }
   }
 }, 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);
+  const t = x(o, "autoplay", !1), l = x(o, "controls", !1), r = x(o, "loop", !1), n = t || x(o, "muted", !0);
   if (A.test(e)) {
     const a = e.match(A);
     if (a) {
@@ -1704,33 +1686,33 @@ const tt = (e) => {
 }, Bt = (e) => {
   const { url: o, blockProps: t, styles: l, controls: r, videoSource: n, inBuilder: a } = e, s = Lt(o, r);
   return /* @__PURE__ */ g("div", { ...V(l, "className"), className: "relative w-full overflow-hidden", style: { paddingBottom: "56.25%" }, children: [
-    !s && a ? /* @__PURE__ */ i("div", { className: "absolute flex h-full w-full items-center justify-center bg-gray-300 text-center", children: v(o) ? `Provided ${n} video link in settings Video URL.` : `Provided ${n} video link is invalid.` }) : /* @__PURE__ */ i("iframe", { width: "100%", src: s, ...q(l, "className") }),
+    !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: a } = e;
   let s = n;
-  const c = [...k(r, "srcsets", []) || []];
+  const c = [...x(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));
+  const m = c.sort((b, k) => parseInt(b.width) - parseInt(k.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);
+  const h = x(l, "autoplay", !1) || x(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,
       ...a,
       key: JSON.stringify(m),
-      controls: k(l, "controls", !1),
-      autoPlay: k(l, "autoplay", !1),
-      loop: k(l, "loop", !1),
+      controls: x(l, "controls", !1),
+      autoPlay: x(l, "autoplay", !1),
+      loop: x(l, "loop", !1),
       poster: s,
       ...h ? { muted: !0 } : {}
     },
     m.map((b) => {
       if (!b.url || b.url.length < 4 || isNaN(b.width)) return null;
-      const x = `(max-width: ${b.width}px)`;
-      return /* @__PURE__ */ i("source", { src: b.url, media: x, type: b.type }, b.url);
+      const k = `(max-width: ${b.width}px)`;
+      return /* @__PURE__ */ i("source", { src: b.url, media: k, type: b.type }, b.url);
     }),
     "Your browser does not support the video tag."
   ) });
@@ -1744,9 +1726,9 @@ const tt = (e) => {
   type: "Video",
   label: "Video",
   category: "core",
-  icon: de,
+  icon: pe,
   group: "media",
-  ...d({
+  ...p({
     properties: {
       styles: u("absolute h-full w-full object-cover"),
       videoSource: {
@@ -1826,7 +1808,7 @@ const tt = (e) => {
   }),
   i18nProps: ["url"]
 }, Tt = (e) => {
-  const { paginationStyles: o } = e, t = F("Pagination");
+  const { paginationStyles: o } = e, t = U("Pagination");
   return /* @__PURE__ */ i("div", { ...o, children: t ? y.createElement(t.component, { ...V(e, ["paginationStyles"]), blockProps: {} }) : /* @__PURE__ */ g(_, { children: [
     /* @__PURE__ */ i(
       "button",
@@ -1861,7 +1843,7 @@ const tt = (e) => {
     a && /* @__PURE__ */ i(
       Tt,
       {
-        ...q(e, [
+        ...F(e, [
           "limit",
           "totalItems",
           "paginationStrategy",
@@ -1884,10 +1866,10 @@ const tt = (e) => {
     { _id: "A", _type: "Repeater", tag: "ul" },
     { _id: "B", _name: "Repeater Item", _type: "RepeaterItem", parentTag: "ul", _parent: "A" }
   ],
-  ...d({
+  ...p({
     properties: {
-      styles: B("grid gap-4 md:grid-cols-2 xl:grid-cols-3"),
-      paginationStyles: B("flex items-center justify-center gap-2 p-4"),
+      styles: L("grid gap-4 md:grid-cols-2 xl:grid-cols-3"),
+      paginationStyles: L("flex items-center justify-center gap-2 p-4"),
       repeaterItems: {
         title: "Collection",
         type: "string",
@@ -1996,10 +1978,10 @@ const tt = (e) => {
   icon: D,
   hidden: !0,
   group: "basic",
-  ...d({
+  ...p({
     properties: {
-      styles: B(""),
-      parentTag: U("Repeater", "tag")
+      styles: L(""),
+      parentTag: q("Repeater", "tag")
     }
   }),
   canAcceptBlock: (e) => e !== "RepeaterItem",
@@ -2015,16 +1997,16 @@ const tt = (e) => {
   label: "Empty State",
   hidden: !0,
   group: "basic",
-  ...d({
-    properties: { styles: B("p-5 flex items-center justify-center") }
+  ...p({
+    properties: { styles: L("p-5 flex items-center justify-center") }
   }),
   canAcceptBlock: () => !0,
   canDelete: () => !1,
   canMove: () => !1,
   canDuplicate: () => !1
-}, 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);
+}, qt = () => {
+  d(ge, be), d(Pe, Le), d(fe, he), d(Ge, We), d(ut, mt), d(vt, Ct), d(kt, wt), d(it, at), 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);
 };
 export {
-  Ut as loadWebBlocks
+  qt as loadWebBlocks
 };