@chaibuilder/sdk 2.1.4 → 2.1.6

package/dist/web-blocks.js

@@ -1,24 +1,24 @@
-import { registerChaiBlockSchema as d, StylesProp as p, registerChaiBlock as u } from "@chaibuilder/runtime";
-import { jsx as i, jsxs as b, Fragment as N } from "react/jsx-runtime";
-import * as g from "react";
-import { createElement as C } from "react";
-import { c as v, g as x } from "./Functions-BGzDsf1z.js";
-import { ButtonIcon as M, CodeIcon as A, HeadingIcon as R, TextIcon as H, CursorTextIcon as z, DividerHorizontalIcon as q, SketchLogoIcon as F, ImageIcon as j, Link1Icon as D, RowsIcon as G, ColumnsIcon as U, SpaceBetweenVerticallyIcon as V, VideoIcon as O, CopyIcon as W, CheckboxIcon as X, InputIcon as $, LetterCaseToggleIcon as Y, RadiobuttonIcon as Z, DropdownMenuIcon as J } from "@radix-ui/react-icons";
-import { isEmpty as w, get as k, isNull as K, pick as Q, omit as ee, map as B } from "lodash-es";
-import { FileCode as te, GlobeIcon as T, GroupIcon as le, Columns as oe, Rows as ne } from "lucide-react";
-const L = ({ className: e = "", inBuilder: t }) => t ? /* @__PURE__ */ i("div", { className: v("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, re = (e) => {
-  const { blockProps: t, inBuilder: l, backgroundImage: n, children: o, tag: r = "div", styles: s } = e;
-  let a = o;
-  o || (a = /* @__PURE__ */ i(L, { inBuilder: l }));
+import { registerChaiBlockSchema as m, StylesProp as p, registerChaiBlock as d } from "@chaibuilder/runtime";
+import { jsx as i, jsxs as b, Fragment as _ } from "react/jsx-runtime";
+import * as h from "react";
+import { createElement as v } from "react";
+import { c as L, g as C } from "./Functions-BGzDsf1z.js";
+import { ButtonIcon as N, CodeIcon as T, HeadingIcon as A, TextIcon as R, CursorTextIcon as H, DividerHorizontalIcon as z, SketchLogoIcon as V, ImageIcon as j, Link1Icon as q, RowsIcon as F, ColumnsIcon as U, SpaceBetweenVerticallyIcon as D, VideoIcon as G, CopyIcon as O, CheckboxIcon as Y, InputIcon as M, LetterCaseToggleIcon as W, RadiobuttonIcon as X, DropdownMenuIcon as J } from "@radix-ui/react-icons";
+import { isEmpty as w, get as f, isNull as Q, omit as Z, pick as K, map as I } from "lodash-es";
+import { FileCode as ee, GlobeIcon as $, GroupIcon as te, Columns as oe, Rows as le } from "lucide-react";
+const x = ({ className: e = "", inBuilder: t }) => t ? /* @__PURE__ */ i("div", { className: L("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, ne = (e) => {
+  const { blockProps: t, inBuilder: o, backgroundImage: n, children: l, tag: r = "div", styles: s } = e;
+  let a = l;
+  l || (a = /* @__PURE__ */ i(x, { inBuilder: o }));
   let c = {};
-  return n && (c = { backgroundImage: `url(${n})` }), g.createElement(r, { ...t, ...s, style: c }, a);
-}, ie = {
+  return n && (c = { backgroundImage: `url(${n})` }), h.createElement(r, { ...t, ...s, style: c }, a);
+}, re = {
   type: "Box",
   description: "Similar to a div or section elements in HTML",
   label: "Box",
   category: "core",
   group: "basic",
-  ...d({
+  ...m({
     properties: {
       styles: p(""),
       backgroundImage: {
@@ -54,36 +54,36 @@ const L = ({ className: e = "", inBuilder: t }) => t ? /* @__PURE__ */ i("div",
     }
   }),
   canAcceptBlock: () => !0
-}, se = (e) => {
-  const { blockProps: t, iconSize: l, icon: n, content: o, styles: r, children: s, iconPos: a, link: c, inBuilder: y } = e, f = n, h = s || /* @__PURE__ */ b(N, { children: [
-    /* @__PURE__ */ i("span", { "data-ai-key": "content", children: o }),
-    f && /* @__PURE__ */ i(
+}, ie = (e) => {
+  const { blockProps: t, iconSize: o, icon: n, content: l, styles: r, children: s, iconPos: a, link: c, inBuilder: u } = e, k = n, g = s || /* @__PURE__ */ b(_, { children: [
+    /* @__PURE__ */ i("span", { "data-ai-key": "content", children: l }),
+    k && /* @__PURE__ */ i(
       "div",
       {
-        style: { width: l + "px" },
+        style: { width: o + "px" },
         className: a + " " + (a === "order-first" ? "mr-2" : "ml-2") || "",
-        dangerouslySetInnerHTML: { __html: f }
+        dangerouslySetInnerHTML: { __html: k }
       }
     )
-  ] }), m = C(
+  ] }), y = v(
     "button",
     {
       ...t,
       ...r,
       type: "button",
-      "aria-label": o
+      "aria-label": l
     },
-    h
+    g
   );
-  return w(k(c, "href")) ? m : y ? /* @__PURE__ */ i("span", { children: m }) : /* @__PURE__ */ i("a", { "aria-label": o, href: k(c, "href") || "/", target: k(c, "target", "_self"), children: m });
-}, ae = {
+  return w(f(c, "href")) ? y : u ? /* @__PURE__ */ i("span", { children: y }) : /* @__PURE__ */ i("a", { "aria-label": l, href: f(c, "href") || "/", target: f(c, "target", "_self"), children: y });
+}, se = {
   type: "Button",
   description: "similar to a button element in HTML",
   label: "Button",
   category: "core",
-  icon: M,
+  icon: N,
   group: "basic",
-  ...d({
+  ...m({
     properties: {
       styles: p("text-primary-foreground bg-primary px-4 py-2 rounded-lg flex items-center"),
       content: {
@@ -128,27 +128,27 @@ const L = ({ className: e = "", inBuilder: t }) => t ? /* @__PURE__ */ i("div",
   }),
   i18nProps: ["content"],
   aiProps: ["content"]
-}, ce = (e) => {
-  const { blockProps: t, styles: l, htmlCode: n, inBuilder: o } = e;
-  return o ? /* @__PURE__ */ b("div", { className: "relative", children: [
-    o ? /* @__PURE__ */ i("div", { ...t, ...l, className: "absolute z-20 h-full w-full" }) : null,
-    g.createElement("div", {
-      ...l,
+}, ae = (e) => {
+  const { blockProps: t, styles: o, htmlCode: n, inBuilder: l } = e;
+  return l ? /* @__PURE__ */ b("div", { className: "relative", children: [
+    l ? /* @__PURE__ */ i("div", { ...t, ...o, className: "absolute z-20 h-full w-full" }) : null,
+    h.createElement("div", {
+      ...o,
       dangerouslySetInnerHTML: { __html: n.replace(/<script.*?>.*?<\/script>/g, "") }
     })
-  ] }) : g.createElement("div", {
+  ] }) : h.createElement("div", {
     ...t,
-    ...l,
+    ...o,
     dangerouslySetInnerHTML: { __html: n }
   });
-}, pe = {
+}, ce = {
   type: "CustomHTML",
   description: "similar to a div or section elements in HTML",
   label: "Custom HTML",
   category: "core",
-  icon: A,
+  icon: T,
   group: "advanced",
-  ...d({
+  ...m({
     properties: {
       styles: p(""),
       htmlCode: {
@@ -158,17 +158,17 @@ const L = ({ className: e = "", inBuilder: t }) => t ? /* @__PURE__ */ i("div",
       }
     }
   })
-}, ue = (e) => {
-  const { blockProps: t, styles: l, backgroundImage: n } = e;
-  let o = {};
-  return n && (o = { backgroundImage: `url(${n})` }), g.createElement("div", { ...t, ...l, style: o });
-}, de = {
+}, pe = (e) => {
+  const { blockProps: t, styles: o, backgroundImage: n } = e;
+  let l = {};
+  return n && (l = { backgroundImage: `url(${n})` }), h.createElement("div", { ...t, ...o, style: l });
+}, ue = {
   type: "EmptyBox",
   description: "A box component with no children",
   label: "Empty Box",
   category: "core",
   group: "basic",
-  ...d({
+  ...m({
     properties: {
       styles: p(""),
       backgroundImage: {
@@ -179,21 +179,21 @@ const L = ({ className: e = "", inBuilder: t }) => t ? /* @__PURE__ */ i("div",
       }
     }
   })
-}, me = (e) => {
-  const { blockProps: t, styles: l, content: n, tag: o = "h1", children: r = null } = e;
-  return r ? g.createElement(o, { ...l, ...t }, r) : g.createElement(o, {
-    ...l,
+}, de = (e) => {
+  const { blockProps: t, styles: o, content: n, tag: l = "h1", children: r = null } = e;
+  return r ? h.createElement(l, { ...o, ...t }, r) : h.createElement(l, {
+    ...o,
     ...t,
     dangerouslySetInnerHTML: { __html: n }
   });
-}, ye = {
+}, me = {
   type: "Heading",
   description: "A heading component similar to h1, h2, h3, h4, h5, h6 elements in HTML",
   label: "Heading",
   category: "core",
-  icon: R,
+  icon: A,
   group: "typography",
-  ...d({
+  ...m({
     properties: {
       tag: {
         type: "string",
@@ -213,21 +213,21 @@ const L = ({ className: e = "", inBuilder: t }) => t ? /* @__PURE__ */ i("div",
   aiProps: ["content"],
   i18nProps: ["content"],
   canAcceptBlock: (e) => e === "Span" || e === "Text"
-}, ge = (e) => {
-  const { blockProps: t, styles: l, content: n } = e;
-  return K(e.children) ? g.createElement("p", {
-    ...l,
+}, ye = (e) => {
+  const { blockProps: t, styles: o, content: n } = e;
+  return Q(e.children) ? h.createElement("p", {
+    ...o,
     ...t,
     dangerouslySetInnerHTML: { __html: n }
-  }) : g.createElement("p", { ...l, ...t }, e.children);
-}, fe = {
+  }) : h.createElement("p", { ...o, ...t }, e.children);
+}, ge = {
   type: "Paragraph",
   description: "A paragraph component",
   label: "Paragraph",
   category: "core",
-  icon: H,
+  icon: R,
   group: "typography",
-  ...d({
+  ...m({
     properties: {
       styles: p(""),
       content: {
@@ -245,22 +245,22 @@ const L = ({ className: e = "", inBuilder: t }) => t ? /* @__PURE__ */ i("div",
   canAcceptBlock: (e) => e === "Span" || e === "Link" || e === "Text"
 }, E = (e, ...t) => ({
   ...e,
-  className: v(e.className, ...t)
-}), be = (e) => {
-  const { blockProps: t, content: l, styles: n } = e, o = E(
+  className: L(e.className, ...t)
+}), fe = (e) => {
+  const { blockProps: t, content: o, styles: n } = e, l = E(
     n,
     "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",
     "max-w-full"
   );
-  return /* @__PURE__ */ i("div", { ...t, ...o, dangerouslySetInnerHTML: { __html: l } });
-}, he = {
+  return /* @__PURE__ */ i("div", { ...t, ...l, dangerouslySetInnerHTML: { __html: o } });
+}, be = {
   type: "RichText",
   description: "A rich text block",
   label: "Rich Text",
   category: "core",
-  icon: z,
+  icon: H,
   group: "typography",
-  ...d({
+  ...m({
     properties: {
       styles: p(""),
       content: {
@@ -273,20 +273,20 @@ const L = ({ className: e = "", inBuilder: t }) => t ? /* @__PURE__ */ i("div",
   }),
   aiProps: ["content"],
   i18nProps: ["content"]
-}, ke = (e) => {
-  const { blockProps: t, styles: l, content: n, children: o = null, tag: r } = e;
-  return o ? g.createElement("span", { ...l, ...t }, o) : g.createElement(r || "span", {
-    ...l,
+}, he = (e) => {
+  const { blockProps: t, styles: o, content: n, children: l = null, tag: r } = e;
+  return l ? h.createElement("span", { ...o, ...t }, l) : h.createElement(r || "span", {
+    ...o,
     ...t,
     dangerouslySetInnerHTML: { __html: n || "" }
   });
-}, we = {
+}, ke = {
   type: "Span",
   description: "A span component",
   label: "Span",
   category: "core",
   group: "typography",
-  ...d({
+  ...m({
     properties: {
       styles: p(""),
       content: {
@@ -300,17 +300,17 @@ const L = ({ className: e = "", inBuilder: t }) => t ? /* @__PURE__ */ i("div",
   aiProps: ["content"],
   i18nProps: ["content"],
   canAcceptBlock: () => !0
-}, Ce = (e) => {
-  const { scripts: t, inBuilder: l, blockProps: n } = e;
-  return l ? /* @__PURE__ */ i("div", { ...n, children: /* @__PURE__ */ i("div", { className: v("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: t } });
-}, xe = {
+}, we = (e) => {
+  const { scripts: t, inBuilder: o, blockProps: n } = e;
+  return o ? /* @__PURE__ */ i("div", { ...n, children: /* @__PURE__ */ i("div", { className: L("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: t } });
+}, ve = {
   type: "CustomScript",
   description: "similar to a script element in HTML",
   label: "Custom Script",
   category: "core",
-  icon: te,
+  icon: ee,
   group: "advanced",
-  ...d({
+  ...m({
     properties: {
       scripts: {
         type: "string",
@@ -321,24 +321,24 @@ const L = ({ className: e = "", inBuilder: t }) => t ? /* @__PURE__ */ i("div",
       }
     }
   })
-}, Le = (e) => {
-  const { blockProps: t, styles: l } = e;
-  return C("hr", { ...l, ...t });
-}, ve = {
+}, Ce = (e) => {
+  const { blockProps: t, styles: o } = e;
+  return v("hr", { ...o, ...t });
+}, xe = {
   type: "Divider",
   description: "A horizontal line component",
   label: "Divider",
   category: "core",
-  icon: q,
+  icon: z,
   group: "basic",
-  ...d({
+  ...m({
     properties: {
       styles: p("bg-gray-900 h-0.5 py-2 my-1")
     }
   })
-}, Ie = (e) => {
-  const { blockProps: t, inBuilder: l, children: n, globalBlock: o } = e;
-  return l && !o ? /* @__PURE__ */ b(
+}, Le = (e) => {
+  const { blockProps: t, inBuilder: o, children: n, globalBlock: l } = e;
+  return o && !l ? /* @__PURE__ */ b(
     "div",
     {
       className: "flex flex-col items-center justify-center gap-y-1 rounded-lg bg-gray-100 py-4 dark:bg-gray-800",
@@ -346,21 +346,21 @@ const L = ({ className: e = "", inBuilder: t }) => t ? /* @__PURE__ */ i("div",
       children: [
         /* @__PURE__ */ b("h1", { children: [
           "Global Block - ",
-          o
+          l
         ] }),
         /* @__PURE__ */ i("p", { children: "Choose a block from the sidebar to add it to this page." })
       ]
     }
-  ) : g.createElement("span", { ...t }, n);
-}, Be = {
+  ) : h.createElement("span", { ...t }, n);
+}, Pe = {
   type: "GlobalBlock",
   description: "A global block component",
   label: "Global Block",
-  icon: T,
+  icon: $,
   category: "core",
   group: "basic",
   hidden: !0,
-  ...d({
+  ...m({
     properties: {
       globalBlock: {
         type: "string",
@@ -370,16 +370,16 @@ const L = ({ className: e = "", inBuilder: t }) => t ? /* @__PURE__ */ i("div",
       }
     }
   })
-}, Pe = (e) => {
-  const { blockProps: t, icon: l, styles: n, width: o, inBuilder: r, height: s } = e, a = E(n, "");
-  if (w(l))
-    return /* @__PURE__ */ i(L, { inBuilder: r, className: "h-8 w-14" });
-  const c = l.replace(/<svg /g, '<svg class="w-[inherit] h-[inherit]" ');
-  return g.createElement("span", {
+}, Ie = (e) => {
+  const { blockProps: t, icon: o, styles: n, width: l, inBuilder: r, height: s } = e, a = E(n, "");
+  if (w(o))
+    return /* @__PURE__ */ i(x, { inBuilder: r, className: "h-8 w-14" });
+  const c = o.replace(/<svg /g, '<svg class="w-[inherit] h-[inherit]" ');
+  return h.createElement("span", {
     ...t,
     ...a,
     style: {
-      width: o ? `${o}px` : "auto",
+      width: l ? `${l}px` : "auto",
       height: s ? `${s}px` : "auto"
     },
     dangerouslySetInnerHTML: { __html: c }
@@ -388,9 +388,9 @@ const L = ({ className: e = "", inBuilder: t }) => t ? /* @__PURE__ */ i("div",
   type: "Icon",
   label: "web_blocks.icon",
   category: "core",
-  icon: F,
+  icon: V,
   group: "media",
-  ...d({
+  ...m({
     properties: {
       styles: p(""),
       icon: {
@@ -411,16 +411,16 @@ const L = ({ className: e = "", inBuilder: t }) => t ? /* @__PURE__ */ i("div",
       }
     }
   })
-}, _e = (e) => {
-  const { blockProps: t, image: l, mobileImage: n, styles: o, alt: r, height: s, width: a, lazyLoading: c } = e;
-  return w(l) ? /* @__PURE__ */ i(L, { className: "h-36" }) : /* @__PURE__ */ b("picture", { children: [
+}, Be = (e) => {
+  const { blockProps: t, image: o, mobileImage: n, styles: l, alt: r, height: s, width: a, lazyLoading: c } = e;
+  return w(o) ? /* @__PURE__ */ i(x, { className: "h-36" }) : /* @__PURE__ */ b("picture", { children: [
     n && /* @__PURE__ */ i("source", { srcSet: n, media: "(max-width: 480px)" }),
     /* @__PURE__ */ i(
       "img",
       {
         ...t,
-        ...o,
-        src: l,
+        ...l,
+        src: o,
         alt: r,
         loading: c ? "lazy" : "eager",
         width: a,
@@ -428,14 +428,14 @@ const L = ({ className: e = "", inBuilder: t }) => t ? /* @__PURE__ */ i("div",
       }
     )
   ] });
-}, Ne = {
+}, _e = {
   type: "Image",
   description: "A image component",
   label: "Image",
   category: "core",
   icon: j,
   group: "media",
-  ...d({
+  ...m({
     properties: {
       styles: p(""),
       image: {
@@ -477,36 +477,36 @@ const L = ({ className: e = "", inBuilder: t }) => t ? /* @__PURE__ */ i("div",
   }),
   aiProps: ["alt"],
   i18nProps: ["alt"]
-}, Me = (e) => {
-  const { blockProps: t, link: l, children: n, styles: o, inBuilder: r, content: s } = e;
+}, Ne = (e) => {
+  const { blockProps: t, link: o, children: n, styles: l, inBuilder: r, content: s } = e;
   let a = {};
-  return !n && w(s) && (a = { minHeight: "50px", display: "flex", alignItems: "center", justifyContent: "center" }), r ? n ? /* @__PURE__ */ i("span", { ...t, style: a, ...o, children: n }) : C(
+  return !n && w(s) && (a = { minHeight: "50px", display: "flex", alignItems: "center", justifyContent: "center" }), r ? n ? /* @__PURE__ */ i("span", { ...t, style: a, ...l, children: n }) : v(
     "span",
     {
       ...t,
-      ...o,
+      ...l,
       style: a
     },
     s
-  ) : n ? /* @__PURE__ */ i("a", { "aria-label": s, href: (l == null ? void 0 : l.href) || "#/", target: l == null ? void 0 : l.target, ...t, ...o, children: n }) : C(
+  ) : n ? /* @__PURE__ */ i("a", { "aria-label": s, href: (o == null ? void 0 : o.href) || "#/", target: o == null ? void 0 : o.target, ...t, ...l, children: n }) : v(
     "a",
     {
       ...t,
-      ...o,
-      href: (l == null ? void 0 : l.href) || "#",
-      target: (l == null ? void 0 : l.target) || "_self",
+      ...l,
+      href: (o == null ? void 0 : o.href) || "#",
+      target: (o == null ? void 0 : o.target) || "_self",
       "aria-label": s
     },
     s
   );
-}, $e = {
+}, Me = {
   type: "Link",
   description: "A link component",
   label: "Link",
   category: "core",
-  icon: D,
+  icon: q,
   group: "basic",
-  ...d({
+  ...m({
     properties: {
       styles: p(""),
       content: {
@@ -535,21 +535,21 @@ const L = ({ className: e = "", inBuilder: t }) => t ? /* @__PURE__ */ i("div",
   aiProps: ["content"],
   i18nProps: ["content"],
   canAcceptBlock: (e) => e !== "Link"
-}, Te = (e) => {
-  const { blockProps: t, children: l, listType: n, styles: o, tag: r, inBuilder: s } = e, a = v(k(o, "className", ""), n);
-  return !l && w(o == null ? void 0 : o.className) ? /* @__PURE__ */ i(L, { inBuilder: s }) : g.createElement(
+}, $e = (e) => {
+  const { blockProps: t, children: o, listType: n, styles: l, tag: r, inBuilder: s } = e, a = L(f(l, "className", ""), n);
+  return !o && w(l == null ? void 0 : l.className) ? /* @__PURE__ */ i(x, { inBuilder: s }) : h.createElement(
     r || (n === "list-decimal" ? "ol" : "ul"),
-    { ...t, ...o, className: a },
-    l
+    { ...t, ...l, className: a },
+    o
   );
 }, Ee = {
   type: "List",
   description: "A list component",
   label: "List",
-  icon: G,
+  icon: F,
   category: "core",
   group: "basic",
-  ...d({
+  ...m({
     properties: {
       styles: p(""),
       listType: {
@@ -589,21 +589,21 @@ const L = ({ className: e = "", inBuilder: t }) => t ? /* @__PURE__ */ i("div",
       content: "Item 3"
     }
   ]
-}, Ae = (e) => {
-  const { blockProps: t, content: l, styles: n, children: o, tag: r } = e;
-  return o ? g.createElement(r || "li", { ...n, ...t }, o) : g.createElement(r || "li", {
+}, Te = (e) => {
+  const { blockProps: t, content: o, styles: n, children: l, tag: r } = e;
+  return l ? h.createElement(r || "li", { ...n, ...t }, l) : h.createElement(r || "li", {
     ...n,
     ...t,
-    dangerouslySetInnerHTML: { __html: l }
+    dangerouslySetInnerHTML: { __html: o }
   });
-}, Re = {
+}, Ae = {
   type: "ListItem",
   description: "A list item component",
   label: "List Item",
   icon: U,
   category: "core",
   group: "basic",
-  ...d({
+  ...m({
     properties: {
       styles: p(""),
       content: {
@@ -620,15 +620,15 @@ const L = ({ className: e = "", inBuilder: t }) => t ? /* @__PURE__ */ i("div",
   aiProps: ["content"],
   canAcceptBlock: (e) => e !== "ListItem",
   canBeNested: (e) => e === "List"
-}, He = (e) => e.inBuilder || e.forceWrapper ? /* @__PURE__ */ i("span", { ...e.blockProps, children: e.content }) : `${e.content}`, ze = {
+}, Re = (e) => e.inBuilder || e.forceWrapper ? /* @__PURE__ */ i("span", { ...e.blockProps, children: e.content }) : `${e.content}`, He = {
   type: "Text",
   description: "A text component with no styling",
   label: "Text",
   hidden: !0,
   category: "core",
   group: "typography",
-  icon: V,
-  ...d({
+  icon: D,
+  ...m({
     properties: {
       styles: p("text-black"),
       content: {
@@ -640,112 +640,190 @@ const L = ({ className: e = "", inBuilder: t }) => t ? /* @__PURE__ */ i("div",
   }),
   aiProps: ["content"],
   i18nProps: ["content"]
-}, P = /^(https?:\/\/)?(www\.)?youtube\.com\/(watch\?v=|embed\/)([a-zA-Z0-9_-]{11})/, S = /^(https?:\/\/)?(www\.)?player.vimeo\.com/, _ = /^(https?:\/\/)?(www\.)?dailymotion\.com\/(video|embed\/video)\/([a-zA-Z0-9_-]+)/, qe = (e) => {
-  if (P.test(e)) {
-    const t = e.match(P);
-    return t ? `https://www.youtube.com/embed/${t[4]}` : e;
+}, ze = {
+  type: "object",
+  title: "Controls",
+  default: {
+    autoplay: !0,
+    controls: !1,
+    loop: !0,
+    muted: !0
+  },
+  properties: {
+    autoplay: {
+      type: "boolean",
+      title: "Autoplay",
+      default: !1
+    },
+    controls: {
+      type: "boolean",
+      title: "Show Controls",
+      default: !0
+    },
+    loop: {
+      type: "boolean",
+      title: "Loop Video",
+      default: !1
+    },
+    muted: {
+      type: "boolean",
+      title: "Muted",
+      default: !1
+    }
   }
+}, S = /^(https?:\/\/)?(www\.)?youtube\.com\/(watch\?v=|embed\/)([a-zA-Z0-9_-]{11})/, B = /(?:https?:\/\/)?(?:www\.)?(?:vimeo\.com\/(?:channels\/[\w]+\/|groups\/[^\/]+\/videos\/|album\/\d+\/video\/|video\/)?|player\.vimeo\.com\/video\/)(\d+)/, Ve = (e, t) => {
+  const o = f(t, "autoplay", !1), n = f(t, "controls", !1), l = f(t, "loop", !1), r = o || f(t, "muted", !0);
   if (S.test(e)) {
-    const t = e.match(S);
-    return t ? `https://player.vimeo.com/video/${t[3]}` : e;
+    const s = e.match(S);
+    if (s) {
+      const a = s[4];
+      let c = `https://www.youtube.com/embed/${a}`, u = o ? "autoplay=1" : "";
+      return u += l ? `&loop=1&playlist=${a}` : "", u += r ? "&mute=1&muted=1" : "", u += n ? "&controls=1" : "&controls=0", `${c}?${u}`;
+    }
   }
-  if (_.test(e)) {
-    const t = e.match(_);
-    return t ? `https://www.dailymotion.com/embed/video/${t[4]}` : e;
+  if (B.test(e)) {
+    const s = e.match(B);
+    if (s) {
+      const a = s[1];
+      let c = "";
+      return c += o ? "autoplay=1" : "", c += n ? "&controls=1" : "&controls=0", c += r ? "&muted=1" : "", c += l ? "&loop=1" : "", `https://player.vimeo.com/video/${a}?${c}`;
+    }
   }
   return null;
-}, Fe = g.memo((e) => {
-  const { blockProps: t, inBuilder: l, styles: n, url: o, controls: r } = e, s = k(r, "autoPlay", !1), a = k(r, "controls", !1), c = s || k(r, "muted", !0), y = k(r, "loop", !1);
-  if (w(o)) return /* @__PURE__ */ i(L, { inBuilder: l, className: "h-36" });
-  let f = qe(o), h = null;
-  if (f) {
-    if (!w(f)) {
-      const m = [];
-      m.push(`autoplay=${s ? 1 : 0}`), m.push(`controls=${r ? 1 : 0}`), m.push(`mute=${c ? 1 : 0}&muted=${c ? 1 : 0}`), m.push(`loop=${y ? 1 : 0}`), f = `${f}?${m.join("&")}`;
-    }
-    h = g.createElement("iframe", {
-      ...t,
-      className: "absolute inset-0 w-full h-full",
-      src: f,
-      allow: l ? "" : "autoplay *; fullscreen *",
-      allowFullScreen: !0,
-      frameBorder: 0
-    });
-  } else
-    h = g.createElement("video", {
-      ...t,
-      className: "absolute inset-0 w-full h-full",
-      src: o,
-      controls: a,
-      muted: c,
-      autoPlay: l ? !1 : s,
-      loop: y
-    });
-  return /* @__PURE__ */ i("div", { ...Q(n, ["className"]), children: /* @__PURE__ */ b("div", { className: "relative w-full overflow-hidden", style: { paddingBottom: "56.25%" }, children: [
-    l ? /* @__PURE__ */ i("div", { ...t, ...ee(n, ["className"]), className: "absolute inset-0 z-20 h-full w-full" }) : null,
-    h
-  ] }) });
-}), je = {
+}, je = (e) => {
+  const { url: t, blockProps: o, styles: n, controls: l, videoSource: r, inBuilder: s } = e, a = Ve(t, l);
+  return /* @__PURE__ */ b("div", { ...Z(n, "className"), className: "relative w-full overflow-hidden", style: { paddingBottom: "56.25%" }, children: [
+    !a && s ? /* @__PURE__ */ i("div", { className: "absolute flex h-full w-full items-center justify-center bg-gray-300 text-center", children: w(t) ? `Provided ${r} video link in settings Video URL.` : `Provided ${r} video link is invalid.` }) : /* @__PURE__ */ i("iframe", { width: "100%", src: a, ...K(n, "className") }),
+    s && /* @__PURE__ */ i("div", { ...o, className: "absolute top-0 h-full w-full" })
+  ] });
+}, qe = (e) => {
+  const { url: t, styles: o, controls: n, sources: l, poster: r, blockProps: s } = e;
+  let a = r;
+  const c = [...f(l, "srcsets", []) || []];
+  t && typeof t == "string" && c.push({ url: t, width: "9999" });
+  const u = c.sort((g, y) => parseInt(g.width) - parseInt(y.width)).filter((g) => !w(g.url) && !w(g.width));
+  u.length === 0 && !a && (a = "https://placehold.co/300x200/EEE/ccc?text=Choose%20Video");
+  const k = f(n, "autoplay", !1) || f(n, "muted", !0);
+  return (a || !w(u)) && /* @__PURE__ */ i("div", { className: "relative w-full overflow-hidden", style: { paddingBottom: "56.25%" }, children: /* @__PURE__ */ v(
+    "video",
+    {
+      ...o,
+      ...s,
+      key: JSON.stringify(u),
+      controls: f(n, "controls", !1),
+      autoPlay: f(n, "autoplay", !1),
+      loop: f(n, "loop", !1),
+      poster: a,
+      ...k ? { muted: !0 } : {}
+    },
+    u.map((g) => {
+      if (!g.url || g.url.length < 4 || isNaN(g.width)) return null;
+      const y = `(max-width: ${g.width}px)`;
+      return /* @__PURE__ */ i("source", { src: g.url, media: y, type: g.type }, g.url);
+    }),
+    "Your browser does not support the video tag."
+  ) });
+}, Fe = (e) => {
+  const { videoSource: t } = e;
+  return t === "Custom" ? /* @__PURE__ */ i(qe, { ...e }) : t === "Youtube" || t === "Vimeo" ? /* @__PURE__ */ i(je, { ...e }) : /* @__PURE__ */ b("div", { children: [
+    "Invalid video source : ",
+    t
+  ] });
+}, Ue = {
   type: "Video",
   label: "Video",
   category: "core",
-  icon: O,
+  icon: G,
   group: "media",
-  ...d({
+  ...m({
     properties: {
-      styles: p(""),
-      url: {
+      styles: p("absolute h-full w-full object-cover"),
+      videoSource: {
         type: "string",
-        title: "Video URL",
-        default: "https://www.youtube.com/watch?v=9xwazD5SyVg&ab_channel=MaximilianMustermann"
+        default: "Custom",
+        enum: ["Custom", "Youtube", "Vimeo"],
+        title: "Video source"
+      }
+    },
+    allOf: [
+      {
+        if: {
+          properties: {
+            videoSource: { const: "Custom" }
+          }
+        },
+        then: {
+          properties: {
+            url: {
+              type: "string",
+              title: "Video URL",
+              default: ""
+            },
+            poster: {
+              type: "string",
+              title: "Poster URL",
+              default: ""
+            },
+            sources: {
+              type: "object",
+              default: { srcsets: [] }
+            },
+            controls: { ...ze }
+          }
+        }
       },
-      controls: {
-        type: "object",
-        title: "Controls",
-        default: {
-          autoplay: !1,
-          controls: !0,
-          loop: !1,
-          muted: !1
+      {
+        if: {
+          properties: {
+            videoSource: { const: "Youtube" }
+          }
         },
-        properties: {
-          autoplay: {
-            type: "boolean",
-            title: "Autoplay",
-            default: !1
-          },
-          controls: {
-            type: "boolean",
-            title: "Show Controls",
-            default: !0
-          },
-          loop: {
-            type: "boolean",
-            title: "Loop Video",
-            default: !1
-          },
-          muted: {
-            type: "boolean",
-            title: "Muted",
-            default: !1
+        then: {
+          properties: {
+            url: {
+              type: "string",
+              title: "Youtube Video URL",
+              default: ""
+            }
+          }
+        }
+      },
+      {
+        if: {
+          properties: {
+            videoSource: { const: "Vimeo" }
+          }
+        },
+        then: {
+          properties: {
+            url: {
+              type: "string",
+              title: "Vimeo Video URL",
+              default: ""
+            }
           }
         }
       }
+    ],
+    ui: {
+      url: { "ui:placeholder": "Enter Video URL" },
+      sources: { "ui:field": "sources" },
+      poster: { "ui:placeholder": "Enter poster URL" }
     }
   }),
   i18nProps: ["url"]
 }, De = (e) => {
-  const { blockProps: t, iconSize: l, icon: n, content: o, styles: r } = e, s = n, a = /* @__PURE__ */ b(N, { children: [
-    /* @__PURE__ */ i("span", { "data-ai-key": "content", children: o }),
-    s && /* @__PURE__ */ i("div", { style: { width: l + "px" }, dangerouslySetInnerHTML: { __html: s } })
+  const { blockProps: t, iconSize: o, icon: n, content: l, styles: r } = e, s = n, a = /* @__PURE__ */ b(_, { children: [
+    /* @__PURE__ */ i("span", { "data-ai-key": "content", children: l }),
+    s && /* @__PURE__ */ i("div", { style: { width: o + "px" }, dangerouslySetInnerHTML: { __html: s } })
   ] });
-  return C(
+  return v(
     "button",
     {
       ...t,
       ...r,
       type: "button",
-      "aria-label": o
+      "aria-label": l
     },
     a
   );
@@ -754,9 +832,9 @@ const L = ({ className: e = "", inBuilder: t }) => t ? /* @__PURE__ */ i("div",
   description: "A copy button component",
   label: "Copy Button",
   category: "core",
-  icon: W,
+  icon: O,
   group: "basic",
-  ...d({
+  ...m({
     properties: {
       styles: p("p-2 rounded-md flex items-center"),
       content: {
@@ -779,40 +857,40 @@ const L = ({ className: e = "", inBuilder: t }) => t ? /* @__PURE__ */ i("div",
   }),
   i18nProps: ["content"],
   aiProps: ["content"]
-}, Ue = (e) => {
-  const { blockProps: t, fieldName: l, label: n, styles: o, inputStyles: r, required: s, checked: a, showLabel: c = !0 } = e, y = x();
-  return c ? /* @__PURE__ */ b("div", { ...o, ...t, children: [
+}, Oe = (e) => {
+  const { blockProps: t, fieldName: o, label: n, styles: l, inputStyles: r, required: s, checked: a, showLabel: c = !0 } = e, u = C();
+  return c ? /* @__PURE__ */ b("div", { ...l, ...t, children: [
     /* @__PURE__ */ i(
       "input",
       {
         ...r,
-        name: l,
-        id: y,
+        name: o,
+        id: u,
         type: "checkbox",
         required: s,
         defaultChecked: a
       }
     ),
-    n && /* @__PURE__ */ i("label", { htmlFor: y, children: n })
+    n && /* @__PURE__ */ i("label", { htmlFor: u, children: n })
   ] }) : /* @__PURE__ */ i(
     "input",
     {
-      id: y,
+      id: u,
       ...t,
       ...r,
-      ...o,
+      ...l,
       type: "checkbox",
       required: s,
-      name: l
+      name: o
     }
   );
-}, Ve = {
+}, Ye = {
   type: "Checkbox",
   label: "web_blocks.checkbox",
   category: "core",
-  icon: X,
+  icon: Y,
   group: "form",
-  ...d({
+  ...m({
     properties: {
       styles: p("flex items-center gap-x-2"),
       inputStyles: p(""),
@@ -845,10 +923,10 @@ const L = ({ className: e = "", inBuilder: t }) => t ? /* @__PURE__ */ i("div",
   }),
   aiProps: ["label"],
   i18nProps: ["label"]
-}, Oe = (e) => {
-  const { children: t, blockProps: l, errorMessage: n, successMessage: o, action: r, styles: s, inBuilder: a } = e;
+}, We = (e) => {
+  const { children: t, blockProps: o, errorMessage: n, successMessage: l, action: r, styles: s, inBuilder: a } = e;
   let c = t;
-  return t || (c = /* @__PURE__ */ i(L, { inBuilder: a })), /* @__PURE__ */ b(
+  return t || (c = /* @__PURE__ */ i(x, { inBuilder: a })), /* @__PURE__ */ b(
     "form",
     {
       ...{
@@ -856,10 +934,10 @@ const L = ({ className: e = "", inBuilder: t }) => t ? /* @__PURE__ */ i("div",
         "x-on:submit.prevent": "post"
       },
       "data-error": n,
-      "data-success": o,
+      "data-success": l,
       method: "post",
       action: r,
-      ...l,
+      ...o,
       ...s,
       children: [
         /* @__PURE__ */ i("div", { ...{
@@ -870,11 +948,11 @@ const L = ({ className: e = "", inBuilder: t }) => t ? /* @__PURE__ */ i("div",
       ]
     }
   );
-}, We = {
+}, Xe = {
   type: "Form",
   label: "Form",
   category: "core",
-  icon: le,
+  icon: te,
   group: "form",
   blocks: () => [
     { _type: "Form", _id: "form", styles: "#styles:p-1 space-y-2," },
@@ -886,7 +964,7 @@ const L = ({ className: e = "", inBuilder: t }) => t ? /* @__PURE__ */ i("div",
       styles: "#styles:bg-black text-white rounded px-3 py-1,"
     }
   ],
-  ...d({
+  ...m({
     properties: {
       styles: p(""),
       action: {
@@ -911,19 +989,19 @@ const L = ({ className: e = "", inBuilder: t }) => t ? /* @__PURE__ */ i("div",
   i18nProps: ["errorMessage", "successMessage"],
   aiProps: ["errorMessage", "successMessage"],
   canAcceptBlock: () => !0
-}, Xe = (e) => {
-  const { blockProps: t, inBuilder: l, label: n, styles: o, inputStyles: r, icon: s, iconSize: a, iconPos: c } = e, y = x();
+}, Je = (e) => {
+  const { blockProps: t, inBuilder: o, label: n, styles: l, inputStyles: r, icon: s, iconSize: a, iconPos: c } = e, u = C();
   return /* @__PURE__ */ b(
     "button",
     {
-      id: y,
+      id: u,
       ...{
         "x-bind:disabled": "formLoading"
       },
       ...r,
-      ...o,
+      ...l,
       ...t || {},
-      type: l ? "button" : "submit",
+      type: o ? "button" : "submit",
       "aria-label": n,
       children: [
         n,
@@ -938,13 +1016,13 @@ const L = ({ className: e = "", inBuilder: t }) => t ? /* @__PURE__ */ i("div",
       ]
     }
   );
-}, Ye = {
+}, Qe = {
   type: "FormButton",
   label: "Submit Button",
   category: "core",
-  icon: M,
+  icon: N,
   group: "form",
-  ...d({
+  ...m({
     properties: {
       styles: p(
         "text-white bg-primary disabled:bg-gray-400 px-4 py-2 rounded-global flex items-center gap-x-2"
@@ -981,51 +1059,51 @@ const L = ({ className: e = "", inBuilder: t }) => t ? /* @__PURE__ */ i("div",
 }, Ze = (e) => {
   const {
     blockProps: t,
-    fieldName: l,
+    fieldName: o,
     label: n,
-    placeholder: o,
+    placeholder: l,
     styles: r,
     inputStyles: s,
     showLabel: a,
     required: c,
-    inputType: y,
-    autocomplete: f
-  } = e, h = x();
+    inputType: u,
+    autocomplete: k
+  } = e, g = C();
   return a ? /* @__PURE__ */ b("div", { ...r, ...t, children: [
-    a && /* @__PURE__ */ i("label", { htmlFor: h, children: n }),
+    a && /* @__PURE__ */ i("label", { htmlFor: g, children: n }),
     /* @__PURE__ */ i(
       "input",
       {
-        name: l,
+        name: o,
         ...s,
-        id: h,
-        type: y,
-        placeholder: o,
+        id: g,
+        type: u,
+        placeholder: l,
         required: c,
-        autoComplete: f ? "on" : "off"
+        autoComplete: k ? "on" : "off"
       }
     )
   ] }) : /* @__PURE__ */ i(
     "input",
     {
-      id: h,
-      name: l,
+      id: g,
+      name: o,
       ...t,
       ...s,
       ...r,
-      type: y,
-      placeholder: o,
+      type: u,
+      placeholder: l,
       required: c,
-      autoComplete: f ? "on" : "off"
+      autoComplete: k ? "on" : "off"
     }
   );
-}, Je = {
+}, Ke = {
   type: "Input",
   label: "web_blocks.input",
   category: "core",
-  icon: $,
+  icon: M,
   group: "form",
-  ...d({
+  ...m({
     properties: {
       styles: p(""),
       inputStyles: p("w-full p-1"),
@@ -1071,19 +1149,19 @@ const L = ({ className: e = "", inBuilder: t }) => t ? /* @__PURE__ */ i("div",
   }),
   aiProps: ["label", "placeholder"],
   i18nProps: ["label", "placeholder"]
-}, Ke = (e) => {
-  const { blockProps: t, content: l, styles: n, children: o } = e, r = { ...n, ...t };
-  return o ? g.createElement("label", r, o) : g.createElement("label", {
+}, et = (e) => {
+  const { blockProps: t, content: o, styles: n, children: l } = e, r = { ...n, ...t };
+  return l ? h.createElement("label", r, l) : h.createElement("label", {
     ...r,
-    dangerouslySetInnerHTML: { __html: l }
+    dangerouslySetInnerHTML: { __html: o }
   });
-}, Qe = {
+}, tt = {
   type: "Label",
   label: "Label",
   category: "core",
-  icon: Y,
+  icon: W,
   group: "form",
-  ...d({
+  ...m({
     properties: {
       styles: p(),
       content: {
@@ -1095,31 +1173,31 @@ const L = ({ className: e = "", inBuilder: t }) => t ? /* @__PURE__ */ i("div",
   }),
   aiProps: ["content"],
   i18nProps: ["content"]
-}, et = (e) => {
-  const { blockProps: t, fieldName: l, label: n, styles: o, inputStyles: r, required: s, checked: a, showLabel: c = !0 } = e, y = x();
-  return c ? /* @__PURE__ */ b("div", { ...o, ...t, children: [
-    /* @__PURE__ */ i("input", { ...r, name: l, id: y, type: "radio", required: s, defaultChecked: a }),
-    n && /* @__PURE__ */ i("label", { htmlFor: y, children: n })
+}, ot = (e) => {
+  const { blockProps: t, fieldName: o, label: n, styles: l, inputStyles: r, required: s, checked: a, showLabel: c = !0 } = e, u = C();
+  return c ? /* @__PURE__ */ b("div", { ...l, ...t, children: [
+    /* @__PURE__ */ i("input", { ...r, name: o, id: u, type: "radio", required: s, defaultChecked: a }),
+    n && /* @__PURE__ */ i("label", { htmlFor: u, children: n })
   ] }) : /* @__PURE__ */ i(
     "input",
     {
-      id: y,
+      id: u,
       ...t,
       ...r,
-      ...o,
+      ...l,
       type: "radio",
       required: s,
       checked: a,
-      name: l
+      name: o
     }
   );
-}, tt = {
+}, lt = {
   type: "Radio",
   label: "web_blocks.radio",
   category: "core",
-  icon: Z,
+  icon: X,
   group: "form",
-  ...d({
+  ...m({
     properties: {
       styles: p("flex items-center gap-x-2"),
       inputStyles: p(""),
@@ -1152,25 +1230,25 @@ const L = ({ className: e = "", inBuilder: t }) => t ? /* @__PURE__ */ i("div",
   }),
   aiProps: ["label"],
   i18nProps: ["label"]
-}, lt = (e) => {
-  const { blockProps: t, fieldName: l, label: n, placeholder: o, styles: r, inputStyles: s, required: a, showLabel: c, _multiple: y, options: f } = e, h = x();
+}, nt = (e) => {
+  const { blockProps: t, fieldName: o, label: n, placeholder: l, styles: r, inputStyles: s, required: a, showLabel: c, _multiple: u, options: k } = e, g = C();
   return c ? /* @__PURE__ */ b("div", { ...r, ...t, children: [
-    c && /* @__PURE__ */ i("label", { htmlFor: h, children: n }),
-    /* @__PURE__ */ b("select", { ...s, id: h, required: a, multiple: y, name: l, children: [
-      /* @__PURE__ */ i("option", { value: "", disabled: !0, selected: !0, hidden: !0, children: o }),
-      B(f, (m) => /* @__PURE__ */ i("option", { value: m == null ? void 0 : m.value, children: m == null ? void 0 : m.label }, m == null ? void 0 : m.value))
+    c && /* @__PURE__ */ i("label", { htmlFor: g, children: n }),
+    /* @__PURE__ */ b("select", { ...s, id: g, required: a, multiple: u, name: o, children: [
+      /* @__PURE__ */ i("option", { value: "", disabled: !0, selected: !0, hidden: !0, children: l }),
+      I(k, (y) => /* @__PURE__ */ i("option", { value: y == null ? void 0 : y.value, children: y == null ? void 0 : y.label }, y == null ? void 0 : y.value))
     ] })
-  ] }) : /* @__PURE__ */ b("select", { id: h, ...r, ...t, required: a, multiple: y, name: l, children: [
-    /* @__PURE__ */ i("option", { value: "", disabled: !0, selected: !0, hidden: !0, children: o }),
-    B(f, (m) => /* @__PURE__ */ i("option", { value: m == null ? void 0 : m.value, children: m == null ? void 0 : m.label }, m == null ? void 0 : m.value))
+  ] }) : /* @__PURE__ */ b("select", { id: g, ...r, ...t, required: a, multiple: u, name: o, children: [
+    /* @__PURE__ */ i("option", { value: "", disabled: !0, selected: !0, hidden: !0, children: l }),
+    I(k, (y) => /* @__PURE__ */ i("option", { value: y == null ? void 0 : y.value, children: y == null ? void 0 : y.label }, y == null ? void 0 : y.value))
   ] });
-}, ot = {
+}, rt = {
   type: "Select",
   label: "web_blocks.select",
   category: "core",
   icon: J,
   group: "form",
-  ...d({
+  ...m({
     properties: {
       styles: p(""),
       inputStyles: p("w-full p-1"),
@@ -1228,41 +1306,41 @@ const L = ({ className: e = "", inBuilder: t }) => t ? /* @__PURE__ */ i("div",
   }),
   aiProps: ["label", "placeholder"],
   i18nProps: ["label", "placeholder"]
-}, nt = (e) => {
-  const { blockProps: t, fieldName: l, label: n, placeholder: o, styles: r, inputStyles: s, rows: a, showLabel: c, required: y } = e, f = x();
+}, it = (e) => {
+  const { blockProps: t, fieldName: o, label: n, placeholder: l, styles: r, inputStyles: s, rows: a, showLabel: c, required: u } = e, k = C();
   return c ? /* @__PURE__ */ b("div", { ...r, ...t, children: [
-    c && /* @__PURE__ */ i("label", { htmlFor: f, children: n }),
+    c && /* @__PURE__ */ i("label", { htmlFor: k, children: n }),
     /* @__PURE__ */ i(
       "textarea",
       {
-        name: l,
+        name: o,
         ...s,
-        id: f,
-        placeholder: o,
+        id: k,
+        placeholder: l,
         rows: a,
-        required: y
+        required: u
       }
     )
   ] }) : /* @__PURE__ */ i(
     "textarea",
     {
-      id: f,
-      name: l,
+      id: k,
+      name: o,
       ...t,
       ...s,
       ...r,
-      placeholder: o,
+      placeholder: l,
       rows: a,
-      required: y
+      required: u
     }
   );
-}, rt = {
+}, st = {
   type: "TextArea",
   label: "web_blocks.textarea",
   category: "core",
-  icon: $,
+  icon: M,
   group: "form",
-  ...d({
+  ...m({
     properties: {
       fieldName: {
         type: "string",
@@ -1301,16 +1379,16 @@ const L = ({ className: e = "", inBuilder: t }) => t ? /* @__PURE__ */ i("div",
   }),
   aiProps: ["label", "placeholder"],
   i18nProps: ["label", "placeholder"]
-}, it = (e) => {
-  const { blockProps: t, styles: l } = e;
-  return C("br", { ...t, ...l });
-}, st = {
+}, at = (e) => {
+  const { blockProps: t, styles: o } = e;
+  return v("br", { ...t, ...o });
+}, ct = {
   type: "LineBreak",
   label: "Line Break",
   category: "core",
   group: "basic",
   hidden: !0,
-  ...d({
+  ...m({
     properties: {
       styles: p("")
     }
@@ -1319,9 +1397,9 @@ const L = ({ className: e = "", inBuilder: t }) => t ? /* @__PURE__ */ i("div",
   canDelete: () => !1,
   canMove: () => !1,
   canDuplicate: () => !1
-}, at = (e) => {
-  const { blockProps: t, inBuilder: l, children: n, partialBlockId: o } = e;
-  return l && !o ? /* @__PURE__ */ b(
+}, pt = (e) => {
+  const { blockProps: t, inBuilder: o, children: n, partialBlockId: l } = e;
+  return o && !l ? /* @__PURE__ */ b(
     "div",
     {
       className: "flex flex-col items-center justify-center gap-y-1 rounded-lg bg-gray-100 py-4 dark:bg-gray-800",
@@ -1329,21 +1407,21 @@ const L = ({ className: e = "", inBuilder: t }) => t ? /* @__PURE__ */ i("div",
       children: [
         /* @__PURE__ */ b("h1", { children: [
           "Partial Block - ",
-          o
+          l
         ] }),
         /* @__PURE__ */ i("p", { children: "Choose a block from the sidebar to add it to this page." })
       ]
     }
-  ) : g.createElement("span", { ...t }, n);
-}, ct = {
+  ) : h.createElement("span", { ...t }, n);
+}, ut = {
   type: "PartialBlock",
   description: "A partial block component",
   label: "Partial Block",
-  icon: T,
+  icon: $,
   category: "core",
   group: "basic",
   hidden: !0,
-  ...d({
+  ...m({
     properties: {
       partialBlockId: {
         type: "string",
@@ -1353,7 +1431,7 @@ const L = ({ className: e = "", inBuilder: t }) => t ? /* @__PURE__ */ i("div",
       }
     }
   })
-}, I = {
+}, P = {
   SMALL: {
     1: "col-span-1",
     2: "col-span-2",
@@ -1396,15 +1474,15 @@ const L = ({ className: e = "", inBuilder: t }) => t ? /* @__PURE__ */ i("div",
     11: "lg:col-span-11",
     12: "lg:col-span-12"
   }
-}, pt = (e) => {
-  const { blockProps: t, children: l, styles: n, colSpan: o, tabletColSpan: r, desktopColSpan: s } = e, c = { className: [
-    k(n, "className", ""),
-    k(I, ["SMALL", isNaN(o) || !o ? 6 : o], ""),
-    r ? k(I, ["MEDIUM", r || o], "") : "",
-    s ? k(I, ["LARGE", r || o], "") : ""
+}, dt = (e) => {
+  const { blockProps: t, children: o, styles: n, colSpan: l, tabletColSpan: r, desktopColSpan: s } = e, c = { className: [
+    f(n, "className", ""),
+    f(P, ["SMALL", isNaN(l) || !l ? 6 : l], ""),
+    r ? f(P, ["MEDIUM", r || l], "") : "",
+    s ? f(P, ["LARGE", r || l], "") : ""
   ].join(" ") };
-  return /* @__PURE__ */ i("div", { ...t, ...n, ...c, children: l || /* @__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" }) });
-}, ut = {
+  return /* @__PURE__ */ i("div", { ...t, ...n, ...c, children: o || /* @__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" }) });
+}, mt = {
   type: "Column",
   description: "A column component",
   label: "Column",
@@ -1415,7 +1493,7 @@ const L = ({ className: e = "", inBuilder: t }) => t ? /* @__PURE__ */ i("div",
   canDelete: () => !0,
   canAcceptBlock: () => !0,
   canBeNested: (e) => e === "Row",
-  ...d({
+  ...m({
     properties: {
       styles: p(""),
       colSpan: {
@@ -1440,15 +1518,15 @@ const L = ({ className: e = "", inBuilder: t }) => t ? /* @__PURE__ */ i("div",
       }
     }
   })
-}, dt = (e) => {
-  const { blockProps: t, children: l, styles: n, gutter: o } = e, s = { className: [k(n, "className", ""), " grid grid-cols-12"].join() };
-  return typeof (n == null ? void 0 : n.style) == "object" ? n.style.gap = `${o}px` : s.style = { gap: `${o}px` }, /* @__PURE__ */ i("div", { ...t, ...n, ...s, children: l });
-}, mt = {
+}, yt = (e) => {
+  const { blockProps: t, children: o, styles: n, gutter: l } = e, s = { className: [f(n, "className", ""), " grid grid-cols-12"].join() };
+  return typeof (n == null ? void 0 : n.style) == "object" ? n.style.gap = `${l}px` : s.style = { gap: `${l}px` }, /* @__PURE__ */ i("div", { ...t, ...n, ...s, children: o });
+}, gt = {
   type: "Row",
   description: "A row component",
   label: "Row",
   group: "basic",
-  icon: ne,
+  icon: le,
   blocks: () => [
     { _type: "Row", _id: "row", styles: "#styles:,p-1" },
     { _type: "Column", id: "column", _parent: "row", styles: "#styles:," },
@@ -1457,7 +1535,7 @@ const L = ({ className: e = "", inBuilder: t }) => t ? /* @__PURE__ */ i("div",
   category: "core",
   wrapper: !0,
   canAcceptBlock: (e) => e === "Column",
-  ...d({
+  ...m({
     properties: {
       styles: p(""),
       colCount: {
@@ -1474,9 +1552,9 @@ const L = ({ className: e = "", inBuilder: t }) => t ? /* @__PURE__ */ i("div",
       }
     }
   })
-}, Ct = () => {
-  u(re, ie), u(ue, de), u(se, ae), u(me, ye), u(ge, fe), u(ke, we), u(be, he), u(Me, $e), u(Te, Ee), u(Ae, Re), u(Pe, Se), u(_e, Ne), u(Fe, je), u(ce, pe), u(Ce, xe), u(He, ze), u(Oe, We), u(Xe, Ye), u(Ze, Je), u(Ue, Ve), u(et, tt), u(lt, ot), u(nt, rt), u(Ke, Qe), u(it, st), u(Le, ve), u(Ie, Be), u(at, ct), u(dt, mt), u(pt, ut), u(De, Ge);
+}, xt = () => {
+  d(ne, re), d(pe, ue), d(ie, se), d(de, me), d(ye, ge), d(he, ke), d(fe, be), d(Ne, Me), d($e, Ee), d(Te, Ae), d(Ie, Se), d(Be, _e), d(Fe, Ue), d(ae, ce), d(we, ve), d(Re, He), d(We, Xe), d(Je, Qe), d(Ze, Ke), d(Oe, Ye), d(ot, lt), d(nt, rt), d(it, st), d(et, tt), d(at, ct), d(Ce, xe), d(Le, Pe), d(pt, ut), d(yt, gt), d(dt, mt), d(De, Ge);
 };
 export {
-  Ct as loadWebBlocks
+  xt as loadWebBlocks
 };