@chaibuilder/sdk 2.0.0-beta.32 → 2.0.0-beta.35

package/dist/core.js

@@ -9,12 +9,12 @@ import { has, find, filter, flatten, map, omit, isString, includes, without, get
 import { atom as atom$1, useAtomValue as useAtomValue$1, useAtom as useAtom$1, useSetAtom as useSetAtom$1, getDefaultStore as getDefaultStore$1 } from "jotai";
 import { g as generateUUID, a as getBreakpointValue, c as cn, G as GenIcon } from "./iconBase-Ief2hJUZ.js";
 import { useTranslation, initReactI18next } from "react-i18next";
-import { useTranslation as Ke } from "react-i18next";
+import { useTranslation as Xe } from "react-i18next";
 import { e as getDefaultExportFromCjs, d as defaultThemeOptions, g as getChaiThemeOptions, p as plugin, b as getChaiThemeCssVariables, a as getThemeFontsLinkMarkup } from "./ChaiThemeFn--DgGggh_.js";
 import { useThrottledCallback, useResizeObserver, useDebouncedCallback, useIntervalEffect } from "@react-hookz/web";
 import TreeModel from "tree-model";
 import { getRegisteredChaiBlock, getDefaultBlockProps, useRegisteredChaiBlocks, getBlockFormSchemas, syncBlocksWithDefaults } from "@chaibuilder/runtime";
-import { registerChaiBlock as qe } from "@chaibuilder/runtime";
+import { registerChaiBlock as Ze } from "@chaibuilder/runtime";
 import ReactQuill, { Quill } from "react-quill";
 import { useFeature, FlagsProvider } from "flagged";
 import { useHotkeys } from "react-hotkeys-hook";
@@ -24,6 +24,7 @@ import { ArrowUpIcon, PlusIcon, CopyIcon, TrashIcon, DragHandleDots2Icon, BoxMod
 import typography from "@tailwindcss/typography";
 import forms from "@tailwindcss/forms";
 import aspectRatio from "@tailwindcss/aspect-ratio";
+import containerQueries from "@tailwindcss/container-queries";
 import { twMerge } from "tailwind-merge";
 import { S as STYLES_KEY, R as ROOT_TEMP_KEY } from "./STRINGS-BnWT5XcX.js";
 import { Provider } from "react-wrap-balancer";
@@ -41,7 +42,7 @@ import Autosuggest from "react-autosuggest";
 import Fuse from "fuse.js";
 import clsx from "clsx";
 import i18n from "i18next";
-import { default as Je } from "i18next";
+import { default as Qe } from "i18next";
 import { motion } from "framer-motion";
 import "@radix-ui/react-switch";
 import "@radix-ui/react-accordion";
@@ -3621,6 +3622,7 @@ const pubsub = new PubSub(), BlockActionLabel = ({ block: o, label: r }) => {
         typography,
         forms,
         aspectRatio,
+        containerQueries,
         plugin(function({ addBase: f, theme: y }) {
           f({
             "h1,h2,h3,h4,h5,h6": {
@@ -3678,7 +3680,7 @@ const pubsub = new PubSub(), BlockActionLabel = ({ block: o, label: r }) => {
   return i[a];
 };
 function AsyncPropsBlock(o) {
-  const { dataProvider: r, block: n } = o, a = useMemo(() => r ? r({ block: n }) : {}, [n, r]);
+  const { dataProvider: r, block: n } = o, a = useMemo(() => r ? r(n, o.lang) : {}, [n, r, o.lang]);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(Suspense, { children: React__default.createElement(o.component, { ...o.props, ...a }) });
 }
 function RuntimePropsBlock(o) {
@@ -3780,12 +3782,14 @@ function BlocksRendererStatic({ blocks: o, allBlocks: r }) {
         ...omit(_, ["__isHidden"]),
         ...v,
         inBuilder: !0,
-        blockState: T
+        blockState: T,
+        lang: n
       };
       if (has(A, "dataProvider"))
         return /* @__PURE__ */ jsxRuntimeExports.jsx(Suspense, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
           AsyncPropsBlock,
           {
+            lang: n,
             dataProvider: A.dataProvider,
             block: f,
             component: S,
@@ -4036,7 +4040,7 @@ const usePageDataProviders = () => useAtom$1(dataProvidersAtom), useAllDataProvi
       l !== o.length - 1 && /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronRight, { className: "rtl:rotate-180", size: 16 })
     ] }, l))
   ] }) });
-}, CodeEditor$1 = React__default.lazy(() => import("./CodeEditor-4lhmWkV8.js")), CanvasArea = () => {
+}, CodeEditor$1 = React__default.lazy(() => import("./CodeEditor-f8Ud0q2D.js")), CanvasArea = () => {
   const [o] = useCodeEditor(), r = useBuilderProp("onError", noop);
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex h-full max-h-full w-full flex-1 flex-col", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative flex h-full max-h-full flex-col overflow-hidden bg-gray-100/40 px-2", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(Suspense, { fallback: /* @__PURE__ */ jsxRuntimeExports.jsx(Skeleton, { className: "h-full" }), children: /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorBoundary, { fallback: /* @__PURE__ */ jsxRuntimeExports.jsx(FallbackError, {}), onError: r, children: /* @__PURE__ */ jsxRuntimeExports.jsx(StaticCanvas$1, {}) }) }),
@@ -8598,7 +8602,7 @@ const ChooseLayout = ({ open: o, close: r }) => {
       )
     ] }) })
   ] }) });
-}, TopBar = lazy(() => import("./Topbar-iARshVmF.js")), ThemeConfigPanel = lazy(() => Promise.resolve().then(() => ThemeConfigPanel$3));
+}, TopBar = lazy(() => import("./Topbar-9IbTAO2f.js")), ThemeConfigPanel = lazy(() => Promise.resolve().then(() => ThemeConfigPanel$3));
 function useSidebarMenuItems() {
   return useMemo(() => compact([
     {
@@ -8794,9 +8798,9 @@ export {
   generateUUID as generateBlockId,
   getBlocksFromHTML,
   getClassValueAndUnit,
-  Je as i18n,
+  Qe as i18n,
   cn as mergeClasses,
-  qe as registerChaiBlock,
+  Ze as registerChaiBlock,
   useAddBlock,
   useAddClassesToBlocks,
   useAskAi,
@@ -8838,7 +8842,7 @@ export {
   useStylingState,
   useTheme,
   useThemeOptions,
-  Ke as useTranslation,
+  Xe as useTranslation,
   useUILibraryBlocks,
   useUndoManager,
   useUpdateBlocksProps,

package/dist/render.cjs

@@ -1,3 +1,3 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("lodash-es"),m=require("./STRINGS-26RPxXyi.cjs"),a=require("./jsx-runtime-JYMCiFoE.cjs"),p=require("react"),_=require("tailwind-merge"),B=require("@chaibuilder/runtime"),R=require("@mhsdesign/jit-browser-tailwindcss"),P=require("@tailwindcss/forms"),q=require("@tailwindcss/typography"),Y=require("@tailwindcss/aspect-ratio"),E=require("./plugin-4xaTkTNB.cjs"),f=require("./ChaiThemeFn-bugxb1Cl.cjs"),v=(e,s="")=>{const t=e.replace(m.STYLES_KEY,"").split(",").map(i=>i.split(" ").map(l=>{if(l==="")return"";if(l.includes(":")){const u=l.split(":");return u[u.length-1]=s+r.last(u),u.join(":")}return`${s}${l}`}).join(" "));return r.flattenDeep(t).join(" ")},A=e=>{if(!e)return[];try{return JSON.parse(F(e)).filter(n=>!n._type.startsWith("@chai"))}catch{return[{_type:"Paragraph",_id:"error",content:"Invalid JSON. Please check the JSON string."}]}};function F(e){const s=/(asset:\/\/|https:\/\/asset\.localhost\/)(?:localhost\/)?[^"']+/g;return e.replace(s,n=>{const t=decodeURIComponent(n),i=t.indexOf("public");return i!==-1?t.substring(i+6):t})}async function L(e){const s=await(e==null?void 0:e.dataProvider(e.block,e.lang,e.metadata));return a.jsxRuntimeExports.jsx(p.Suspense,{children:p.createElement(e.component,{...e.props,...s})})}const O=r.memoize((e,s)=>{const n=e.replace(m.STYLES_KEY,"").split(","),t=_.twMerge(n[0],n[1]);return s===""?t.replace(m.STYLES_KEY,"").trim():v(t,s).replace(m.STYLES_KEY,"").trim()});function N(e,s){const n=r.get(e,`${s}_attrs`,{}),t=r.keys(n).join(" ");return r.includes(t,"x-show")&&!r.includes(t,"x-transition")&&(n["x-transition"]=""),n}function $(e,s){const n={};return Object.keys(e).forEach(t=>{if(r.isString(e[t])&&e[t].startsWith(m.STYLES_KEY)){const i=O(e[t],s);n[t]={className:i,...N(e,t)}}}),n}function I(e,s){const n=r.get(e,"_bindings",{});return r.isEmpty(n)?{...e}:(r.each(n,(t,i)=>{r.isString(t)&&r.get(s,t,null)&&(e[i]=r.get(s,t,null))}),e)}function K(e,s,n){if(r.isEmpty(s))return e;const t=r.cloneDeep(e),i=r.get(n,"i18nProps",[]);return r.forEach(r.keys(t),c=>{i.includes(c)&&!r.isEmpty(s)&&(t[c]=r.get(t,`${c}-${s}`,t[c]))}),t}function j({blocks:e,parent:s,classPrefix:n="",externalData:t={},blockModifierCallback:i=null,lang:c="",metadata:h={}}){const l=e,u=o=>$(o,n),T=s?r.filter(e,{_parent:s}):r.filter(e,o=>r.isEmpty(o._parent));return a.jsxRuntimeExports.jsx(a.jsxRuntimeExports.Fragment,{children:p.Children.toArray(T.map((o,C)=>{const S={},w=r.filter(l,{_parent:o._id});S.children=w.length>0?a.jsxRuntimeExports.jsx(j,{externalData:t,classPrefix:n,parent:o._id,blocks:l,lang:c??"",metadata:h}):null;const d=B.getRegisteredChaiBlock(o._type);if(d!==null){let g=o;const y=d.component;g={...d.defaults,...o},i&&(g=i(g));const x=r.omit({blockProps:{},inBuilder:!1,...g,index:C,...I(K(o,c,d),t),...u(g),...S,metadata:h,lang:c??""},["_parent"]);return r.has(d,"dataProvider")?a.jsxRuntimeExports.jsx(p.Suspense,{children:a.jsxRuntimeExports.jsx(L,{lang:c??"",metadata:h,dataProvider:d.dataProvider,block:o,component:y,props:x})}):a.jsxRuntimeExports.jsx(p.Suspense,{children:p.createElement(y,x)})}return a.jsxRuntimeExports.jsxs("noscript",{children:[o._type," not found"]})}))})}async function M(e,s,n=[],t="",i){return await R.createTailwindcss({tailwindConfig:{darkMode:"class",safelist:n,theme:{extend:E.getChaiBuilderTheme(e)},plugins:[P,q,Y,E.chaiBuilderPlugin],corePlugins:{preflight:i},...t?{prefix:`${t}`}:{}}}).generateStylesFromContent(` ${i?"@tailwind base;":""}
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("lodash-es"),m=require("./STRINGS-26RPxXyi.cjs"),a=require("./jsx-runtime-JYMCiFoE.cjs"),p=require("react"),_=require("tailwind-merge"),B=require("@chaibuilder/runtime"),R=require("@mhsdesign/jit-browser-tailwindcss"),P=require("@tailwindcss/forms"),q=require("@tailwindcss/typography"),Y=require("@tailwindcss/aspect-ratio"),v=require("@tailwindcss/container-queries"),E=require("./plugin-4xaTkTNB.cjs"),f=require("./ChaiThemeFn-bugxb1Cl.cjs"),A=(e,s="")=>{const t=e.replace(m.STYLES_KEY,"").split(",").map(i=>i.split(" ").map(l=>{if(l==="")return"";if(l.includes(":")){const u=l.split(":");return u[u.length-1]=s+r.last(u),u.join(":")}return`${s}${l}`}).join(" "));return r.flattenDeep(t).join(" ")},F=e=>{if(!e)return[];try{return JSON.parse(L(e)).filter(n=>!n._type.startsWith("@chai"))}catch{return[{_type:"Paragraph",_id:"error",content:"Invalid JSON. Please check the JSON string."}]}};function L(e){const s=/(asset:\/\/|https:\/\/asset\.localhost\/)(?:localhost\/)?[^"']+/g;return e.replace(s,n=>{const t=decodeURIComponent(n),i=t.indexOf("public");return i!==-1?t.substring(i+6):t})}async function O(e){const s=await(e==null?void 0:e.dataProvider(e.block,e.lang,e.metadata));return a.jsxRuntimeExports.jsx(p.Suspense,{children:p.createElement(e.component,{...e.props,...s})})}const $=r.memoize((e,s)=>{const n=e.replace(m.STYLES_KEY,"").split(","),t=_.twMerge(n[0],n[1]);return s===""?t.replace(m.STYLES_KEY,"").trim():A(t,s).replace(m.STYLES_KEY,"").trim()});function N(e,s){const n=r.get(e,`${s}_attrs`,{}),t=r.keys(n).join(" ");return r.includes(t,"x-show")&&!r.includes(t,"x-transition")&&(n["x-transition"]=""),n}function I(e,s){const n={};return Object.keys(e).forEach(t=>{if(r.isString(e[t])&&e[t].startsWith(m.STYLES_KEY)){const i=$(e[t],s);n[t]={className:i,...N(e,t)}}}),n}function K(e,s){const n=r.get(e,"_bindings",{});return r.isEmpty(n)?{...e}:(r.each(n,(t,i)=>{r.isString(t)&&r.get(s,t,null)&&(e[i]=r.get(s,t,null))}),e)}function M(e,s,n){if(r.isEmpty(s))return e;const t=r.cloneDeep(e),i=r.get(n,"i18nProps",[]);return r.forEach(r.keys(t),o=>{i.includes(o)&&!r.isEmpty(s)&&(t[o]=r.get(t,`${o}-${s}`,t[o]))}),t}function j({blocks:e,parent:s,classPrefix:n="",externalData:t={},blockModifierCallback:i=null,lang:o="",metadata:h={}}){const l=e,u=c=>I(c,n),T=s?r.filter(e,{_parent:s}):r.filter(e,c=>r.isEmpty(c._parent));return a.jsxRuntimeExports.jsx(a.jsxRuntimeExports.Fragment,{children:p.Children.toArray(T.map((c,C)=>{const S={},w=r.filter(l,{_parent:c._id});S.children=w.length>0?a.jsxRuntimeExports.jsx(j,{externalData:t,classPrefix:n,parent:c._id,blocks:l,lang:o??"",metadata:h}):null;const d=B.getRegisteredChaiBlock(c._type);if(d!==null){let g=c;const y=d.component;g={...d.defaults,...c},i&&(g=i(g));const x=r.omit({blockProps:{},inBuilder:!1,...g,index:C,...K(M(c,o,d),t),...u(g),...S,metadata:h,lang:o??""},["_parent"]);return r.has(d,"dataProvider")?a.jsxRuntimeExports.jsx(p.Suspense,{children:a.jsxRuntimeExports.jsx(O,{lang:o??"",metadata:h,dataProvider:d.dataProvider,block:c,component:y,props:x})}):a.jsxRuntimeExports.jsx(p.Suspense,{children:p.createElement(y,x)})}return a.jsxRuntimeExports.jsxs("noscript",{children:[c._type," not found"]})}))})}async function k(e,s,n=[],t="",i){return await R.createTailwindcss({tailwindConfig:{darkMode:"class",safelist:n,theme:{extend:E.getChaiBuilderTheme(e)},plugins:[P,q,Y,v,E.chaiBuilderPlugin],corePlugins:{preflight:i},...t?{prefix:`${t}`}:{}}}).generateStylesFromContent(` ${i?"@tailwind base;":""}
       @tailwind components;
-      @tailwind utilities;`,s)}const J=(e,s,n)=>M(s,[r.replace(JSON.stringify(e),/#styles:,?/g,"")],[],"",n),k=async(e,s=f.defaultThemeOptions,n=!1)=>await J(e,s,n);exports.getChaiThemeCssVariables=f.getChaiThemeCssVariables;exports.getThemeFontsCSSImport=f.getThemeFontsCSSImport;exports.getThemeFontsLinkMarkup=f.getThemeFontsLinkMarkup;exports.RenderChaiBlocks=j;exports.convertToBlocks=A;exports.getStylesForBlocks=k;
+      @tailwind utilities;`,s)}const J=(e,s,n)=>{const t=JSON.stringify(e).replace(/#styles:([^"]*)/g,(i,o)=>`#styles:${o.replace(/,/g," ")}`.replace(/#styles:/g,""));return k(s,[t],[],"",n)},U=async(e,s=f.defaultThemeOptions,n=!1)=>await J(e,s,n);exports.getChaiThemeCssVariables=f.getChaiThemeCssVariables;exports.getThemeFontsCSSImport=f.getThemeFontsCSSImport;exports.getThemeFontsLinkMarkup=f.getThemeFontsLinkMarkup;exports.RenderChaiBlocks=j;exports.convertToBlocks=F;exports.getStylesForBlocks=U;

package/dist/render.js

@@ -1,17 +1,18 @@
-import { last as A, flattenDeep as O, memoize as $, filter as h, isEmpty as g, omit as v, has as N, get as d, each as R, isString as j, cloneDeep as F, forEach as I, keys as P, includes as _, replace as J } from "lodash-es";
+import { last as A, flattenDeep as $, memoize as O, filter as h, isEmpty as g, omit as v, has as N, get as p, each as R, isString as j, cloneDeep as F, forEach as I, keys as P, includes as C } from "lodash-es";
 import { S as m } from "./STRINGS-BnWT5XcX.js";
 import { j as a } from "./jsx-runtime-Sp0orL4X.js";
 import y, { Suspense as S } from "react";
-import { twMerge as L } from "tailwind-merge";
-import { getRegisteredChaiBlock as K } from "@chaibuilder/runtime";
-import { createTailwindcss as M } from "@mhsdesign/jit-browser-tailwindcss";
-import U from "@tailwindcss/forms";
-import W from "@tailwindcss/typography";
-import Y from "@tailwindcss/aspect-ratio";
+import { twMerge as J } from "tailwind-merge";
+import { getRegisteredChaiBlock as L } from "@chaibuilder/runtime";
+import { createTailwindcss as K } from "@mhsdesign/jit-browser-tailwindcss";
+import M from "@tailwindcss/forms";
+import U from "@tailwindcss/typography";
+import W from "@tailwindcss/aspect-ratio";
+import Y from "@tailwindcss/container-queries";
 import { g as z, c as D } from "./plugin-GuIj4Ul0.js";
-import { d as V } from "./ChaiThemeFn--DgGggh_.js";
-import { b as wt, c as xt, a as Ct } from "./ChaiThemeFn--DgGggh_.js";
-const q = (t, n = "") => {
+import { d as Q } from "./ChaiThemeFn--DgGggh_.js";
+import { b as xt, c as _t, a as Ct } from "./ChaiThemeFn--DgGggh_.js";
+const V = (t, n = "") => {
   const e = t.replace(m, "").split(",").map((s) => s.split(" ").map((c) => {
     if (c === "")
       return "";
@@ -21,40 +22,40 @@ const q = (t, n = "") => {
     }
     return `${n}${c}`;
   }).join(" "));
-  return O(e).join(" ");
-}, gt = (t) => {
+  return $(e).join(" ");
+}, ht = (t) => {
   if (!t)
     return [];
   try {
-    return JSON.parse(G(t)).filter((r) => !r._type.startsWith("@chai"));
+    return JSON.parse(q(t)).filter((r) => !r._type.startsWith("@chai"));
   } catch {
     return [{ _type: "Paragraph", _id: "error", content: "Invalid JSON. Please check the JSON string." }];
   }
 };
-function G(t) {
+function q(t) {
   const n = /(asset:\/\/|https:\/\/asset\.localhost\/)(?:localhost\/)?[^"']+/g;
   return t.replace(n, (r) => {
     const e = decodeURIComponent(r), s = e.indexOf("public");
     return s !== -1 ? e.substring(s + 6) : e;
   });
 }
-async function H(t) {
+async function G(t) {
   const n = await (t == null ? void 0 : t.dataProvider(t.block, t.lang, t.metadata));
   return /* @__PURE__ */ a.jsx(S, { children: y.createElement(t.component, { ...t.props, ...n }) });
 }
-const Q = $((t, n) => {
-  const r = t.replace(m, "").split(","), e = L(r[0], r[1]);
-  return n === "" ? e.replace(m, "").trim() : q(e, n).replace(m, "").trim();
+const H = O((t, n) => {
+  const r = t.replace(m, "").split(","), e = J(r[0], r[1]);
+  return n === "" ? e.replace(m, "").trim() : V(e, n).replace(m, "").trim();
 });
 function X(t, n) {
-  const r = d(t, `${n}_attrs`, {}), e = P(r).join(" ");
-  return _(e, "x-show") && !_(e, "x-transition") && (r["x-transition"] = ""), r;
+  const r = p(t, `${n}_attrs`, {}), e = P(r).join(" ");
+  return C(e, "x-show") && !C(e, "x-transition") && (r["x-transition"] = ""), r;
 }
 function Z(t, n) {
   const r = {};
   return Object.keys(t).forEach((e) => {
     if (j(t[e]) && t[e].startsWith(m)) {
-      const s = Q(t[e], n);
+      const s = H(t[e], n);
       r[e] = {
         className: s,
         ...X(t, e)
@@ -63,17 +64,17 @@ function Z(t, n) {
   }), r;
 }
 function b(t, n) {
-  const r = d(t, "_bindings", {});
+  const r = p(t, "_bindings", {});
   return g(r) ? { ...t } : (R(r, (e, s) => {
-    j(e) && d(n, e, null) && (t[s] = d(n, e, null));
+    j(e) && p(n, e, null) && (t[s] = p(n, e, null));
   }), t);
 }
 function k(t, n, r) {
   if (g(n))
     return t;
-  const e = F(t), s = d(r, "i18nProps", []);
-  return I(P(e), (o) => {
-    s.includes(o) && !g(n) && (e[o] = d(e, `${o}-${n}`, e[o]));
+  const e = F(t), s = p(r, "i18nProps", []);
+  return I(P(e), (i) => {
+    s.includes(i) && !g(n) && (e[i] = p(e, `${i}-${n}`, e[i]));
   }), e;
 }
 function tt({
@@ -82,69 +83,69 @@ function tt({
   classPrefix: r = "",
   externalData: e = {},
   blockModifierCallback: s = null,
-  lang: o = "",
+  lang: i = "",
   metadata: f = {}
 }) {
-  const c = t, l = (i) => Z(i, r), B = n ? h(t, { _parent: n }) : h(t, (i) => g(i._parent));
+  const c = t, l = (o) => Z(o, r), B = n ? h(t, { _parent: n }) : h(t, (o) => g(o._parent));
   return /* @__PURE__ */ a.jsx(a.Fragment, { children: y.Children.toArray(
-    B.map((i, T) => {
-      const w = {}, E = h(c, { _parent: i._id });
+    B.map((o, T) => {
+      const w = {}, E = h(c, { _parent: o._id });
       w.children = E.length > 0 ? /* @__PURE__ */ a.jsx(
         tt,
         {
           externalData: e,
           classPrefix: r,
-          parent: i._id,
+          parent: o._id,
           blocks: c,
-          lang: o ?? "",
+          lang: i ?? "",
           metadata: f
         }
       ) : null;
-      const u = K(i._type);
+      const u = L(o._type);
       if (u !== null) {
-        let p = i;
+        let d = o;
         const x = u.component;
-        p = { ...u.defaults, ...i }, s && (p = s(p));
-        const C = v(
+        d = { ...u.defaults, ...o }, s && (d = s(d));
+        const _ = v(
           {
             blockProps: {},
             inBuilder: !1,
-            ...p,
+            ...d,
             index: T,
-            ...b(k(i, o, u), e),
-            ...l(p),
+            ...b(k(o, i, u), e),
+            ...l(d),
             ...w,
             metadata: f,
-            lang: o ?? ""
+            lang: i ?? ""
           },
           ["_parent"]
         );
         return N(u, "dataProvider") ? /* @__PURE__ */ a.jsx(S, { children: /* @__PURE__ */ a.jsx(
-          H,
+          G,
           {
-            lang: o ?? "",
+            lang: i ?? "",
             metadata: f,
             dataProvider: u.dataProvider,
-            block: i,
+            block: o,
             component: x,
-            props: C
+            props: _
           }
-        ) }) : /* @__PURE__ */ a.jsx(S, { children: y.createElement(x, C) });
+        ) }) : /* @__PURE__ */ a.jsx(S, { children: y.createElement(x, _) });
       }
       return /* @__PURE__ */ a.jsxs("noscript", { children: [
-        i._type,
+        o._type,
         " not found"
       ] });
     })
   ) });
 }
 async function et(t, n, r = [], e = "", s) {
-  return await M({
+  return await K({
     tailwindConfig: {
       darkMode: "class",
       safelist: r,
       theme: { extend: z(t) },
-      plugins: [U, W, Y, D],
+      plugins: [M, U, W, Y, D],
       corePlugins: { preflight: s },
       ...e ? { prefix: `${e}` } : {}
     }
@@ -155,12 +156,15 @@ async function et(t, n, r = [], e = "", s) {
     n
   );
 }
-const nt = (t, n, r) => et(n, [J(JSON.stringify(t), /#styles:,?/g, "")], [], "", r), ht = async (t, n = V, r = !1) => await nt(t, n, r);
+const nt = (t, n, r) => {
+  const e = JSON.stringify(t).replace(/#styles:([^"]*)/g, (s, i) => `#styles:${i.replace(/,/g, " ")}`.replace(/#styles:/g, ""));
+  return et(n, [e], [], "", r);
+}, yt = async (t, n = Q, r = !1) => await nt(t, n, r);
 export {
   tt as RenderChaiBlocks,
-  gt as convertToBlocks,
-  wt as getChaiThemeCssVariables,
-  ht as getStylesForBlocks,
-  xt as getThemeFontsCSSImport,
+  ht as convertToBlocks,
+  xt as getChaiThemeCssVariables,
+  yt as getStylesForBlocks,
+  _t as getThemeFontsCSSImport,
   Ct as getThemeFontsLinkMarkup
 };

package/package.json

@@ -5,7 +5,7 @@
   "author": "Suraj Air",
   "license": "BSD-3-Clause",
   "homepage": "https://chaibuilder.com",
-  "version": "2.0.0-beta.32",
+  "version": "2.0.0-beta.35",
   "type": "module",
   "repository": {
     "type": "git",
@@ -68,7 +68,7 @@
   },
   "dependencies": {
     "@bobthered/tailwindcss-palette-generator": "^4.0.0",
-    "@chaibuilder/runtime": "2.0.0-beta.12",
+    "@chaibuilder/runtime": "2.0.0-beta.13",
     "@floating-ui/dom": "1.4.5",
     "@floating-ui/react-dom": "2.0.1",
     "@mhsdesign/jit-browser-tailwindcss": "0.4.1",
@@ -98,6 +98,7 @@
     "@rjsf/utils": "5.22.4",
     "@rjsf/validator-ajv8": "5.22.4",
     "@tailwindcss/aspect-ratio": "0.4.2",
+    "@tailwindcss/container-queries": "^0.1.1",
     "@tailwindcss/forms": "^0.5.6",
     "@tailwindcss/line-clamp": "^0.4.4",
     "@tailwindcss/typography": "^0.5.10",

package/dist/CodeEditor-TiCZr6Ta.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-JYMCiFoE.cjs"),b=require("@monaco-editor/react"),k=require("./context-menu-0lRey9QY.cjs"),C=require("react-i18next"),u=require("react"),n=require("./core.cjs"),E=require("@radix-ui/react-icons"),R=require("@react-hookz/web");require("@radix-ui/react-switch");require("@radix-ui/react-accordion");require("class-variance-authority");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-slot");require("@radix-ui/react-dialog");require("@radix-ui/react-label");require("@radix-ui/react-scroll-area");require("@radix-ui/react-tabs");require("@radix-ui/react-tooltip");require("@radix-ui/react-popover");require("@radix-ui/react-hover-card");require("@radix-ui/react-dropdown-menu");require("@radix-ui/react-separator");require("@radix-ui/react-toast");require("@radix-ui/react-context-menu");require("clsx");require("tailwind-merge");require("lodash-es");require("jotai");require("./iconBase-aZzpqff_.cjs");require("./ChaiThemeFn-bugxb1Cl.cjs");require("tree-model");require("@chaibuilder/runtime");require("react-quill");require("flagged");require("react-hotkeys-hook");require("@floating-ui/dom");require("@floating-ui/react-dom");require("@tailwindcss/typography");require("@tailwindcss/forms");require("@tailwindcss/aspect-ratio");require("./STRINGS-26RPxXyi.cjs");require("react-wrap-balancer");require("lucide-react");require("react-dom");require("prop-types");require("react-error-boundary");require("re-resizable");require("react-arborist");require("himalaya");require("@rjsf/core");require("@rjsf/validator-ajv8");require("react-icons-picker");require("react-autosuggest");require("fuse.js");require("i18next");require("framer-motion");const a=s=>{const i=document.createElement("div");return i.innerHTML=s,i.innerHTML};function g(){const{t:s}=C.useTranslation(),[i,d]=u.useState(!1),[l,q]=u.useState(""),[r,o]=n.useCodeEditor(),[c]=n.useSelectedBlockIds(),x=n.useUpdateBlocksProps(),m=n.useUpdateBlocksPropsRealtime(),p=R.useThrottledCallback(t=>{const h=a(t);m([r.blockId],{[r.blockProp]:h})},[],300),j=u.useCallback(()=>{if(i){const t=a(l);x([r.blockId],{[r.blockProp]:t})}},[i,l]);u.useEffect(()=>{c.includes(r==null?void 0:r.blockId)||(j(),o(null))},[c]);const f=()=>{o(null)};return e.jsxRuntimeExports.jsxs("div",{className:"h-full rounded-t-lg border-t-4 border-black bg-black text-white",children:[e.jsxRuntimeExports.jsx("button",{onClick:f,className:"fixed inset-0 z-[100000] cursor-default bg-gray-400/20"}),e.jsxRuntimeExports.jsxs("div",{className:"relative z-[100001] h-full w-full flex-col gap-y-1",children:[e.jsxRuntimeExports.jsxs("div",{className:"-mt-1 flex items-center justify-between px-2 py-2",children:[e.jsxRuntimeExports.jsxs("h3",{className:"space-x-3 text-sm font-semibold",children:[e.jsxRuntimeExports.jsx("span",{children:s("HTML Code Editor |")}),e.jsxRuntimeExports.jsx("span",{className:"text-xs text-gray-400",children:s("Scripts will be only executed in preview and live mode.")})]}),e.jsxRuntimeExports.jsx("div",{className:"flex gap-x-2",children:e.jsxRuntimeExports.jsx(k.Button,{onClick:()=>o(null),size:"sm",variant:"destructive",className:"h-6 w-fit",children:e.jsxRuntimeExports.jsx(E.Cross2Icon,{})})})]}),e.jsxRuntimeExports.jsx(b,{onMount:t=>{t.setValue(r.initialCode)},onChange:t=>{d(!0),q(t),p(t)},height:"100%",defaultLanguage:"html",theme:"vs-dark",defaultValue:"",options:{minimap:{enabled:!1}}})]})]})}exports.default=g;

package/dist/Topbar-Rar8liE-.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-JYMCiFoE.cjs"),r=require("react"),s=require("./context-menu-0lRey9QY.cjs");require("react-i18next");const u=require("./core.cjs");require("@radix-ui/react-switch");require("@radix-ui/react-accordion");require("@radix-ui/react-icons");require("class-variance-authority");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-slot");require("@radix-ui/react-dialog");require("@radix-ui/react-label");require("@radix-ui/react-scroll-area");require("@radix-ui/react-tabs");require("@radix-ui/react-tooltip");require("@radix-ui/react-popover");require("@radix-ui/react-hover-card");require("@radix-ui/react-dropdown-menu");require("@radix-ui/react-separator");require("@radix-ui/react-toast");require("@radix-ui/react-context-menu");require("clsx");require("tailwind-merge");require("lodash-es");require("jotai");require("./iconBase-aZzpqff_.cjs");require("./ChaiThemeFn-bugxb1Cl.cjs");require("@react-hookz/web");require("tree-model");require("@chaibuilder/runtime");require("react-quill");require("flagged");require("react-hotkeys-hook");require("@floating-ui/dom");require("@floating-ui/react-dom");require("@tailwindcss/typography");require("@tailwindcss/forms");require("@tailwindcss/aspect-ratio");require("./STRINGS-26RPxXyi.cjs");require("react-wrap-balancer");require("lucide-react");require("react-dom");require("prop-types");require("react-error-boundary");require("re-resizable");require("react-arborist");require("himalaya");require("@rjsf/core");require("@rjsf/validator-ajv8");require("react-icons-picker");require("react-autosuggest");require("fuse.js");require("i18next");require("framer-motion");const q=()=>{const t=u.useBuilderProp("topBarComponents.left",[]),n=u.useBuilderProp("topBarComponents.center",[]),o=u.useBuilderProp("topBarComponents.right",[]);return e.jsxRuntimeExports.jsxs("div",{className:"flex h-14 items-center justify-between px-2",children:[e.jsxRuntimeExports.jsx("div",{className:"flex items-center space-x-2",children:e.jsxRuntimeExports.jsx("div",{className:"flex items-center space-x-2 font-bold",children:r.Children.toArray(t.map(i=>e.jsxRuntimeExports.jsx(r.Suspense,{fallback:e.jsxRuntimeExports.jsx(s.Skeleton,{className:"h-10"}),children:e.jsxRuntimeExports.jsx(i,{})})))})}),e.jsxRuntimeExports.jsx("div",{className:"flex items-center space-x-2",children:r.Children.toArray(n.map(i=>e.jsxRuntimeExports.jsx(r.Suspense,{fallback:e.jsxRuntimeExports.jsx(s.Skeleton,{className:"h-10"}),children:e.jsxRuntimeExports.jsx(i,{})})))}),e.jsxRuntimeExports.jsx("div",{className:"flex items-center space-x-1",children:r.Children.toArray(o.map(i=>e.jsxRuntimeExports.jsx(r.Suspense,{fallback:e.jsxRuntimeExports.jsx(s.Skeleton,{className:"h-10"}),children:e.jsxRuntimeExports.jsx(i,{})})))})]})};exports.default=q;