@chaibuilder/sdk 4.0.0-beta.1 → 4.0.0-beta.3

package/dist/apply-binding-6iwlED02.js

@@ -0,0 +1,833 @@
+import { g as lt, c as P } from "./common-functions-D2lMFR6K.js";
+import { memoize as rt, get as y, cloneDeep as q, forEach as N, keys as R, isString as $, startsWith as k, isArray as I, isEmpty as _, includes as B, flatten as ct, flatMapDeep as pt, set as w, find as m, startCase as ut, camelCase as dt, has as A, filter as G, some as yt, capitalize as ht, compact as mt, map as gt, trim as bt, each as xt, last as ft } from "lodash-es";
+import { parse as _t, stringify as C } from "himalaya";
+import { e as kt, i as vt } from "./core-yvI6kCyw.js";
+import { twMerge as wt } from "tailwind-merge";
+const x = "#styles:", jt = "__ADD_BLOCK_INTERNAL_ROOT", qt = "@", Bt = "#", Q = "dt#", et = (e) => {
+  if (e = e.replace(x, ""), !e) return { baseClasses: "", classes: "" };
+  const n = e.split(/,(?![^\[]*\])/);
+  if (n.length === 1)
+    return { baseClasses: "", classes: n[0].trim() };
+  const [t, ...s] = n;
+  return {
+    baseClasses: t.trim(),
+    classes: s.join(",").trim().replace(/ +(?= )/g, "")
+  };
+};
+import.meta.vitest && describe("getSplitChaiClasses", () => {
+  it("should return the base classes and the classes", () => {
+    const e = {
+      ",styles-2": { baseClasses: "", classes: "styles-2" },
+      "styles-1,styles-2": { baseClasses: "styles-1", classes: "styles-2" },
+      ",bg-[linear-gradient(-10deg,black,transparent_100%)]": {
+        baseClasses: "",
+        classes: "bg-[linear-gradient(-10deg,black,transparent_100%)]"
+      },
+      "styles-1,bg-[linear-gradient(-10deg,black,transparent_100%)]": {
+        baseClasses: "styles-1",
+        classes: "bg-[linear-gradient(-10deg,black,transparent_100%)]"
+      },
+      someclass: {
+        baseClasses: "",
+        classes: "someclass"
+      },
+      ",bg-red-500 text-center   font-bold": {
+        baseClasses: "",
+        classes: "bg-red-500 text-center font-bold"
+      },
+      "bg-[linear-gradient(-10deg,black,transparent_100%)], bg-[linear-gradient(-10deg,black,transparent_100%)]": {
+        baseClasses: "bg-[linear-gradient(-10deg,black,transparent_100%)]",
+        classes: "bg-[linear-gradient(-10deg,black,transparent_100%)]"
+      }
+    };
+    for (let n in e) {
+      const t = et(`${x}${n}`);
+      expect(t).toEqual(e[n]);
+    }
+  });
+});
+function Mt(e, n, t) {
+  const s = y(t, "i18nProps", []);
+  if (_(n) || _(s)) return e;
+  const a = q(e);
+  return N(R(a), (o) => {
+    if (B(s, o) && !_(n)) {
+      const i = y(a, o), l = y(a, `${o}-${n}`, "");
+      $(i) ? a[o] = $(l) && !_(l.trim()) && l.trimStart() || i : a[o] = _(l) ? i : l;
+    }
+  }), a;
+}
+const st = (e, n) => {
+  const { baseClasses: t, classes: s } = et(e), o = s.split(" ").filter((l) => l.startsWith(Q)).map((l) => {
+    var u;
+    return (u = n[l]) == null ? void 0 : u.value;
+  }), i = s.split(" ").filter((l) => !l.startsWith(Q)).join(" ");
+  return wt.apply(null, [t, ...o, i]);
+};
+function Tt(e, n) {
+  return y(e, `${n}_attrs`, {});
+}
+function Ot(e, n = !0, t = {}) {
+  const s = {};
+  return Object.keys(e).forEach((a) => {
+    if ($(e[a]) && e[a].startsWith(x)) {
+      const o = st(e[a], t), i = Tt(e, a);
+      s[a] = {
+        ...!_(o) && { className: o },
+        ...i,
+        ...n ? {
+          "data-style-prop": a,
+          "data-block-parent": e._id,
+          "data-style-id": `${a}-${e._id}`
+        } : {}
+      };
+    }
+  }), s;
+}
+const Vt = rt((e) => {
+  const n = kt(e), t = y(n, "schema.properties", {});
+  return Object.fromEntries(Object.entries(t).filter(([, s]) => y(s, "runtime", !1)));
+}), Jt = (e, n) => {
+  if (!I(e)) return e;
+  let t = e, s;
+  return typeof n.limit == "number" && n.limit > 0 && (s = n.limit), s !== void 0 && (t = t.slice(0, s)), t;
+}, zt = (e, n) => {
+  const t = q(e);
+  return N(R(t), (s) => {
+    if ($(t[s]) && !k(s, "_")) {
+      let a = t[s];
+      s === "repeaterItems" && (t.repeaterItemsBinding = a);
+      const o = /\{\{(.*?)\}\}/g, i = a.match(o);
+      i && i.forEach((l) => {
+        let u = l.slice(2, -2);
+        const r = y(n, u, l);
+        a = I(r) ? r : a.replace(l, r);
+      }), t[s] = a;
+    }
+  }), t;
+}, Et = (e) => {
+  const n = /(?:https?:\/\/)?(?:www\.)?(?:youtube\.com\/(?:[^\/\n\s]+\/\S+\/|(?:v|e(?:mbed)?)\/|\S*?[?&]v=)|youtu\.be\/)([a-zA-Z0-9_-]{11})/, t = /(?:https?:\/\/)?(?:www\.)?(player)?.vimeo\.com/;
+  return n.test(e) || t.test(e);
+}, $t = (e) => {
+  if (_(e)) return e;
+  const n = /<video[^>]+src=['"]([^'">]+)['"]/, t = /<iframe[^>]+src=['"]([^'">]+)['"]/, s = e.match(n), a = e.match(t), o = s ? s[1] : a ? a[1] : null, i = /(?:https?:\/\/)?(?:www\.)?(?:youtube\.com\/(?:[^\/\n\s]+\/\S+\/|(?:v|e(?:mbed)?)\/|\S*?[?&]v=)|youtu\.be\/)([a-zA-Z0-9_-]{11})/, l = /(?:https?:\/\/)?(?:www\.)?player.vimeo\.com/;
+  return o && (i.test(o) || l.test(o)) ? o : e;
+}, at = ["chai-name", "data-chai-name"], Nt = {
+  img: { alt: "alt", width: "width", height: "height", src: "image" },
+  video: {
+    src: "url",
+    autoplay: "controls.autoPlay",
+    muted: "controls.muted",
+    loop: "controls.loop",
+    controls: "controls.widgets"
+  },
+  a: {
+    href: "link.href",
+    target: "link.target",
+    type: ""
+    // @TODO: Detect here what to url, email, phone, elementId
+  },
+  input: {
+    placeholder: "placeholder",
+    required: "required",
+    type: "inputType",
+    name: "fieldName"
+  },
+  textarea: {
+    placeholder: "placeholder",
+    required: "required",
+    type: "inputType",
+    name: "fieldName"
+  },
+  select: {
+    placeholder: "placeholder",
+    required: "required",
+    multiple: "multiple",
+    name: "fieldName"
+  },
+  form: {
+    action: "action"
+  }
+}, St = (e, n) => e.children.length === 1 && B(
+  ["Heading", "Paragraph", "Span", "ListItem", "Button", "Label", "TableCell", "Link", "RichText"],
+  n._type
+), H = (e) => e.map((n) => n.type === "text" ? y(n, "content", "") : _(n.children) ? "" : H(n.children)).join(""), W = (e) => e === null ? "" : e, nt = (e) => {
+  const n = mt(gt(e.split(/\s+/), bt)), t = m(n, (l) => /^w-/.test(l)), s = m(n, (l) => /^h-/.test(l));
+  if (!s || !t) return { height: "", width: "" };
+  const a = (l) => {
+    if (!l) return;
+    const u = l.match(/^[wh]-(?:\[(.*?)\]|(.+))$/);
+    if (!u) return;
+    if (u[1]) return u[1];
+    const r = u[2];
+    return /^\d+(\.\d+)?$/.test(r) ? `${Number(r) * 4}px` : r === "auto" || B(r, "%") ? r : "16px";
+  }, o = a(t), i = a(s);
+  return {
+    width: B(o, "px") ? o : "16px",
+    height: B(i, "px") ? i : "16px"
+  };
+}, tt = (e) => {
+  if (e.tagName === "svg") return {};
+  const n = {}, t = Nt[e.tagName] || {}, s = e.attributes;
+  return N(s, ({ key: a, value: o }) => {
+    var i;
+    if (!B(at, a))
+      if (a === "bid" && (n._bid = W(o)), t[a]) {
+        if (e.tagName === "img" && a === "src" && !o.startsWith("http")) {
+          const l = m(e.attributes, { key: "width" }), u = m(e.attributes, { key: "height" });
+          l && u ? o = `https://picsum.photos/${l == null ? void 0 : l.value}x${u == null ? void 0 : u.value}` : o = "https://picsum.photos/150x150";
+        } else if (e.tagName === "a") {
+          const l = m(e.attributes, { key: "href" });
+          l && typeof (l == null ? void 0 : l.value) == "string" && ((i = l == null ? void 0 : l.value) != null && i.startsWith("pageType:")) && w(n, "link.type", "pageType");
+        }
+        w(n, t[a], W(o));
+      } else B(["style", "class", "srcset", "bid"], a) || (A(n, "styles_attrs") || (n.styles_attrs = {}), k(a, "@") && (a = a.replace("@", "x-on:")), n.styles_attrs[`${a}`] = W(o));
+  }), delete n.class, n;
+}, It = (e, n = "styles") => {
+  if (!e.attributes) return { [n]: `${x},` };
+  const t = m(e.attributes, { key: "class" });
+  if (t) {
+    const s = t.value;
+    return { [n]: `${x},${s}` };
+  }
+  return { [n]: `${x},` };
+}, Dt = (e) => {
+  const n = y(e, "attributes", []), t = n.find((r) => r.key === "data-chai-richtext" || r.key === "chai-richtext"), s = n.find((r) => r.key === "data-chai-lightbox" || r.key === "chai-lightbox"), a = n.find((r) => r.key === "data-chai-dropdown" || r.key === "chai-dropdown"), o = n.find(
+    (r) => r.key === "data-chai-dropdown-button" || r.key === "chai-dropdown-button"
+  ), i = n.find(
+    (r) => r.key === "data-chai-dropdown-content" || r.key === "chai-dropdown-content"
+  ), l = n.find((r) => r.key === "class"), u = l && l.value.split(/\s+/).includes("rte");
+  if (a)
+    return { _type: "Dropdown" };
+  if (o)
+    return { _type: "DropdownButton" };
+  if (i)
+    return { _type: "DropdownContent" };
+  if (t || u)
+    return { _type: "Paragraph" };
+  if (s)
+    return { _type: "LightBoxLink" };
+  switch (e.tagName) {
+    // self closing tags
+    case "img":
+      return { _type: "Image" };
+    case "input":
+      return { _type: "Input", showLabel: !1 };
+    // showLabel: hiding default block label
+    case "hr":
+      return { _type: "Divider" };
+    case "br":
+      return { _type: "LineBreak" };
+    case "textarea":
+      return { _type: "TextArea", showLabel: !1 };
+    case "audio":
+      return { _type: "Audio" };
+    case "canvas":
+      return { _type: "Canvas" };
+    case "video":
+    case "iframe":
+      return { _type: "CustomHTML" };
+    case "svg":
+      return { _type: "Icon" };
+    // non self closing tags
+    // fixed structure
+    case "select":
+      return { _type: "Select", options: [] };
+    case "option":
+      return { _type: "Option" };
+    case "ul":
+    case "ol":
+    case "dl":
+      return {
+        _type: "List",
+        tag: e.tagName,
+        _listType: e.tagName === "ol" ? "list-decimal" : "list-none"
+      };
+    case "li":
+    case "dt":
+      return { _type: "ListItem", tag: e.tagName };
+    // non self closing tags
+    // free flow structure
+    case "span":
+    case "figcaption":
+    case "legend":
+      return { _type: "Span", tag: e.tagName };
+    case "p":
+      return { _type: "Paragraph", content: "" };
+    case "a":
+      return { _type: "Link" };
+    case "form":
+      return { _type: "Form" };
+    case "label":
+      return { _type: "Label" };
+    case "button":
+      return { _type: "Button" };
+    case "code":
+      return { _type: "Box", _name: "Code" };
+    case "h1":
+    case "h2":
+    case "h3":
+    case "h4":
+    case "h5":
+    case "h6":
+      return { _type: "Heading", tag: e.tagName };
+    case "table":
+      return { _type: "Table" };
+    case "tr":
+      return { _type: "TableRow" };
+    case "td":
+    case "th":
+      return { _type: "TableCell", tag: e.tagName };
+    case "thead":
+      return { _type: "TableHead" };
+    case "tbody":
+      return { _type: "TableBody" };
+    case "tfoot":
+      return { _type: "TableFooter" };
+    default: {
+      const r = y(e, "children", []).length > 0 ? "Box" : "EmptyBox";
+      return {
+        _type: r,
+        tag: e.tagName,
+        _name: r == "EmptyBox" || e.tagName === "div" ? r : ht(e.tagName)
+      };
+    }
+  }
+}, j = (e, n = null) => pt(e, (t) => {
+  var M, O, V, J, z, F, U, Y, K, X;
+  if (t.type === "comment") return [];
+  let s = { _id: lt() };
+  if (n && (s._parent = n.block._id), t.type === "text")
+    return _(y(t, "content", "")) ? [] : n && St(n.node, n.block) ? (w(n, "block.content", y(t, "content", "")), []) : { ...s, _type: "Text", content: y(t, "content", "") };
+  if (k(t.tagName, "chai-")) {
+    const c = t.attributes, p = m(c, { key: "chai-type" }), d = (p == null ? void 0 : p.value) || ut(t.tagName.replace("chai-", "")).replace(/\s+/g, "");
+    s._type = d, N(c, ({ key: g, value: Z }) => {
+      if (g === "about-this-component" || g === "chai-type" || g === "can-move" || g === "can-delete") return;
+      if (g === "id") {
+        s._id = Z;
+        return;
+      }
+      const ot = k(g, "_") ? g : dt(g);
+      let S = W(Z);
+      typeof S == "string" && k(S, "#styles:") && (S = S.replace("#styles:", "#styles:,")), s[ot] = S;
+    });
+    const h = j(t.children, { block: s, node: t });
+    return [s, ...h];
+  }
+  const a = y(t, "attributes", []), o = t.tagName === "p" || a.find((c) => c.key === "data-chai-richtext" || c.key === "chai-richtext"), i = a.find((c) => c.key === "class"), l = i && i.value.split(/\s+/).includes("rte"), u = a.find(
+    (c) => c.key === "data-chai-lightbox" || c.key === "chai-lightbox"
+  ), r = a.find(
+    (c) => c.key === "data-chai-dropdown" || c.key === "chai-dropdown"
+  ), T = a.find(
+    (c) => c.key === "data-chai-dropdown-button" || c.key === "chai-dropdown-button"
+  ), D = a.find(
+    (c) => c.key === "data-chai-dropdown-content" || c.key === "chai-dropdown-content"
+  );
+  if (s = {
+    ...s,
+    ...Dt(t),
+    ...tt(t),
+    ...It(t)
+  }, t.attributes) {
+    const c = t.attributes.find((p) => B(at, p.key));
+    c && (s._name = c.value);
+  }
+  if (o || l)
+    return s.content = `<p>${C(t.children || [])}</p>`, A(s, "styles_attrs.data-chai-richtext") && delete s.styles_attrs["data-chai-richtext"], A(s, "styles_attrs.chai-richtext") && delete s.styles_attrs["chai-richtext"], [s];
+  if (u) {
+    const c = [
+      "data-chai-lightbox",
+      "chai-lightbox",
+      "data-vbtype",
+      "data-autoplay",
+      "data-maxwidth",
+      "data-overlay",
+      "data-gall",
+      "href"
+    ];
+    s = {
+      ...s,
+      href: ((M = a.find((p) => p.key === "href")) == null ? void 0 : M.value) || "",
+      hrefType: ((O = a.find((p) => p.key === "data-vbtype")) == null ? void 0 : O.value) || "video",
+      autoplay: ((V = a.find((p) => p.key === "data-autoplay")) == null ? void 0 : V.value) === "true" ? "true" : "false",
+      maxWidth: ((z = (J = a.find((p) => p.key === "data-maxwidth")) == null ? void 0 : J.value) == null ? void 0 : z.replace("px", "")) || "",
+      backdropColor: ((F = a.find((p) => p.key === "data-overlay")) == null ? void 0 : F.value) || "",
+      galleryName: ((U = a.find((p) => p.key === "data-gall")) == null ? void 0 : U.value) || ""
+    }, N(c, (p) => {
+      A(s, `styles_attrs.${p}`) && delete s.styles_attrs[p];
+    });
+  }
+  if (r && (delete s.styles_attrs, s.showDropdown = !1), D && delete s.styles_attrs, T) {
+    delete s.styles_attrs;
+    const c = G(t.children || [], (d) => (d == null ? void 0 : d.tagName) !== "span");
+    s.content = H(c);
+    const p = m(
+      t.children || [],
+      (d) => (d == null ? void 0 : d.tagName) === "span" && yt(d.children || [], (h) => (h == null ? void 0 : h.tagName) === "svg")
+    );
+    if (p) {
+      const d = m(p.children || [], (h) => (h == null ? void 0 : h.tagName) === "svg");
+      if (d) {
+        s.icon = C([d]);
+        const { height: h, width: g } = Ct(d, "16px", "16px");
+        s.iconHeight = h, s.iconWidth = g;
+      }
+    }
+    return [s];
+  }
+  if (s._type === "Input") {
+    const c = s.inputType || "text";
+    c === "checkbox" ? w(s, "_type", "Checkbox") : c === "radio" && w(s, "_type", "Radio");
+  } else if (t.tagName === "video" || t.tagName === "iframe") {
+    const c = C([t]);
+    return Et(c) && (w(s, "_type", "Video"), w(s, "url", $t(c)), w(s, "styles", `${x},`), w(s, "controls", { autoPlay: !1, muted: !0, loop: !1, controls: !1 })), s.content = c, [s];
+  } else if (t.tagName === "svg") {
+    const c = y(m(t.attributes, { key: "class" }), "value", ""), { height: p, width: d } = nt(c);
+    if (p && d)
+      s.styles = `${x}, ${P(`w-${d} h-${p}`, c)}`.trim(), s.height = p == null ? void 0 : p.replace("px", ""), s.width = d == null ? void 0 : d.replace("px", "");
+    else {
+      const h = (Y = m(t.attributes, { key: "height" })) == null ? void 0 : Y.value, g = (K = m(t.attributes, { key: "width" })) == null ? void 0 : K.value;
+      h && g ? (s.styles = `${x}, ${P(`w-[${g}px] h-[${h}px]`, c)}`.trim(), s.height = h, s.width = g) : s.styles = `${x}, ${P("w-full h-full", c)}`.trim();
+    }
+    return t.attributes = G(t.attributes, (h) => !B(["style", "width", "height", "class"], h.key)), s.icon = C([t]), [s];
+  } else if (t.tagName == "option" && n && ((X = n.block) == null ? void 0 : X._type) === "Select")
+    return n.block.options.push({
+      label: H(t.children),
+      ...tt(t)
+    }), [];
+  const E = j(t.children, { block: s, node: t });
+  return [s, ...E];
+}), Ct = (e, n, t) => {
+  var u, r;
+  const s = y(e, "attributes", []), { height: a, width: o } = nt(
+    y(m(s, { key: "class" }), "value", "")
+  );
+  if (a && o)
+    return {
+      height: `[${a}px]`,
+      width: `[${o}px]`
+    };
+  const i = (u = m(s, { key: "height" })) == null ? void 0 : u.value, l = (r = m(s, { key: "width" })) == null ? void 0 : r.value;
+  return {
+    height: i ? `[${i}px]` : t,
+    width: l ? `[${l}px]` : n
+  };
+}, Lt = (e) => {
+  e = e.replace(/(\w+)=\\?"(.*?)\\?"/g, (s, a, o) => {
+    let i = o.replace(/\\"/g, '"');
+    return i = i.replace(/{([^}]+)}/g, (l) => l.replace(/"/g, '\\"')), `${a}="${i.replace(/\\"/g, '"')}"`;
+  }), e = e.replace(/\\n/g, "").replace(/\\\\/g, "").replace(/\\([/<>])/g, "$1").replace(/\\./g, "").replace(/[\n\r\t\f\v]/g, ""), e = e.replace(/\$name="[^"]*"/g, "");
+  const n = e.match(/<body[^>]*>[\s\S]*?<\/body>/);
+  return (n && n.length > 0 ? n[0].replace(/<body/, "<div").replace(/<\/body>/, "</div>") : e).replace(/\s+/g, " ").replaceAll("> <", "><").replace(/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi, "").trim();
+}, Ft = (e) => {
+  const n = _t(Lt(e));
+  if (_(e)) return [];
+  const t = ct(j(n));
+  return vt(t);
+}, f = (e, n) => e.map((t) => {
+  const s = R(t).filter((a) => $(t[a]) && t[a].startsWith(x));
+  return xt(s, (a) => {
+    t[a] = `${x},${st(t[a], n)}`;
+  }), t;
+});
+import.meta.vitest && describe("applyDesignTokens", () => {
+  const e = {
+    "dt#token1": { name: "primary-color", value: "bg-blue-500" },
+    "dt#token2": { name: "text-size", value: "text-lg" },
+    "dt#token3": { name: "spacing", value: "p-4" }
+  }, n = [
+    {
+      _id: "block1",
+      _type: "div",
+      styles: "#styles:,dt#token1 bg-white text-sm",
+      className: "#styles:,dt#token2 dt#token3",
+      otherProp: "not-a-style",
+      _name: "Test Block"
+    },
+    {
+      _id: "block2",
+      _type: "button",
+      styles: "#styles:bg-red-500",
+      nonStringProp: 123,
+      _name: "Button Block"
+    },
+    {
+      _id: "block3",
+      _type: "span",
+      noStyles: "regular-string",
+      _name: "No Styles Block"
+    }
+  ];
+  it("should process blocks and replace style properties with generated class names", () => {
+    const t = f(n, e);
+    expect(t).toHaveLength(3), expect(t[0].styles).toBe("#styles:,bg-white text-sm"), expect(t[0].className).toBe("#styles:,text-lg p-4"), expect(t[0].otherProp).toBe("not-a-style"), expect(t[0]._id).toBe("block1"), expect(t[0]._type).toBe("div");
+  }), it("should handle blocks with no style properties", () => {
+    const t = f(n, e);
+    expect(t[2].noStyles).toBe("regular-string"), expect(t[2]._id).toBe("block3");
+  }), it("should handle empty blocks array", () => {
+    const t = f([], e);
+    expect(t).toEqual([]);
+  }), it("should handle empty design tokens", () => {
+    const t = f(n, {});
+    expect(t[0].styles).toBe("#styles:,bg-white text-sm");
+  }), it("should handle blocks with only style prefix", () => {
+    const s = f([
+      {
+        _id: "block1",
+        _type: "div",
+        styles: "#styles:",
+        _name: "Prefix Only"
+      }
+    ], e);
+    expect(s[0].styles).toBe("#styles:,");
+  }), it("should handle blocks with multiple style properties", () => {
+    const s = f([
+      {
+        _id: "block1",
+        _type: "div",
+        styles: "#styles:bg-white dt#token1",
+        hoverStyles: "#styles:bg-gray-100 dt#token2",
+        focusStyles: "#styles:outline-none dt#token3",
+        _name: "Multi Style"
+      }
+    ], e);
+    expect(s[0].styles).toBe("#styles:,bg-white"), expect(s[0].hoverStyles).toBe("#styles:,text-lg bg-gray-100"), expect(s[0].focusStyles).toBe("#styles:,p-4 outline-none");
+  }), it("should not modify non-string properties that start with #styles:", () => {
+    const s = f([
+      {
+        _id: "block1",
+        _type: "div",
+        styles: "#styles:bg-white",
+        objectStyles: { startsWith: "#styles:" },
+        arrayStyles: ["#styles:bg-red-500"],
+        _name: "Non String Styles"
+      }
+    ], e);
+    expect(s[0].styles).toBe("#styles:,bg-white"), expect(s[0].objectStyles).toEqual({ startsWith: "#styles:" }), expect(s[0].arrayStyles).toEqual(["#styles:bg-red-500"]);
+  }), it("should handle undefined and null values", () => {
+    const s = f([
+      {
+        _id: "block1",
+        _type: "div",
+        styles: "#styles:bg-white",
+        nullStyles: null,
+        undefinedStyles: void 0,
+        _name: " Null Undefined"
+      }
+    ], e);
+    expect(s[0].styles).toBe("#styles:,bg-white"), expect(s[0].nullStyles).toBeNull(), expect(s[0].undefinedStyles).toBeUndefined();
+  }), it("should preserve block structure and non-style properties", () => {
+    f(n, e).forEach((s, a) => {
+      expect(s._id).toBe(n[a]._id), expect(s._type).toBe(n[a]._type), expect(s._name).toBe(n[a]._name);
+    });
+  }), it("should handle complex design token values", () => {
+    const a = f([
+      {
+        _id: "block1",
+        _type: "div",
+        styles: "#styles:bg-white dt#complex1",
+        _name: "Complex Tokens"
+      }
+    ], {
+      "dt#complex1": { name: "complex-token", value: "hover:bg-blue-600 focus:outline-none transition-colors" },
+      "dt#complex2": { name: "spacing-token", value: "px-6 py-3 m-2" }
+    });
+    expect(a[0].styles).toBe("#styles:,hover:bg-blue-600 focus:outline-none transition-colors bg-white");
+  }), it("should handle tokens with empty values", () => {
+    const a = f([
+      {
+        _id: "block1",
+        _type: "div",
+        styles: "#styles:bg-white dt#empty1 dt#valid1",
+        _name: "Empty Value Tokens"
+      }
+    ], {
+      "dt#empty1": { name: "empty-token", value: "" },
+      "dt#valid1": { name: "valid-token", value: "bg-green-500" }
+    });
+    expect(a[0].styles).toBe("#styles:,bg-white");
+  });
+});
+const v = (e) => {
+  const n = ft(e);
+  return e.map((t) => {
+    const s = Object.keys(t);
+    for (let a = 0; a < s.length; a++)
+      if ($(t[s[a]]) && k(s[a], "content")) {
+        const o = t === n ? "" : " ";
+        t[s[a]] = `${t[s[a]].trim()}${o}`;
+      }
+    return t;
+  });
+};
+if (import.meta.vitest) {
+  const { describe: e, it: n, expect: t } = import.meta.vitest;
+  e("adjustSpacingInContentBlocks", () => {
+    n("should add space after content fields except for the last block", () => {
+      const a = v([
+        { _id: "1", _type: "Text", content: "First" },
+        { _id: "2", _type: "Text", content: "Second" },
+        { _id: "3", _type: "Text", content: "Third" }
+      ]);
+      t(a[0].content).toBe("First "), t(a[1].content).toBe("Second "), t(a[2].content).toBe("Third");
+    }), n("should trim whitespace from content before adding space", () => {
+      const a = v([
+        { _id: "1", _type: "Text", content: "  First  " },
+        { _id: "2", _type: "Text", content: "  Second  " }
+      ]);
+      t(a[0].content).toBe("First "), t(a[1].content).toBe("Second");
+    }), n("should handle multiple content fields in a single block", () => {
+      const a = v([
+        { _id: "1", _type: "Text", content: "Main", contentAlt: "Alt" },
+        { _id: "2", _type: "Text", content: "Last", contentSecondary: "Secondary" }
+      ]);
+      t(a[0].content).toBe("Main "), t(a[0].contentAlt).toBe("Alt "), t(a[1].content).toBe("Last"), t(a[1].contentSecondary).toBe("Secondary");
+    }), n("should only process fields that start with 'content'", () => {
+      const a = v([
+        { _id: "1", _type: "Text", content: "Text", title: "Title", text: "Text" },
+        { _id: "2", _type: "Text", content: "Last" }
+      ]);
+      t(a[0].content).toBe("Text "), t(a[0].title).toBe("Title"), t(a[0].text).toBe("Text"), t(a[1].content).toBe("Last");
+    }), n("should handle empty array", () => {
+      const a = v([]);
+      t(a).toEqual([]);
+    }), n("should handle single block", () => {
+      const a = v([{ _id: "1", _type: "Text", content: "Only" }]);
+      t(a[0].content).toBe("Only");
+    }), n("should handle blocks without content fields", () => {
+      const a = v([
+        { _id: "1", _type: "Container", title: "Title" },
+        { _id: "2", _type: "Container", name: "Name" }
+      ]);
+      t(a[0].title).toBe("Title"), t(a[1].name).toBe("Name");
+    }), n("should handle blocks with non-string content fields", () => {
+      const a = v([
+        { _id: "1", _type: "Text", content: "Text", contentNum: 123 },
+        { _id: "2", _type: "Text", content: "Last", contentBool: !0 }
+      ]);
+      t(a[0].content).toBe("Text "), t(a[0].contentNum).toBe(123), t(a[1].content).toBe("Last"), t(a[1].contentBool).toBe(!0);
+    }), n("should handle empty string content", () => {
+      const a = v([
+        { _id: "1", _type: "Text", content: "" },
+        { _id: "2", _type: "Text", content: "Last" }
+      ]);
+      t(a[0].content).toBe(" "), t(a[1].content).toBe("Last");
+    });
+  });
+}
+const b = (e, n, { index: t, key: s }, a) => {
+  if ($(e)) {
+    let o = e;
+    const i = /\{\{(.*?)\}\}/g, l = e.match(i);
+    if (l) {
+      const u = a === "image" || a === "mobileImage";
+      l.forEach((r) => {
+        let T = r.slice(2, -2).trim(), D = s.slice(2, -2).trim();
+        t !== -1 && k(T, "$index.") ? T = `${D}.${t}.${T.slice(7)}` : t !== -1 && k(T, "$index") && (T = `${D}.${t}`);
+        const E = y(n, T);
+        E === void 0 ? o = o.replace(r, "") : u && !I(E) ? o = E : o = I(E) ? E : o.replace(r, E);
+      });
+    }
+    return o;
+  }
+  if (I(e))
+    return e.map((o) => b(o, n, { index: t, key: s }, a));
+  if (e && typeof e == "object") {
+    const o = {};
+    return N(R(e), (i) => {
+      !k(i, "_") && i !== "$repeaterItemsKey" ? o[i] = b(e[i], n, { index: t, key: s }, i) : o[i] = e[i];
+    }), o;
+  }
+  return e;
+}, L = (e, n, { index: t, key: s }) => {
+  let a = q(e);
+  return a.repeaterItems && (a.$repeaterItemsKey = a.repeaterItems, k(a.repeaterItems, `{{${Bt}`) && (a.$repeaterItemsKey = a.repeaterItems = `${a.repeaterItems.replace("}}", `/${a._id}}}`)}`), !_(a.repeaterItems) && a.pagination && (a.repeaterTotalItems = `${a.repeaterItems.replace("}}", `/${a._id}/totalItems}}`)}`)), b(a, n, { index: t, key: s });
+};
+import.meta.vitest && (describe("applyBindingToValue", () => {
+  it("should handle string values with bindings", () => {
+    const t = b("Hello {{user.name}}", { user: { name: "John" } }, { index: -1, key: "" });
+    expect(t).toBe("Hello John");
+  }), it("should handle nested object properties", () => {
+    const t = b({
+      name: "John",
+      address: {
+        city: "{{user.city}}",
+        street: "123 Main St"
+      }
+    }, { user: { city: "New York" } }, { index: -1, key: "" });
+    expect(t).toEqual({
+      name: "John",
+      address: {
+        city: "New York",
+        street: "123 Main St"
+      }
+    });
+  }), it("should handle arrays of values", () => {
+    const t = b(["Hello {{user.name}}", "Welcome {{user.role}}"], { user: { name: "John", role: "Admin" } }, { index: -1, key: "" });
+    expect(t).toEqual(["Hello John", "Welcome Admin"]);
+  }), it("should handle $index binding in repeater context", () => {
+    const t = b("Item {{$index}}", { items: ["a", "b", "c"] }, { index: 1, key: "{{items}}" });
+    expect(t).toBe("Item b");
+  }), it("should handle $index binding with dot notation", () => {
+    const t = b("Item {{$index.value}}", { items: [{ value: "apple" }, { value: "banana" }, { value: "cherry" }] }, { index: 1, key: "{{items}}" });
+    expect(t).toBe("Item banana");
+  }), it("should return an empty string for non-existing bindings", () => {
+    const t = b("Hello {{user.nonexistent}}", { user: { name: "John" } }, { index: -1, key: "" });
+    expect(t).toBe("Hello ");
+  }), it("should preserve private properties starting with _", () => {
+    const n = b({
+      name: "John",
+      _private: "secret"
+    }, {}, { index: -1, key: "" });
+    expect(n).toEqual({
+      name: "John",
+      _private: "secret"
+    });
+  }), it("should completely replace image property value when binding exists", () => {
+    const t = b({
+      image: "https://default.jpg{{user.avatar}}",
+      title: "Hello {{user.name}}"
+    }, { user: { avatar: "https://avatar.jpg", name: "John" } }, { index: -1, key: "" });
+    expect(t).toEqual({
+      image: "https://avatar.jpg",
+      // Completely replaced, not concatenated
+      title: "Hello John"
+      // Normal replacement
+    });
+  }), it("should completely replace mobileImage property value when binding exists", () => {
+    const t = b({
+      mobileImage: "https://default-mobile.jpg{{user.mobileAvatar}}",
+      alt: "Avatar for {{user.name}}"
+    }, { user: { mobileAvatar: "https://mobile-avatar.jpg", name: "John" } }, { index: -1, key: "" });
+    expect(t).toEqual({
+      mobileImage: "https://mobile-avatar.jpg",
+      // Completely replaced
+      alt: "Avatar for John"
+      // Normal replacement
+    });
+  }), it("should handle image binding with only binding syntax", () => {
+    const t = b({
+      image: "{{product.thumbnail}}"
+    }, { product: { thumbnail: "https://product.jpg" } }, { index: -1, key: "" });
+    expect(t).toEqual({
+      image: "https://product.jpg"
+    });
+  }), it("should not affect non-image properties with similar bindings", () => {
+    const t = b({
+      url: "https://default.com{{page.slug}}",
+      link: "https://example.com/{{page.id}}"
+    }, { page: { slug: "/about", id: "123" } }, { index: -1, key: "" });
+    expect(t).toEqual({
+      url: "https://default.com/about",
+      // Concatenated normally
+      link: "https://example.com/123"
+      // Concatenated normally
+    });
+  });
+}), describe("applyBindingToBlockProps", () => {
+  it("should handle basic block with bindings", () => {
+    const t = L({
+      _id: "test-block",
+      _type: "text",
+      type: "text",
+      content: "Hello {{user.name}}",
+      style: {
+        color: "{{theme.color}}"
+      }
+    }, { user: { name: "John" }, theme: { color: "blue" } }, { index: -1, key: "" });
+    expect(t).toEqual({
+      _id: "test-block",
+      _type: "text",
+      type: "text",
+      content: "Hello John",
+      style: {
+        color: "blue"
+      }
+    });
+  }), it("should handle repeaterItems and repeaterItemsBinding", () => {
+    const t = L({
+      _id: "test-block",
+      _type: "repeater",
+      type: "repeater",
+      repeaterItems: "{{items}}",
+      items: ["a", "b", "c"]
+    }, { items: ["x", "y", "z"] }, { index: -1, key: "" });
+    expect(t).toEqual({
+      _id: "test-block",
+      _type: "repeater",
+      type: "repeater",
+      $repeaterItemsKey: "{{items}}",
+      repeaterItems: ["x", "y", "z"],
+      items: ["a", "b", "c"]
+    });
+  }), it("should handle nested blocks with bindings", () => {
+    const t = L({
+      _id: "test-block",
+      _type: "container",
+      type: "container",
+      children: [
+        {
+          _id: "child-block",
+          _type: "text",
+          type: "text",
+          content: "Item {{$index}}",
+          style: {
+            color: "{{theme.color}}"
+          }
+        }
+      ]
+    }, { theme: { color: "red" }, items: ["x", "y", "z"] }, { index: 2, key: "{{items}}" });
+    expect(t).toEqual({
+      _id: "test-block",
+      _type: "container",
+      type: "container",
+      children: [
+        {
+          _id: "child-block",
+          _type: "text",
+          type: "text",
+          content: "Item z",
+          style: {
+            color: "red"
+          }
+        }
+      ]
+    });
+  }), it("should handle arrays of blocks", () => {
+    const t = L({
+      _id: "test-block",
+      _type: "list",
+      type: "list",
+      items: [
+        { _id: "item1", content: "Item {{$index}}" },
+        { _id: "item2", content: "Item {{$index}}" }
+      ]
+    }, { items: ["x", "y", "z"] }, { index: 0, key: "{{items}}" });
+    expect(t).toEqual({
+      _id: "test-block",
+      _type: "list",
+      type: "list",
+      items: [
+        { _id: "item1", content: "Item x" },
+        { _id: "item2", content: "Item x" }
+      ]
+    });
+  });
+}));
+export {
+  Bt as C,
+  Q as D,
+  qt as R,
+  x as S,
+  L as a,
+  Mt as b,
+  Ot as c,
+  Vt as d,
+  Jt as e,
+  v as f,
+  Ft as g,
+  zt as h,
+  f as i,
+  et as j,
+  jt as k
+};