@chaibuilder/sdk 2.2.18 → 2.2.19

package/dist/web-blocks.js

@@ -1,12 +1,12 @@
-import { registerChaiBlockSchema as u, StylesProp as p, registerChaiBlock as d, stylesProp as T, closestBlockProp as H } from "@chaibuilder/runtime";
+import { registerChaiBlockSchema as d, StylesProp as u, registerChaiBlock as p, stylesProp as P, closestBlockProp as H } from "@chaibuilder/runtime";
 import { jsx as s, jsxs as h, Fragment as N } from "react/jsx-runtime";
-import { c as x, g as C } from "./common-functions-BGzDsf1z.js";
+import { c as B, g as C } from "./common-functions-BGzDsf1z.js";
 import * as b from "react";
 import { createElement as w } from "react";
-import { ButtonIcon as R, CopyIcon as z, CodeIcon as V, DividerHorizontalIcon as D, CheckboxIcon as j, InputIcon as M, LetterCaseToggleIcon as q, RadiobuttonIcon as F, DropdownMenuIcon as U, HeadingIcon as G, TableIcon as O, BorderTopIcon as Y, BorderAllIcon as W, ViewHorizontalIcon as X, DragHandleHorizontalIcon as J, SketchLogoIcon as Q, ImageIcon as Z, Link1Icon as K, RowsIcon as ee, ColumnsIcon as te, TextIcon as oe, CursorTextIcon as le, SpaceBetweenVerticallyIcon as re, VideoIcon as ne, LoopIcon as $ } from "@radix-ui/react-icons";
-import { isEmpty as v, get as f, map as P, isNull as ie, omit as se, pick as ae } from "lodash-es";
-import { FileCode as ce, GroupIcon as pe, GlobeIcon as E, Columns as de, Rows as ue } from "lucide-react";
-const I = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ s("div", { className: x("pointer-events-none flex h-20 flex-col items-center justify-center p-2", e), children: /* @__PURE__ */ s("div", { className: "h-full w-full rounded bg-gray-200 p-2 dark:bg-gray-800", children: /* @__PURE__ */ s("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, ye = (e) => {
+import { ButtonIcon as R, CopyIcon as z, CodeIcon as D, DividerHorizontalIcon as j, CheckboxIcon as V, InputIcon as M, LetterCaseToggleIcon as q, RadiobuttonIcon as F, DropdownMenuIcon as U, HeadingIcon as G, TableIcon as O, BorderTopIcon as Y, BorderAllIcon as W, ViewHorizontalIcon as X, DragHandleHorizontalIcon as J, SketchLogoIcon as Q, ImageIcon as Z, Link1Icon as K, RowsIcon as ee, ColumnsIcon as te, TextIcon as oe, CursorTextIcon as le, SpaceBetweenVerticallyIcon as re, VideoIcon as ne, LoopIcon as E } from "@radix-ui/react-icons";
+import { isEmpty as v, get as f, map as S, isNull as ie, omit as se, pick as ae } from "lodash-es";
+import { FileCode as ce, GroupIcon as pe, GlobeIcon as $, Columns as ue, Rows as de } from "lucide-react";
+const I = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ s("div", { className: B("pointer-events-none flex h-20 flex-col items-center justify-center p-2", e), children: /* @__PURE__ */ s("div", { className: "h-full w-full rounded bg-gray-200 p-2 dark:bg-gray-800", children: /* @__PURE__ */ s("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, ye = (e) => {
   const { blockProps: o, inBuilder: t, backgroundImage: l, children: r, tag: n = "div", styles: i } = e;
   let a = r;
   r || (a = /* @__PURE__ */ s(I, { inBuilder: t }));
@@ -18,9 +18,9 @@ const I = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ s("div",
   label: "Box",
   category: "core",
   group: "basic",
-  ...u({
+  ...d({
     properties: {
-      styles: p(""),
+      styles: u(""),
       backgroundImage: {
         type: "string",
         default: "",
@@ -83,9 +83,9 @@ const I = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ s("div",
   category: "core",
   icon: R,
   group: "basic",
-  ...u({
+  ...d({
     properties: {
-      styles: p("text-primary-foreground bg-primary px-4 py-2 rounded-lg flex items-center"),
+      styles: u("text-primary-foreground bg-primary px-4 py-2 rounded-lg flex items-center"),
       content: {
         type: "string",
         title: "Button label",
@@ -150,9 +150,9 @@ const I = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ s("div",
   category: "core",
   icon: z,
   group: "basic",
-  ...u({
+  ...d({
     properties: {
-      styles: p("p-2 rounded-md flex items-center"),
+      styles: u("p-2 rounded-md flex items-center"),
       content: {
         type: "string",
         title: "Button label",
@@ -191,11 +191,11 @@ const I = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ s("div",
   description: "similar to a div or section elements in HTML",
   label: "Custom HTML",
   category: "core",
-  icon: V,
+  icon: D,
   group: "advanced",
-  ...u({
+  ...d({
     properties: {
-      styles: p(""),
+      styles: u(""),
       htmlCode: {
         type: "string",
         default: "<div><p>Enter your HTML code here...</p></div>",
@@ -205,7 +205,7 @@ const I = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ s("div",
   })
 }, Ce = (e) => {
   const { scripts: o, inBuilder: t, blockProps: l } = e;
-  return t ? /* @__PURE__ */ s("div", { ...l, children: /* @__PURE__ */ s("div", { className: x("pointer-events-none flex flex-col items-center justify-center p-2", ""), children: /* @__PURE__ */ s("div", { className: "h-full w-full rounded bg-gray-200 p-1 dark:bg-gray-800", children: /* @__PURE__ */ s("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__ */ s("div", { dangerouslySetInnerHTML: { __html: o } });
+  return t ? /* @__PURE__ */ s("div", { ...l, children: /* @__PURE__ */ s("div", { className: B("pointer-events-none flex flex-col items-center justify-center p-2", ""), children: /* @__PURE__ */ s("div", { className: "h-full w-full rounded bg-gray-200 p-1 dark:bg-gray-800", children: /* @__PURE__ */ s("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__ */ s("div", { dangerouslySetInnerHTML: { __html: o } });
 }, ve = {
   type: "CustomScript",
   description: "similar to a script element in HTML",
@@ -213,7 +213,7 @@ const I = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ s("div",
   category: "core",
   icon: ce,
   group: "advanced",
-  ...u({
+  ...d({
     properties: {
       scripts: {
         type: "string",
@@ -227,19 +227,19 @@ const I = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ s("div",
 }, Ie = (e) => {
   const { blockProps: o, styles: t } = e;
   return w("hr", { ...t, ...o });
-}, Be = {
+}, xe = {
   type: "Divider",
   description: "A horizontal line component",
   label: "Divider",
   category: "core",
-  icon: D,
+  icon: j,
   group: "basic",
-  ...u({
+  ...d({
     properties: {
-      styles: p("bg-gray-900 h-0.5 py-2 my-1")
+      styles: u("bg-gray-900 h-0.5 py-2 my-1")
     }
   })
-}, xe = (e) => {
+}, Be = (e) => {
   const { blockProps: o, styles: t, backgroundImage: l } = e;
   let r = {};
   return l && (r = { backgroundImage: `url(${l})` }), b.createElement("div", { ...o, ...t, style: r });
@@ -249,9 +249,9 @@ const I = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ s("div",
   label: "Empty Box",
   category: "core",
   group: "basic",
-  ...u({
+  ...d({
     properties: {
-      styles: p(""),
+      styles: u(""),
       backgroundImage: {
         type: "string",
         title: "Background Image",
@@ -287,16 +287,16 @@ const I = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ s("div",
       name: t
     }
   );
-}, _e = {
+}, Se = {
   type: "Checkbox",
   label: "web_blocks.checkbox",
   category: "core",
-  icon: j,
+  icon: V,
   group: "form",
-  ...u({
+  ...d({
     properties: {
-      styles: p("flex items-center gap-x-2"),
-      inputStyles: p(""),
+      styles: u("flex items-center gap-x-2"),
+      inputStyles: u(""),
       fieldName: {
         type: "string",
         title: "Field Name",
@@ -326,7 +326,7 @@ const I = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ s("div",
   }),
   aiProps: ["label"],
   i18nProps: ["label"]
-}, Se = (e) => {
+}, _e = (e) => {
   const { children: o, blockProps: t, errorMessage: l, successMessage: r, action: n, styles: i, inBuilder: a } = e;
   let c = o;
   return o || (c = /* @__PURE__ */ s(I, { inBuilder: a })), /* @__PURE__ */ h(
@@ -367,9 +367,9 @@ const I = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ s("div",
       styles: "#styles:bg-black text-white rounded px-3 py-1,"
     }
   ],
-  ...u({
+  ...d({
     properties: {
-      styles: p(""),
+      styles: u(""),
       action: {
         type: "string",
         title: "Submit URL",
@@ -425,12 +425,12 @@ const I = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ s("div",
   category: "core",
   icon: R,
   group: "form",
-  ...u({
+  ...d({
     properties: {
-      styles: p(
+      styles: u(
         "text-white bg-primary disabled:bg-gray-400 px-4 py-2 rounded-global flex items-center gap-x-2"
       ),
-      inputStyles: p(""),
+      inputStyles: u(""),
       label: {
         type: "string",
         title: "Label",
@@ -500,16 +500,16 @@ const I = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ s("div",
       autoComplete: k ? "on" : "off"
     }
   );
-}, $e = {
+}, Ee = {
   type: "Input",
   label: "web_blocks.input",
   category: "core",
   icon: M,
   group: "form",
-  ...u({
+  ...d({
     properties: {
-      styles: p(""),
-      inputStyles: p("w-full p-1"),
+      styles: u(""),
+      inputStyles: u("w-full p-1"),
       fieldName: {
         type: "string",
         title: "Field Name",
@@ -536,7 +536,20 @@ const I = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ s("div",
         type: "string",
         title: "Input Type",
         default: "text",
-        enum: ["text", "email", "password", "number", "tel", "hidden", "range", "color", "date", "time"]
+        enum: [
+          "text",
+          "email",
+          "password",
+          "number",
+          "tel",
+          "hidden",
+          "range",
+          "color",
+          "date",
+          "time",
+          "name",
+          "postal-code"
+        ]
       },
       required: {
         type: "boolean",
@@ -552,7 +565,7 @@ const I = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ s("div",
   }),
   aiProps: ["label", "placeholder"],
   i18nProps: ["label", "placeholder"]
-}, Ee = (e) => {
+}, $e = (e) => {
   const { blockProps: o, content: t, styles: l, children: r } = e, n = { ...l, ...o };
   return r ? b.createElement("label", n, r) : b.createElement("label", {
     ...n,
@@ -564,9 +577,9 @@ const I = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ s("div",
   category: "core",
   icon: q,
   group: "form",
-  ...u({
+  ...d({
     properties: {
-      styles: p(),
+      styles: u(),
       content: {
         type: "string",
         title: "Content",
@@ -600,10 +613,10 @@ const I = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ s("div",
   category: "core",
   icon: F,
   group: "form",
-  ...u({
+  ...d({
     properties: {
-      styles: p("flex items-center gap-x-2"),
-      inputStyles: p(""),
+      styles: u("flex items-center gap-x-2"),
+      inputStyles: u(""),
       fieldName: {
         type: "string",
         title: "Field Name",
@@ -633,28 +646,28 @@ const I = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ s("div",
   }),
   aiProps: ["label"],
   i18nProps: ["label"]
-}, Ve = (e) => {
+}, De = (e) => {
   const { blockProps: o, fieldName: t, label: l, placeholder: r, styles: n, inputStyles: i, required: a, showLabel: c, _multiple: y, options: k } = e, g = C();
   return c ? /* @__PURE__ */ h("div", { ...n, ...o, children: [
     c && /* @__PURE__ */ s("label", { htmlFor: g, children: l }),
     /* @__PURE__ */ h("select", { ...i, id: g, required: a, multiple: y, name: t, children: [
       /* @__PURE__ */ s("option", { value: "", disabled: !0, selected: !0, hidden: !0, children: r }),
-      P(k, (m) => /* @__PURE__ */ s("option", { value: m == null ? void 0 : m.value, children: m == null ? void 0 : m.label }, m == null ? void 0 : m.value))
+      S(k, (m) => /* @__PURE__ */ s("option", { value: m == null ? void 0 : m.value, children: m == null ? void 0 : m.label }, m == null ? void 0 : m.value))
     ] })
   ] }) : /* @__PURE__ */ h("select", { id: g, ...n, ...o, required: a, multiple: y, name: t, children: [
     /* @__PURE__ */ s("option", { value: "", disabled: !0, selected: !0, hidden: !0, children: r }),
-    P(k, (m) => /* @__PURE__ */ s("option", { value: m == null ? void 0 : m.value, children: m == null ? void 0 : m.label }, m == null ? void 0 : m.value))
+    S(k, (m) => /* @__PURE__ */ s("option", { value: m == null ? void 0 : m.value, children: m == null ? void 0 : m.label }, m == null ? void 0 : m.value))
   ] });
-}, De = {
+}, je = {
   type: "Select",
   label: "web_blocks.select",
   category: "core",
   icon: U,
   group: "form",
-  ...u({
+  ...d({
     properties: {
-      styles: p(""),
-      inputStyles: p("w-full p-1"),
+      styles: u(""),
+      inputStyles: u("w-full p-1"),
       fieldName: {
         type: "string",
         title: "Field Name",
@@ -709,7 +722,7 @@ const I = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ s("div",
   }),
   aiProps: ["label", "placeholder"],
   i18nProps: ["label", "placeholder"]
-}, je = (e) => {
+}, Ve = (e) => {
   const { blockProps: o, fieldName: t, label: l, placeholder: r, styles: n, inputStyles: i, rows: a, showLabel: c, required: y } = e, k = C();
   return c ? /* @__PURE__ */ h("div", { ...n, ...o, children: [
     c && /* @__PURE__ */ s("label", { htmlFor: k, children: l }),
@@ -743,15 +756,15 @@ const I = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ s("div",
   category: "core",
   icon: M,
   group: "form",
-  ...u({
+  ...d({
     properties: {
       fieldName: {
         type: "string",
         title: "Field Name",
         default: "fieldName"
       },
-      styles: p(""),
-      inputStyles: p("w-full p-1"),
+      styles: u(""),
+      inputStyles: u("w-full p-1"),
       showLabel: {
         type: "boolean",
         title: "Show Label",
@@ -802,11 +815,11 @@ const I = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ s("div",
   type: "GlobalBlock",
   description: "A global block component",
   label: "Global Block",
-  icon: E,
+  icon: $,
   category: "core",
   group: "basic",
   hidden: !0,
-  ...u({
+  ...d({
     properties: {
       globalBlock: {
         type: "string",
@@ -830,7 +843,7 @@ const I = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ s("div",
   category: "core",
   icon: G,
   group: "typography",
-  ...u({
+  ...d({
     properties: {
       tag: {
         type: "string",
@@ -838,7 +851,7 @@ const I = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ s("div",
         title: "Level",
         enum: ["h1", "h2", "h3", "h4", "h5", "h6"]
       },
-      styles: p("text-3xl"),
+      styles: u("text-3xl"),
       content: {
         type: "string",
         default: "Heading goes here",
@@ -859,9 +872,9 @@ const I = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ s("div",
   category: "core",
   group: "basic",
   hidden: !0,
-  ...u({
+  ...d({
     properties: {
-      styles: p("")
+      styles: u("")
     }
   }),
   canAcceptBlock: () => !0,
@@ -888,72 +901,72 @@ const I = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ s("div",
     dangerouslySetInnerHTML: { __html: l }
   });
 };
-d(Xe, {
+p(Xe, {
   type: "Table",
   label: "Table",
   category: "core",
   group: "table",
   hidden: !0,
   icon: O,
-  ...u({
+  ...d({
     properties: {
-      styles: p("")
+      styles: u("")
     }
   }),
-  blocks: B("Table")
+  blocks: x("Table")
 });
-d(Je, {
+p(Je, {
   type: "TableHead",
   label: "Table Head",
   category: "core",
   group: "table",
   hidden: !0,
   icon: Y,
-  ...u({
+  ...d({
     properties: {
-      styles: p("")
+      styles: u("")
     }
   }),
-  blocks: B("TableHead")
+  blocks: x("TableHead")
 });
-d(Qe, {
+p(Qe, {
   type: "TableBody",
   label: "Table Body",
   category: "core",
   group: "table",
   hidden: !0,
   icon: W,
-  ...u({
+  ...d({
     properties: {
-      styles: p("")
+      styles: u("")
     }
   }),
-  blocks: B("TableBody")
+  blocks: x("TableBody")
 });
-d(Ze, {
+p(Ze, {
   type: "TableRow",
   label: "Table Row",
   category: "core",
   group: "table",
   hidden: !0,
   icon: X,
-  ...u({
+  ...d({
     properties: {
-      styles: p("")
+      styles: u("")
     }
   }),
-  blocks: B("TableRow")
+  blocks: x("TableRow")
 });
-d(Ke, {
+p(Ke, {
   type: "TableCell",
   label: "Table Cell",
   category: "core",
   group: "table",
   hidden: !0,
   icon: J,
-  ...u({
+  ...d({
     properties: {
-      styles: p(""),
+      styles: u(""),
       content: {
         type: "string",
         default: "Heading goes here",
@@ -962,11 +975,11 @@ d(Ke, {
       }
     }
   }),
-  blocks: B("TableCell"),
+  blocks: x("TableCell"),
   i18nProps: ["content"],
   aiProps: ["content"]
 });
-function B(e) {
+function x(e) {
   const o = (n, i) => ({
     _id: C(),
     _parent: n,
@@ -1011,7 +1024,7 @@ function B(e) {
 }
 const A = (e, ...o) => ({
   ...e,
-  className: x(e.className, ...o)
+  className: B(e.className, ...o)
 }), et = (e) => {
   const { blockProps: o, icon: t, styles: l, width: r, inBuilder: n, height: i } = e, a = A(l, "");
   if (v(t))
@@ -1032,9 +1045,9 @@ const A = (e, ...o) => ({
   category: "core",
   icon: Q,
   group: "media",
-  ...u({
+  ...d({
     properties: {
-      styles: p(""),
+      styles: u(""),
       icon: {
         type: "string",
         title: "Icon",
@@ -1077,9 +1090,9 @@ const A = (e, ...o) => ({
   category: "core",
   icon: Z,
   group: "media",
-  ...u({
+  ...d({
     properties: {
-      styles: p(""),
+      styles: u(""),
       image: {
         type: "string",
         title: "Image",
@@ -1154,9 +1167,9 @@ const A = (e, ...o) => ({
   category: "core",
   icon: K,
   group: "basic",
-  ...u({
+  ...d({
     properties: {
-      styles: p(""),
+      styles: u(""),
       content: {
         type: "string",
         default: "Link goes here",
@@ -1184,7 +1197,7 @@ const A = (e, ...o) => ({
   i18nProps: ["content"],
   canAcceptBlock: (e) => e !== "Link"
 }, it = (e) => {
-  const { blockProps: o, children: t, listType: l, styles: r, tag: n, inBuilder: i } = e, a = x(f(r, "className", ""), l);
+  const { blockProps: o, children: t, listType: l, styles: r, tag: n, inBuilder: i } = e, a = B(f(r, "className", ""), l);
   return !t && v(r == null ? void 0 : r.className) ? /* @__PURE__ */ s(I, { inBuilder: i }) : b.createElement(
     n || (l === "list-decimal" ? "ol" : "ul"),
     { ...o, ...r, className: a },
@@ -1197,9 +1210,9 @@ const A = (e, ...o) => ({
   icon: ee,
   category: "core",
   group: "basic",
-  ...u({
+  ...d({
     properties: {
-      styles: p(""),
+      styles: u(""),
       listType: {
         type: "string",
         title: "List Type",
@@ -1251,9 +1264,9 @@ const A = (e, ...o) => ({
   icon: te,
   category: "core",
   group: "basic",
-  ...u({
+  ...d({
     properties: {
-      styles: p(""),
+      styles: u(""),
       content: {
         type: "string",
         default: "List item",
@@ -1275,16 +1288,16 @@ const A = (e, ...o) => ({
     ...o,
     dangerouslySetInnerHTML: { __html: l }
   }) : b.createElement("p", { ...t, ...o }, e.children);
-}, dt = {
+}, ut = {
   type: "Paragraph",
   description: "A paragraph component",
   label: "Paragraph",
   category: "core",
   icon: oe,
   group: "typography",
-  ...u({
+  ...d({
     properties: {
-      styles: p(""),
+      styles: u(""),
       content: {
         type: "string",
         title: "Content",
@@ -1298,7 +1311,7 @@ const A = (e, ...o) => ({
   i18nProps: ["content"],
   aiProps: ["content"],
   canAcceptBlock: (e) => e === "Span" || e === "Link" || e === "Text"
-}, ut = (e) => {
+}, dt = (e) => {
   const { blockProps: o, inBuilder: t, children: l, partialBlockId: r } = e;
   return t && !r ? /* @__PURE__ */ h(
     "div",
@@ -1318,11 +1331,11 @@ const A = (e, ...o) => ({
   type: "PartialBlock",
   description: "A partial block component",
   label: "Partial Block",
-  icon: E,
+  icon: $,
   category: "core",
   group: "basic",
   hidden: !0,
-  ...u({
+  ...d({
     properties: {
       partialBlockId: {
         type: "string",
@@ -1389,14 +1402,14 @@ const A = (e, ...o) => ({
   label: "Column",
   group: "basic",
   category: "core",
-  icon: de,
+  icon: ue,
   wrapper: !0,
   canDelete: () => !0,
   canAcceptBlock: () => !0,
   canBeNested: (e) => e === "Row",
-  ...u({
+  ...d({
     properties: {
-      styles: p(""),
+      styles: u(""),
       colSpan: {
         type: "number",
         title: "Column Span",
@@ -1427,7 +1440,7 @@ const A = (e, ...o) => ({
   description: "A row component",
   label: "Row",
   group: "basic",
-  icon: ue,
+  icon: de,
   blocks: () => [
     { _type: "Row", _id: "row", styles: "#styles:,p-1" },
     { _type: "Column", id: "column", _parent: "row", styles: "#styles:," },
@@ -1436,9 +1449,9 @@ const A = (e, ...o) => ({
   category: "core",
   wrapper: !0,
   canAcceptBlock: (e) => e === "Column",
-  ...u({
+  ...d({
     properties: {
-      styles: p(""),
+      styles: u(""),
       colCount: {
         type: "number",
         default: 2,
@@ -1467,9 +1480,9 @@ const A = (e, ...o) => ({
   category: "core",
   icon: le,
   group: "typography",
-  ...u({
+  ...d({
     properties: {
-      styles: p(""),
+      styles: u(""),
       content: {
         type: "string",
         title: "Content",
@@ -1493,9 +1506,9 @@ const A = (e, ...o) => ({
   label: "Span",
   category: "core",
   group: "typography",
-  ...u({
+  ...d({
     properties: {
-      styles: p(""),
+      styles: u(""),
       content: {
         type: "string",
         title: "Content",
@@ -1515,9 +1528,9 @@ const A = (e, ...o) => ({
   category: "core",
   group: "typography",
   icon: re,
-  ...u({
+  ...d({
     properties: {
-      styles: p("text-black"),
+      styles: u("text-black"),
       content: {
         title: "Content",
         type: "string",
@@ -1527,7 +1540,7 @@ const A = (e, ...o) => ({
   }),
   aiProps: ["content"],
   i18nProps: ["content"]
-}, Bt = {
+}, xt = {
   type: "object",
   title: "Controls",
   default: {
@@ -1558,7 +1571,7 @@ const A = (e, ...o) => ({
       default: !1
     }
   }
-}, _ = /^(https?:\/\/)?(www\.)?youtube\.com\/(watch\?v=|embed\/)([a-zA-Z0-9_-]{11})/, S = /(?:https?:\/\/)?(?:www\.)?(?:vimeo\.com\/(?:channels\/[\w]+\/|groups\/[^\/]+\/videos\/|album\/\d+\/video\/|video\/)?|player\.vimeo\.com\/video\/)(\d+)/, xt = (e, o) => {
+}, _ = /^(https?:\/\/)?(www\.)?youtube\.com\/(watch\?v=|embed\/)([a-zA-Z0-9_-]{11})/, T = /(?:https?:\/\/)?(?:www\.)?(?:vimeo\.com\/(?:channels\/[\w]+\/|groups\/[^\/]+\/videos\/|album\/\d+\/video\/|video\/)?|player\.vimeo\.com\/video\/)(\d+)/, Bt = (e, o) => {
   const t = f(o, "autoplay", !1), l = f(o, "controls", !1), r = f(o, "loop", !1), n = t || f(o, "muted", !0);
   if (_.test(e)) {
     const i = e.match(_);
@@ -1568,8 +1581,8 @@ const A = (e, ...o) => ({
       return y += r ? `&loop=1&playlist=${a}` : "", y += n ? "&mute=1&muted=1" : "", y += l ? "&controls=1" : "&controls=0", `${c}?${y}`;
     }
   }
-  if (S.test(e)) {
-    const i = e.match(S);
+  if (T.test(e)) {
+    const i = e.match(T);
     if (i) {
       const a = i[1];
       let c = "";
@@ -1578,7 +1591,7 @@ const A = (e, ...o) => ({
   }
   return null;
 }, Lt = (e) => {
-  const { url: o, blockProps: t, styles: l, controls: r, videoSource: n, inBuilder: i } = e, a = xt(o, r);
+  const { url: o, blockProps: t, styles: l, controls: r, videoSource: n, inBuilder: i } = e, a = Bt(o, r);
   return /* @__PURE__ */ h("div", { ...se(l, "className"), className: "relative w-full overflow-hidden", style: { paddingBottom: "56.25%" }, children: [
     !a && i ? /* @__PURE__ */ s("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__ */ s("iframe", { width: "100%", src: a, ...ae(l, "className") }),
     i && /* @__PURE__ */ s("div", { ...t, className: "absolute top-0 h-full w-full" })
@@ -1610,21 +1623,21 @@ const A = (e, ...o) => ({
     }),
     "Your browser does not support the video tag."
   ) });
-}, _t = (e) => {
+}, St = (e) => {
   const { videoSource: o } = e;
   return o === "Custom" ? /* @__PURE__ */ s(Pt, { ...e }) : o === "Youtube" || o === "Vimeo" ? /* @__PURE__ */ s(Lt, { ...e }) : /* @__PURE__ */ h("div", { children: [
     "Invalid video source : ",
     o
   ] });
-}, St = {
+}, _t = {
   type: "Video",
   label: "Video",
   category: "core",
   icon: ne,
   group: "media",
-  ...u({
+  ...d({
     properties: {
-      styles: p("absolute h-full w-full object-cover"),
+      styles: u("absolute h-full w-full object-cover"),
       videoSource: {
         type: "string",
         default: "Custom",
@@ -1655,7 +1668,7 @@ const A = (e, ...o) => ({
               type: "object",
               default: { srcsets: [] }
             },
-            controls: { ...Bt }
+            controls: { ...xt }
           }
         }
       },
@@ -1699,22 +1712,37 @@ const A = (e, ...o) => ({
     }
   }),
   i18nProps: ["url"]
-}, Tt = ({ children: e, tag: o, blockProps: t, styles: l }) => b.createElement(o, { ...t, ...l }, e), Nt = {
+}, Tt = ({ children: e, tag: o, blockProps: t, styles: l, inBuilder: r }) => {
+  let n = e;
+  return v(n) && r && (n = /* @__PURE__ */ s("div", { className: "col-span-3 flex items-center justify-center bg-orange-50 p-5", children: "No items found" })), b.createElement(o, { ...t, ...l }, n);
+}, Nt = {
   type: "Repeater",
   label: "Repeater",
-  icon: $,
+  icon: E,
   group: "basic",
+  asyncProps: ["filter", "sort", "limit", "repeaterItems"],
   blocks: () => [
     { _id: "A", _type: "Repeater", tag: "ul" },
-    { _id: "B", _type: "RepeaterItem", parentTag: "ul", _parent: "A" }
+    { _id: "B", _name: "Repeater Item", _type: "RepeaterItem", parentTag: "ul", _parent: "A" }
+    // { _id: "C", _name: "Empty State", _type: "RepeaterEmptyState", _parent: "A" },
+    // {
+    //   _id: "D",
+    //   _name: "Empty State Heading",
+    //   _type: "Heading",
+    //   _parent: "C",
+    //   styles: "#styles:,text-2xl text-center",
+    //   content: "No items",
+    // },
   ],
-  ...u({
+  ...d({
     properties: {
+      styles: P("grid gap-4 md:grid-cols-2 xl:grid-cols-3"),
       repeaterItems: {
         title: "Items",
         type: "string",
         binding: "array",
-        default: ""
+        default: "",
+        ui: { "ui:readonly": !0 }
       },
       tag: {
         title: "Tag",
@@ -1722,11 +1750,22 @@ const A = (e, ...o) => ({
         default: "ul",
         enum: ["div", "ul", "ol"]
       },
-      styles: T(""),
       limit: {
         title: "Limit",
         type: "number",
-        default: ""
+        default: 3
+      },
+      filter: {
+        title: "Filter by",
+        type: "string",
+        default: "",
+        ui: { "ui:widget": "collectionSelect" }
+      },
+      sort: {
+        title: "Sort by",
+        type: "string",
+        default: "",
+        ui: { "ui:widget": "collectionSelect" }
       }
     }
   })
@@ -1751,12 +1790,12 @@ const A = (e, ...o) => ({
 }, Mt = {
   type: "RepeaterItem",
   label: "Repeater Item",
-  icon: $,
+  icon: E,
   hidden: !0,
   group: "basic",
-  ...u({
+  ...d({
     properties: {
-      styles: T(""),
+      styles: P(""),
       parentTag: H("Repeater", "tag")
     }
   }),
@@ -1764,9 +1803,25 @@ const A = (e, ...o) => ({
   canDelete: () => !1,
   canMove: () => !1,
   canDuplicate: () => !1
-}, jt = () => {
-  d(ye, me), d(xe, Le), d(ge, be), d(Ge, Oe), d(pt, dt), d(wt, Ct), d(ht, kt), d(rt, nt), d(it, st), d(at, ct), d(et, tt), d(ot, lt), d(_t, St), d(ke, we), d(Ce, ve), d(vt, It), d(Se, Te), d(Ne, Re), d(Me, $e), d(Pe, _e), d(He, ze), d(Ve, De), d(je, qe), d(Ee, Ae), d(Ye, We), d(Ie, Be), d(Fe, Ue), d(ut, yt), d(bt, ft), d(mt, gt), d(fe, he), d(Tt, Nt), d(Rt, Mt);
+}, Et = ({
+  children: e,
+  blockProps: o,
+  styles: t
+}) => b.createElement("div", { ...o, ...t }, e), $t = {
+  type: "RepeaterEmptyState",
+  label: "Empty State",
+  hidden: !0,
+  group: "basic",
+  ...d({
+    properties: { styles: P("p-5 flex items-center justify-center") }
+  }),
+  canAcceptBlock: () => !0,
+  canDelete: () => !1,
+  canMove: () => !1,
+  canDuplicate: () => !1
+}, Ft = () => {
+  p(ye, me), p(Be, Le), p(ge, be), p(Ge, Oe), p(pt, ut), p(wt, Ct), p(ht, kt), p(rt, nt), p(it, st), p(at, ct), p(et, tt), p(ot, lt), p(St, _t), p(ke, we), p(Ce, ve), p(vt, It), p(_e, Te), p(Ne, Re), p(Me, Ee), p(Pe, Se), p(He, ze), p(De, je), p(Ve, qe), p($e, Ae), p(Ye, We), p(Ie, xe), p(Fe, Ue), p(dt, yt), p(bt, ft), p(mt, gt), p(fe, he), p(Tt, Nt), p(Rt, Mt), p(Et, $t);
 };
 export {
-  jt as loadWebBlocks
+  Ft as loadWebBlocks
 };