@chaibuilder/sdk 4.0.0-beta.4 → 4.0.0-beta.40

package/dist/apply-binding-BvWfJCSZ.js

@@ -1,841 +0,0 @@
-import { g as rt, c as R } from "./common-functions-D2lMFR6K.js";
-import { memoize as ct, get as y, cloneDeep as q, forEach as N, keys as W, isString as $, startsWith as k, isArray as I, isEmpty as _, includes as B, flatten as pt, flatMapDeep as ut, set as w, find as m, startCase as dt, camelCase as G, has as P, filter as Q, 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-Dr7QYemB.js";
-import { twMerge as wt } from "tailwind-merge";
-const x = "#styles:", Ht = "__ADD_BLOCK_INTERNAL_ROOT", qt = "@", Bt = "#", tt = "dt#", st = (s) => {
-  if (s = s.replace(x, ""), !s) return { baseClasses: "", classes: "" };
-  const n = s.split(/,(?![^\[]*\])/);
-  if (n.length === 1)
-    return { baseClasses: "", classes: n[0].trim() };
-  const [t, ...e] = n;
-  return {
-    baseClasses: t.trim(),
-    classes: e.join(",").trim().replace(/ +(?= )/g, "")
-  };
-};
-import.meta.vitest && describe("getSplitChaiClasses", () => {
-  it("should return the base classes and the classes", () => {
-    const s = {
-      ",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 (const [n, t] of Object.entries(s)) {
-      const e = st(`${x}${n}`);
-      expect(e).toEqual(t);
-    }
-  });
-});
-function Ot(s, n, t) {
-  const e = y(t, "i18nProps", []);
-  if (_(n) || _(e)) return s;
-  const a = q(s);
-  return N(W(a), (o) => {
-    if (B(e, 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 at = (s, n) => {
-  const { baseClasses: t, classes: e } = st(s), o = e.split(" ").filter((l) => l.startsWith(tt)).map((l) => {
-    var u;
-    return (u = n[l]) == null ? void 0 : u.value;
-  }), i = e.split(" ").filter((l) => !l.startsWith(tt)).join(" ");
-  return wt.apply(null, [t, ...o, i]);
-};
-function Tt(s, n) {
-  return y(s, `${n}_attrs`, {});
-}
-function Mt(s, n = !0, t = {}) {
-  const e = {};
-  return Object.keys(s).forEach((a) => {
-    if ($(s[a]) && s[a].startsWith(x)) {
-      const o = at(s[a], t), i = Tt(s, a);
-      e[a] = {
-        ...!_(o) && { className: o },
-        ...i,
-        ...n ? {
-          "data-style-prop": a,
-          "data-block-parent": s._id,
-          "data-style-id": `${a}-${s._id}`
-        } : {}
-      };
-    }
-  }), e;
-}
-const Vt = ct((s) => {
-  const n = kt(s), t = y(n, "schema.properties", {});
-  return Object.fromEntries(Object.entries(t).filter(([, e]) => y(e, "runtime", !1)));
-}), Jt = (s, n) => {
-  if (!I(s)) return s;
-  let t = s, e;
-  return typeof n.limit == "number" && n.limit > 0 && (e = n.limit), e !== void 0 && (t = t.slice(0, e)), t;
-}, zt = (s, n) => {
-  const t = q(s);
-  return N(W(t), (e) => {
-    if ($(t[e]) && !k(e, "_")) {
-      let a = t[e];
-      e === "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[e] = a;
-    }
-  }), t;
-}, Et = (s) => {
-  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(s) || t.test(s);
-}, $t = (s) => {
-  if (_(s)) return s;
-  const n = /<video[^>]+src=['"]([^'">]+)['"]/, t = /<iframe[^>]+src=['"]([^'">]+)['"]/, e = s.match(n), a = s.match(t), o = e ? e[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 : s;
-}, nt = ["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 = (s, n) => {
-  var t;
-  return ((t = s.children) == null ? void 0 : t.length) === 1 && B(
-    ["Heading", "Paragraph", "Span", "ListItem", "Button", "Label", "TableCell", "Link", "RichText"],
-    n._type
-  );
-}, j = (s) => s.map((n) => n.type === "text" ? y(n, "content", "") : _(n.children) ? "" : j(n.children || [])).join(""), A = (s) => s === null ? "" : s, ot = (s) => {
-  const n = mt(gt(s.split(/\s+/), bt)), t = m(n, (l) => /^w-/.test(l)), e = m(n, (l) => /^h-/.test(l));
-  if (!e || !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(e);
-  return {
-    width: B(o, "px") ? o : "16px",
-    height: B(i, "px") ? i : "16px"
-  };
-}, et = (s) => {
-  if (s.tagName === "svg") return {};
-  const n = {}, t = Nt[s.tagName || ""] || {}, e = s.attributes || [];
-  return N(e, ({ key: a, value: o }) => {
-    var i;
-    if (!B(nt, a))
-      if (a === "bid" && (n._bid = A(o)), t[a]) {
-        if (s.tagName === "img" && a === "src" && !o.startsWith("http")) {
-          const l = m(s.attributes, { key: "width" }), u = m(s.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 (s.tagName === "a") {
-          const l = m(s.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], A(o));
-      } else B(["style", "class", "srcset", "bid"], a) || (n.styles_attrs = n.styles_attrs || {}, k(a, "@") && (a = a.replace("@", "x-on:")), n.styles_attrs[`${a}`] = A(o));
-  }), delete n.class, n;
-}, It = (s, n = "styles") => {
-  if (!s.attributes) return { [n]: `${x},` };
-  const t = m(s.attributes, { key: "class" });
-  if (t) {
-    const e = t.value;
-    return { [n]: `${x},${e}` };
-  }
-  return { [n]: `${x},` };
-}, Dt = (s) => {
-  const n = y(s, "attributes", []), t = n.find((r) => r.key === "data-chai-richtext" || r.key === "chai-richtext"), e = 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 (e)
-    return { _type: "LightBoxLink" };
-  switch (s.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: s.tagName,
-        _listType: s.tagName === "ol" ? "list-decimal" : "list-none"
-      };
-    case "li":
-    case "dt":
-      return { _type: "ListItem", tag: s.tagName };
-    // non self closing tags
-    // free flow structure
-    case "span":
-    case "figcaption":
-    case "legend":
-      return { _type: "Span", tag: s.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: s.tagName };
-    case "table":
-      return { _type: "Table" };
-    case "tr":
-      return { _type: "TableRow" };
-    case "td":
-    case "th":
-      return { _type: "TableCell", tag: s.tagName };
-    case "thead":
-      return { _type: "TableHead" };
-    case "tbody":
-      return { _type: "TableBody" };
-    case "tfoot":
-      return { _type: "TableFooter" };
-    default: {
-      const r = y(s, "children", []).length > 0 ? "Box" : "EmptyBox";
-      return {
-        _type: r,
-        tag: s.tagName,
-        _name: r == "EmptyBox" || s.tagName === "div" ? r : ht(s.tagName)
-      };
-    }
-  }
-}, H = (s, n = null) => ut(s, (t) => {
-  var O, M, V, J, z, F, U, Y, K, X;
-  if (t.type === "comment") return [];
-  let e = { _id: rt() };
-  if (n && (e._parent = n.block._id), t.type === "text")
-    return _(y(t, "content", "")) ? [] : n && St(n.node, n.block) ? (w(n, "block.content", y(t, "content", "")), []) : { ...e, _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) || dt(G(t.tagName || "")).replace(/ /g, "").replace(/\s+/g, "");
-    e._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") {
-        e._id = Z;
-        return;
-      }
-      const lt = k(g, "_") ? g : G(g);
-      let S = A(Z);
-      typeof S == "string" && k(S, "#styles:") && (S = S.replace("#styles:", "#styles:,")), e[lt] = S;
-    });
-    const h = H(t.children || [], { block: e, node: t });
-    return [e, ...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 (e = {
-    ...e,
-    ...Dt(t),
-    ...et(t),
-    ...It(t)
-  }, t.attributes) {
-    const c = t.attributes.find((p) => B(nt, p.key));
-    c && (e._name = c.value);
-  }
-  if (o || l)
-    return e.content = `<p>${C(t.children || [])}</p>`, P(e, "styles_attrs.data-chai-richtext") && delete e.styles_attrs["data-chai-richtext"], P(e, "styles_attrs.chai-richtext") && delete e.styles_attrs["chai-richtext"], [e];
-  if (u) {
-    const c = [
-      "data-chai-lightbox",
-      "chai-lightbox",
-      "data-vbtype",
-      "data-autoplay",
-      "data-maxwidth",
-      "data-overlay",
-      "data-gall",
-      "href"
-    ];
-    e = {
-      ...e,
-      href: ((O = a.find((p) => p.key === "href")) == null ? void 0 : O.value) || "",
-      hrefType: ((M = a.find((p) => p.key === "data-vbtype")) == null ? void 0 : M.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) => {
-      P(e, `styles_attrs.${p}`) && delete e.styles_attrs[p];
-    });
-  }
-  if (r && (delete e.styles_attrs, e.showDropdown = !1), D && delete e.styles_attrs, T) {
-    delete e.styles_attrs;
-    const c = Q(t.children || [], (d) => (d == null ? void 0 : d.tagName) !== "span");
-    e.content = j(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) {
-        e.icon = C([d]);
-        const { height: h, width: g } = Ct(d, "16px", "16px");
-        e.iconHeight = h, e.iconWidth = g;
-      }
-    }
-    return [e];
-  }
-  if (e._type === "Input") {
-    const c = e.inputType || "text";
-    c === "checkbox" ? w(e, "_type", "Checkbox") : c === "radio" && w(e, "_type", "Radio");
-  } else if (t.tagName === "video" || t.tagName === "iframe") {
-    const c = C([t]);
-    return Et(c) && (w(e, "_type", "Video"), w(e, "url", $t(c)), w(e, "styles", `${x},`), w(e, "controls", { autoPlay: !1, muted: !0, loop: !1, controls: !1 })), e.content = c, [e];
-  } else if (t.tagName === "svg") {
-    const c = y(m(t.attributes, { key: "class" }), "value", ""), { height: p, width: d } = ot(c);
-    if (p && d)
-      e.styles = `${x}, ${R(`w-${d} h-${p}`, c)}`.trim(), e.height = p == null ? void 0 : p.replace("px", ""), e.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 ? (e.styles = `${x}, ${R(`w-[${g}px] h-[${h}px]`, c)}`.trim(), e.height = h, e.width = g) : e.styles = `${x}, ${R("w-full h-full", c)}`.trim();
-    }
-    return t.attributes = Q(t.attributes, (h) => !B(["style", "width", "height", "class"], h.key)), e.icon = C([t]), [e];
-  } else if (t.tagName == "option" && n && ((X = n.block) == null ? void 0 : X._type) === "Select")
-    return n.block.options.push({
-      label: j(t.children || []),
-      ...et(t)
-    }), [];
-  const E = H(t.children || [], { block: e, node: t });
-  return [e, ...E];
-}), Ct = (s, n, t) => {
-  var u, r;
-  const e = y(s, "attributes", []), { height: a, width: o } = ot(
-    y(m(e, { key: "class" }), "value", "")
-  );
-  if (a && o)
-    return {
-      height: `[${a}px]`,
-      width: `[${o}px]`
-    };
-  const i = (u = m(e, { key: "height" })) == null ? void 0 : u.value, l = (r = m(e, { key: "width" })) == null ? void 0 : r.value;
-  return {
-    height: i ? `[${i}px]` : t,
-    width: l ? `[${l}px]` : n
-  };
-}, Lt = (s) => {
-  s = s.replace(/(\w+)=\\?"(.*?)\\?"/g, (e, a, o) => {
-    let i = o.replace(/\\"/g, '"');
-    return i = i.replace(/{([^}]+)}/g, (l) => l.replace(/"/g, '\\"')), `${a}="${i.replace(/\\"/g, '"')}"`;
-  }), s = s.replace(/\\n/g, "").replace(/\\\\/g, "").replace(/\\([/<>])/g, "$1").replace(/\\./g, "").replace(/[\n\r\t\f\v]/g, ""), s = s.replace(/\$name="[^"]*"/g, "");
-  const n = s.match(/<body[^>]*>[\s\S]*?<\/body>/);
-  return (n && n.length > 0 ? n[0].replace(/<body/, "<div").replace(/<\/body>/, "</div>") : s).replace(/\s+/g, " ").replaceAll("> <", "><").replace(/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi, "").trim();
-}, Ft = (s) => {
-  const n = _t(Lt(s));
-  if (_(s)) return [];
-  const t = pt(H(n));
-  return vt(t);
-}, f = (s, n) => s.map((t) => {
-  const e = W(t).filter((a) => $(t[a]) && t[a].startsWith(x));
-  return xt(e, (a) => {
-    t[a] = `${x},${at(t[a], n)}`;
-  }), t;
-});
-import.meta.vitest && describe("applyDesignTokens", () => {
-  const s = {
-    "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, s);
-    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, s);
-    expect(t[2].noStyles).toBe("regular-string"), expect(t[2]._id).toBe("block3");
-  }), it("should handle empty blocks array", () => {
-    const t = f([], s);
-    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 e = f([
-      {
-        _id: "block1",
-        _type: "div",
-        styles: "#styles:",
-        _name: "Prefix Only"
-      }
-    ], s);
-    expect(e[0].styles).toBe("#styles:,");
-  }), it("should handle blocks with multiple style properties", () => {
-    const e = 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"
-      }
-    ], s);
-    expect(e[0].styles).toBe("#styles:,bg-white"), expect(e[0].hoverStyles).toBe("#styles:,text-lg bg-gray-100"), expect(e[0].focusStyles).toBe("#styles:,p-4 outline-none");
-  }), it("should not modify non-string properties that start with #styles:", () => {
-    const e = f([
-      {
-        _id: "block1",
-        _type: "div",
-        styles: "#styles:bg-white",
-        objectStyles: { startsWith: "#styles:" },
-        arrayStyles: ["#styles:bg-red-500"],
-        _name: "Non String Styles"
-      }
-    ], s);
-    expect(e[0].styles).toBe("#styles:,bg-white"), expect(e[0].objectStyles).toEqual({ startsWith: "#styles:" }), expect(e[0].arrayStyles).toEqual(["#styles:bg-red-500"]);
-  }), it("should handle undefined and null values", () => {
-    const e = f([
-      {
-        _id: "block1",
-        _type: "div",
-        styles: "#styles:bg-white",
-        nullStyles: null,
-        undefinedStyles: void 0,
-        _name: " Null Undefined"
-      }
-    ], s);
-    expect(e[0].styles).toBe("#styles:,bg-white"), expect(e[0].nullStyles).toBeNull(), expect(e[0].undefinedStyles).toBeUndefined();
-  }), it("should preserve block structure and non-style properties", () => {
-    f(n, s).forEach((e, a) => {
-      expect(e._id).toBe(n[a]._id), expect(e._type).toBe(n[a]._type), expect(e._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 = (s) => {
-  const n = ft(s);
-  return s.map((t) => {
-    const e = Object.keys(t);
-    for (let a = 0; a < e.length; a++)
-      if ($(t[e[a]]) && k(e[a], "content")) {
-        const o = t === n ? "" : " ";
-        t[e[a]] = `${t[e[a]].trim()}${o}`;
-      }
-    return t;
-  });
-};
-if (import.meta.vitest) {
-  const { describe: s, it: n, expect: t } = import.meta.vitest;
-  s("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 = (s, n, { index: t, key: e }, a) => {
-  if ($(s)) {
-    let o = s;
-    const i = /\{\{(.*?)\}\}/g, l = s.match(i);
-    if (l) {
-      const u = a === "image" || a === "mobileImage";
-      l.forEach((r) => {
-        let T = r.slice(2, -2).trim(), D = e.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(s))
-    return s.map((o) => b(o, n, { index: t, key: e }, a));
-  if (s && typeof s == "object") {
-    const o = {};
-    return N(W(s), (i) => {
-      !k(i, "_") && i !== "$repeaterItemsKey" ? o[i] = b(
-        s[i],
-        n,
-        { index: t, key: e },
-        i
-      ) : o[i] = s[i];
-    }), o;
-  }
-  return s;
-}, L = (s, n, { index: t, key: e }) => {
-  let a = q(s);
-  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: e });
-};
-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,
-  tt as D,
-  qt as R,
-  x as S,
-  L as a,
-  Ot as b,
-  Mt as c,
-  Vt as d,
-  Jt as e,
-  v as f,
-  Ft as g,
-  zt as h,
-  f as i,
-  st as j,
-  Ht as k
-};