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

package/dist/{apply-binding-6iwlED02.js → apply-binding-BvWfJCSZ.js}

@@ -1,22 +1,22 @@
-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 { 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-yvI6kCyw.js";
+import { e as kt, i as vt } from "./core-Dr7QYemB.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(/,(?![^\[]*\])/);
+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, ...s] = n;
+  const [t, ...e] = n;
   return {
     baseClasses: t.trim(),
-    classes: s.join(",").trim().replace(/ +(?= )/g, "")
+    classes: e.join(",").trim().replace(/ +(?= )/g, "")
   };
 };
 import.meta.vitest && describe("getSplitChaiClasses", () => {
   it("should return the base classes and the classes", () => {
-    const e = {
+    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%)]": {
@@ -40,79 +40,79 @@ import.meta.vitest && describe("getSplitChaiClasses", () => {
         classes: "bg-[linear-gradient(-10deg,black,transparent_100%)]"
       }
     };
-    for (let n in e) {
-      const t = et(`${x}${n}`);
-      expect(t).toEqual(e[n]);
+    for (const [n, t] of Object.entries(s)) {
+      const e = st(`${x}${n}`);
+      expect(e).toEqual(t);
     }
   });
 });
-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)) {
+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 st = (e, n) => {
-  const { baseClasses: t, classes: s } = et(e), o = s.split(" ").filter((l) => l.startsWith(Q)).map((l) => {
+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 = s.split(" ").filter((l) => !l.startsWith(Q)).join(" ");
+  }), i = e.split(" ").filter((l) => !l.startsWith(tt)).join(" ");
   return wt.apply(null, [t, ...o, i]);
 };
-function Tt(e, n) {
-  return y(e, `${n}_attrs`, {});
+function Tt(s, n) {
+  return y(s, `${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] = {
+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": e._id,
-          "data-style-id": `${a}-${e._id}`
+          "data-block-parent": s._id,
+          "data-style-id": `${a}-${s._id}`
         } : {}
       };
     }
-  }), s;
+  }), e;
 }
-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 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[s] = a;
+      }), t[e] = a;
     }
   }), t;
-}, Et = (e) => {
+}, 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(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 = {
+  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",
@@ -148,12 +148,15 @@ const Vt = rt((e) => {
   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: "" };
+}, 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]-(?:\[(.*?)\]|(.+))$/);
@@ -161,38 +164,38 @@ const Vt = rt((e) => {
     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);
+  }, o = a(t), i = a(e);
   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 }) => {
+}, 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(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" });
+    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 (e.tagName === "a") {
-          const l = m(e.attributes, { key: "href" });
+        } 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], 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));
+        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 = (e, n = "styles") => {
-  if (!e.attributes) return { [n]: `${x},` };
-  const t = m(e.attributes, { key: "class" });
+}, It = (s, n = "styles") => {
+  if (!s.attributes) return { [n]: `${x},` };
+  const t = m(s.attributes, { key: "class" });
   if (t) {
-    const s = t.value;
-    return { [n]: `${x},${s}` };
+    const e = t.value;
+    return { [n]: `${x},${e}` };
   }
   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(
+}, 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"
@@ -205,9 +208,9 @@ const Vt = rt((e) => {
     return { _type: "DropdownContent" };
   if (t || u)
     return { _type: "Paragraph" };
-  if (s)
+  if (e)
     return { _type: "LightBoxLink" };
-  switch (e.tagName) {
+  switch (s.tagName) {
     // self closing tags
     case "img":
       return { _type: "Image" };
@@ -240,18 +243,18 @@ const Vt = rt((e) => {
     case "dl":
       return {
         _type: "List",
-        tag: e.tagName,
-        _listType: e.tagName === "ol" ? "list-decimal" : "list-none"
+        tag: s.tagName,
+        _listType: s.tagName === "ol" ? "list-decimal" : "list-none"
       };
     case "li":
     case "dt":
-      return { _type: "ListItem", tag: e.tagName };
+      return { _type: "ListItem", tag: s.tagName };
     // non self closing tags
     // free flow structure
     case "span":
     case "figcaption":
     case "legend":
-      return { _type: "Span", tag: e.tagName };
+      return { _type: "Span", tag: s.tagName };
     case "p":
       return { _type: "Paragraph", content: "" };
     case "a":
@@ -270,14 +273,14 @@ const Vt = rt((e) => {
     case "h4":
     case "h5":
     case "h6":
-      return { _type: "Heading", tag: e.tagName };
+      return { _type: "Heading", tag: s.tagName };
     case "table":
       return { _type: "Table" };
     case "tr":
       return { _type: "TableRow" };
     case "td":
     case "th":
-      return { _type: "TableCell", tag: e.tagName };
+      return { _type: "TableCell", tag: s.tagName };
     case "thead":
       return { _type: "TableHead" };
     case "tbody":
@@ -285,34 +288,34 @@ const Vt = rt((e) => {
     case "tfoot":
       return { _type: "TableFooter" };
     default: {
-      const r = y(e, "children", []).length > 0 ? "Box" : "EmptyBox";
+      const r = y(s, "children", []).length > 0 ? "Box" : "EmptyBox";
       return {
         _type: r,
-        tag: e.tagName,
-        _name: r == "EmptyBox" || e.tagName === "div" ? r : ht(e.tagName)
+        tag: s.tagName,
+        _name: r == "EmptyBox" || s.tagName === "div" ? r : ht(s.tagName)
       };
     }
   }
-}, j = (e, n = null) => pt(e, (t) => {
-  var M, O, V, J, z, F, U, Y, K, X;
+}, H = (s, n = null) => ut(s, (t) => {
+  var O, M, 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", "") };
+  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) || ut(t.tagName.replace("chai-", "")).replace(/\s+/g, "");
-    s._type = d, N(c, ({ key: g, value: Z }) => {
+    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") {
-        s._id = Z;
+        e._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 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 = j(t.children, { block: s, node: t });
-    return [s, ...h];
+    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"
@@ -323,17 +326,17 @@ const Vt = rt((e) => {
   ), D = a.find(
     (c) => c.key === "data-chai-dropdown-content" || c.key === "chai-dropdown-content"
   );
-  if (s = {
-    ...s,
+  if (e = {
+    ...e,
     ...Dt(t),
-    ...tt(t),
+    ...et(t),
     ...It(t)
   }, t.attributes) {
-    const c = t.attributes.find((p) => B(at, p.key));
-    c && (s._name = c.value);
+    const c = t.attributes.find((p) => B(nt, p.key));
+    c && (e._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];
+    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",
@@ -345,22 +348,22 @@ const Vt = rt((e) => {
       "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",
+    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) => {
-      A(s, `styles_attrs.${p}`) && delete s.styles_attrs[p];
+      P(e, `styles_attrs.${p}`) && delete e.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);
+  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")
@@ -368,70 +371,70 @@ const Vt = rt((e) => {
     if (p) {
       const d = m(p.children || [], (h) => (h == null ? void 0 : h.tagName) === "svg");
       if (d) {
-        s.icon = C([d]);
+        e.icon = C([d]);
         const { height: h, width: g } = Ct(d, "16px", "16px");
-        s.iconHeight = h, s.iconWidth = g;
+        e.iconHeight = h, e.iconWidth = g;
       }
     }
-    return [s];
+    return [e];
   }
-  if (s._type === "Input") {
-    const c = s.inputType || "text";
-    c === "checkbox" ? w(s, "_type", "Checkbox") : c === "radio" && w(s, "_type", "Radio");
+  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(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];
+    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 } = nt(c);
+    const c = y(m(t.attributes, { key: "class" }), "value", ""), { height: p, width: d } = ot(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", "");
+      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 ? (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();
+      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 = G(t.attributes, (h) => !B(["style", "width", "height", "class"], h.key)), s.icon = C([t]), [s];
+    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: H(t.children),
-      ...tt(t)
+      label: j(t.children || []),
+      ...et(t)
     }), [];
-  const E = j(t.children, { block: s, node: t });
-  return [s, ...E];
-}), Ct = (e, n, t) => {
+  const E = H(t.children || [], { block: e, node: t });
+  return [e, ...E];
+}), Ct = (s, n, t) => {
   var u, r;
-  const s = y(e, "attributes", []), { height: a, width: o } = nt(
-    y(m(s, { key: "class" }), "value", "")
+  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(s, { key: "height" })) == null ? void 0 : u.value, l = (r = m(s, { key: "width" })) == null ? void 0 : r.value;
+  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 = (e) => {
-  e = e.replace(/(\w+)=\\?"(.*?)\\?"/g, (s, a, o) => {
+}, 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, '"')}"`;
-  }), 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));
+  }), 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 = (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)}`;
+}, 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 e = {
+  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" }
@@ -459,29 +462,29 @@ import.meta.vitest && describe("applyDesignTokens", () => {
     }
   ];
   it("should process blocks and replace style properties with generated class names", () => {
-    const t = f(n, e);
+    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, e);
+    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([], e);
+    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 s = f([
+    const e = f([
       {
         _id: "block1",
         _type: "div",
         styles: "#styles:",
         _name: "Prefix Only"
       }
-    ], e);
-    expect(s[0].styles).toBe("#styles:,");
+    ], s);
+    expect(e[0].styles).toBe("#styles:,");
   }), it("should handle blocks with multiple style properties", () => {
-    const s = f([
+    const e = f([
       {
         _id: "block1",
         _type: "div",
@@ -490,10 +493,10 @@ import.meta.vitest && describe("applyDesignTokens", () => {
         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");
+    ], 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 s = f([
+    const e = f([
       {
         _id: "block1",
         _type: "div",
@@ -502,10 +505,10 @@ import.meta.vitest && describe("applyDesignTokens", () => {
         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"]);
+    ], 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 s = f([
+    const e = f([
       {
         _id: "block1",
         _type: "div",
@@ -514,11 +517,11 @@ import.meta.vitest && describe("applyDesignTokens", () => {
         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();
+    ], 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, 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);
+    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([
@@ -548,21 +551,21 @@ import.meta.vitest && describe("applyDesignTokens", () => {
     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 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[s[a]] = `${t[s[a]].trim()}${o}`;
+        t[e[a]] = `${t[e[a]].trim()}${o}`;
       }
     return t;
   });
 };
 if (import.meta.vitest) {
-  const { describe: e, it: n, expect: t } = import.meta.vitest;
-  e("adjustSpacingInContentBlocks", () => {
+  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" },
@@ -615,14 +618,14 @@ if (import.meta.vitest) {
     });
   });
 }
-const b = (e, n, { index: t, key: s }, a) => {
-  if ($(e)) {
-    let o = e;
-    const i = /\{\{(.*?)\}\}/g, l = e.match(i);
+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 = s.slice(2, -2).trim();
+        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);
@@ -630,18 +633,23 @@ const b = (e, n, { index: t, key: s }, a) => {
     }
     return o;
   }
-  if (I(e))
-    return e.map((o) => b(o, n, { index: t, key: s }, a));
-  if (e && typeof e == "object") {
+  if (I(s))
+    return s.map((o) => b(o, n, { index: t, key: e }, a));
+  if (s && typeof s == "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];
+    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 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 });
+  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", () => {
@@ -816,18 +824,18 @@ import.meta.vitest && (describe("applyBindingToValue", () => {
 }));
 export {
   Bt as C,
-  Q as D,
+  tt as D,
   qt as R,
   x as S,
   L as a,
-  Mt as b,
-  Ot as c,
+  Ot as b,
+  Mt 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
+  st as j,
+  Ht as k
 };