@chaibuilder/sdk 3.1.32 → 3.2.0

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

@@ -1,9 +1,9 @@
-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) => {
+import { g as ct, c as P } from "./common-functions-D2lMFR6K.js";
+import { isEmpty as x, flatten as pt, flatMapDeep as ut, get as d, set as E, startsWith as k, find as m, startCase as dt, forEach as S, camelCase as ht, includes as w, has as A, filter as Q, some as yt, unset as H, map as st, compact as mt, trim as gt, capitalize as bt, memoize as xt, cloneDeep as M, keys as W, isString as $, isArray as I, each as ft, last as _t } from "lodash-es";
+import { parse as kt, stringify as D } from "himalaya";
+import { getRegisteredChaiBlock as vt } from "@chaibuilder/runtime";
+import { twMerge as wt } from "tailwind-merge";
+const f = "#styles:", qt = "__ADD_BLOCK_INTERNAL_ROOT", Mt = "@", Tt = "#", tt = "dt#", nt = (e) => {
   if (e = e.replace(f, ""), !e) return { baseClasses: "", classes: "" };
   const a = e.split(/,(?![^\[]*\])/);
   if (a.length === 1)
@@ -41,7 +41,7 @@ import.meta.vitest && describe("getSplitChaiClasses", () => {
       }
     };
     for (let a in e) {
-      const t = st(`${f}${a}`);
+      const t = nt(`${f}${a}`);
       expect(t).toEqual(e[a]);
     }
   });
@@ -49,11 +49,11 @@ import.meta.vitest && describe("getSplitChaiClasses", () => {
 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);
-}, Tt = (e) => {
+}, Et = (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 = {
+}, at = ["chai-name", "data-chai-name"], $t = {
   img: { alt: "alt", width: "width", height: "height", src: "image" },
   video: {
     src: "url",
@@ -89,11 +89,11 @@ const Bt = (e) => {
   form: {
     action: "action"
   }
-}, $t = (e, a) => e.children.length === 1 && w(
+}, St = (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", "") : 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));
+), j = (e) => e.map((a) => a.type === "text" ? d(a, "content", "") : x(a.children) ? "" : j(a.children)).join(""), R = (e) => e === null ? "" : e, ot = (e) => {
+  const a = mt(st(e.split(/\s+/), gt)), t = m(a, (i) => /^w-/.test(i)), s = m(a, (i) => /^h-/.test(i));
   if (!s || !t) return { height: "", width: "" };
   const n = (i) => {
     if (!i) return;
@@ -107,20 +107,20 @@ const Bt = (e) => {
     width: w(o, "px") ? o : "16px",
     height: w(l, "px") ? l : "16px"
   };
-}, tt = (e) => {
+}, et = (e) => {
   if (e.tagName === "svg") return {};
-  const a = {}, t = Et[e.tagName] || {}, s = e.attributes;
+  const a = {}, t = $t[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 (!w(at, n))
+      if (n === "bid" && (a._bid = R(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], 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));
+        E(a, t[n], R(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}`] = R(o));
   }), delete a.class, a;
-}, St = (e, a = "styles") => {
+}, Nt = (e, a = "styles") => {
   if (!e.attributes) return { [a]: `${f},` };
   const t = m(e.attributes, { key: "class" });
   if (t) {
@@ -128,7 +128,7 @@ const Bt = (e) => {
     return { [a]: `${f},${s}` };
   }
   return { [a]: `${f},` };
-}, Nt = (e) => {
+}, It = (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(
@@ -226,27 +226,27 @@ const Bt = (e) => {
       return {
         _type: r,
         tag: e.tagName,
-        _name: r == "EmptyBox" || e.tagName === "div" ? r : gt(e.tagName)
+        _name: r == "EmptyBox" || e.tagName === "div" ? r : bt(e.tagName)
       };
     }
   }
-}, q = (e, a = null) => pt(e, (t) => {
+}, q = (e, a = null) => ut(e, (t) => {
   var O, V, J, z, F, U, Y, K, X, Z;
   if (t.type === "comment") return [];
-  let s = { _id: rt() };
+  let s = { _id: ct() };
   if (a && (s._parent = a.block._id), t.type === "text")
-    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", "") };
+    return x(d(t, "content", "")) ? [] : a && St(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, "");
+    const c = t.attributes, p = m(c, { key: "chai-type" }), u = (p == null ? void 0 : p.value) || dt(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 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 rt = k(g, "_") ? g : ht(g);
+      let N = R(G);
+      typeof N == "string" && k(N, "#styles:") && (N = N.replace("#styles:", "#styles:,")), s[rt] = N;
     });
     const y = q(t.children, { block: s, node: t });
     return [s, ...y];
@@ -257,18 +257,18 @@ const Bt = (e) => {
     (c) => c.key === "data-chai-lightbox" || c.key === "chai-lightbox"
   ), r = n.find(
     (c) => c.key === "data-chai-dropdown" || c.key === "chai-dropdown"
-  ), B = n.find(
+  ), T = n.find(
     (c) => c.key === "data-chai-dropdown-button" || c.key === "chai-dropdown-button"
   ), C = n.find(
     (c) => c.key === "data-chai-dropdown-content" || c.key === "chai-dropdown-content"
   );
   if (s = {
     ...s,
-    ...Nt(t),
-    ...tt(t),
-    ...St(t)
+    ...It(t),
+    ...et(t),
+    ...Nt(t)
   }, t.attributes) {
-    const c = t.attributes.find((p) => w(nt, p.key));
+    const c = t.attributes.find((p) => w(at, p.key));
     c && (s._name = c.value);
   }
   if (o || i)
@@ -296,19 +296,19 @@ const Bt = (e) => {
       A(s, `styles_attrs.${p}`) && delete s.styles_attrs[p];
     });
   }
-  if (r && (delete s.styles_attrs, s.showDropdown = !1), C && delete s.styles_attrs, B) {
+  if (r && (delete s.styles_attrs, s.showDropdown = !1), C && delete s.styles_attrs, T) {
     delete s.styles_attrs;
     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" && ht(u.children || [], (y) => (y == null ? void 0 : y.tagName) === "svg")
+      (u) => (u == null ? void 0 : u.tagName) === "span" && yt(u.children || [], (y) => (y == null ? void 0 : y.tagName) === "svg")
     );
     if (p) {
       const u = m(p.children || [], (y) => (y == null ? void 0 : y.tagName) === "svg");
       if (u) {
         s.icon = D([u]);
-        const { height: y, width: g } = It(u, "16px", "16px");
+        const { height: y, width: g } = Ct(u, "16px", "16px");
         s.iconHeight = y, s.iconWidth = g;
       }
     }
@@ -319,26 +319,26 @@ const Bt = (e) => {
     c === "checkbox" ? E(s, "_type", "Checkbox") : c === "radio" && E(s, "_type", "Radio");
   } else if (t.tagName === "video" || t.tagName === "iframe") {
     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];
+    return Bt(c) && (E(s, "_type", "Video"), E(s, "url", Et(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 } = at(c);
+    const c = d(m(t.attributes, { key: "class" }), "value", ""), { height: p, width: u } = ot(c);
     if (p && u)
-      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", "");
+      s.styles = `${f}, ${P(`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 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();
+      y && g ? (s.styles = `${f}, ${P(`w-[${g}px] h-[${y}px]`, c)}`.trim(), s.height = y, s.width = g) : s.styles = `${f}, ${P("w-full h-full", c)}`.trim();
     }
     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),
-      ...tt(t)
+      ...et(t)
     }), [];
-  const T = q(t.children, { block: s, node: t });
-  return [s, ...T];
-}), It = (e, a, t) => {
+  const B = q(t.children, { block: s, node: t });
+  return [s, ...B];
+}), Ct = (e, a, t) => {
   var h, r;
-  const s = d(e, "attributes", []), { height: n, width: o } = at(
+  const s = d(e, "attributes", []), { height: n, width: o } = ot(
     d(m(s, { key: "class" }), "value", "")
   );
   if (n && o)
@@ -351,51 +351,51 @@ const Bt = (e) => {
     height: l ? `[${l}px]` : t,
     width: i ? `[${i}px]` : a
   };
-}, Ct = (e) => {
+}, Dt = (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();
-}, 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);
+}, Lt = (e, a) => m(e, { _id: a }), Ot = (e, a) => x(a) ? e.map((t) => (H(t, "_bid"), t)) : st(e, (t) => {
+  const s = x(t._bid) ? void 0 : Lt(a, t._bid);
   if (s) {
     s._type === "Icon" && d(t, "icon", "").match(/chai-default-svg/) && delete t.icon;
     const n = { ...s, ...t };
-    return P(n, "_bid"), n;
+    return H(n, "_bid"), n;
   }
-  return P(t, "_bid"), t;
-}), Ot = (e) => {
-  const a = _t(Ct(e));
-  return x(e) ? [] : ct(q(a));
+  return H(t, "_bid"), t;
+}), Vt = (e) => {
+  const a = kt(Dt(e));
+  return x(e) ? [] : pt(q(a));
 };
-function Vt(e, a, t) {
+function Jt(e, a, t) {
   const s = d(t, "i18nProps", []);
   if (x(a) || x(s)) return e;
   const n = M(e);
-  return S(R(n), (o) => {
+  return S(W(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 ot = (e, a) => {
-  const { baseClasses: t, classes: s } = st(e), o = s.split(" ").filter((i) => i.startsWith("dt-")).map((i) => {
+const lt = (e, a) => {
+  const { baseClasses: t, classes: s } = nt(e), o = s.split(" ").filter((i) => i.startsWith(tt)).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]);
+    return (h = a[i]) == null ? void 0 : h.value;
+  }), l = s.split(" ").filter((i) => !i.startsWith(tt)).join(" ");
+  return wt.apply(null, [t, ...o, l]);
 };
-function Lt(e, a) {
+function At(e, a) {
   return d(e, `${a}_attrs`, {});
 }
-function Jt(e, a = !0, t = {}) {
+function zt(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);
+      const o = lt(e[n], t), l = At(e, n);
       s[n] = {
         ...!x(o) && { className: o },
         ...l,
@@ -408,16 +408,16 @@ function Jt(e, a = !0, t = {}) {
     }
   }), s;
 }
-const zt = bt((e) => {
-  const a = kt(e), t = d(a, "schema.properties", {});
+const Ft = xt((e) => {
+  const a = vt(e), t = d(a, "schema.properties", {});
   return Object.fromEntries(Object.entries(t).filter(([, s]) => d(s, "runtime", !1)));
-}), Ft = (e, a) => {
+}), Ut = (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;
-}, Ut = (e, a) => {
+}, Yt = (e, a) => {
   const t = M(e);
-  return S(R(t), (s) => {
+  return S(W(t), (s) => {
     if ($(t[s]) && !k(s, "_")) {
       let n = t[s];
       s === "repeaterItems" && (t.repeaterItemsBinding = n);
@@ -430,22 +430,22 @@ const zt = bt((e) => {
     }
   }), t;
 }, _ = (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)}`;
+  const s = W(t).filter((n) => $(t[n]) && t[n].startsWith(f));
+  return ft(s, (n) => {
+    t[n] = `${f},${lt(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" }
+    "dt#token1": { name: "primary-color", value: "bg-blue-500" },
+    "dt#token2": { name: "text-size", value: "text-lg" },
+    "dt#token3": { name: "spacing", value: "p-4" }
   }, a = [
     {
       _id: "block1",
       _type: "div",
-      styles: "#styles:,dt-token1bg-white text-sm",
-      className: "#styles:,dt-token2 dt-token3",
+      styles: "#styles:,dt#token1 bg-white text-sm",
+      className: "#styles:,dt#token2 dt#token3",
       otherProp: "not-a-style",
       _name: "Test Block"
     },
@@ -465,7 +465,7 @@ import.meta.vitest && describe("applyDesignTokens", () => {
   ];
   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");
+    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 = _(a, e);
     expect(t[2].noStyles).toBe("regular-string"), expect(t[2]._id).toBe("block3");
@@ -474,7 +474,7 @@ import.meta.vitest && describe("applyDesignTokens", () => {
     expect(t).toEqual([]);
   }), it("should handle empty design tokens", () => {
     const t = _(a, {});
-    expect(t[0].styles).toBe("#styles:,text-sm");
+    expect(t[0].styles).toBe("#styles:,bg-white text-sm");
   }), it("should handle blocks with only style prefix", () => {
     const s = _([
       {
@@ -490,9 +490,9 @@ import.meta.vitest && describe("applyDesignTokens", () => {
       {
         _id: "block1",
         _type: "div",
-        styles: "#styles:bg-white dt-token1",
-        hoverStyles: "#styles:bg-gray-100 dt-token2",
-        focusStyles: "#styles:outline-none dt-token3",
+        styles: "#styles:bg-white dt#token1",
+        hoverStyles: "#styles:bg-gray-100 dt#token2",
+        focusStyles: "#styles:outline-none dt#token3",
         _name: "Multi Style"
       }
     ], e);
@@ -530,12 +530,12 @@ import.meta.vitest && describe("applyDesignTokens", () => {
       {
         _id: "block1",
         _type: "div",
-        styles: "#styles:bg-white dt-complex1",
+        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" }
+      "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(n[0].styles).toBe("#styles:,hover:bg-blue-600 focus:outline-none transition-colors bg-white");
   }), it("should handle tokens with empty values", () => {
@@ -543,18 +543,18 @@ import.meta.vitest && describe("applyDesignTokens", () => {
       {
         _id: "block1",
         _type: "div",
-        styles: "#styles:bg-white dt-empty1 dt-valid1",
+        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" }
+      "dt#empty1": { name: "empty-token", value: "" },
+      "dt#valid1": { name: "valid-token", value: "bg-green-500" }
     });
     expect(n[0].styles).toBe("#styles:,bg-white");
   });
 });
 const v = (e) => {
-  const a = ft(e);
+  const a = _t(e);
   return e.map((t) => {
     const s = Object.keys(t);
     for (let n = 0; n < s.length; n++)
@@ -627,10 +627,10 @@ const b = (e, a, { index: t, key: s }, n) => {
     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);
+        let T = r.slice(2, -2).trim(), C = s.slice(2, -2).trim();
+        t !== -1 && k(T, "$index.") ? T = `${C}.${t}.${T.slice(7)}` : t !== -1 && k(T, "$index") && (T = `${C}.${t}`);
+        const B = d(a, T);
+        B === void 0 ? o = o.replace(r, "") : h && !I(B) ? o = B : o = I(B) ? B : o.replace(r, B);
       });
     }
     return o;
@@ -639,14 +639,14 @@ const b = (e, a, { index: t, key: s }, n) => {
     return e.map((o) => b(o, a, { index: t, key: s }, n));
   if (e && typeof e == "object") {
     const o = {};
-    return S(R(e), (l) => {
+    return S(W(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, 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 });
+  return n.repeaterItems && (n.$repeaterItemsKey = n.repeaterItems, k(n.repeaterItems, `{{${Tt}`) && (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", () => {
@@ -820,19 +820,20 @@ import.meta.vitest && (describe("applyBindingToValue", () => {
   });
 }));
 export {
-  wt as C,
-  qt as R,
+  Tt as C,
+  tt as D,
+  Mt as R,
   f as S,
   L as a,
-  Vt as b,
-  zt as c,
-  Ft as d,
+  Jt as b,
+  Ft as c,
+  Ut as d,
   v as e,
-  Ut as f,
-  Jt as g,
-  Ot as h,
+  Yt as f,
+  zt as g,
+  Vt as h,
   _ as i,
-  st as j,
-  jt as k,
-  Mt as m
+  nt as j,
+  qt as k,
+  Ot as m
 };

package/dist/apply-binding-DLHh7HoS.cjs

@@ -0,0 +1 @@
+"use strict";const T=require("./common-functions-B3a4xKt_.cjs"),t=require("lodash-es"),k=require("himalaya"),z=require("@chaibuilder/runtime"),U=require("tailwind-merge"),m="#styles:",Y="__ADD_BLOCK_INTERNAL_ROOT",K="@",V="#",v="dt#",H=e=>{if(e=e.replace(m,""),!e)return{baseClasses:"",classes:""};const l=e.split(/,(?![^\[]*\])/);if(l.length===1)return{baseClasses:"",classes:l[0].trim()};const[n,...s]=l;return{baseClasses:n.trim(),classes:s.join(",").trim().replace(/ +(?= )/g,"")}},X=e=>{const l=/(?:https?:\/\/)?(?:www\.)?(?:youtube\.com\/(?:[^\/\n\s]+\/\S+\/|(?:v|e(?:mbed)?)\/|\S*?[?&]v=)|youtu\.be\/)([a-zA-Z0-9_-]{11})/,n=/(?:https?:\/\/)?(?:www\.)?(player)?.vimeo\.com/;return l.test(e)||n.test(e)},G=e=>{if(t.isEmpty(e))return e;const l=/<video[^>]+src=['"]([^'">]+)['"]/,n=/<iframe[^>]+src=['"]([^'">]+)['"]/,s=e.match(l),a=e.match(n),i=s?s[1]:a?a[1]:null,o=/(?:https?:\/\/)?(?:www\.)?(?:youtube\.com\/(?:[^\/\n\s]+\/\S+\/|(?:v|e(?:mbed)?)\/|\S*?[?&]v=)|youtu\.be\/)([a-zA-Z0-9_-]{11})/,r=/(?:https?:\/\/)?(?:www\.)?player.vimeo\.com/;return i&&(o.test(i)||r.test(i))?i:e},M=["chai-name","data-chai-name"],Z={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:""},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"}},Q=(e,l)=>e.children.length===1&&t.includes(["Heading","Paragraph","Span","ListItem","Button","Label","TableCell","Link","RichText"],l._type),E=e=>e.map(l=>l.type==="text"?t.get(l,"content",""):t.isEmpty(l.children)?"":E(l.children)).join(""),B=e=>e===null?"":e,O=e=>{const l=t.compact(t.map(e.split(/\s+/),t.trim)),n=t.find(l,r=>/^w-/.test(r)),s=t.find(l,r=>/^h-/.test(r));if(!s||!n)return{height:"",width:""};const a=r=>{if(!r)return;const y=r.match(/^[wh]-(?:\[(.*?)\]|(.+))$/);if(!y)return;if(y[1])return y[1];const c=y[2];return/^\d+(\.\d+)?$/.test(c)?`${Number(c)*4}px`:c==="auto"||t.includes(c,"%")?c:"16px"},i=a(n),o=a(s);return{width:t.includes(i,"px")?i:"16px",height:t.includes(o,"px")?o:"16px"}},q=e=>{if(e.tagName==="svg")return{};const l={},n=Z[e.tagName]||{},s=e.attributes;return t.forEach(s,({key:a,value:i})=>{if(!t.includes(M,a))if(a==="bid"&&(l._bid=B(i)),n[a]){if(e.tagName==="img"&&a==="src"&&!i.startsWith("http")){const o=t.find(e.attributes,{key:"width"}),r=t.find(e.attributes,{key:"height"});o&&r?i=`https://picsum.photos/${o==null?void 0:o.value}x${r==null?void 0:r.value}`:i="https://picsum.photos/150x150"}t.set(l,n[a],B(i))}else t.includes(["style","class","srcset","bid"],a)||(t.has(l,"styles_attrs")||(l.styles_attrs={}),t.startsWith(a,"@")&&(a=a.replace("@","x-on:")),l.styles_attrs[`${a}`]=B(i))}),delete l.class,l},tt=(e,l="styles")=>{if(!e.attributes)return{[l]:`${m},`};const n=t.find(e.attributes,{key:"class"});if(n){const s=n.value;return{[l]:`${m},${s}`}}return{[l]:`${m},`}},et=e=>{const l=t.get(e,"attributes",[]),n=l.find(c=>c.key==="data-chai-richtext"||c.key==="chai-richtext"),s=l.find(c=>c.key==="data-chai-lightbox"||c.key==="chai-lightbox"),a=l.find(c=>c.key==="data-chai-dropdown"||c.key==="chai-dropdown"),i=l.find(c=>c.key==="data-chai-dropdown-button"||c.key==="chai-dropdown-button"),o=l.find(c=>c.key==="data-chai-dropdown-content"||c.key==="chai-dropdown-content"),r=l.find(c=>c.key==="class"),y=r&&r.value.split(/\s+/).includes("rte");if(a)return{_type:"Dropdown"};if(i)return{_type:"DropdownButton"};if(o)return{_type:"DropdownContent"};if(n||y)return{_type:"Paragraph"};if(s)return{_type:"LightBoxLink"};switch(e.tagName){case"img":return{_type:"Image"};case"input":return{_type:"Input",showLabel:!1};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"};case"select":return{_type:"Select",options:[]};case"option":return{_type:"Option"};case"ul":case"ol":case"dl":return{_type:"List",tag:e.tagName,_listType:e.tagName==="ol"?"list-decimal":"list-none"};case"li":case"dt":return{_type:"ListItem",tag:e.tagName};case"span":case"figcaption":case"legend":return{_type:"Span",tag:e.tagName};case"p":return{_type:"Paragraph",content:""};case"a":return{_type:"Link"};case"form":return{_type:"Form"};case"label":return{_type:"Label"};case"button":return{_type:"Button"};case"code":return{_type:"Box",_name:"Code"};case"h1":case"h2":case"h3":case"h4":case"h5":case"h6":return{_type:"Heading",tag:e.tagName};case"table":return{_type:"Table"};case"tr":return{_type:"TableRow"};case"td":case"th":return{_type:"TableCell",tag:e.tagName};case"thead":return{_type:"TableHead"};case"tbody":return{_type:"TableBody"};case"tfoot":return{_type:"TableFooter"};default:{const c=t.get(e,"children",[]).length>0?"Box":"EmptyBox";return{_type:c,tag:e.tagName,_name:c=="EmptyBox"||e.tagName==="div"?c:t.capitalize(e.tagName)}}}},w=(e,l=null)=>t.flatMapDeep(e,n=>{var D,I,C,$,N,L,W,A,P,R;if(n.type==="comment")return[];let s={_id:T.generateUUID()};if(l&&(s._parent=l.block._id),n.type==="text")return t.isEmpty(t.get(n,"content",""))?[]:l&&Q(l.node,l.block)?(t.set(l,"block.content",t.get(n,"content","")),[]):{...s,_type:"Text",content:t.get(n,"content","")};if(t.startsWith(n.tagName,"chai-")){const p=n.attributes,u=t.find(p,{key:"chai-type"}),d=(u==null?void 0:u.value)||t.startCase(n.tagName.replace("chai-","")).replace(/\s+/g,"");s._type=d,t.forEach(p,({key:h,value:j})=>{if(h==="about-this-component"||h==="chai-type"||h==="can-move"||h==="can-delete")return;if(h==="id"){s._id=j;return}const J=t.startsWith(h,"_")?h:t.camelCase(h);let f=B(j);typeof f=="string"&&t.startsWith(f,"#styles:")&&(f=f.replace("#styles:","#styles:,")),s[J]=f});const g=w(n.children,{block:s,node:n});return[s,...g]}const a=t.get(n,"attributes",[]),i=a.find(p=>p.key==="data-chai-richtext"||p.key==="chai-richtext"),o=a.find(p=>p.key==="class"),r=o&&o.value.split(/\s+/).includes("rte"),y=a.find(p=>p.key==="data-chai-lightbox"||p.key==="chai-lightbox"),c=a.find(p=>p.key==="data-chai-dropdown"||p.key==="chai-dropdown"),b=a.find(p=>p.key==="data-chai-dropdown-button"||p.key==="chai-dropdown-button"),_=a.find(p=>p.key==="data-chai-dropdown-content"||p.key==="chai-dropdown-content");if(s={...s,...et(n),...q(n),...tt(n)},n.attributes){const p=n.attributes.find(u=>t.includes(M,u.key));p&&(s._name=p.value)}if(i||r)return s.content=k.stringify(n.children),t.has(s,"styles_attrs.data-chai-richtext")&&delete s.styles_attrs["data-chai-richtext"],t.has(s,"styles_attrs.chai-richtext")&&delete s.styles_attrs["chai-richtext"],[s];if(y){const p=["data-chai-lightbox","chai-lightbox","data-vbtype","data-autoplay","data-maxwidth","data-overlay","data-gall","href"];s={...s,href:((D=a.find(u=>u.key==="href"))==null?void 0:D.value)||"",hrefType:((I=a.find(u=>u.key==="data-vbtype"))==null?void 0:I.value)||"video",autoplay:((C=a.find(u=>u.key==="data-autoplay"))==null?void 0:C.value)==="true"?"true":"false",maxWidth:((N=($=a.find(u=>u.key==="data-maxwidth"))==null?void 0:$.value)==null?void 0:N.replace("px",""))||"",backdropColor:((L=a.find(u=>u.key==="data-overlay"))==null?void 0:L.value)||"",galleryName:((W=a.find(u=>u.key==="data-gall"))==null?void 0:W.value)||""},t.forEach(p,u=>{t.has(s,`styles_attrs.${u}`)&&delete s.styles_attrs[u]})}if(c&&(delete s.styles_attrs,s.showDropdown=!1),_&&delete s.styles_attrs,b){delete s.styles_attrs;const p=t.filter(n.children||[],d=>(d==null?void 0:d.tagName)!=="span");s.content=E(p);const u=t.find(n.children||[],d=>(d==null?void 0:d.tagName)==="span"&&t.some(d.children||[],g=>(g==null?void 0:g.tagName)==="svg"));if(u){const d=t.find(u.children||[],g=>(g==null?void 0:g.tagName)==="svg");if(d){s.icon=k.stringify([d]);const{height:g,width:h}=st(d,"16px","16px");s.iconHeight=g,s.iconWidth=h}}return[s]}if(s._type==="Input"){const p=s.inputType||"text";p==="checkbox"?t.set(s,"_type","Checkbox"):p==="radio"&&t.set(s,"_type","Radio")}else if(n.tagName==="video"||n.tagName==="iframe"){const p=k.stringify([n]);return X(p)&&(t.set(s,"_type","Video"),t.set(s,"url",G(p)),t.set(s,"styles",`${m},`),t.set(s,"controls",{autoPlay:!1,muted:!0,loop:!1,controls:!1})),s.content=p,[s]}else if(n.tagName==="svg"){const p=t.get(t.find(n.attributes,{key:"class"}),"value",""),{height:u,width:d}=O(p);if(u&&d)s.styles=`${m}, ${T.cn(`w-${d} h-${u}`,p)}`.trim(),s.height=u==null?void 0:u.replace("px",""),s.width=d==null?void 0:d.replace("px","");else{const g=(A=t.find(n.attributes,{key:"height"}))==null?void 0:A.value,h=(P=t.find(n.attributes,{key:"width"}))==null?void 0:P.value;g&&h?(s.styles=`${m}, ${T.cn(`w-[${h}px] h-[${g}px]`,p)}`.trim(),s.height=g,s.width=h):s.styles=`${m}, ${T.cn("w-full h-full",p)}`.trim()}return n.attributes=t.filter(n.attributes,g=>!t.includes(["style","width","height","class"],g.key)),s.icon=k.stringify([n]),[s]}else if(n.tagName=="option"&&l&&((R=l.block)==null?void 0:R._type)==="Select")return l.block.options.push({label:E(n.children),...q(n)}),[];const x=w(n.children,{block:s,node:n});return[s,...x]}),st=(e,l,n)=>{var y,c;const s=t.get(e,"attributes",[]),{height:a,width:i}=O(t.get(t.find(s,{key:"class"}),"value",""));if(a&&i)return{height:`[${a}px]`,width:`[${i}px]`};const o=(y=t.find(s,{key:"height"}))==null?void 0:y.value,r=(c=t.find(s,{key:"width"}))==null?void 0:c.value;return{height:o?`[${o}px]`:n,width:r?`[${r}px]`:l}},nt=e=>{e=e.replace(/(\w+)=\\?"(.*?)\\?"/g,(s,a,i)=>{let o=i.replace(/\\"/g,'"');return o=o.replace(/{([^}]+)}/g,r=>r.replace(/"/g,'\\"')),`${a}="${o.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 l=e.match(/<body[^>]*>[\s\S]*?<\/body>/);return(l&&l.length>0?l[0].replace(/<body/,"<div").replace(/<\/body>/,"</div>"):e).replace(/\s+/g," ").replaceAll("> <","><").replace(/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi,"").trim()},at=(e,l)=>t.find(e,{_id:l}),lt=(e,l)=>t.isEmpty(l)?e.map(n=>(t.unset(n,"_bid"),n)):t.map(e,n=>{const s=t.isEmpty(n._bid)?void 0:at(l,n._bid);if(s){s._type==="Icon"&&t.get(n,"icon","").match(/chai-default-svg/)&&delete n.icon;const a={...s,...n};return t.unset(a,"_bid"),a}return t.unset(n,"_bid"),n}),ot=e=>{const l=k.parse(nt(e));return t.isEmpty(e)?[]:t.flatten(w(l))};function rt(e,l,n){const s=t.get(n,"i18nProps",[]);if(t.isEmpty(l)||t.isEmpty(s))return e;const a=t.cloneDeep(e);return t.forEach(t.keys(a),i=>{if(t.includes(s,i)&&!t.isEmpty(l)){const o=t.get(a,i),r=t.get(a,`${i}-${l}`,"");t.isString(o)?a[i]=t.isString(r)&&!t.isEmpty(r.trim())&&r.trimStart()||o:a[i]=t.isEmpty(r)?o:r}}),a}const F=(e,l)=>{const{baseClasses:n,classes:s}=H(e),i=s.split(" ").filter(r=>r.startsWith(v)).map(r=>{var y;return(y=l[r])==null?void 0:y.value}),o=s.split(" ").filter(r=>!r.startsWith(v)).join(" ");return U.twMerge.apply(null,[n,...i,o])};function ct(e,l){return t.get(e,`${l}_attrs`,{})}function pt(e,l=!0,n={}){const s={};return Object.keys(e).forEach(a=>{if(t.isString(e[a])&&e[a].startsWith(m)){const i=F(e[a],n),o=ct(e,a);s[a]={...!t.isEmpty(i)&&{className:i},...o,...l?{"data-style-prop":a,"data-block-parent":e._id,"data-style-id":`${a}-${e._id}`}:{}}}}),s}const ut=t.memoize(e=>{const l=z.getRegisteredChaiBlock(e),n=t.get(l,"schema.properties",{});return Object.fromEntries(Object.entries(n).filter(([,s])=>t.get(s,"runtime",!1)))}),dt=(e,l)=>{if(!t.isArray(e))return e;let n=e,s;return typeof l.limit=="number"&&l.limit>0&&(s=l.limit),s!==void 0&&(n=n.slice(0,s)),n},yt=(e,l)=>{const n=t.cloneDeep(e);return t.forEach(t.keys(n),s=>{if(t.isString(n[s])&&!t.startsWith(s,"_")){let a=n[s];s==="repeaterItems"&&(n.repeaterItemsBinding=a);const i=/\{\{(.*?)\}\}/g,o=a.match(i);o&&o.forEach(r=>{let y=r.slice(2,-2);const c=t.get(l,y,r);a=t.isArray(c)?c:a.replace(r,c)}),n[s]=a}}),n},gt=(e,l)=>e.map(n=>{const s=t.keys(n).filter(a=>t.isString(n[a])&&n[a].startsWith(m));return t.each(s,a=>{n[a]=`${m},${F(n[a],l)}`}),n}),ht=e=>{const l=t.last(e);return e.map(n=>{const s=Object.keys(n);for(let a=0;a<s.length;a++)if(t.isString(n[s[a]])&&t.startsWith(s[a],"content")){const i=n===l?"":" ";n[s[a]]=`${n[s[a]].trim()}${i}`}return n})},S=(e,l,{index:n,key:s},a)=>{if(t.isString(e)){let i=e;const o=/\{\{(.*?)\}\}/g,r=e.match(o);if(r){const y=a==="image"||a==="mobileImage";r.forEach(c=>{let b=c.slice(2,-2).trim(),_=s.slice(2,-2).trim();n!==-1&&t.startsWith(b,"$index.")?b=`${_}.${n}.${b.slice(7)}`:n!==-1&&t.startsWith(b,"$index")&&(b=`${_}.${n}`);const x=t.get(l,b);x===void 0?i=i.replace(c,""):y&&!t.isArray(x)?i=x:i=t.isArray(x)?x:i.replace(c,x)})}return i}if(t.isArray(e))return e.map(i=>S(i,l,{index:n,key:s},a));if(e&&typeof e=="object"){const i={};return t.forEach(t.keys(e),o=>{!t.startsWith(o,"_")&&o!=="$repeaterItemsKey"?i[o]=S(e[o],l,{index:n,key:s},o):i[o]=e[o]}),i}return e},mt=(e,l,{index:n,key:s})=>{let a=t.cloneDeep(e);return a.repeaterItems&&(a.$repeaterItemsKey=a.repeaterItems,t.startsWith(a.repeaterItems,`{{${V}`)&&(a.$repeaterItemsKey=a.repeaterItems=`${a.repeaterItems.replace("}}",`/${a._id}}}`)}`),!t.isEmpty(a.repeaterItems)&&a.pagination&&(a.repeaterTotalItems=`${a.repeaterItems.replace("}}",`/${a._id}/totalItems}}`)}`)),S(a,l,{index:n,key:s})};exports.COLLECTION_PREFIX=V;exports.DESIGN_TOKEN_PREFIX=v;exports.REPEATER_PREFIX=K;exports.ROOT_TEMP_KEY=Y;exports.STYLES_KEY=m;exports.adjustSpacingInContentBlocks=ht;exports.applyBindingToBlockProps=mt;exports.applyChaiDataBinding=yt;exports.applyDesignTokens=gt;exports.applyLanguage=rt;exports.applyLimit=dt;exports.getBlockRuntimeProps=ut;exports.getBlockTagAttributes=pt;exports.getBlocksFromHTML=ot;exports.getSplitChaiClasses=H;exports.mergeBlocksWithExisting=lt;

package/dist/{code-editor-tNvYQ21U.js → code-editor-BZMSNYkF.js}

@@ -1,5 +1,5 @@
 import { jsx as o, jsxs as d } from "react/jsx-runtime";
-import { u as C, a as k, b as v, c as g } from "./index-x0hEzxrt.js";
+import { u as C, a as k, b as v, c as g } from "./index-CAiYwkFz.js";
 import "clsx";
 import "lodash-es";
 import "nanoid";

package/dist/{code-editor-DniWNMiF.cjs → code-editor-DRCY5ruT.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("./index-Cw-O8A8U.cjs");require("clsx");require("lodash-es");require("nanoid");require("tailwind-merge");require("tree-model");const c=require("react");require("jotai");require("@chaibuilder/runtime");require("sonner");const q=require("react-i18next"),r=require("./tooltip-Ba1-8jmj.cjs"),g=require("@react-hookz/web"),m=n=>{const s=document.createElement("div");return s.innerHTML=n,s.innerHTML};function j(){const{t:n}=q.useTranslation(),[s,h]=c.useState(!1),[a,p]=c.useState(""),[t,d]=i.useCodeEditor(),[u]=i.useSelectedBlockIds(),b=i.useUpdateBlocksProps(),f=i.useUpdateBlocksPropsRealtime(),C=g.useThrottledCallback(o=>{const l=m(o);f([t.blockId],{[t.blockProp]:l})},[],300),x=c.useCallback(()=>{if(s){const o=m(a);b([t.blockId],{[t.blockProp]:o})}},[s,a]);c.useEffect(()=>{u.includes(t==null?void 0:t.blockId)||(x(),d(null))},[u]);const k=()=>{x(),d(null)};return e.jsx(r.Dialog,{open:!0,onOpenChange:k,children:e.jsxs(r.DialogContent,{className:"flex max-h-[400px] min-h-[200px] max-w-4xl flex-col border-gray-700 text-black",children:[e.jsx(r.DialogHeader,{className:"shrink-0 border-b border-gray-700 pb-3",children:e.jsx(r.DialogTitle,{className:"flex items-center justify-between text-black",children:e.jsxs("div",{className:"space-x-3 text-sm font-semibold",children:[e.jsx("span",{children:n("HTML Code Editor |")}),e.jsx("span",{className:"text-xs text-gray-400",children:n("Scripts will be only executed in preview and live mode.")})]})})}),e.jsx("div",{className:"min-h-0 flex-1 overflow-hidden",children:e.jsx(r.Textarea,{className:"h-full w-full resize-none font-mono text-xs",value:a||t.initialCode,onChange:o=>{const l=o.target.value;h(!0),p(l),C(l)},rows:10,placeholder:"Enter your code here..."})})]})})}exports.default=j;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("./index-DIVARO6Y.cjs");require("clsx");require("lodash-es");require("nanoid");require("tailwind-merge");require("tree-model");const c=require("react");require("jotai");require("@chaibuilder/runtime");require("sonner");const q=require("react-i18next"),r=require("./tooltip-Ba1-8jmj.cjs"),g=require("@react-hookz/web"),m=n=>{const s=document.createElement("div");return s.innerHTML=n,s.innerHTML};function j(){const{t:n}=q.useTranslation(),[s,h]=c.useState(!1),[a,p]=c.useState(""),[t,d]=i.useCodeEditor(),[u]=i.useSelectedBlockIds(),b=i.useUpdateBlocksProps(),f=i.useUpdateBlocksPropsRealtime(),C=g.useThrottledCallback(o=>{const l=m(o);f([t.blockId],{[t.blockProp]:l})},[],300),x=c.useCallback(()=>{if(s){const o=m(a);b([t.blockId],{[t.blockProp]:o})}},[s,a]);c.useEffect(()=>{u.includes(t==null?void 0:t.blockId)||(x(),d(null))},[u]);const k=()=>{x(),d(null)};return e.jsx(r.Dialog,{open:!0,onOpenChange:k,children:e.jsxs(r.DialogContent,{className:"flex max-h-[400px] min-h-[200px] max-w-4xl flex-col border-gray-700 text-black",children:[e.jsx(r.DialogHeader,{className:"shrink-0 border-b border-gray-700 pb-3",children:e.jsx(r.DialogTitle,{className:"flex items-center justify-between text-black",children:e.jsxs("div",{className:"space-x-3 text-sm font-semibold",children:[e.jsx("span",{children:n("HTML Code Editor |")}),e.jsx("span",{className:"text-xs text-gray-400",children:n("Scripts will be only executed in preview and live mode.")})]})})}),e.jsx("div",{className:"min-h-0 flex-1 overflow-hidden",children:e.jsx(r.Textarea,{className:"h-full w-full resize-none font-mono text-xs",value:a||t.initialCode,onChange:o=>{const l=o.target.value;h(!0),p(l),C(l)},rows:10,placeholder:"Enter your code here..."})})]})})}exports.default=j;

package/dist/core.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-Cw-O8A8U.cjs"),s=require("./common-functions-B3a4xKt_.cjs"),a=require("./apply-binding-Dblf6wMG.cjs"),l=require("react-i18next"),i=require("i18next");exports.ChaiAddBlocksDialog=e.AddBlocksDialog;exports.ChaiAddBlocksPanel=e.AddBlocksPanel;exports.ChaiAskAiUserPrompt=e.AIUserPrompt;exports.ChaiBlockAttributesEditor=e.BlockAttributesEditor;exports.ChaiBlockPropsEditor=e.BlockSettings;exports.ChaiBlockStyleEditor=e.BlockStyling;exports.ChaiBuilderCanvas=e.CanvasArea;exports.ChaiBuilderEditor=e.ChaiBuilderEditor;exports.ChaiDarkModeSwitcher=e.DarkMode;exports.ChaiDefaultBlocks=e.DefaultChaiBlocks;exports.ChaiDraggableBlock=e.ChaiDraggableBlock;exports.ChaiExportCodeModal=e.ExportCodeModal;exports.ChaiImportHTML=e.ImportHTML;exports.ChaiOutline=e.ListTree;exports.ChaiScreenSizes=e.Breakpoints;exports.ChaiThemeConfigPanel=e.ThemeConfigPanel;exports.ChaiUILibrariesPanel=e.UILibrariesPanel;exports.ChaiUndoRedo=e.UndoRedo;exports.IfChaiFeatureFlag=e.IfChaiFeatureFlag;exports.PERMISSIONS=e.PERMISSIONS;exports.getClassValueAndUnit=e.getClassValueAndUnit;exports.registerBlockSettingField=e.registerBlockSettingField;exports.registerBlockSettingTemplate=e.registerBlockSettingTemplate;exports.registerBlockSettingWidget=e.registerBlockSettingWidget;exports.registerChaiAddBlockTab=e.registerChaiAddBlockTab;exports.registerChaiFeatureFlag=e.registerChaiFeatureFlag;exports.registerChaiFeatureFlags=e.registerChaiFeatureFlags;exports.registerChaiLibrary=e.registerChaiLibrary;exports.registerChaiMediaManager=e.registerChaiMediaManager;exports.registerChaiPreImportHTMLHook=e.registerChaiPreImportHTMLHook;exports.registerChaiSaveToLibrary=e.registerChaiSaveToLibrary;exports.registerChaiSidebarPanel=e.registerChaiSidebarPanel;exports.registerChaiTopBar=e.registerChaiTopBar;exports.useAddBlock=e.useAddBlock;exports.useAddClassesToBlocks=e.useAddClassesToBlocks;exports.useAskAi=e.useAskAi;exports.useBlockHighlight=e.useBlockHighlight;exports.useBlocksHtmlForAi=e.useBlocksHtmlForAi;exports.useBlocksStore=e.useBlocksStore;exports.useBlocksStoreUndoableActions=e.useBlocksStoreUndoableActions;exports.useBrandingOptions=e.useBrandingOptions;exports.useBuilderProp=e.useBuilderProp;exports.useBuilderReset=e.useBuilderReset;exports.useCanvasDisplayWidth=e.useCanvasDisplayWidth;exports.useCanvasWidth=e.useCanvasWidth;exports.useCanvasZoom=e.useCanvasZoom;exports.useChaiFeatureFlag=e.useChaiFeatureFlag;exports.useChaiFeatureFlags=e.useChaiFeatureFlags;exports.useCodeEditor=e.useCodeEditor;exports.useCopyBlockIds=e.useCopyBlocks;exports.useCopyToClipboard=e.useCopyToClipboard;exports.useCurrentPage=e.useCurrentPage;exports.useCutBlockIds=e.useCutBlockIds;exports.useDarkMode=e.useDarkMode;exports.useDuplicateBlocks=e.useDuplicateBlocks;exports.useHighlightBlockId=e.useHighlightBlockId;exports.useHtmlToBlocks=e.useHtmlToBlocks;exports.useI18nBlocks=e.useI18nBlocks;exports.useInlineEditing=e.useInlineEditing;exports.useIsPageLoaded=e.useIsPageLoaded;exports.useLanguages=e.useLanguages;exports.useLibraryBlocks=e.useLibraryBlocks;exports.useMediaManagerComponent=e.useMediaManagerComponent;exports.usePartailBlocksStore=e.usePartialBlocksStore;exports.usePartialBlocksList=e.usePartialBlocksList;exports.usePasteBlocks=e.usePasteBlocks;exports.usePermissions=e.usePermissions;exports.usePreviewMode=e.usePreviewMode;exports.usePubSub=e.usePubSub;exports.useRemoveAllClassesForBlock=e.useRemoveAllClassesForBlock;exports.useRemoveBlocks=e.useRemoveBlocks;exports.useRemoveClassesFromBlocks=e.useRemoveClassesFromBlocks;exports.useReplaceBlock=e.useReplaceBlock;exports.useResetBlockStyles=e.useResetBlockStyles;exports.useRightPanel=e.useRightPanel;exports.useSavePage=e.useSavePage;exports.useScreenSizeWidth=e.useScreenSizeWidth;exports.useSelectedBlock=e.useSelectedBlock;exports.useSelectedBlockAllClasses=e.useSelectedBlockAllClasses;exports.useSelectedBlockCurrentClasses=e.useSelectedBlockCurrentClasses;exports.useSelectedBlockIds=e.useSelectedBlockIds;exports.useSelectedBlocksDisplayChild=e.useSelectedBlocksDisplayChild;exports.useSelectedBreakpoints=e.useSelectedBreakpoints;exports.useSelectedLibrary=e.useSelectedLibrary;exports.useSelectedStylingBlocks=e.useSelectedStylingBlocks;exports.useSidebarActivePanel=e.useSidebarActivePanel;exports.useStreamMultipleBlocksProps=e.useStreamMultipleBlocksProps;exports.useStylingBreakpoint=e.useStylingBreakpoint;exports.useStylingState=e.useStylingState;exports.useTheme=e.useTheme;exports.useThemeOptions=e.useThemeOptions;exports.useToggleChaiFeatureFlag=e.useToggleChaiFeatureFlag;exports.useUndoManager=e.useUndoManager;exports.useUpdateBlocksProps=e.useUpdateBlocksProps;exports.useUpdateBlocksPropsRealtime=e.useUpdateBlocksPropsRealtime;exports.useWrapperBlock=e.useWrapperBlock;exports.generateBlockId=s.generateUUID;exports.mergeClasses=s.cn;exports.convertHTMLToChaiBlocks=a.getBlocksFromHTML;exports.getBlocksFromHTML=a.getBlocksFromHTML;Object.defineProperty(exports,"useTranslation",{enumerable:!0,get:()=>l.useTranslation});exports.i18n=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-DIVARO6Y.cjs"),s=require("./common-functions-B3a4xKt_.cjs"),a=require("./apply-binding-DLHh7HoS.cjs"),l=require("react-i18next"),i=require("i18next");exports.ChaiAddBlocksDialog=e.AddBlocksDialog;exports.ChaiAddBlocksPanel=e.AddBlocksPanel;exports.ChaiAskAiUserPrompt=e.AIUserPrompt;exports.ChaiBlockAttributesEditor=e.BlockAttributesEditor;exports.ChaiBlockPropsEditor=e.BlockSettings;exports.ChaiBlockStyleEditor=e.BlockStyling;exports.ChaiBuilderCanvas=e.CanvasArea;exports.ChaiBuilderEditor=e.ChaiBuilderEditor;exports.ChaiDarkModeSwitcher=e.DarkMode;exports.ChaiDefaultBlocks=e.DefaultChaiBlocks;exports.ChaiDraggableBlock=e.ChaiDraggableBlock;exports.ChaiExportCodeModal=e.ExportCodeModal;exports.ChaiImportHTML=e.ImportHTML;exports.ChaiOutline=e.ListTree;exports.ChaiScreenSizes=e.Breakpoints;exports.ChaiThemeConfigPanel=e.ThemeConfigPanel;exports.ChaiUILibrariesPanel=e.UILibrariesPanel;exports.ChaiUndoRedo=e.UndoRedo;exports.IfChaiFeatureFlag=e.IfChaiFeatureFlag;exports.PERMISSIONS=e.PERMISSIONS;exports.getClassValueAndUnit=e.getClassValueAndUnit;exports.registerBlockSettingField=e.registerBlockSettingField;exports.registerBlockSettingTemplate=e.registerBlockSettingTemplate;exports.registerBlockSettingWidget=e.registerBlockSettingWidget;exports.registerChaiAddBlockTab=e.registerChaiAddBlockTab;exports.registerChaiFeatureFlag=e.registerChaiFeatureFlag;exports.registerChaiFeatureFlags=e.registerChaiFeatureFlags;exports.registerChaiLibrary=e.registerChaiLibrary;exports.registerChaiMediaManager=e.registerChaiMediaManager;exports.registerChaiPreImportHTMLHook=e.registerChaiPreImportHTMLHook;exports.registerChaiSaveToLibrary=e.registerChaiSaveToLibrary;exports.registerChaiSidebarPanel=e.registerChaiSidebarPanel;exports.registerChaiTopBar=e.registerChaiTopBar;exports.useAddBlock=e.useAddBlock;exports.useAddClassesToBlocks=e.useAddClassesToBlocks;exports.useAskAi=e.useAskAi;exports.useBlockHighlight=e.useBlockHighlight;exports.useBlocksHtmlForAi=e.useBlocksHtmlForAi;exports.useBlocksStore=e.useBlocksStore;exports.useBlocksStoreUndoableActions=e.useBlocksStoreUndoableActions;exports.useBrandingOptions=e.useBrandingOptions;exports.useBuilderProp=e.useBuilderProp;exports.useBuilderReset=e.useBuilderReset;exports.useCanvasDisplayWidth=e.useCanvasDisplayWidth;exports.useCanvasWidth=e.useCanvasWidth;exports.useCanvasZoom=e.useCanvasZoom;exports.useChaiFeatureFlag=e.useChaiFeatureFlag;exports.useChaiFeatureFlags=e.useChaiFeatureFlags;exports.useCodeEditor=e.useCodeEditor;exports.useCopyBlockIds=e.useCopyBlocks;exports.useCopyToClipboard=e.useCopyToClipboard;exports.useCurrentPage=e.useCurrentPage;exports.useCutBlockIds=e.useCutBlockIds;exports.useDarkMode=e.useDarkMode;exports.useDuplicateBlocks=e.useDuplicateBlocks;exports.useHighlightBlockId=e.useHighlightBlockId;exports.useHtmlToBlocks=e.useHtmlToBlocks;exports.useI18nBlocks=e.useI18nBlocks;exports.useInlineEditing=e.useInlineEditing;exports.useIsPageLoaded=e.useIsPageLoaded;exports.useLanguages=e.useLanguages;exports.useLibraryBlocks=e.useLibraryBlocks;exports.useMediaManagerComponent=e.useMediaManagerComponent;exports.usePartailBlocksStore=e.usePartialBlocksStore;exports.usePartialBlocksList=e.usePartialBlocksList;exports.usePasteBlocks=e.usePasteBlocks;exports.usePermissions=e.usePermissions;exports.usePreviewMode=e.usePreviewMode;exports.usePubSub=e.usePubSub;exports.useRemoveAllClassesForBlock=e.useRemoveAllClassesForBlock;exports.useRemoveBlocks=e.useRemoveBlocks;exports.useRemoveClassesFromBlocks=e.useRemoveClassesFromBlocks;exports.useReplaceBlock=e.useReplaceBlock;exports.useResetBlockStyles=e.useResetBlockStyles;exports.useRightPanel=e.useRightPanel;exports.useSavePage=e.useSavePage;exports.useScreenSizeWidth=e.useScreenSizeWidth;exports.useSelectedBlock=e.useSelectedBlock;exports.useSelectedBlockAllClasses=e.useSelectedBlockAllClasses;exports.useSelectedBlockCurrentClasses=e.useSelectedBlockCurrentClasses;exports.useSelectedBlockIds=e.useSelectedBlockIds;exports.useSelectedBlocksDisplayChild=e.useSelectedBlocksDisplayChild;exports.useSelectedBreakpoints=e.useSelectedBreakpoints;exports.useSelectedLibrary=e.useSelectedLibrary;exports.useSelectedStylingBlocks=e.useSelectedStylingBlocks;exports.useSidebarActivePanel=e.useSidebarActivePanel;exports.useStreamMultipleBlocksProps=e.useStreamMultipleBlocksProps;exports.useStylingBreakpoint=e.useStylingBreakpoint;exports.useStylingState=e.useStylingState;exports.useTheme=e.useTheme;exports.useThemeOptions=e.useThemeOptions;exports.useToggleChaiFeatureFlag=e.useToggleChaiFeatureFlag;exports.useUndoManager=e.useUndoManager;exports.useUpdateBlocksProps=e.useUpdateBlocksProps;exports.useUpdateBlocksPropsRealtime=e.useUpdateBlocksPropsRealtime;exports.useWrapperBlock=e.useWrapperBlock;exports.generateBlockId=s.generateUUID;exports.mergeClasses=s.cn;exports.convertHTMLToChaiBlocks=a.getBlocksFromHTML;exports.getBlocksFromHTML=a.getBlocksFromHTML;Object.defineProperty(exports,"useTranslation",{enumerable:!0,get:()=>l.useTranslation});exports.i18n=i;

package/dist/core.js

@@ -1,6 +1,6 @@
-import { j as e, A as o, f as i, k as l, B as r, e as t, C as u, i as c, D as d, l as C, m as B, E as k, I as g, L as n, g as h, T as p, U as S, h as m, z as P, P as F, n as A, o as T, p as b, q as M, r as y, F as I, G as v, t as L, v as f, s as H, w as R, x as D, y as E, O as U, Q as x, R as W, S as O, V as w, W as z, aC as j, X as q, Y as G, Z as V, aE as Z, aD as J, _ as K, H as N, J as Q, u as X, $ as Y, a0 as _, a1 as $, a2 as aa, a3 as sa, a4 as ea, a5 as oa, a6 as ia, a7 as la, a8 as ra, a9 as ta, aa as ua, ab as ca, M as da, ac as Ca, ad as Ba, ae as ka, af as ga, ag as na, ah as ha, ai as pa, aj as Sa, ak as ma, al as Pa, am as Fa, an as Aa, ao as Ta, aF as ba, ap as Ma, aq as ya, ar as Ia, a as va, as as La, at as fa, aG as Ha, au as Ra, aH as Da, av as Ea, aw as Ua, ax as xa, ay as Wa, az as Oa, K as wa, aA as za, b as ja, c as qa, aB as Ga } from "./index-x0hEzxrt.js";
+import { j as e, A as o, f as i, k as l, B as r, e as t, C as u, i as c, D as d, l as C, m as B, E as k, I as g, L as n, g as h, T as p, U as S, h as m, z as P, P as F, n as A, o as T, p as b, q as M, r as y, F as I, G as v, t as L, v as f, s as H, w as R, x as D, y as E, O as U, Q as x, R as W, S as O, V as w, W as z, aC as j, X as q, Y as G, Z as V, aE as Z, aD as J, _ as K, H as N, J as Q, u as X, $ as Y, a0 as _, a1 as $, a2 as aa, a3 as sa, a4 as ea, a5 as oa, a6 as ia, a7 as la, a8 as ra, a9 as ta, aa as ua, ab as ca, M as da, ac as Ca, ad as Ba, ae as ka, af as ga, ag as na, ah as ha, ai as pa, aj as Sa, ak as ma, al as Pa, am as Fa, an as Aa, ao as Ta, aF as ba, ap as Ma, aq as ya, ar as Ia, a as va, as as La, at as fa, aG as Ha, au as Ra, aH as Da, av as Ea, aw as Ua, ax as xa, ay as Wa, az as Oa, K as wa, aA as za, b as ja, c as qa, aB as Ga } from "./index-CAiYwkFz.js";
 import { g as Za, c as Ja } from "./common-functions-D2lMFR6K.js";
-import { h as Na, h as Qa } from "./apply-binding-BwPhgnhk.js";
+import { h as Na, h as Qa } from "./apply-binding-CSWwWMjY.js";
 import { useTranslation as Ya } from "react-i18next";
 import { default as $a } from "i18next";
 export {