@chaibuilder/sdk 2.1.9 → 2.2.1

package/dist/core.js

@@ -6583,7 +6583,7 @@ const BlockCard = ({
     ] });
   const L = filter(w, (y, j) => j % 2 === 0), v = filter(w, (y, j) => j % 2 === 1);
   return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { className: "flex h-full max-h-full flex-col", children: [
-    /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2 border-b border-border p-2", children: /* @__PURE__ */ jsxs("div", { className: "relative w-full", children: [
+    /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2 border-border py-2", children: /* @__PURE__ */ jsxs("div", { className: "relative w-full", children: [
       /* @__PURE__ */ jsx(Search, { className: "absolute left-2 top-2.5 h-4 w-4 text-muted-foreground" }),
       /* @__PURE__ */ jsx(
         Input$1,

package/dist/render.cjs

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

package/dist/render.d.ts

@@ -1,4 +1,6 @@
 import { ChaiFontViaUrl } from '@chaibuilder/runtime';
+import { ChaiPageProps } from '@chaibuilder/runtime';
+import { JSX as JSX_2 } from 'react/jsx-runtime';
 
 declare type BorderRadiusValue = false | string;
 
@@ -34,6 +36,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 +51,19 @@ 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>;
+    pageProps?: ChaiPageProps;
+    draft?: boolean;
     dataProviderMetadataCallback?: (block: ChaiBlock, meta: Record<string, any>) => void;
+    metadata?: Record<string, any>;
 };
 
 declare type VariableKey = string;

package/dist/render.js

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

package/package.json

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