@chaibuilder/sdk 2.1.8 → 2.2.0

package/dist/{plugin-DRtv2KR5.js → plugin-B09c0d5S.js}

@@ -1,4 +1,4 @@
-import { g as r, d as a, p as i } from "./chai-theme-helpers-CVkLfKt7.js";
+import { g as r, d as a, p as i } from "./chai-theme-helpers-FO9vdd-R.js";
 const t = (n = a) => ({
   container: {
     center: !0,

package/dist/{plugin-uUPBh-_c.cjs → plugin-BiiuylVf.cjs}

@@ -1 +1 @@
-"use strict";const o=require("./chai-theme-helpers-GQ1UI3nD.cjs"),n=(i=o.defaultThemeOptions)=>({container:{center:!0,padding:"1rem",screens:{"2xl":"1400px"}},...o.getChaiThemeOptions(i)}),r=o.plugin(function({addBase:i,theme:e}){i({"h1,h2,h3,h4,h5,h6":{fontFamily:e("fontFamily.heading")},body:{fontFamily:e("fontFamily.body"),color:e("colors.foreground"),backgroundColor:e("colors.background")}})});exports.chaiBuilderPlugin=r;exports.getChaiBuilderTheme=n;
+"use strict";const o=require("./chai-theme-helpers-BjWE6otR.cjs"),n=(i=o.defaultThemeOptions)=>({container:{center:!0,padding:"1rem",screens:{"2xl":"1400px"}},...o.getChaiThemeOptions(i)}),r=o.plugin(function({addBase:i,theme:e}){i({"h1,h2,h3,h4,h5,h6":{fontFamily:e("fontFamily.heading")},body:{fontFamily:e("fontFamily.body"),color:e("colors.foreground"),backgroundColor:e("colors.background")}})});exports.chaiBuilderPlugin=r;exports.getChaiBuilderTheme=n;

package/dist/render.cjs

@@ -1,3 +1,3 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("./chai-theme-helpers-GQ1UI3nD.cjs"),s=require("lodash-es"),m=require("./getSplitClasses-DodqA_KW.cjs"),F=require("@mhsdesign/jit-browser-tailwindcss"),b=require("@tailwindcss/aspect-ratio"),k=require("@tailwindcss/container-queries"),M=require("@tailwindcss/forms"),N=require("@tailwindcss/typography"),w=require("./plugin-uUPBh-_c.cjs"),g=require("react/jsx-runtime"),T=require("@chaibuilder/runtime"),p=require("react"),Y=require("tailwind-merge"),I=(e,r="")=>{const{classes:n}=m.getSplitChaiClasses(e),t=n.split(" ").map(i=>i.split(" ").map(a=>{if(a==="")return"";if(a.includes(":")){const u=a.split(":");return u[u.length-1]=r+s.last(u),u.join(":")}return`${r}${a}`}).join(" "));return s.flattenDeep(t).join(" ")},A=e=>{if(!e)return[];try{return JSON.parse(J(e)).filter(n=>!n._type.startsWith("@chai"))}catch{return[{_type:"Paragraph",_id:"error",content:"Invalid JSON. Please check the JSON string."}]}};function J(e){const r=/(asset:\/\/|https:\/\/asset\.localhost\/)(?:localhost\/)?[^"']+/g;return e.replace(r,n=>{const t=decodeURIComponent(n),i=t.indexOf("public");return i!==-1?t.substring(i+6):t})}async function K(e,r,n=[],t="",i){return await F.createTailwindcss({tailwindConfig:{darkMode:"class",safelist:n,theme:{extend:w.getChaiBuilderTheme(e)},plugins:[M,N,b,k,w.chaiBuilderPlugin],corePlugins:{preflight:i},...t?{prefix:`${t}`}:{}}}).generateStylesFromContent(` ${i?"@tailwind base;":""}
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("./chai-theme-helpers-BjWE6otR.cjs"),n=require("lodash-es"),R=require("@mhsdesign/jit-browser-tailwindcss"),O=require("@tailwindcss/aspect-ratio"),F=require("@tailwindcss/container-queries"),L=require("@tailwindcss/forms"),M=require("@tailwindcss/typography"),C=require("./plugin-BiiuylVf.cjs"),u=require("react/jsx-runtime"),P=require("@chaibuilder/runtime"),f=require("react"),N=require("tailwind-merge"),p=require("./getSplitClasses-DodqA_KW.cjs"),A=e=>{if(!e)return[];try{return JSON.parse(I(e)).filter(t=>!t._type.startsWith("@chai"))}catch{return[{_type:"Paragraph",_id:"error",content:"Invalid JSON. Please check the JSON string."}]}};function I(e){const i=/(asset:\/\/|https:\/\/asset\.localhost\/)(?:localhost\/)?[^"']+/g;return e.replace(i,t=>{const s=decodeURIComponent(t),a=s.indexOf("public");return a!==-1?s.substring(a+6):s})}async function J(e,i,t=[],s="",a){return await R.createTailwindcss({tailwindConfig:{darkMode:"class",safelist:t,theme:{extend:C.getChaiBuilderTheme(e)},plugins:[L,M,O,F,C.chaiBuilderPlugin],corePlugins:{preflight:a},...s?{prefix:`${s}`}:{}}}).generateStylesFromContent(` ${a?"@tailwind base;":""}
       @tailwind components;
-      @tailwind utilities;`,r)}const V=(e,r,n)=>{const t=JSON.stringify(e).replace(/#styles:([^"]*)/g,(i,o)=>`#styles:${o.replace(/,/g," ")}`.replace(/#styles:/g,""));return K(r,[t],[],"",n)},L=async(e,r=S.defaultThemeOptions,n=!1)=>await V(e,r,n);async function U(e){const r=await(e==null?void 0:e.dataProvider(e.block,e.lang,e.metadata));return s.has(r,"$metadata")&&e.dataProviderMetadataCallback(e.block,r.$metadata),g.jsx(p.Suspense,{children:p.createElement(e.component,{...s.omit(e.props,["dataProvider","dataProviderMetadataCallback"]),...s.omit(r,"$metadata"),key:`${e.block._id}-async`})})}const z=s.memoize((e,r)=>{const{baseClasses:n,classes:t}=m.getSplitChaiClasses(e),i=Y.twMerge(n,t);return r===""?i.replace(m.STYLES_KEY,"").trim():I(i,r).replace(m.STYLES_KEY,"").trim()}),j=(e,r)=>{const n=s.cloneDeep(e);return s.forEach(s.keys(n),t=>{if(s.isString(n[t])){let i=n[t];const o=/\{\{(.*?)\}\}/g,l=i.match(o);l&&l.forEach(a=>{const u=a.slice(2,-2),h=s.get(r,u,a);i=i.replace(a,h)}),n[t]=i}s.isObject(n[t])&&(n[t]=j(n[t],r))}),n};function D(e,r){const n=s.get(e,`${r}_attrs`,{}),t=s.keys(n).join(" ");return s.includes(t,"x-show")&&!s.includes(t,"x-transition")&&(n["x-transition"]=""),n}function W(e,r){const n={};return Object.keys(e).forEach(t=>{if(s.isString(e[t])&&e[t].startsWith(m.STYLES_KEY)){const i=z(e[t],r);n[t]={className:i,...D(e,t)}}}),n}function H(e,r,n){if(s.isEmpty(r))return e;const t=s.cloneDeep(e),i=s.get(n,"i18nProps",[]);return s.forEach(s.keys(t),o=>{i.includes(o)&&!s.isEmpty(r)&&(t[o]=s.get(t,`${o}-${r}`,t[o]))}),t}const Q=s.memoize(e=>{const r=T.getRegisteredChaiBlock(e),n=s.get(r,"schema.properties",{});return Object.fromEntries(Object.entries(n).filter(([,t])=>s.get(t,"runtime",!1)))}),G=(e,r,n)=>s.isEmpty(n)?{}:Object.entries(n).reduce((t,[i,o])=>{const l=[];let a=s.find(e,{_id:r});for(;a;)l.push(a),a=s.find(e,{_id:a._parent});const u=s.find(l,{_type:o.block});return u&&(t[i]=s.get(u,s.get(o,"prop"),null)),t},{}),X=()=>g.jsx("span",{children:"Loading..."});function E({blocks:e,parent:r,classPrefix:n="",externalData:t={},blockModifierCallback:i=null,lang:o="",fallbackLang:l="",metadata:a={},dataProviderMetadataCallback:u=()=>{}}){const h=e,P=c=>W(c,n),$=r?s.filter(e,{_parent:r}):s.filter(e,c=>s.isEmpty(c._parent));return s.uniqBy($,"_id").map((c,q)=>{const y={},v=s.filter(h,{_parent:c._id});y.children=v.length>0?g.jsx(E,{externalData:t,classPrefix:n,parent:c._id,blocks:h,lang:o||l,metadata:a,fallbackLang:l,dataProviderMetadataCallback:u},`${c._id}-children`):null;const d=T.getRegisteredChaiBlock(c._type);if(d!==null){let f=c;const _=d.component;f={...d.defaults,...c},i&&(f=i(f));const x=o===l?"":o,O=G(h,c._id,Q(c._type)),C=j(H(c,x,d),t),B=s.omit({blockProps:{},inBuilder:!1,...f,index:q,...C,...P(C),...y,...O,metadata:a,lang:o||l,key:c._id},["_parent"]);if(s.has(d,"dataProvider")){const R=s.get(d,"suspenseFallback",X);return g.jsx(p.Suspense,{fallback:p.createElement(R),children:g.jsx(U,{dataProviderMetadataCallback:u,lang:o||l,metadata:a,dataProvider:d.dataProvider,block:c,component:_,props:B},`${c._id}-async`)},`${c._id}-suspense`)}return g.jsx(p.Suspense,{children:p.createElement(_,B)},`${c._id}-suspense`)}return g.jsxs("noscript",{children:[c._type," not found"]},`${c._id}-noscript`)})}exports.getChaiThemeCssVariables=S.getChaiThemeCssVariables;exports.getThemeFontsCSSImport=S.getThemeFontsCSSImport;exports.getThemeFontsLinkMarkup=S.getThemeFontsLinkMarkup;exports.RenderChaiBlocks=E;exports.convertToBlocks=A;exports.getStylesForBlocks=L;
+      @tailwind utilities;`,i)}const V=(e,i,t)=>{const s=JSON.stringify(e).replace(/#styles:([^"]*)/g,(a,c)=>`#styles:${c.replace(/,/g," ")}`.replace(/#styles:/g,""));return J(i,[s],[],"",t)},Y=async(e,i=m.defaultThemeOptions,t=!1)=>await V(e,i,t);async function K(e){const i=e.forwardProps?await e.dataProvider({...e.forwardProps,...e.block,lang:e.lang,draft:e.draft,inBuilder:e.inBuilder}):await e.dataProvider(e.block,e.lang,e.metadata??{});return n.has(i,"$metadata")&&e.dataProviderMetadataCallback(e.block,i.$metadata),u.jsx(f.Suspense,{children:f.createElement(e.component,{...n.omit(e.props,["dataProvider","dataProviderMetadataCallback"]),...n.omit(i,"$metadata"),key:`${e.block._id}-async`})})}const z=n.memoize(e=>{const{baseClasses:i,classes:t}=p.getSplitChaiClasses(e);return N.twMerge(i,t).replace(p.STYLES_KEY,"").trim()}),T=(e,i)=>{const t=n.cloneDeep(e);return n.forEach(n.keys(t),s=>{if(n.isString(t[s])){let a=t[s];const c=/\{\{(.*?)\}\}/g,l=a.match(c);l&&l.forEach(o=>{const d=o.slice(2,-2),h=n.get(i,d,o);a=a.replace(o,h)}),t[s]=a}n.isObject(t[s])&&(t[s]=T(t[s],i))}),t};function U(e,i){const t=n.get(e,`${i}_attrs`,{}),s=n.keys(t).join(" ");return n.includes(s,"x-show")&&!n.includes(s,"x-transition")&&(t["x-transition"]=""),t}function W(e){const i={};return Object.keys(e).forEach(t=>{if(n.isString(e[t])&&e[t].startsWith(p.STYLES_KEY)){const s=z(e[t]);i[t]={className:s,...U(e,t)}}}),i}function D(e,i,t){if(n.isEmpty(i))return e;const s=n.cloneDeep(e),a=n.get(t,"i18nProps",[]);return n.forEach(n.keys(s),c=>{a.includes(c)&&!n.isEmpty(i)&&(s[c]=n.get(s,`${c}-${i}`,s[c]))}),s}const H=n.memoize(e=>{const i=P.getRegisteredChaiBlock(e),t=n.get(i,"schema.properties",{});return Object.fromEntries(Object.entries(t).filter(([,s])=>n.get(s,"runtime",!1)))}),G=(e,i,t)=>n.isEmpty(t)?{}:Object.entries(t).reduce((s,[a,c])=>{const l=[];let o=n.find(e,{_id:i});for(;o;)l.push(o),o=n.find(e,{_id:o._parent});const d=n.find(l,{_type:c.block});return d&&(s[a]=n.get(d,n.get(c,"prop"),null)),s},{}),Q=()=>u.jsx("span",{children:"Loading..."});function X(e){n.has(e,"metadata")&&console.warn(" metadata is deprecated and will be removed in upcoming version, use forwardProps instead");const i=e.lang??"en",t=e.fallbackLang??i;return u.jsx(j,{...e,lang:i,fallbackLang:t})}function j({blocks:e,parent:i,externalData:t={},lang:s="en",fallbackLang:a="en",metadata:c={},forwardProps:l={},dataProviderMetadataCallback:o=()=>{},draft:d=!1}){const h=e,x=r=>W(r),E=i?n.filter(e,{_parent:i}):n.filter(e,r=>n.isEmpty(r._parent));return n.uniqBy(E,"_id").map((r,b)=>{const S={},k=n.filter(h,{_parent:r._id});S.children=k.length>0?u.jsx(j,{externalData:t,parent:r._id,blocks:h,lang:s,fallbackLang:a,forwardProps:l,dataProviderMetadataCallback:o,draft:d,metadata:c},`${r._id}-children`):null;const g=P.getRegisteredChaiBlock(r._type);if(g!==null){let y=r;const _=g.component;y={...g.defaults,...r};const v=s===a?"":s,$=G(h,r._id,H(r._type)),w=T(D(r,v,g),t),B=n.omit({...l,...y,...w,...x(w),...S,...$,index:b,lang:s,key:r._id,draft:d,blockProps:{},inBuilder:!1},["_parent"]);if(n.has(g,"dataProvider")){const q=n.get(g,"suspenseFallback",Q);return u.jsx(f.Suspense,{fallback:f.createElement(q),children:u.jsx(K,{inBuilder:!1,dataProviderMetadataCallback:o,lang:s,metadata:c,dataProvider:g.dataProvider,block:r,component:_,props:B,forwardProps:l,draft:d},`${r._id}-async`)},`${r._id}-suspense`)}return u.jsx(f.Suspense,{children:f.createElement(_,B)},`${r._id}-suspense`)}return u.jsxs("noscript",{children:[r._type," not found"]},`${r._id}-noscript`)})}exports.getChaiThemeCssVariables=m.getChaiThemeCssVariables;exports.getThemeFontsCSSImport=m.getThemeFontsCSSImport;exports.getThemeFontsLinkMarkup=m.getThemeFontsLinkMarkup;exports.RenderChaiBlocks=X;exports.convertToBlocks=A;exports.getStylesForBlocks=Y;

package/dist/render.d.ts

@@ -1,4 +1,5 @@
 import { ChaiFontViaUrl } from '@chaibuilder/runtime';
+import { JSX as JSX_2 } from 'react/jsx-runtime';
 
 declare type BorderRadiusValue = false | string;
 
@@ -34,6 +35,13 @@ export declare const convertToBlocks: (chaiFormatContent: string) => ChaiBlock[]
 
 export declare const getChaiThemeCssVariables: (chaiTheme: Partial<ChaiBuilderThemeValues>) => string;
 
+/**
+ * Get the tailwind css for the blocks
+ * @param blocks - The blocks to get the tailwind css for
+ * @param themeOptions - The theme options to use
+ * @param includeBaseStyles - Whether to include the base styles
+ * @returns The tailwind css for the blocks
+ */
 export declare const getStylesForBlocks: (blocks: ChaiBlock[], themeOptions?: ChaiBuilderThemeOptions, includeBaseStyles?: boolean) => Promise<string>;
 
 export declare const getThemeFontsCSSImport: (fonts: ChaiFontViaUrl[]) => any;
@@ -42,18 +50,18 @@ export declare const getThemeFontsLinkMarkup: (fonts: ChaiFontViaUrl[]) => any;
 
 declare type HSLColor = string;
 
-export declare function RenderChaiBlocks({ blocks, parent, classPrefix, externalData, blockModifierCallback, lang, fallbackLang, metadata, dataProviderMetadataCallback, }: RenderChaiBlocksProps): any;
+export declare function RenderChaiBlocks(props: RenderChaiBlocksProps): JSX_2.Element;
 
 declare type RenderChaiBlocksProps = {
     blocks: ChaiBlock[];
     parent?: string;
-    classPrefix?: string;
     externalData?: Record<string, any>;
-    blockModifierCallback?: (block: ChaiBlock) => ChaiBlock;
     lang?: string;
     fallbackLang?: string;
-    metadata?: Record<string, any>;
+    forwardProps?: Record<string, any>;
+    draft?: boolean;
     dataProviderMetadataCallback?: (block: ChaiBlock, meta: Record<string, any>) => void;
+    metadata?: Record<string, any>;
 };
 
 declare type VariableKey = string;

package/dist/render.js

@@ -1,51 +1,41 @@
-import { d as Y } from "./chai-theme-helpers-CVkLfKt7.js";
-import { a as At, b as It, c as Jt } from "./chai-theme-helpers-CVkLfKt7.js";
-import { last as q, flattenDeep as z, has as v, omit as y, memoize as O, get as d, filter as h, isEmpty as g, uniqBy as D, cloneDeep as E, forEach as x, keys as B, isString as R, isObject as Q, find as _, includes as j } from "lodash-es";
-import { g as F, S } from "./getSplitClasses-DphwgQiE.js";
-import { createTailwindcss as G } from "@mhsdesign/jit-browser-tailwindcss";
-import H from "@tailwindcss/aspect-ratio";
-import L from "@tailwindcss/container-queries";
-import X from "@tailwindcss/forms";
-import Z from "@tailwindcss/typography";
-import { g as k, c as tt } from "./plugin-DRtv2KR5.js";
-import { jsx as p, jsxs as et } from "react/jsx-runtime";
-import { getRegisteredChaiBlock as N } from "@chaibuilder/runtime";
-import b, { Suspense as w, createElement as nt } from "react";
-import { twMerge as st } from "tailwind-merge";
-const rt = (t, s = "") => {
-  const { classes: n } = F(t), e = n.split(" ").map((r) => r.split(" ").map((a) => {
-    if (a === "") return "";
-    if (a.includes(":")) {
-      const l = a.split(":");
-      return l[l.length - 1] = s + q(l), l.join(":");
-    }
-    return `${s}${a}`;
-  }).join(" "));
-  return z(e).join(" ");
-}, Rt = (t) => {
-  if (!t) return [];
+import { d as U } from "./chai-theme-helpers-FO9vdd-R.js";
+import { a as ke, b as Fe, c as Ne } from "./chai-theme-helpers-FO9vdd-R.js";
+import { has as S, omit as _, memoize as x, get as l, filter as p, isEmpty as g, uniqBy as W, cloneDeep as O, forEach as T, keys as y, isString as E, isObject as Y, find as h, includes as v } from "lodash-es";
+import { createTailwindcss as q } from "@mhsdesign/jit-browser-tailwindcss";
+import z from "@tailwindcss/aspect-ratio";
+import D from "@tailwindcss/container-queries";
+import G from "@tailwindcss/forms";
+import H from "@tailwindcss/typography";
+import { g as Q, c as X } from "./plugin-B09c0d5S.js";
+import { jsx as m, jsxs as Z } from "react/jsx-runtime";
+import { getRegisteredChaiBlock as R } from "@chaibuilder/runtime";
+import j, { Suspense as w, createElement as ee } from "react";
+import { twMerge as te } from "tailwind-merge";
+import { g as ne, S as k } from "./getSplitClasses-DphwgQiE.js";
+const Oe = (e) => {
+  if (!e) return [];
   try {
-    return JSON.parse(it(t)).filter((n) => !n._type.startsWith("@chai"));
+    return JSON.parse(se(e)).filter((t) => !t._type.startsWith("@chai"));
   } catch {
     return [{ _type: "Paragraph", _id: "error", content: "Invalid JSON. Please check the JSON string." }];
   }
 };
-function it(t) {
+function se(e) {
   const s = /(asset:\/\/|https:\/\/asset\.localhost\/)(?:localhost\/)?[^"']+/g;
-  return t.replace(s, (n) => {
-    const e = decodeURIComponent(n), r = e.indexOf("public");
-    return r !== -1 ? e.substring(r + 6) : e;
+  return e.replace(s, (t) => {
+    const n = decodeURIComponent(t), r = n.indexOf("public");
+    return r !== -1 ? n.substring(r + 6) : n;
   });
 }
-async function ot(t, s, n = [], e = "", r) {
-  return await G({
+async function ie(e, s, t = [], n = "", r) {
+  return await q({
     tailwindConfig: {
       darkMode: "class",
-      safelist: n,
-      theme: { extend: k(t) },
-      plugins: [X, Z, H, L, tt],
+      safelist: t,
+      theme: { extend: Q(e) },
+      plugins: [G, H, z, D, X],
       corePlugins: { preflight: r },
-      ...e ? { prefix: `${e}` } : {}
+      ...n ? { prefix: `${n}` } : {}
     }
   }).generateStylesFromContent(
     ` ${r ? "@tailwind base;" : ""}
@@ -54,148 +44,168 @@ async function ot(t, s, n = [], e = "", r) {
     s
   );
 }
-const at = (t, s, n) => {
-  const e = JSON.stringify(t).replace(/#styles:([^"]*)/g, (r, o) => `#styles:${o.replace(/,/g, " ")}`.replace(/#styles:/g, ""));
-  return ot(s, [e], [], "", n);
-}, Ft = async (t, s = Y, n = !1) => await at(t, s, n);
-async function ct(t) {
-  const s = await (t == null ? void 0 : t.dataProvider(t.block, t.lang, t.metadata));
-  return v(s, "$metadata") && t.dataProviderMetadataCallback(t.block, s.$metadata), /* @__PURE__ */ p(w, { children: b.createElement(t.component, {
-    ...y(t.props, ["dataProvider", "dataProviderMetadataCallback"]),
-    ...y(s, "$metadata"),
-    key: `${t.block._id}-async`
+const re = (e, s, t) => {
+  const n = JSON.stringify(e).replace(/#styles:([^"]*)/g, (r, a) => `#styles:${a.replace(/,/g, " ")}`.replace(/#styles:/g, ""));
+  return ie(s, [n], [], "", t);
+}, Te = async (e, s = U, t = !1) => await re(e, s, t);
+async function ae(e) {
+  const s = e.forwardProps ? await e.dataProvider({
+    ...e.forwardProps,
+    ...e.block,
+    lang: e.lang,
+    draft: e.draft,
+    inBuilder: e.inBuilder
+  }) : await e.dataProvider(
+    e.block,
+    e.lang,
+    e.metadata ?? {}
+  );
+  return S(s, "$metadata") && e.dataProviderMetadataCallback(e.block, s.$metadata), /* @__PURE__ */ m(w, { children: j.createElement(e.component, {
+    ..._(e.props, ["dataProvider", "dataProviderMetadataCallback"]),
+    ..._(s, "$metadata"),
+    key: `${e.block._id}-async`
   }) });
 }
-const lt = O((t, s) => {
-  const { baseClasses: n, classes: e } = F(t), r = st(n, e);
-  return s === "" ? r.replace(S, "").trim() : rt(r, s).replace(S, "").trim();
-}), A = (t, s) => {
-  const n = E(t);
-  return x(B(n), (e) => {
-    if (R(n[e])) {
-      let r = n[e];
-      const o = /\{\{(.*?)\}\}/g, c = r.match(o);
-      c && c.forEach((a) => {
-        const l = a.slice(2, -2), m = d(s, l, a);
-        r = r.replace(a, m);
-      }), n[e] = r;
+const oe = x((e) => {
+  const { baseClasses: s, classes: t } = ne(e);
+  return te(s, t).replace(k, "").trim();
+}), F = (e, s) => {
+  const t = O(e);
+  return T(y(t), (n) => {
+    if (E(t[n])) {
+      let r = t[n];
+      const a = /\{\{(.*?)\}\}/g, c = r.match(a);
+      c && c.forEach((o) => {
+        const d = o.slice(2, -2), f = l(s, d, o);
+        r = r.replace(o, f);
+      }), t[n] = r;
     }
-    Q(n[e]) && (n[e] = A(n[e], s));
-  }), n;
+    Y(t[n]) && (t[n] = F(t[n], s));
+  }), t;
 };
-function dt(t, s) {
-  const n = d(t, `${s}_attrs`, {}), e = B(n).join(" ");
-  return j(e, "x-show") && !j(e, "x-transition") && (n["x-transition"] = ""), n;
+function ce(e, s) {
+  const t = l(e, `${s}_attrs`, {}), n = y(t).join(" ");
+  return v(n, "x-show") && !v(n, "x-transition") && (t["x-transition"] = ""), t;
 }
-function ut(t, s) {
-  const n = {};
-  return Object.keys(t).forEach((e) => {
-    if (R(t[e]) && t[e].startsWith(S)) {
-      const r = lt(t[e], s);
-      n[e] = {
-        className: r,
-        ...dt(t, e)
+function le(e) {
+  const s = {};
+  return Object.keys(e).forEach((t) => {
+    if (E(e[t]) && e[t].startsWith(k)) {
+      const n = oe(e[t]);
+      s[t] = {
+        className: n,
+        ...ce(e, t)
       };
     }
-  }), n;
+  }), s;
 }
-function pt(t, s, n) {
-  if (g(s)) return t;
-  const e = E(t), r = d(n, "i18nProps", []);
-  return x(B(e), (o) => {
-    r.includes(o) && !g(s) && (e[o] = d(e, `${o}-${s}`, e[o]));
-  }), e;
+function de(e, s, t) {
+  if (g(s)) return e;
+  const n = O(e), r = l(t, "i18nProps", []);
+  return T(y(n), (a) => {
+    r.includes(a) && !g(s) && (n[a] = l(n, `${a}-${s}`, n[a]));
+  }), n;
 }
-const mt = O((t) => {
-  const s = N(t), n = d(s, "schema.properties", {});
-  return Object.fromEntries(Object.entries(n).filter(([, e]) => d(e, "runtime", !1)));
-}), ft = (t, s, n) => g(n) ? {} : Object.entries(n).reduce((e, [r, o]) => {
+const ue = x((e) => {
+  const s = R(e), t = l(s, "schema.properties", {});
+  return Object.fromEntries(Object.entries(t).filter(([, n]) => l(n, "runtime", !1)));
+}), me = (e, s, t) => g(t) ? {} : Object.entries(t).reduce((n, [r, a]) => {
   const c = [];
-  let a = _(t, { _id: s });
-  for (; a; )
-    c.push(a), a = _(t, { _id: a._parent });
-  const l = _(c, { _type: o.block });
-  return l && (e[r] = d(l, d(o, "prop"), null)), e;
-}, {}), gt = () => /* @__PURE__ */ p("span", { children: "Loading..." });
-function ht({
-  blocks: t,
+  let o = h(e, { _id: s });
+  for (; o; )
+    c.push(o), o = h(e, { _id: o._parent });
+  const d = h(c, { _type: a.block });
+  return d && (n[r] = l(d, l(a, "prop"), null)), n;
+}, {}), fe = () => /* @__PURE__ */ m("span", { children: "Loading..." });
+function Ee(e) {
+  S(e, "metadata") && console.warn(" metadata is deprecated and will be removed in upcoming version, use forwardProps instead");
+  const s = e.lang ?? "en", t = e.fallbackLang ?? s;
+  return /* @__PURE__ */ m(N, { ...e, lang: s, fallbackLang: t });
+}
+function N({
+  blocks: e,
   parent: s,
-  classPrefix: n = "",
-  externalData: e = {},
-  blockModifierCallback: r = null,
-  lang: o = "",
-  fallbackLang: c = "",
+  externalData: t = {},
+  lang: n = "en",
+  fallbackLang: r = "en",
   metadata: a = {},
-  dataProviderMetadataCallback: l = () => {
-  }
+  forwardProps: c = {},
+  dataProviderMetadataCallback: o = () => {
+  },
+  draft: d = !1
 }) {
-  const m = t, I = (i) => ut(i, n), J = s ? h(t, { _parent: s }) : h(t, (i) => g(i._parent));
-  return D(J, "_id").map((i, M) => {
-    const C = {}, U = h(m, { _parent: i._id });
-    C.children = U.length > 0 ? /* @__PURE__ */ p(
-      ht,
+  const f = e, A = (i) => le(i), L = s ? p(e, { _parent: s }) : p(e, (i) => g(i._parent));
+  return W(L, "_id").map((i, I) => {
+    const B = {}, J = p(f, { _parent: i._id });
+    B.children = J.length > 0 ? /* @__PURE__ */ m(
+      N,
       {
-        externalData: e,
-        classPrefix: n,
+        externalData: t,
         parent: i._id,
-        blocks: m,
-        lang: o || c,
-        metadata: a,
-        fallbackLang: c,
-        dataProviderMetadataCallback: l
+        blocks: f,
+        lang: n,
+        fallbackLang: r,
+        forwardProps: c,
+        dataProviderMetadataCallback: o,
+        draft: d,
+        metadata: a
       },
       `${i._id}-children`
     ) : null;
-    const u = N(i._type);
+    const u = R(i._type);
     if (u !== null) {
-      let f = i;
-      const P = u.component;
-      f = { ...u.defaults, ...i }, r && (f = r(f));
-      const V = o === c ? "" : o, K = ft(m, i._id, mt(i._type)), $ = A(pt(i, V, u), e), T = y(
+      let P = i;
+      const C = u.component;
+      P = { ...u.defaults, ...i };
+      const M = n === r ? "" : n, V = me(f, i._id, ue(i._type)), $ = F(de(i, M, u), t), b = _(
         {
-          blockProps: {},
-          inBuilder: !1,
-          ...f,
-          index: M,
+          ...c,
+          ...P,
           ...$,
-          ...I($),
-          ...C,
-          ...K,
-          metadata: a,
-          lang: o || c,
-          key: i._id
+          ...A($),
+          ...B,
+          ...V,
+          index: I,
+          lang: n,
+          key: i._id,
+          draft: d,
+          blockProps: {},
+          inBuilder: !1
         },
         ["_parent"]
       );
-      if (v(u, "dataProvider")) {
-        const W = d(u, "suspenseFallback", gt);
-        return /* @__PURE__ */ p(w, { fallback: nt(W), children: /* @__PURE__ */ p(
-          ct,
+      if (S(u, "dataProvider")) {
+        const K = l(u, "suspenseFallback", fe);
+        return /* @__PURE__ */ m(w, { fallback: ee(K), children: /* @__PURE__ */ m(
+          ae,
           {
-            dataProviderMetadataCallback: l,
-            lang: o || c,
+            inBuilder: !1,
+            dataProviderMetadataCallback: o,
+            lang: n,
             metadata: a,
             dataProvider: u.dataProvider,
             block: i,
-            component: P,
-            props: T
+            component: C,
+            props: b,
+            forwardProps: c,
+            draft: d
           },
           `${i._id}-async`
         ) }, `${i._id}-suspense`);
       }
-      return /* @__PURE__ */ p(w, { children: b.createElement(P, T) }, `${i._id}-suspense`);
+      return /* @__PURE__ */ m(w, { children: j.createElement(C, b) }, `${i._id}-suspense`);
     }
-    return /* @__PURE__ */ et("noscript", { children: [
+    return /* @__PURE__ */ Z("noscript", { children: [
       i._type,
       " not found"
     ] }, `${i._id}-noscript`);
   });
 }
 export {
-  ht as RenderChaiBlocks,
-  Rt as convertToBlocks,
-  At as getChaiThemeCssVariables,
-  Ft as getStylesForBlocks,
-  It as getThemeFontsCSSImport,
-  Jt as getThemeFontsLinkMarkup
+  Ee as RenderChaiBlocks,
+  Oe as convertToBlocks,
+  ke as getChaiThemeCssVariables,
+  Te as getStylesForBlocks,
+  Fe as getThemeFontsCSSImport,
+  Ne as getThemeFontsLinkMarkup
 };

package/dist/tailwind.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("@tailwindcss/aspect-ratio"),a=require("@tailwindcss/forms"),n=require("@tailwindcss/typography"),d=require("tailwindcss-animate"),r=require("./plugin-uUPBh-_c.cjs");function i(){return{colors:{border:"hsl(var(--border))",input:"hsl(var(--input))",ring:"hsl(var(--ring))",background:"hsl(var(--background))",foreground:"hsl(var(--foreground))",primary:{DEFAULT:"hsl(var(--primary))",foreground:"hsl(var(--primary-foreground))"},secondary:{DEFAULT:"hsl(var(--secondary))",foreground:"hsl(var(--secondary-foreground))"},destructive:{DEFAULT:"hsl(var(--destructive))",foreground:"hsl(var(--destructive-foreground))"},muted:{DEFAULT:"hsl(var(--muted))",foreground:"hsl(var(--muted-foreground))"},accent:{DEFAULT:"hsl(var(--accent))",foreground:"hsl(var(--accent-foreground))"},popover:{DEFAULT:"hsl(var(--popover))",foreground:"hsl(var(--popover-foreground))"},card:{DEFAULT:"hsl(var(--card))",foreground:"hsl(var(--card-foreground))"}},borderRadius:{lg:"var(--radius)",md:"calc(var(--radius) - 2px)",sm:"calc(var(--radius) - 4px)"},keyframes:{"accordion-down":{from:{height:"0"},to:{height:"var(--radix-accordion-content-height)"}},"accordion-up":{from:{height:"var(--radix-accordion-content-height)"},to:{height:"0"}}},animation:{"accordion-down":"accordion-down 0.2s ease-out","accordion-up":"accordion-up 0.2s ease-out"}}}const t=e=>({darkMode:"class",content:[...e,"node_modules/@chaibuilder/sdk/dist/*.{js,cjs}"],theme:{extend:i()},plugins:[d,n,a,o]});exports.chaiBuilderPlugin=r.chaiBuilderPlugin;exports.getChaiBuilderTheme=r.getChaiBuilderTheme;exports.getChaiBuilderTailwindConfig=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("@tailwindcss/aspect-ratio"),a=require("@tailwindcss/forms"),i=require("@tailwindcss/typography"),n=require("tailwindcss-animate"),r=require("./plugin-BiiuylVf.cjs");function d(){return{colors:{border:"hsl(var(--border))",input:"hsl(var(--input))",ring:"hsl(var(--ring))",background:"hsl(var(--background))",foreground:"hsl(var(--foreground))",primary:{DEFAULT:"hsl(var(--primary))",foreground:"hsl(var(--primary-foreground))"},secondary:{DEFAULT:"hsl(var(--secondary))",foreground:"hsl(var(--secondary-foreground))"},destructive:{DEFAULT:"hsl(var(--destructive))",foreground:"hsl(var(--destructive-foreground))"},muted:{DEFAULT:"hsl(var(--muted))",foreground:"hsl(var(--muted-foreground))"},accent:{DEFAULT:"hsl(var(--accent))",foreground:"hsl(var(--accent-foreground))"},popover:{DEFAULT:"hsl(var(--popover))",foreground:"hsl(var(--popover-foreground))"},card:{DEFAULT:"hsl(var(--card))",foreground:"hsl(var(--card-foreground))"}},borderRadius:{lg:"var(--radius)",md:"calc(var(--radius) - 2px)",sm:"calc(var(--radius) - 4px)"},keyframes:{"accordion-down":{from:{height:"0"},to:{height:"var(--radix-accordion-content-height)"}},"accordion-up":{from:{height:"var(--radix-accordion-content-height)"},to:{height:"0"}}},animation:{"accordion-down":"accordion-down 0.2s ease-out","accordion-up":"accordion-up 0.2s ease-out"}}}const t=e=>({darkMode:"class",content:[...e,"node_modules/@chaibuilder/sdk/dist/*.{js,cjs}"],theme:{extend:d()},plugins:[n,i,a,o]});exports.chaiBuilderPlugin=r.chaiBuilderPlugin;exports.getChaiBuilderTheme=r.getChaiBuilderTheme;exports.getChaiBuilderTailwindConfig=t;

package/dist/tailwind.js

@@ -1,8 +1,8 @@
 import o from "@tailwindcss/aspect-ratio";
-import e from "@tailwindcss/forms";
-import a from "@tailwindcss/typography";
+import a from "@tailwindcss/forms";
+import e from "@tailwindcss/typography";
 import d from "tailwindcss-animate";
-import { c as l, g as v } from "./plugin-DRtv2KR5.js";
+import { c as g, g as v } from "./plugin-B09c0d5S.js";
 function n() {
   return {
     colors: {
@@ -67,10 +67,10 @@ const u = (r) => ({
   theme: {
     extend: n()
   },
-  plugins: [d, a, e, o]
+  plugins: [d, e, a, o]
 });
 export {
-  l as chaiBuilderPlugin,
+  g as chaiBuilderPlugin,
   u as getChaiBuilderTailwindConfig,
   v as getChaiBuilderTheme
 };

package/package.json

@@ -5,7 +5,7 @@
   "author": "Suraj Air",
   "license": "BSD-3-Clause",
   "homepage": "https://chaibuilder.com",
-  "version": "2.1.8",
+  "version": "2.2.0",
   "type": "module",
   "repository": {
     "type": "git",
@@ -53,7 +53,7 @@
     }
   },
   "peerDependencies": {
-    "@chaibuilder/runtime": "2.0.6",
+    "@chaibuilder/runtime": "2.0.8",
     "@types/react": "*",
     "@types/react-dom": "*",
     "jotai": "2.12.1",
@@ -70,7 +70,7 @@
   },
   "dependencies": {
     "@ai-sdk/react": "^1.2.2",
-    "@chaibuilder/runtime": "2.0.6",
+    "@chaibuilder/runtime": "2.0.8",
     "@floating-ui/dom": "1.6.13",
     "@floating-ui/react-dom": "2.1.2",
     "@mhsdesign/jit-browser-tailwindcss": "0.4.2",