@chaibuilder/sdk 3.1.26 → 3.1.28

package/dist/{apply-binding-COFSiTeM.js → apply-binding-BwPhgnhk.js}

@@ -1,10 +1,10 @@
-import { g as ot, c as R } from "./common-functions-BGzDsf1z.js";
-import { isEmpty as f, flatten as ct, flatMapDeep as lt, get as d, set as E, startsWith as _, find as m, startCase as pt, forEach as $, camelCase as ut, includes as v, has as A, filter as G, some as dt, unset as H, map as tt, compact as ht, trim as gt, capitalize as mt, memoize as et, cloneDeep as M, keys as P, isString as B, isArray as C, last as yt } from "lodash-es";
-import { parse as bt, stringify as N } from "himalaya";
-import { getRegisteredChaiBlock as ft } from "@chaibuilder/runtime";
-import { twMerge as xt } from "tailwind-merge";
-const x = "#styles:", jt = "__ADD_BLOCK_INTERNAL_ROOT", qt = "@", _t = "#", st = (e) => {
-  if (e = e.replace(x, ""), !e) return { baseClasses: "", classes: "" };
+import { g as rt, c as H } from "./common-functions-D2lMFR6K.js";
+import { isEmpty as x, flatten as ct, flatMapDeep as pt, get as d, set as E, startsWith as k, find as m, startCase as ut, forEach as S, camelCase as dt, includes as w, has as A, filter as Q, some as ht, unset as P, map as et, compact as yt, trim as mt, capitalize as gt, memoize as bt, cloneDeep as M, keys as R, isString as $, isArray as I, each as xt, last as ft } from "lodash-es";
+import { parse as _t, stringify as D } from "himalaya";
+import { getRegisteredChaiBlock as kt } from "@chaibuilder/runtime";
+import { twMerge as vt } from "tailwind-merge";
+const f = "#styles:", jt = "__ADD_BLOCK_INTERNAL_ROOT", qt = "@", wt = "#", st = (e) => {
+  if (e = e.replace(f, ""), !e) return { baseClasses: "", classes: "" };
   const a = e.split(/,(?![^\[]*\])/);
   if (a.length === 1)
     return { baseClasses: "", classes: a[0].trim() };
@@ -41,19 +41,19 @@ import.meta.vitest && describe("getSplitChaiClasses", () => {
       }
     };
     for (let a in e) {
-      const t = st(`${x}${a}`);
+      const t = st(`${f}${a}`);
       expect(t).toEqual(e[a]);
     }
   });
 });
-const kt = (e) => {
+const Bt = (e) => {
   const a = /(?: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 a.test(e) || t.test(e);
-}, vt = (e) => {
-  if (f(e)) return e;
-  const a = /<video[^>]+src=['"]([^'">]+)['"]/, t = /<iframe[^>]+src=['"]([^'">]+)['"]/, s = e.match(a), n = e.match(t), r = s ? s[1] : n ? n[1] : null, o = /(?: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 r && (o.test(r) || l.test(r)) ? r : e;
-}, at = ["chai-name", "data-chai-name"], wt = {
+}, Tt = (e) => {
+  if (x(e)) return e;
+  const a = /<video[^>]+src=['"]([^'">]+)['"]/, t = /<iframe[^>]+src=['"]([^'">]+)['"]/, s = e.match(a), n = e.match(t), o = s ? s[1] : n ? n[1] : null, l = /(?:https?:\/\/)?(?:www\.)?(?:youtube\.com\/(?:[^\/\n\s]+\/\S+\/|(?:v|e(?:mbed)?)\/|\S*?[?&]v=)|youtu\.be\/)([a-zA-Z0-9_-]{11})/, i = /(?:https?:\/\/)?(?:www\.)?player.vimeo\.com/;
+  return o && (l.test(o) || i.test(o)) ? o : e;
+}, nt = ["chai-name", "data-chai-name"], Et = {
   img: { alt: "alt", width: "width", height: "height", src: "image" },
   video: {
     src: "url",
@@ -89,58 +89,58 @@ const kt = (e) => {
   form: {
     action: "action"
   }
-}, Tt = (e, a) => e.children.length === 1 && v(
+}, $t = (e, a) => e.children.length === 1 && w(
   ["Heading", "Paragraph", "Span", "ListItem", "Button", "Label", "TableCell", "Link", "RichText"],
   a._type
-), j = (e) => e.map((a) => a.type === "text" ? d(a, "content", "") : f(a.children) ? "" : j(a.children)).join(""), S = (e) => e === null ? "" : e, nt = (e) => {
-  const a = ht(tt(e.split(/\s+/), gt)), t = m(a, (l) => /^w-/.test(l)), s = m(a, (l) => /^h-/.test(l));
+), j = (e) => e.map((a) => a.type === "text" ? d(a, "content", "") : x(a.children) ? "" : j(a.children)).join(""), W = (e) => e === null ? "" : e, at = (e) => {
+  const a = yt(et(e.split(/\s+/), mt)), t = m(a, (i) => /^w-/.test(i)), s = m(a, (i) => /^h-/.test(i));
   if (!s || !t) return { height: "", width: "" };
-  const n = (l) => {
-    if (!l) return;
-    const g = l.match(/^[wh]-(?:\[(.*?)\]|(.+))$/);
-    if (!g) return;
-    if (g[1]) return g[1];
-    const i = g[2];
-    return /^\d+(\.\d+)?$/.test(i) ? `${Number(i) * 4}px` : i === "auto" || v(i, "%") ? i : "16px";
-  }, r = n(t), o = n(s);
+  const n = (i) => {
+    if (!i) return;
+    const h = i.match(/^[wh]-(?:\[(.*?)\]|(.+))$/);
+    if (!h) return;
+    if (h[1]) return h[1];
+    const r = h[2];
+    return /^\d+(\.\d+)?$/.test(r) ? `${Number(r) * 4}px` : r === "auto" || w(r, "%") ? r : "16px";
+  }, o = n(t), l = n(s);
   return {
-    width: v(r, "px") ? r : "16px",
-    height: v(o, "px") ? o : "16px"
+    width: w(o, "px") ? o : "16px",
+    height: w(l, "px") ? l : "16px"
   };
-}, Q = (e) => {
+}, tt = (e) => {
   if (e.tagName === "svg") return {};
-  const a = {}, t = wt[e.tagName] || {}, s = e.attributes;
-  return $(s, ({ key: n, value: r }) => {
-    if (!v(at, n))
-      if (n === "bid" && (a._bid = S(r)), t[n]) {
-        if (e.tagName === "img" && n === "src" && !r.startsWith("http")) {
-          const o = m(e.attributes, { key: "width" }), l = m(e.attributes, { key: "height" });
-          o && l ? r = `https://picsum.photos/${o == null ? void 0 : o.value}x${l == null ? void 0 : l.value}` : r = "https://picsum.photos/150x150";
+  const a = {}, t = Et[e.tagName] || {}, s = e.attributes;
+  return S(s, ({ key: n, value: o }) => {
+    if (!w(nt, n))
+      if (n === "bid" && (a._bid = W(o)), t[n]) {
+        if (e.tagName === "img" && n === "src" && !o.startsWith("http")) {
+          const l = m(e.attributes, { key: "width" }), i = m(e.attributes, { key: "height" });
+          l && i ? o = `https://picsum.photos/${l == null ? void 0 : l.value}x${i == null ? void 0 : i.value}` : o = "https://picsum.photos/150x150";
         }
-        E(a, t[n], S(r));
-      } else v(["style", "class", "srcset", "bid"], n) || (A(a, "styles_attrs") || (a.styles_attrs = {}), _(n, "@") && (n = n.replace("@", "x-on:")), a.styles_attrs[`${n}`] = S(r));
+        E(a, t[n], W(o));
+      } else w(["style", "class", "srcset", "bid"], n) || (A(a, "styles_attrs") || (a.styles_attrs = {}), k(n, "@") && (n = n.replace("@", "x-on:")), a.styles_attrs[`${n}`] = W(o));
   }), delete a.class, a;
-}, Et = (e, a = "styles") => {
-  if (!e.attributes) return { [a]: `${x},` };
+}, St = (e, a = "styles") => {
+  if (!e.attributes) return { [a]: `${f},` };
   const t = m(e.attributes, { key: "class" });
   if (t) {
     const s = t.value;
-    return { [a]: `${x},${s}` };
+    return { [a]: `${f},${s}` };
   }
-  return { [a]: `${x},` };
-}, $t = (e) => {
-  const a = d(e, "attributes", []), t = a.find((i) => i.key === "data-chai-richtext" || i.key === "chai-richtext"), s = a.find((i) => i.key === "data-chai-lightbox" || i.key === "chai-lightbox"), n = a.find((i) => i.key === "data-chai-dropdown" || i.key === "chai-dropdown"), r = a.find(
-    (i) => i.key === "data-chai-dropdown-button" || i.key === "chai-dropdown-button"
-  ), o = a.find(
-    (i) => i.key === "data-chai-dropdown-content" || i.key === "chai-dropdown-content"
-  ), l = a.find((i) => i.key === "class"), g = l && l.value.split(/\s+/).includes("rte");
+  return { [a]: `${f},` };
+}, Nt = (e) => {
+  const a = d(e, "attributes", []), t = a.find((r) => r.key === "data-chai-richtext" || r.key === "chai-richtext"), s = a.find((r) => r.key === "data-chai-lightbox" || r.key === "chai-lightbox"), n = a.find((r) => r.key === "data-chai-dropdown" || r.key === "chai-dropdown"), o = a.find(
+    (r) => r.key === "data-chai-dropdown-button" || r.key === "chai-dropdown-button"
+  ), l = a.find(
+    (r) => r.key === "data-chai-dropdown-content" || r.key === "chai-dropdown-content"
+  ), i = a.find((r) => r.key === "class"), h = i && i.value.split(/\s+/).includes("rte");
   if (n)
     return { _type: "Dropdown" };
-  if (r)
-    return { _type: "DropdownButton" };
   if (o)
+    return { _type: "DropdownButton" };
+  if (l)
     return { _type: "DropdownContent" };
-  if (t || g)
+  if (t || h)
     return { _type: "Paragraph" };
   if (s)
     return { _type: "LightBoxLink" };
@@ -222,58 +222,58 @@ const kt = (e) => {
     case "tfoot":
       return { _type: "TableFooter" };
     default: {
-      const i = d(e, "children", []).length > 0 ? "Box" : "EmptyBox";
+      const r = d(e, "children", []).length > 0 ? "Box" : "EmptyBox";
       return {
-        _type: i,
+        _type: r,
         tag: e.tagName,
-        _name: i == "EmptyBox" || e.tagName === "div" ? i : mt(e.tagName)
+        _name: r == "EmptyBox" || e.tagName === "div" ? r : gt(e.tagName)
       };
     }
   }
-}, q = (e, a = null) => lt(e, (t) => {
-  var J, O, z, V, W, F, U, Y, K, X;
+}, q = (e, a = null) => pt(e, (t) => {
+  var O, V, J, z, F, U, Y, K, X, Z;
   if (t.type === "comment") return [];
-  let s = { _id: ot() };
+  let s = { _id: rt() };
   if (a && (s._parent = a.block._id), t.type === "text")
-    return f(d(t, "content", "")) ? [] : a && Tt(a.node, a.block) ? (E(a, "block.content", d(t, "content", "")), []) : { ...s, _type: "Text", content: d(t, "content", "") };
-  if (_(t.tagName, "chai-")) {
-    const c = t.attributes, p = m(c, { key: "chai-type" }), u = (p == null ? void 0 : p.value) || pt(t.tagName.replace("chai-", "")).replace(/\s+/g, "");
-    s._type = u, $(c, ({ key: y, value: Z }) => {
-      if (y === "about-this-component" || y === "chai-type" || y === "can-move" || y === "can-delete") return;
-      if (y === "id") {
-        s._id = Z;
+    return x(d(t, "content", "")) ? [] : a && $t(a.node, a.block) ? (E(a, "block.content", d(t, "content", "")), []) : { ...s, _type: "Text", content: d(t, "content", "") };
+  if (k(t.tagName, "chai-")) {
+    const c = t.attributes, p = m(c, { key: "chai-type" }), u = (p == null ? void 0 : p.value) || ut(t.tagName.replace("chai-", "")).replace(/\s+/g, "");
+    s._type = u, S(c, ({ key: g, value: G }) => {
+      if (g === "about-this-component" || g === "chai-type" || g === "can-move" || g === "can-delete") return;
+      if (g === "id") {
+        s._id = G;
         return;
       }
-      const rt = _(y, "_") ? y : ut(y);
-      let I = S(Z);
-      typeof I == "string" && _(I, "#styles:") && (I = I.replace("#styles:", "#styles:,")), s[rt] = I;
+      const lt = k(g, "_") ? g : dt(g);
+      let N = W(G);
+      typeof N == "string" && k(N, "#styles:") && (N = N.replace("#styles:", "#styles:,")), s[lt] = N;
     });
-    const h = q(t.children, { block: s, node: t });
-    return [s, ...h];
+    const y = q(t.children, { block: s, node: t });
+    return [s, ...y];
   }
-  const n = d(t, "attributes", []), r = n.find(
+  const n = d(t, "attributes", []), o = n.find(
     (c) => c.key === "data-chai-richtext" || c.key === "chai-richtext"
-  ), o = n.find((c) => c.key === "class"), l = o && o.value.split(/\s+/).includes("rte"), g = n.find(
+  ), l = n.find((c) => c.key === "class"), i = l && l.value.split(/\s+/).includes("rte"), h = n.find(
     (c) => c.key === "data-chai-lightbox" || c.key === "chai-lightbox"
-  ), i = n.find(
+  ), r = n.find(
     (c) => c.key === "data-chai-dropdown" || c.key === "chai-dropdown"
-  ), w = n.find(
+  ), B = n.find(
     (c) => c.key === "data-chai-dropdown-button" || c.key === "chai-dropdown-button"
-  ), D = n.find(
+  ), C = n.find(
     (c) => c.key === "data-chai-dropdown-content" || c.key === "chai-dropdown-content"
   );
   if (s = {
     ...s,
-    ...$t(t),
-    ...Q(t),
-    ...Et(t)
+    ...Nt(t),
+    ...tt(t),
+    ...St(t)
   }, t.attributes) {
-    const c = t.attributes.find((p) => v(at, p.key));
+    const c = t.attributes.find((p) => w(nt, p.key));
     c && (s._name = c.value);
   }
-  if (r || l)
-    return s.content = N(t.children), 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 (g) {
+  if (o || i)
+    return s.content = D(t.children), 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 (h) {
     const c = [
       "data-chai-lightbox",
       "chai-lightbox",
@@ -286,30 +286,30 @@ const kt = (e) => {
     ];
     s = {
       ...s,
-      href: ((J = n.find((p) => p.key === "href")) == null ? void 0 : J.value) || "",
-      hrefType: ((O = n.find((p) => p.key === "data-vbtype")) == null ? void 0 : O.value) || "video",
-      autoplay: ((z = n.find((p) => p.key === "data-autoplay")) == null ? void 0 : z.value) === "true" ? "true" : "false",
-      maxWidth: ((W = (V = n.find((p) => p.key === "data-maxwidth")) == null ? void 0 : V.value) == null ? void 0 : W.replace("px", "")) || "",
-      backdropColor: ((F = n.find((p) => p.key === "data-overlay")) == null ? void 0 : F.value) || "",
-      galleryName: ((U = n.find((p) => p.key === "data-gall")) == null ? void 0 : U.value) || ""
-    }, $(c, (p) => {
+      href: ((O = n.find((p) => p.key === "href")) == null ? void 0 : O.value) || "",
+      hrefType: ((V = n.find((p) => p.key === "data-vbtype")) == null ? void 0 : V.value) || "video",
+      autoplay: ((J = n.find((p) => p.key === "data-autoplay")) == null ? void 0 : J.value) === "true" ? "true" : "false",
+      maxWidth: ((F = (z = n.find((p) => p.key === "data-maxwidth")) == null ? void 0 : z.value) == null ? void 0 : F.replace("px", "")) || "",
+      backdropColor: ((U = n.find((p) => p.key === "data-overlay")) == null ? void 0 : U.value) || "",
+      galleryName: ((Y = n.find((p) => p.key === "data-gall")) == null ? void 0 : Y.value) || ""
+    }, S(c, (p) => {
       A(s, `styles_attrs.${p}`) && delete s.styles_attrs[p];
     });
   }
-  if (i && (delete s.styles_attrs, s.showDropdown = !1), D && delete s.styles_attrs, w) {
+  if (r && (delete s.styles_attrs, s.showDropdown = !1), C && delete s.styles_attrs, B) {
     delete s.styles_attrs;
-    const c = G(t.children || [], (u) => (u == null ? void 0 : u.tagName) !== "span");
+    const c = Q(t.children || [], (u) => (u == null ? void 0 : u.tagName) !== "span");
     s.content = j(c);
     const p = m(
       t.children || [],
-      (u) => (u == null ? void 0 : u.tagName) === "span" && dt(u.children || [], (h) => (h == null ? void 0 : h.tagName) === "svg")
+      (u) => (u == null ? void 0 : u.tagName) === "span" && ht(u.children || [], (y) => (y == null ? void 0 : y.tagName) === "svg")
     );
     if (p) {
-      const u = m(p.children || [], (h) => (h == null ? void 0 : h.tagName) === "svg");
+      const u = m(p.children || [], (y) => (y == null ? void 0 : y.tagName) === "svg");
       if (u) {
-        s.icon = N([u]);
-        const { height: h, width: y } = Bt(u, "16px", "16px");
-        s.iconHeight = h, s.iconWidth = y;
+        s.icon = D([u]);
+        const { height: y, width: g } = It(u, "16px", "16px");
+        s.iconHeight = y, s.iconWidth = g;
       }
     }
     return [s];
@@ -318,122 +318,249 @@ const kt = (e) => {
     const c = s.inputType || "text";
     c === "checkbox" ? E(s, "_type", "Checkbox") : c === "radio" && E(s, "_type", "Radio");
   } else if (t.tagName === "video" || t.tagName === "iframe") {
-    const c = N([t]);
-    return kt(c) && (E(s, "_type", "Video"), E(s, "url", vt(c)), E(s, "styles", `${x},`), E(s, "controls", { autoPlay: !1, muted: !0, loop: !1, controls: !1 })), s.content = c, [s];
+    const c = D([t]);
+    return Bt(c) && (E(s, "_type", "Video"), E(s, "url", Tt(c)), E(s, "styles", `${f},`), E(s, "controls", { autoPlay: !1, muted: !0, loop: !1, controls: !1 })), s.content = c, [s];
   } else if (t.tagName === "svg") {
-    const c = d(m(t.attributes, { key: "class" }), "value", ""), { height: p, width: u } = nt(c);
+    const c = d(m(t.attributes, { key: "class" }), "value", ""), { height: p, width: u } = at(c);
     if (p && u)
-      s.styles = `${x}, ${R(`w-${u} h-${p}`, c)}`.trim(), s.height = p == null ? void 0 : p.replace("px", ""), s.width = u == null ? void 0 : u.replace("px", "");
+      s.styles = `${f}, ${H(`w-${u} h-${p}`, c)}`.trim(), s.height = p == null ? void 0 : p.replace("px", ""), s.width = u == null ? void 0 : u.replace("px", "");
     else {
-      const h = (Y = m(t.attributes, { key: "height" })) == null ? void 0 : Y.value, y = (K = m(t.attributes, { key: "width" })) == null ? void 0 : K.value;
-      h && y ? (s.styles = `${x}, ${R(`w-[${y}px] h-[${h}px]`, c)}`.trim(), s.height = h, s.width = y) : s.styles = `${x}, ${R("w-full h-full", c)}`.trim();
+      const y = (K = m(t.attributes, { key: "height" })) == null ? void 0 : K.value, g = (X = m(t.attributes, { key: "width" })) == null ? void 0 : X.value;
+      y && g ? (s.styles = `${f}, ${H(`w-[${g}px] h-[${y}px]`, c)}`.trim(), s.height = y, s.width = g) : s.styles = `${f}, ${H("w-full h-full", c)}`.trim();
     }
-    return t.attributes = G(t.attributes, (h) => !v(["style", "width", "height", "class"], h.key)), s.icon = N([t]), [s];
-  } else if (t.tagName == "option" && a && ((X = a.block) == null ? void 0 : X._type) === "Select")
+    return t.attributes = Q(t.attributes, (y) => !w(["style", "width", "height", "class"], y.key)), s.icon = D([t]), [s];
+  } else if (t.tagName == "option" && a && ((Z = a.block) == null ? void 0 : Z._type) === "Select")
     return a.block.options.push({
       label: j(t.children),
-      ...Q(t)
+      ...tt(t)
     }), [];
   const T = q(t.children, { block: s, node: t });
   return [s, ...T];
-}), Bt = (e, a, t) => {
-  var g, i;
-  const s = d(e, "attributes", []), { height: n, width: r } = nt(
+}), It = (e, a, t) => {
+  var h, r;
+  const s = d(e, "attributes", []), { height: n, width: o } = at(
     d(m(s, { key: "class" }), "value", "")
   );
-  if (n && r)
+  if (n && o)
     return {
       height: `[${n}px]`,
-      width: `[${r}px]`
+      width: `[${o}px]`
     };
-  const o = (g = m(s, { key: "height" })) == null ? void 0 : g.value, l = (i = m(s, { key: "width" })) == null ? void 0 : i.value;
+  const l = (h = m(s, { key: "height" })) == null ? void 0 : h.value, i = (r = m(s, { key: "width" })) == null ? void 0 : r.value;
   return {
-    height: o ? `[${o}px]` : t,
-    width: l ? `[${l}px]` : a
+    height: l ? `[${l}px]` : t,
+    width: i ? `[${i}px]` : a
   };
-}, It = (e) => {
-  e = e.replace(/(\w+)=\\?"(.*?)\\?"/g, (s, n, r) => {
-    let o = r.replace(/\\"/g, '"');
-    return o = o.replace(/{([^}]+)}/g, (l) => l.replace(/"/g, '\\"')), `${n}="${o.replace(/\\"/g, '"')}"`;
+}, Ct = (e) => {
+  e = e.replace(/(\w+)=\\?"(.*?)\\?"/g, (s, n, o) => {
+    let l = o.replace(/\\"/g, '"');
+    return l = l.replace(/{([^}]+)}/g, (i) => i.replace(/"/g, '\\"')), `${n}="${l.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 a = e.match(/<body[^>]*>[\s\S]*?<\/body>/);
   return (a && a.length > 0 ? a[0].replace(/<body/, "<div").replace(/<\/body>/, "</div>") : e).replace(/\s+/g, " ").replaceAll("> <", "><").replace(/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi, "").trim();
-}, Ct = (e, a) => m(e, { _id: a }), Mt = (e, a) => f(a) ? e.map((t) => (H(t, "_bid"), t)) : tt(e, (t) => {
-  const s = f(t._bid) ? void 0 : Ct(a, t._bid);
+}, Dt = (e, a) => m(e, { _id: a }), Mt = (e, a) => x(a) ? e.map((t) => (P(t, "_bid"), t)) : et(e, (t) => {
+  const s = x(t._bid) ? void 0 : Dt(a, t._bid);
   if (s) {
     s._type === "Icon" && d(t, "icon", "").match(/chai-default-svg/) && delete t.icon;
     const n = { ...s, ...t };
-    return H(n, "_bid"), n;
+    return P(n, "_bid"), n;
   }
-  return H(t, "_bid"), t;
-}), Pt = (e) => {
-  const a = bt(It(e));
-  return f(e) ? [] : ct(q(a));
+  return P(t, "_bid"), t;
+}), Ot = (e) => {
+  const a = _t(Ct(e));
+  return x(e) ? [] : ct(q(a));
 };
-function Jt(e, a, t) {
+function Vt(e, a, t) {
   const s = d(t, "i18nProps", []);
-  if (f(a) || f(s)) return e;
+  if (x(a) || x(s)) return e;
   const n = M(e);
-  return $(P(n), (r) => {
-    if (v(s, r) && !f(a)) {
-      const o = d(n, r), l = d(n, `${r}-${a}`, "");
-      B(o) ? n[r] = B(l) && !f(l.trim()) && l.trimStart() || o : n[r] = f(l) ? o : l;
+  return S(R(n), (o) => {
+    if (w(s, o) && !x(a)) {
+      const l = d(n, o), i = d(n, `${o}-${a}`, "");
+      $(l) ? n[o] = $(i) && !x(i.trim()) && i.trimStart() || l : n[o] = x(i) ? l : i;
     }
   }), n;
 }
-const Dt = et((e) => {
-  const { baseClasses: a, classes: t } = st(e);
-  return xt(a, t);
-});
-function Nt(e, a) {
+const ot = (e, a) => {
+  const { baseClasses: t, classes: s } = st(e), o = s.split(" ").filter((i) => i.startsWith("dt-")).map((i) => {
+    var h;
+    return (h = a[i.replace("dt-", "")]) == null ? void 0 : h.value;
+  }), l = s.split(" ").filter((i) => !i.startsWith("dt-")).join(" ");
+  return vt.apply(null, [t, ...o, l]);
+};
+function Lt(e, a) {
   return d(e, `${a}_attrs`, {});
 }
-function Ot(e, a = !0) {
-  const t = {};
-  return Object.keys(e).forEach((s) => {
-    if (B(e[s]) && e[s].startsWith(x)) {
-      const n = Dt(e[s]), r = Nt(e, s);
-      t[s] = {
-        ...!f(n) && { className: n },
-        ...r,
+function Jt(e, a = !0, t = {}) {
+  const s = {};
+  return Object.keys(e).forEach((n) => {
+    if ($(e[n]) && e[n].startsWith(f)) {
+      const o = ot(e[n], t), l = Lt(e, n);
+      s[n] = {
+        ...!x(o) && { className: o },
+        ...l,
         ...a ? {
-          "data-style-prop": s,
+          "data-style-prop": n,
           "data-block-parent": e._id,
-          "data-style-id": `${s}-${e._id}`
+          "data-style-id": `${n}-${e._id}`
         } : {}
       };
     }
-  }), t;
+  }), s;
 }
-const zt = et((e) => {
-  const a = ft(e), t = d(a, "schema.properties", {});
+const zt = bt((e) => {
+  const a = kt(e), t = d(a, "schema.properties", {});
   return Object.fromEntries(Object.entries(t).filter(([, s]) => d(s, "runtime", !1)));
-}), Vt = (e, a) => {
-  if (!C(e)) return e;
+}), Ft = (e, a) => {
+  if (!I(e)) return e;
   let t = e, s;
   return typeof a.limit == "number" && a.limit > 0 && (s = a.limit), s !== void 0 && (t = t.slice(0, s)), t;
-}, Wt = (e, a) => {
+}, Ut = (e, a) => {
   const t = M(e);
-  return $(P(t), (s) => {
-    if (B(t[s]) && !_(s, "_")) {
+  return S(R(t), (s) => {
+    if ($(t[s]) && !k(s, "_")) {
       let n = t[s];
       s === "repeaterItems" && (t.repeaterItemsBinding = n);
-      const r = /\{\{(.*?)\}\}/g, o = n.match(r);
-      o && o.forEach((l) => {
-        let g = l.slice(2, -2);
-        const i = d(a, g, l);
-        n = C(i) ? i : n.replace(l, i);
+      const o = /\{\{(.*?)\}\}/g, l = n.match(o);
+      l && l.forEach((i) => {
+        let h = i.slice(2, -2);
+        const r = d(a, h, i);
+        n = I(r) ? r : n.replace(i, r);
       }), t[s] = n;
     }
   }), t;
-}, k = (e) => {
-  const a = yt(e);
+}, _ = (e, a) => e.map((t) => {
+  const s = R(t).filter((n) => $(t[n]) && t[n].startsWith(f));
+  return xt(s, (n) => {
+    t[n] = `${f},${ot(t[n], a)}`;
+  }), t;
+});
+import.meta.vitest && describe("applyDesignTokens", () => {
+  const e = {
+    token1: { name: "primary-color", value: "bg-blue-500" },
+    token2: { name: "text-size", value: "text-lg" },
+    token3: { name: "spacing", value: "p-4" }
+  }, a = [
+    {
+      _id: "block1",
+      _type: "div",
+      styles: "#styles:,dt-token1bg-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 = _(a, e);
+    expect(t).toHaveLength(3), expect(t[0].styles).toBe("#styles:,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 = _(a, e);
+    expect(t[2].noStyles).toBe("regular-string"), expect(t[2]._id).toBe("block3");
+  }), it("should handle empty blocks array", () => {
+    const t = _([], e);
+    expect(t).toEqual([]);
+  }), it("should handle empty design tokens", () => {
+    const t = _(a, {});
+    expect(t[0].styles).toBe("#styles:,text-sm");
+  }), it("should handle blocks with only style prefix", () => {
+    const s = _([
+      {
+        _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 = _([
+      {
+        _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 = _([
+      {
+        _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 = _([
+      {
+        _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", () => {
+    _(a, e).forEach((s, n) => {
+      expect(s._id).toBe(a[n]._id), expect(s._type).toBe(a[n]._type), expect(s._name).toBe(a[n]._name);
+    });
+  }), it("should handle complex design token values", () => {
+    const n = _([
+      {
+        _id: "block1",
+        _type: "div",
+        styles: "#styles:bg-white dt-complex1",
+        _name: "Complex Tokens"
+      }
+    ], {
+      complex1: { name: "complex-token", value: "hover:bg-blue-600 focus:outline-none transition-colors" },
+      complex2: { name: "spacing-token", value: "px-6 py-3 m-2" }
+    });
+    expect(n[0].styles).toBe("#styles:,hover:bg-blue-600 focus:outline-none transition-colors bg-white");
+  }), it("should handle tokens with empty values", () => {
+    const n = _([
+      {
+        _id: "block1",
+        _type: "div",
+        styles: "#styles:bg-white dt-empty1 dt-valid1",
+        _name: "Empty Value Tokens"
+      }
+    ], {
+      empty1: { name: "empty-token", value: "" },
+      valid1: { name: "valid-token", value: "bg-green-500" }
+    });
+    expect(n[0].styles).toBe("#styles:,bg-white");
+  });
+});
+const v = (e) => {
+  const a = ft(e);
   return e.map((t) => {
     const s = Object.keys(t);
     for (let n = 0; n < s.length; n++)
-      if (B(t[s[n]]) && _(s[n], "content")) {
-        const r = t === a ? "" : " ";
-        t[s[n]] = `${t[s[n]].trim()}${r}`;
+      if ($(t[s[n]]) && k(s[n], "content")) {
+        const o = t === a ? "" : " ";
+        t[s[n]] = `${t[s[n]].trim()}${o}`;
       }
     return t;
   });
@@ -442,50 +569,50 @@ if (import.meta.vitest) {
   const { describe: e, it: a, expect: t } = import.meta.vitest;
   e("adjustSpacingInContentBlocks", () => {
     a("should add space after content fields except for the last block", () => {
-      const n = k([
+      const n = v([
         { _id: "1", _type: "Text", content: "First" },
         { _id: "2", _type: "Text", content: "Second" },
         { _id: "3", _type: "Text", content: "Third" }
       ]);
       t(n[0].content).toBe("First "), t(n[1].content).toBe("Second "), t(n[2].content).toBe("Third");
     }), a("should trim whitespace from content before adding space", () => {
-      const n = k([
+      const n = v([
         { _id: "1", _type: "Text", content: "  First  " },
         { _id: "2", _type: "Text", content: "  Second  " }
       ]);
       t(n[0].content).toBe("First "), t(n[1].content).toBe("Second");
     }), a("should handle multiple content fields in a single block", () => {
-      const n = k([
+      const n = v([
         { _id: "1", _type: "Text", content: "Main", contentAlt: "Alt" },
         { _id: "2", _type: "Text", content: "Last", contentSecondary: "Secondary" }
       ]);
       t(n[0].content).toBe("Main "), t(n[0].contentAlt).toBe("Alt "), t(n[1].content).toBe("Last"), t(n[1].contentSecondary).toBe("Secondary");
     }), a("should only process fields that start with 'content'", () => {
-      const n = k([
+      const n = v([
         { _id: "1", _type: "Text", content: "Text", title: "Title", text: "Text" },
         { _id: "2", _type: "Text", content: "Last" }
       ]);
       t(n[0].content).toBe("Text "), t(n[0].title).toBe("Title"), t(n[0].text).toBe("Text"), t(n[1].content).toBe("Last");
     }), a("should handle empty array", () => {
-      const n = k([]);
+      const n = v([]);
       t(n).toEqual([]);
     }), a("should handle single block", () => {
-      const n = k([{ _id: "1", _type: "Text", content: "Only" }]);
+      const n = v([{ _id: "1", _type: "Text", content: "Only" }]);
       t(n[0].content).toBe("Only");
     }), a("should handle blocks without content fields", () => {
-      const n = k([
+      const n = v([
         { _id: "1", _type: "Container", title: "Title" },
         { _id: "2", _type: "Container", name: "Name" }
       ]);
       t(n[0].title).toBe("Title"), t(n[1].name).toBe("Name");
     }), a("should handle blocks with non-string content fields", () => {
-      const n = k([
+      const n = v([
         { _id: "1", _type: "Text", content: "Text", contentNum: 123 },
         { _id: "2", _type: "Text", content: "Last", contentBool: !0 }
       ]);
       t(n[0].content).toBe("Text "), t(n[0].contentNum).toBe(123), t(n[1].content).toBe("Last"), t(n[1].contentBool).toBe(!0);
     }), a("should handle empty string content", () => {
-      const n = k([
+      const n = v([
         { _id: "1", _type: "Text", content: "" },
         { _id: "2", _type: "Text", content: "Last" }
       ]);
@@ -494,32 +621,32 @@ if (import.meta.vitest) {
   });
 }
 const b = (e, a, { index: t, key: s }, n) => {
-  if (B(e)) {
-    let r = e;
-    const o = /\{\{(.*?)\}\}/g, l = e.match(o);
-    if (l) {
-      const g = n === "image" || n === "mobileImage";
-      l.forEach((i) => {
-        let w = i.slice(2, -2).trim(), D = s.slice(2, -2).trim();
-        t !== -1 && _(w, "$index.") ? w = `${D}.${t}.${w.slice(7)}` : t !== -1 && _(w, "$index") && (w = `${D}.${t}`);
-        const T = d(a, w);
-        T === void 0 ? r = r.replace(i, "") : g && !C(T) ? r = T : r = C(T) ? T : r.replace(i, T);
+  if ($(e)) {
+    let o = e;
+    const l = /\{\{(.*?)\}\}/g, i = e.match(l);
+    if (i) {
+      const h = n === "image" || n === "mobileImage";
+      i.forEach((r) => {
+        let B = r.slice(2, -2).trim(), C = s.slice(2, -2).trim();
+        t !== -1 && k(B, "$index.") ? B = `${C}.${t}.${B.slice(7)}` : t !== -1 && k(B, "$index") && (B = `${C}.${t}`);
+        const T = d(a, B);
+        T === void 0 ? o = o.replace(r, "") : h && !I(T) ? o = T : o = I(T) ? T : o.replace(r, T);
       });
     }
-    return r;
+    return o;
   }
-  if (C(e))
-    return e.map((r) => b(r, a, { index: t, key: s }, n));
+  if (I(e))
+    return e.map((o) => b(o, a, { index: t, key: s }, n));
   if (e && typeof e == "object") {
-    const r = {};
-    return $(P(e), (o) => {
-      !_(o, "_") && o !== "$repeaterItemsKey" ? r[o] = b(e[o], a, { index: t, key: s }, o) : r[o] = e[o];
-    }), r;
+    const o = {};
+    return S(R(e), (l) => {
+      !k(l, "_") && l !== "$repeaterItemsKey" ? o[l] = b(e[l], a, { index: t, key: s }, l) : o[l] = e[l];
+    }), o;
   }
   return e;
 }, L = (e, a, { index: t, key: s }) => {
   let n = M(e);
-  return n.repeaterItems && (n.$repeaterItemsKey = n.repeaterItems, _(n.repeaterItems, `{{${_t}`) && (n.$repeaterItemsKey = n.repeaterItems = `${n.repeaterItems.replace("}}", `/${n._id}}}`)}`), !f(n.repeaterItems) && n.pagination && (n.repeaterTotalItems = `${n.repeaterItems.replace("}}", `/${n._id}/totalItems}}`)}`)), b(n, a, { index: t, key: s });
+  return n.repeaterItems && (n.$repeaterItemsKey = n.repeaterItems, k(n.repeaterItems, `{{${wt}`) && (n.$repeaterItemsKey = n.repeaterItems = `${n.repeaterItems.replace("}}", `/${n._id}}}`)}`), !x(n.repeaterItems) && n.pagination && (n.repeaterTotalItems = `${n.repeaterItems.replace("}}", `/${n._id}/totalItems}}`)}`)), b(n, a, { index: t, key: s });
 };
 import.meta.vitest && (describe("applyBindingToValue", () => {
   it("should handle string values with bindings", () => {
@@ -693,18 +820,19 @@ import.meta.vitest && (describe("applyBindingToValue", () => {
   });
 }));
 export {
-  _t as C,
+  wt as C,
   qt as R,
-  x as S,
+  f as S,
   L as a,
-  Jt as b,
+  Vt as b,
   zt as c,
-  Vt as d,
-  k as e,
-  Wt as f,
-  Ot as g,
-  Pt as h,
-  st as i,
-  jt as j,
+  Ft as d,
+  v as e,
+  Ut as f,
+  Jt as g,
+  Ot as h,
+  _ as i,
+  st as j,
+  jt as k,
   Mt as m
 };