@chaibuilder/sdk 3.1.8 → 3.1.10

package/dist/apply-binding-DCZAw7M-.cjs

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

package/dist/{apply-binding-w7OMcHcu.js → apply-binding-DXR0sMuX.js}

@@ -1,9 +1,9 @@
-import { g as nt, c as S } from "./common-functions-BGzDsf1z.js";
-import { isEmpty as f, flatten as rt, flatMapDeep as ot, get as d, set as E, startsWith as k, find as m, startCase as lt, forEach as $, includes as v, has as A, filter as Z, some as ct, map as Q, compact as pt, trim as ut, capitalize as dt, memoize as tt, cloneDeep as q, keys as M, isString as B, isArray as C, last as ht } from "lodash-es";
-import { parse as gt, stringify as N } from "himalaya";
-import { getRegisteredChaiBlock as mt } from "@chaibuilder/runtime";
-import { twMerge as yt } from "tailwind-merge";
-const x = "#styles:", St = "__ADD_BLOCK_INTERNAL_ROOT", Rt = "@", bt = "#", et = (e) => {
+import { g as rt, c as S } from "./common-functions-BGzDsf1z.js";
+import { isEmpty as f, flatten as ot, flatMapDeep as lt, get as d, set as E, startsWith as _, find as m, startCase as ct, forEach as $, camelCase as pt, includes as v, has as A, filter as Z, some as ut, map as Q, compact as dt, trim as ht, capitalize as gt, memoize as tt, cloneDeep as q, keys as M, isString as B, isArray as C, last as mt } from "lodash-es";
+import { parse as yt, stringify as N } from "himalaya";
+import { getRegisteredChaiBlock as bt } from "@chaibuilder/runtime";
+import { twMerge as ft } from "tailwind-merge";
+const x = "#styles:", Ht = "__ADD_BLOCK_INTERNAL_ROOT", jt = "@", xt = "#", et = (e) => {
   if (e = e.replace(x, ""), !e) return { baseClasses: "", classes: "" };
   const s = e.split(/,(?![^\[]*\])/);
   if (s.length === 1)
@@ -46,14 +46,14 @@ import.meta.vitest && describe("getSplitChaiClasses", () => {
     }
   });
 });
-const ft = (e) => {
+const _t = (e) => {
   const s = /(?: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 s.test(e) || t.test(e);
-}, xt = (e) => {
+}, kt = (e) => {
   if (f(e)) return e;
   const s = /<video[^>]+src=['"]([^'">]+)['"]/, t = /<iframe[^>]+src=['"]([^'">]+)['"]/, a = e.match(s), n = e.match(t), r = a ? a[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})/, c = /(?:https?:\/\/)?(?:www\.)?player.vimeo\.com/;
   return r && (o.test(r) || c.test(r)) ? r : e;
-}, at = ["chai-name", "data-chai-name"], _t = {
+}, at = ["chai-name", "data-chai-name"], vt = {
   img: { alt: "alt", width: "width", height: "height", src: "image" },
   video: {
     src: "url",
@@ -89,11 +89,11 @@ const ft = (e) => {
   form: {
     action: "action"
   }
-}, kt = (e, s) => e.children.length === 1 && v(
+}, wt = (e, s) => e.children.length === 1 && v(
   ["Heading", "Paragraph", "Span", "ListItem", "Button", "Label", "TableCell", "Link", "RichText"],
   s._type
 ), R = (e) => e.map((s) => s.type === "text" ? d(s, "content", "") : f(s.children) ? "" : R(s.children)).join(""), H = (e) => e === null ? "" : e, st = (e) => {
-  const s = pt(Q(e.split(/\s+/), ut)), t = m(s, (c) => /^w-/.test(c)), a = m(s, (c) => /^h-/.test(c));
+  const s = dt(Q(e.split(/\s+/), ht)), t = m(s, (c) => /^w-/.test(c)), a = m(s, (c) => /^h-/.test(c));
   if (!a || !t) return { height: "", width: "" };
   const n = (c) => {
     if (!c) return;
@@ -109,7 +109,7 @@ const ft = (e) => {
   };
 }, G = (e) => {
   if (e.tagName === "svg") return {};
-  const s = {}, t = _t[e.tagName] || {}, a = e.attributes;
+  const s = {}, t = vt[e.tagName] || {}, a = e.attributes;
   return $(a, ({ key: n, value: r }) => {
     if (!v(at, n))
       if (t[n]) {
@@ -118,9 +118,9 @@ const ft = (e) => {
           o && c ? r = `https://via.placeholder.com/${o == null ? void 0 : o.value}x${c == null ? void 0 : c.value}` : r = "https://via.placeholder.com/150x150";
         }
         E(s, t[n], H(r));
-      } else v(["style", "class", "srcset"], n) || (A(s, "styles_attrs") || (s.styles_attrs = {}), k(n, "@") && (n = n.replace("@", "x-on:")), s.styles_attrs[`${n}`] = H(r));
+      } else v(["style", "class", "srcset"], n) || (A(s, "styles_attrs") || (s.styles_attrs = {}), _(n, "@") && (n = n.replace("@", "x-on:")), s.styles_attrs[`${n}`] = H(r));
   }), delete s.class, s;
-}, vt = (e, s = "styles") => {
+}, Tt = (e, s = "styles") => {
   if (!e.attributes) return { [s]: `${x},` };
   const t = m(e.attributes, { key: "class" });
   if (t) {
@@ -128,7 +128,7 @@ const ft = (e) => {
     return { [s]: `${x},${a}` };
   }
   return { [s]: `${x},` };
-}, wt = (e) => {
+}, Et = (e) => {
   const s = d(e, "attributes", []), t = s.find((i) => i.key === "data-chai-richtext" || i.key === "chai-richtext"), a = s.find((i) => i.key === "data-chai-lightbox" || i.key === "chai-lightbox"), n = s.find((i) => i.key === "data-chai-dropdown" || i.key === "chai-dropdown"), r = s.find(
     (i) => i.key === "data-chai-dropdown-button" || i.key === "chai-dropdown-button"
   ), o = s.find(
@@ -226,26 +226,27 @@ const ft = (e) => {
       return {
         _type: i,
         tag: e.tagName,
-        _name: i == "EmptyBox" || e.tagName === "div" ? i : dt(e.tagName)
+        _name: i == "EmptyBox" || e.tagName === "div" ? i : gt(e.tagName)
       };
     }
   }
-}, j = (e, s = null) => ot(e, (t) => {
+}, j = (e, s = null) => lt(e, (t) => {
   var P, J, O, z, V, W, F, U, Y, K;
   if (t.type === "comment") return [];
-  let a = { _id: nt() };
+  let a = { _id: rt() };
   if (s && (a._parent = s.block._id), t.type === "text")
-    return f(d(t, "content", "")) ? [] : s && kt(s.node, s.block) ? (E(s, "block.content", d(t, "content", "")), []) : { ...a, _type: "Text", content: d(t, "content", "") };
-  if (k(t.tagName, "chai-")) {
-    const l = t.attributes, p = m(l, { key: "chai-type" }), u = (p == null ? void 0 : p.value) || lt(t.tagName.replace("chai-", "")).replace(/\s+/g, "");
-    a._type = u, $(l, ({ key: b, value: X }) => {
-      if (b === "about-this-component" || b === "chai-type" || b === "can-move" || b === "can-delete") return;
-      if (b === "id") {
+    return f(d(t, "content", "")) ? [] : s && wt(s.node, s.block) ? (E(s, "block.content", d(t, "content", "")), []) : { ...a, _type: "Text", content: d(t, "content", "") };
+  if (_(t.tagName, "chai-")) {
+    const l = t.attributes, p = m(l, { key: "chai-type" }), u = (p == null ? void 0 : p.value) || ct(t.tagName.replace("chai-", "")).replace(/\s+/g, "");
+    a._type = u, $(l, ({ key: y, value: X }) => {
+      if (y === "about-this-component" || y === "chai-type" || y === "can-move" || y === "can-delete") return;
+      if (y === "id") {
         a._id = X;
         return;
       }
+      const nt = _(y, "_") ? y : pt(y);
       let I = H(X);
-      typeof I == "string" && k(I, "#styles:") && (I = I.replace("#styles:", "#styles:,")), a[b] = I;
+      typeof I == "string" && _(I, "#styles:") && (I = I.replace("#styles:", "#styles:,")), a[nt] = I;
     });
     const h = j(t.children, { block: a, node: t });
     return [a, ...h];
@@ -263,9 +264,9 @@ const ft = (e) => {
   );
   if (a = {
     ...a,
-    ...wt(t),
+    ...Et(t),
     ...G(t),
-    ...vt(t)
+    ...Tt(t)
   }, t.attributes) {
     const l = t.attributes.find((p) => v(at, p.key));
     l && (a._name = l.value);
@@ -301,14 +302,14 @@ const ft = (e) => {
     a.content = R(l);
     const p = m(
       t.children || [],
-      (u) => (u == null ? void 0 : u.tagName) === "span" && ct(u.children || [], (h) => (h == null ? void 0 : h.tagName) === "svg")
+      (u) => (u == null ? void 0 : u.tagName) === "span" && ut(u.children || [], (h) => (h == null ? void 0 : h.tagName) === "svg")
     );
     if (p) {
       const u = m(p.children || [], (h) => (h == null ? void 0 : h.tagName) === "svg");
       if (u) {
         a.icon = N([u]);
-        const { height: h, width: b } = Tt(u, "16px", "16px");
-        a.iconHeight = h, a.iconWidth = b;
+        const { height: h, width: y } = $t(u, "16px", "16px");
+        a.iconHeight = h, a.iconWidth = y;
       }
     }
     return [a];
@@ -318,14 +319,14 @@ const ft = (e) => {
     l === "checkbox" ? E(a, "_type", "Checkbox") : l === "radio" && E(a, "_type", "Radio");
   } else if (t.tagName === "video" || t.tagName === "iframe") {
     const l = N([t]);
-    return ft(l) && (E(a, "_type", "Video"), E(a, "url", xt(l)), E(a, "styles", `${x},`), E(a, "controls", { autoPlay: !1, muted: !0, loop: !1, controls: !1 })), a.content = l, [a];
+    return _t(l) && (E(a, "_type", "Video"), E(a, "url", kt(l)), E(a, "styles", `${x},`), E(a, "controls", { autoPlay: !1, muted: !0, loop: !1, controls: !1 })), a.content = l, [a];
   } else if (t.tagName === "svg") {
     const l = d(m(t.attributes, { key: "class" }), "value", ""), { height: p, width: u } = st(l);
     if (p && u)
       a.styles = `${x}, ${S(`w-${u} h-${p}`, l)}`.trim(), a.height = p == null ? void 0 : p.replace("px", ""), a.width = u == null ? void 0 : u.replace("px", "");
     else {
-      const h = (U = m(t.attributes, { key: "height" })) == null ? void 0 : U.value, b = (Y = m(t.attributes, { key: "width" })) == null ? void 0 : Y.value;
-      h && b ? (a.styles = `${x}, ${S(`w-[${b}px] h-[${h}px]`, l)}`.trim(), a.height = h, a.width = b) : a.styles = `${x}, ${S("w-full h-full", l)}`.trim();
+      const h = (U = m(t.attributes, { key: "height" })) == null ? void 0 : U.value, y = (Y = m(t.attributes, { key: "width" })) == null ? void 0 : Y.value;
+      h && y ? (a.styles = `${x}, ${S(`w-[${y}px] h-[${h}px]`, l)}`.trim(), a.height = h, a.width = y) : a.styles = `${x}, ${S("w-full h-full", l)}`.trim();
     }
     return t.attributes = Z(t.attributes, (h) => !v(["style", "width", "height", "class"], h.key)), a.icon = N([t]), [a];
   } else if (t.tagName == "option" && s && ((K = s.block) == null ? void 0 : K._type) === "Select")
@@ -335,7 +336,7 @@ const ft = (e) => {
     }), [];
   const T = j(t.children, { block: a, node: t });
   return [a, ...T];
-}), Tt = (e, s, t) => {
+}), $t = (e, s, t) => {
   var g, i;
   const a = d(e, "attributes", []), { height: n, width: r } = st(
     d(m(a, { key: "class" }), "value", "")
@@ -350,21 +351,21 @@ const ft = (e) => {
     height: o ? `[${o}px]` : t,
     width: c ? `[${c}px]` : s
   };
-}, Et = (e) => {
+}, Bt = (e) => {
   e = e.replace(/(\w+)=\\?"(.*?)\\?"/g, (a, n, r) => {
     let o = r.replace(/\\"/g, '"');
     return o = o.replace(/{([^}]+)}/g, (c) => c.replace(/"/g, '\\"')), `${n}="${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 s = e.match(/<body[^>]*>[\s\S]*?<\/body>/);
   return (s && s.length > 0 ? s[0].replace(/<body/, "<div").replace(/<\/body>/, "</div>") : e).replace(/\s+/g, " ").replaceAll("> <", "><").replace(/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi, "").trim();
-}, $t = (e, s) => m(e, { _id: s }), Ht = (e, s) => f(s) ? e : Q(e, (t) => {
-  const a = $t(s, t._id);
+}, It = (e, s) => m(e, { _id: s }), qt = (e, s) => f(s) ? e : Q(e, (t) => {
+  const a = It(s, t._id);
   return a ? (a._type === "Icon" && d(t, "icon", "").match(/chai-default-svg/) && delete t.icon, { ...a, ...t }) : t;
-}), jt = (e) => {
-  const s = gt(Et(e));
-  return f(e) ? [] : rt(j(s));
+}), Mt = (e) => {
+  const s = yt(Bt(e));
+  return f(e) ? [] : ot(j(s));
 };
-function qt(e, s, t) {
+function Pt(e, s, t) {
   const a = d(t, "i18nProps", []);
   if (f(s) || f(a)) return e;
   const n = q(e);
@@ -375,18 +376,18 @@ function qt(e, s, t) {
     }
   }), n;
 }
-const Bt = tt((e) => {
+const Ct = tt((e) => {
   const { baseClasses: s, classes: t } = et(e);
-  return yt(s, t);
+  return ft(s, t);
 });
-function It(e, s) {
+function Dt(e, s) {
   return d(e, `${s}_attrs`, {});
 }
-function Mt(e, s = !0) {
+function Jt(e, s = !0) {
   const t = {};
   return Object.keys(e).forEach((a) => {
     if (B(e[a]) && e[a].startsWith(x)) {
-      const n = Bt(e[a]), r = It(e, a);
+      const n = Ct(e[a]), r = Dt(e, a);
       t[a] = {
         ...!f(n) && { className: n },
         ...r,
@@ -399,17 +400,17 @@ function Mt(e, s = !0) {
     }
   }), t;
 }
-const Pt = tt((e) => {
-  const s = mt(e), t = d(s, "schema.properties", {});
+const Ot = tt((e) => {
+  const s = bt(e), t = d(s, "schema.properties", {});
   return Object.fromEntries(Object.entries(t).filter(([, a]) => d(a, "runtime", !1)));
-}), Jt = (e, s) => {
+}), zt = (e, s) => {
   if (!C(e)) return e;
   let t = e, a;
   return typeof s.limit == "number" && s.limit > 0 && (a = s.limit), a !== void 0 && (t = t.slice(0, a)), t;
-}, Ot = (e, s) => {
+}, Vt = (e, s) => {
   const t = q(e);
   return $(M(t), (a) => {
-    if (B(t[a]) && !k(a, "_")) {
+    if (B(t[a]) && !_(a, "_")) {
       let n = t[a];
       a === "repeaterItems" && (t.repeaterItemsBinding = n);
       const r = /\{\{(.*?)\}\}/g, o = n.match(r);
@@ -420,12 +421,12 @@ const Pt = tt((e) => {
       }), t[a] = n;
     }
   }), t;
-}, _ = (e) => {
-  const s = ht(e);
+}, k = (e) => {
+  const s = mt(e);
   return e.map((t) => {
     const a = Object.keys(t);
     for (let n = 0; n < a.length; n++)
-      if (B(t[a[n]]) && k(a[n], "content")) {
+      if (B(t[a[n]]) && _(a[n], "content")) {
         const r = t === s ? "" : " ";
         t[a[n]] = `${t[a[n]].trim()}${r}`;
       }
@@ -436,50 +437,50 @@ if (import.meta.vitest) {
   const { describe: e, it: s, expect: t } = import.meta.vitest;
   e("adjustSpacingInContentBlocks", () => {
     s("should add space after content fields except for the last block", () => {
-      const n = _([
+      const n = k([
         { _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");
     }), s("should trim whitespace from content before adding space", () => {
-      const n = _([
+      const n = k([
         { _id: "1", _type: "Text", content: "  First  " },
         { _id: "2", _type: "Text", content: "  Second  " }
       ]);
       t(n[0].content).toBe("First "), t(n[1].content).toBe("Second");
     }), s("should handle multiple content fields in a single block", () => {
-      const n = _([
+      const n = k([
         { _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");
     }), s("should only process fields that start with 'content'", () => {
-      const n = _([
+      const n = k([
         { _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");
     }), s("should handle empty array", () => {
-      const n = _([]);
+      const n = k([]);
       t(n).toEqual([]);
     }), s("should handle single block", () => {
-      const n = _([{ _id: "1", _type: "Text", content: "Only" }]);
+      const n = k([{ _id: "1", _type: "Text", content: "Only" }]);
       t(n[0].content).toBe("Only");
     }), s("should handle blocks without content fields", () => {
-      const n = _([
+      const n = k([
         { _id: "1", _type: "Container", title: "Title" },
         { _id: "2", _type: "Container", name: "Name" }
       ]);
       t(n[0].title).toBe("Title"), t(n[1].name).toBe("Name");
     }), s("should handle blocks with non-string content fields", () => {
-      const n = _([
+      const n = k([
         { _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);
     }), s("should handle empty string content", () => {
-      const n = _([
+      const n = k([
         { _id: "1", _type: "Text", content: "" },
         { _id: "2", _type: "Text", content: "Last" }
       ]);
@@ -487,7 +488,7 @@ if (import.meta.vitest) {
     });
   });
 }
-const y = (e, s, { index: t, key: a }, n) => {
+const b = (e, s, { index: t, key: a }, n) => {
   if (B(e)) {
     let r = e;
     const o = /\{\{(.*?)\}\}/g, c = e.match(o);
@@ -495,7 +496,7 @@ const y = (e, s, { index: t, key: a }, n) => {
       const g = n === "image" || n === "mobileImage";
       c.forEach((i) => {
         let w = i.slice(2, -2).trim(), D = a.slice(2, -2).trim();
-        t !== -1 && k(w, "$index.") ? w = `${D}.${t}.${w.slice(7)}` : t !== -1 && k(w, "$index") && (w = `${D}.${t}`);
+        t !== -1 && _(w, "$index.") ? w = `${D}.${t}.${w.slice(7)}` : t !== -1 && _(w, "$index") && (w = `${D}.${t}`);
         const T = d(s, w);
         T === void 0 ? r = r.replace(i, "") : g && !C(T) ? r = T : r = C(T) ? T : r.replace(i, T);
       });
@@ -503,24 +504,24 @@ const y = (e, s, { index: t, key: a }, n) => {
     return r;
   }
   if (C(e))
-    return e.map((r) => y(r, s, { index: t, key: a }, n));
+    return e.map((r) => b(r, s, { index: t, key: a }, n));
   if (e && typeof e == "object") {
     const r = {};
     return $(M(e), (o) => {
-      !k(o, "_") && o !== "$repeaterItemsKey" ? r[o] = y(e[o], s, { index: t, key: a }, o) : r[o] = e[o];
+      !_(o, "_") && o !== "$repeaterItemsKey" ? r[o] = b(e[o], s, { index: t, key: a }, o) : r[o] = e[o];
     }), r;
   }
   return e;
 }, L = (e, s, { index: t, key: a }) => {
   let n = q(e);
-  return n.repeaterItems && (n.$repeaterItemsKey = n.repeaterItems, k(n.repeaterItems, `{{${bt}`) && (n.$repeaterItemsKey = n.repeaterItems = `${n.repeaterItems.replace("}}", `/${n._id}}}`)}`), !f(n.repeaterItems) && n.pagination && (n.repeaterTotalItems = `${n.repeaterItems.replace("}}", `/${n._id}/totalItems}}`)}`)), y(n, s, { index: t, key: a });
+  return n.repeaterItems && (n.$repeaterItemsKey = n.repeaterItems, _(n.repeaterItems, `{{${xt}`) && (n.$repeaterItemsKey = n.repeaterItems = `${n.repeaterItems.replace("}}", `/${n._id}}}`)}`), !f(n.repeaterItems) && n.pagination && (n.repeaterTotalItems = `${n.repeaterItems.replace("}}", `/${n._id}/totalItems}}`)}`)), b(n, s, { index: t, key: a });
 };
 import.meta.vitest && (describe("applyBindingToValue", () => {
   it("should handle string values with bindings", () => {
-    const t = y("Hello {{user.name}}", { user: { name: "John" } }, { index: -1, key: "" });
+    const t = b("Hello {{user.name}}", { user: { name: "John" } }, { index: -1, key: "" });
     expect(t).toBe("Hello John");
   }), it("should handle nested object properties", () => {
-    const t = y({
+    const t = b({
       name: "John",
       address: {
         city: "{{user.city}}",
@@ -535,19 +536,19 @@ import.meta.vitest && (describe("applyBindingToValue", () => {
       }
     });
   }), it("should handle arrays of values", () => {
-    const t = y(["Hello {{user.name}}", "Welcome {{user.role}}"], { user: { name: "John", role: "Admin" } }, { index: -1, key: "" });
+    const t = b(["Hello {{user.name}}", "Welcome {{user.role}}"], { user: { name: "John", role: "Admin" } }, { index: -1, key: "" });
     expect(t).toEqual(["Hello John", "Welcome Admin"]);
   }), it("should handle $index binding in repeater context", () => {
-    const t = y("Item {{$index}}", { items: ["a", "b", "c"] }, { index: 1, key: "{{items}}" });
+    const t = b("Item {{$index}}", { items: ["a", "b", "c"] }, { index: 1, key: "{{items}}" });
     expect(t).toBe("Item b");
   }), it("should handle $index binding with dot notation", () => {
-    const t = y("Item {{$index.value}}", { items: [{ value: "apple" }, { value: "banana" }, { value: "cherry" }] }, { index: 1, key: "{{items}}" });
+    const t = b("Item {{$index.value}}", { items: [{ value: "apple" }, { value: "banana" }, { value: "cherry" }] }, { index: 1, key: "{{items}}" });
     expect(t).toBe("Item banana");
   }), it("should return an empty string for non-existing bindings", () => {
-    const t = y("Hello {{user.nonexistent}}", { user: { name: "John" } }, { index: -1, key: "" });
+    const t = b("Hello {{user.nonexistent}}", { user: { name: "John" } }, { index: -1, key: "" });
     expect(t).toBe("Hello ");
   }), it("should preserve private properties starting with _", () => {
-    const s = y({
+    const s = b({
       name: "John",
       _private: "secret"
     }, {}, { index: -1, key: "" });
@@ -556,7 +557,7 @@ import.meta.vitest && (describe("applyBindingToValue", () => {
       _private: "secret"
     });
   }), it("should completely replace image property value when binding exists", () => {
-    const t = y({
+    const t = b({
       image: "https://default.jpg{{user.avatar}}",
       title: "Hello {{user.name}}"
     }, { user: { avatar: "https://avatar.jpg", name: "John" } }, { index: -1, key: "" });
@@ -567,7 +568,7 @@ import.meta.vitest && (describe("applyBindingToValue", () => {
       // Normal replacement
     });
   }), it("should completely replace mobileImage property value when binding exists", () => {
-    const t = y({
+    const t = b({
       mobileImage: "https://default-mobile.jpg{{user.mobileAvatar}}",
       alt: "Avatar for {{user.name}}"
     }, { user: { mobileAvatar: "https://mobile-avatar.jpg", name: "John" } }, { index: -1, key: "" });
@@ -578,14 +579,14 @@ import.meta.vitest && (describe("applyBindingToValue", () => {
       // Normal replacement
     });
   }), it("should handle image binding with only binding syntax", () => {
-    const t = y({
+    const t = b({
       image: "{{product.thumbnail}}"
     }, { product: { thumbnail: "https://product.jpg" } }, { index: -1, key: "" });
     expect(t).toEqual({
       image: "https://product.jpg"
     });
   }), it("should not affect non-image properties with similar bindings", () => {
-    const t = y({
+    const t = b({
       url: "https://default.com{{page.slug}}",
       link: "https://example.com/{{page.id}}"
     }, { page: { slug: "/about", id: "123" } }, { index: -1, key: "" });
@@ -687,18 +688,18 @@ import.meta.vitest && (describe("applyBindingToValue", () => {
   });
 }));
 export {
-  bt as C,
-  Rt as R,
+  xt as C,
+  jt as R,
   x as S,
   L as a,
-  qt as b,
-  Pt as c,
-  Jt as d,
-  _ as e,
-  Ot as f,
-  Mt as g,
-  jt as h,
+  Pt as b,
+  Ot as c,
+  zt as d,
+  k as e,
+  Vt as f,
+  Jt as g,
+  Mt as h,
   et as i,
-  St as j,
-  Ht as m
+  Ht as j,
+  qt as m
 };

package/dist/{code-editor-CihZ_PJK.js → code-editor-CfrDD-_Q.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-C7JEjy8N.js";
+import { u as C, a as k, b as v, c as g } from "./index-BXLWWUUp.js";
 import "lodash-es";
 import "clsx";
 import "tailwind-merge";

package/dist/{code-editor-C5J-eWjr.cjs → code-editor-phK7gXCy.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("./index-ArvL08VQ.cjs");require("lodash-es");require("clsx");require("tailwind-merge");require("tree-model");const i=require("react");require("jotai");require("@chaibuilder/runtime");require("sonner");const q=require("react-i18next"),r=require("./tooltip-C2BCZ8Al.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]=i.useState(!1),[a,p]=i.useState(""),[t,d]=c.useCodeEditor(),[u]=c.useSelectedBlockIds(),b=c.useUpdateBlocksProps(),f=c.useUpdateBlocksPropsRealtime(),C=g.useThrottledCallback(o=>{const l=m(o);f([t.blockId],{[t.blockProp]:l})},[],300),x=i.useCallback(()=>{if(s){const o=m(a);b([t.blockId],{[t.blockProp]:o})}},[s,a]);i.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"),c=require("./index--Qiql02b.cjs");require("lodash-es");require("clsx");require("tailwind-merge");require("tree-model");const i=require("react");require("jotai");require("@chaibuilder/runtime");require("sonner");const q=require("react-i18next"),r=require("./tooltip-C2BCZ8Al.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]=i.useState(!1),[a,p]=i.useState(""),[t,d]=c.useCodeEditor(),[u]=c.useSelectedBlockIds(),b=c.useUpdateBlocksProps(),f=c.useUpdateBlocksPropsRealtime(),C=g.useThrottledCallback(o=>{const l=m(o);f([t.blockId],{[t.blockProp]:l})},[],300),x=i.useCallback(()=>{if(s){const o=m(a);b([t.blockId],{[t.blockProp]:o})}},[s,a]);i.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-ArvL08VQ.cjs"),s=require("./common-functions-BZmyleS1.cjs"),a=require("./apply-binding-CExho6DS.cjs"),i=require("react-i18next"),l=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.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:()=>i.useTranslation});exports.i18n=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index--Qiql02b.cjs"),s=require("./common-functions-BZmyleS1.cjs"),a=require("./apply-binding-DCZAw7M-.cjs"),i=require("react-i18next"),l=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.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:()=>i.useTranslation});exports.i18n=l;

package/dist/core.d.ts

@@ -338,10 +338,12 @@ declare type ChaiLibraryConfig<T> = {
 
 export declare const ChaiOutline: () => JSX.Element;
 
-export declare const ChaiScreenSizes: ({ openDelay, canvas, tooltip, }: {
+export declare const ChaiScreenSizes: ({ openDelay, canvas, tooltip, buttonClass, activeButtonClass, }: {
     openDelay?: number;
     canvas?: boolean;
     tooltip?: boolean;
+    buttonClass?: string;
+    activeButtonClass?: string;
 }) => JSX.Element;
 
 export declare interface ChaiSidebarPanel {
@@ -654,7 +656,7 @@ export declare const useHighlightBlockId: () => [string, Function];
 
 export declare const useHtmlToBlocks: () => (html: string) => ChaiBlock[];
 
-export declare const useI18nBlocks: () => (lang?: string | "ALL") => Pick<any, "_id">[];
+export declare const useI18nBlocks: () => (lang?: string | "ALL") => any;
 
 export declare const useInlineEditing: () => {
     editingBlockId: string;

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, E as B, I as k, L as n, g, T as h, U as p, h as S, y as m, P, m as F, n as A, o as T, p as M, r as b, z as y, F as I, s as v, t as L, q as f, v as R, w as E, x as H, M as D, O as U, Q as x, R as W, S as O, V as w, aB as z, W as j, X as q, Y as G, aD as V, aC as Z, Z as J, G as K, H as N, u as Q, _ 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, K as ca, ab as da, ac as Ca, ad as Ba, ae as ka, af as na, ag as ga, ah as ha, ai as pa, aj as Sa, ak as ma, al as Pa, am as Fa, an as Aa, aE as Ta, ao as Ma, ap as ba, aq as ya, a as Ia, ar as va, as as La, aF as fa, at as Ra, aG as Ea, au as Ha, av as Da, aw as Ua, ax as xa, ay as Wa, J as Oa, az as wa, b as za, c as ja, aA as qa } from "./index-C7JEjy8N.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, E as B, I as k, L as n, g, T as h, U as p, h as S, y as m, P, m as F, n as A, o as T, p as M, r as b, z as y, F as I, s as v, t as L, q as f, v as R, w as E, x as H, M as D, O as U, Q as x, R as W, S as O, V as w, aB as z, W as j, X as q, Y as G, aD as V, aC as Z, Z as J, G as K, H as N, u as Q, _ 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, K as ca, ab as da, ac as Ca, ad as Ba, ae as ka, af as na, ag as ga, ah as ha, ai as pa, aj as Sa, ak as ma, al as Pa, am as Fa, an as Aa, aE as Ta, ao as Ma, ap as ba, aq as ya, a as Ia, ar as va, as as La, aF as fa, at as Ra, aG as Ea, au as Ha, av as Da, aw as Ua, ax as xa, ay as Wa, J as Oa, az as wa, b as za, c as ja, aA as qa } from "./index-BXLWWUUp.js";
 import { g as Va, c as Za } from "./common-functions-BGzDsf1z.js";
-import { h as Ka, h as Na } from "./apply-binding-w7OMcHcu.js";
+import { h as Ka, h as Na } from "./apply-binding-DXR0sMuX.js";
 import { useTranslation as Xa } from "react-i18next";
 import { default as _a } from "i18next";
 export {