@chaibuilder/sdk 3.1.25 → 3.1.27

package/dist/render.cjs

@@ -1,3 +1,3 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("./plugin-CSgw-f78.cjs"),d=require("./apply-binding-DvHNFLQD.cjs"),y=require("react/jsx-runtime"),b=require("@chaibuilder/runtime"),L=require("lodash"),t=require("lodash-es"),g=require("react"),q=require("@tailwindcss/aspect-ratio"),j=require("@tailwindcss/forms"),D=require("@tailwindcss/typography");require("tailwindcss-animate");const K=require("./get-chai-builder-theme-B1tr_NJB.cjs"),M=require("@mhsdesign/jit-browser-tailwindcss"),O=require("@tailwindcss/container-queries");async function N(e){const a={pageProps:e.pageProps,block:e.block,lang:e.lang,draft:e.draft,inBuilder:!1},n=await e.dataProvider(a);return t.has(n,"$metadata")&&t.isFunction(e.dataProviderMetadataCallback)&&e.dataProviderMetadataCallback(e.block,n.$metadata),e.children({...t.omit(n,"$metadata")})}const H=()=>y.jsx("div",{}),J=e=>{const{block:a,lang:n,fallbackLang:s,children:i,externalData:o,blocks:l,draft:r,pageProps:c,dataProviderMetadataCallback:k}=e,u=b.getRegisteredChaiBlock(a._type),p=t.get(u,"component",null),P=t.get(e.repeaterData,"index",-1),f=t.get(e.repeaterData,"dataKey",""),I=n===s?"":n,h=d.applyBindingToBlockProps(d.applyLanguage(a,I,u),o,{index:P,key:f}),m=d.getBlockTagAttributes(a,!1),T=R(l,a._id,d.getBlockRuntimeProps(a._type)),S=t.has(u,"dataProvider")&&t.isFunction(u.dataProvider),B={...h,...m,...T},_={blockProps:{},inBuilder:!1,lang:n||s,...B},v=t.get(B,"_show",!0);if(t.isNull(p)||!v)return null;if(S){const x=t.get(u,"suspenseFallback",H);return y.jsx(g.Suspense,{fallback:g.createElement(x),children:y.jsx(N,{lang:n,pageProps:c,block:B,dataProvider:u.dataProvider,...k?{dataProviderMetadataCallback:k}:{},draft:r,children:$=>g.createElement(p,{..._,...$,children:i({_id:a._id,_type:a._type,...t.isArray(h.repeaterItems)?{repeaterItems:d.applyLimit(h.repeaterItems,a),$repeaterItemsKey:h.$repeaterItemsKey,repeaterTotalItems:h.repeaterTotalItems??-1}:{}})})})})}return y.jsx(g.Suspense,{children:g.createElement(p,{..._,children:i({_id:a._id,_type:a._type,...t.isArray(h.repeaterItems)?{repeaterItems:d.applyLimit(h.repeaterItems,a),$repeaterItemsKey:h.$repeaterItemsKey,repeaterTotalItems:h.repeaterTotalItems??-1}:{}})})})},E=e=>{const{blocks:a,parent:n,repeaterData:s,type:i}=e;let o=t.uniqBy(t.filter(a,r=>t.has(r,"_id")&&(t.isEmpty(n)?!r._parent:r._parent===n)),"_id");const l=r=>t.filter(a,c=>c._parent===r).length>0;return(i==="Heading"||i==="Paragraph"||i==="Link")&&(o=d.adjustSpacingInContentBlocks(o)),t.map(o,r=>r?g.createElement(J,{...e,key:r._id,block:r},({_id:c,_type:k,repeaterItems:u,$repeaterItemsKey:p})=>k==="Repeater"?t.isArray(u)&&u.map((P,f)=>g.createElement(E,{...e,parent:r._id,key:`${t.get(r,"_parent","root")}-${r._id}-${f}`,repeaterData:{index:f,dataKey:p}})):l(c)?g.createElement(E,{...e,parent:r._id,key:`${t.get(r,"_parent","root")}-${r._id}`,repeaterData:s,type:r._type}):null):null)},R=(e,a,n)=>t.isEmpty(n)?{}:Object.entries(n).reduce((s,[i,o])=>{const l=[];let r=t.find(e,{_id:a});for(;r;)l.push(r),r=t.find(e,{_id:r._parent});const c=t.find(l,{_type:o.block});return c&&(s[i]=t.get(c,t.get(o,"prop"),null)),s},{});function V(e){if(t.isEmpty(e.lang)&&!t.isEmpty(e.fallbackLang))throw new Error("lang prop is required when fallbackLang is provided");if(t.isEmpty(e.blocks))return null;const a=e.lang??"en",n=e.fallbackLang??a;return y.jsx(E,{...e,lang:a,fallbackLang:n})}async function W(e){const a=await e.dataProvider;return t.has(a,"$metadata")&&t.isFunction(e.dataProviderMetadataCallback)&&e.dataProviderMetadataCallback(e.block,a.$metadata),e.children({...t.omit(a,"$metadata")})}const U=()=>y.jsx("div",{}),G=async e=>{const{block:a,lang:n,fallbackLang:s,children:i,externalData:o,blocks:l,draft:r,pageProps:c,dataProviderMetadataCallback:k,dataProviders:u}=e,p=b.getRegisteredChaiBlock(a._type),P=t.get(p,"component",null),f=t.get(e.repeaterData,"index",-1),I=t.get(e.repeaterData,"dataKey",""),h=n===s?"":n,m=d.applyBindingToBlockProps(d.applyLanguage(a,h,p),o,{index:f,key:I}),T=d.getBlockTagAttributes(a,!1),S=R(l,a._id,d.getBlockRuntimeProps(a._type)),B=t.has(p,"dataProvider")&&t.isFunction(p.dataProvider),_={...m,...T,...S},v={blockProps:{},inBuilder:!1,lang:n||s,..._},x=t.get(_,"_show",!0);if(t.isNull(P)||!x)return null;if(B){const $=t.get(u,a._id,Promise.resolve({})),A=t.get(p,"suspenseFallback",U);return y.jsx(g.Suspense,{fallback:g.createElement(A),children:y.jsx(W,{lang:n,pageProps:c,block:_,dataProvider:$,...k?{dataProviderMetadataCallback:k}:{},draft:r,children:F=>g.createElement(P,{...v,...F,children:i({_id:a._id,_type:a._type,...t.isArray(m.repeaterItems)?{repeaterItems:d.applyLimit(m.repeaterItems,a),$repeaterItemsKey:m.$repeaterItemsKey,repeaterTotalItems:m.repeaterTotalItems??-1}:{}})})})})}return y.jsx(g.Suspense,{children:g.createElement(P,{...v,children:i({_id:a._id,_type:a._type,...t.isArray(m.repeaterItems)?{repeaterItems:d.applyLimit(m.repeaterItems,a),$repeaterItemsKey:m.$repeaterItemsKey,repeaterTotalItems:m.repeaterTotalItems??-1}:{}})})})},C=async e=>{const{blocks:a,parent:n,repeaterData:s,type:i}=e;let o=t.uniqBy(t.filter(a,r=>t.has(r,"_id")&&(t.isEmpty(n)?!r._parent:r._parent===n)),"_id");const l=r=>t.filter(a,c=>c._parent===r).length>0;return(i==="Heading"||i==="Paragraph"||i==="Link")&&(o=d.adjustSpacingInContentBlocks(o)),t.map(o,r=>r?g.createElement(G,{dataProviders:e.dataProviders,...e,key:r._id,block:r},({_id:c,_type:k,repeaterItems:u,$repeaterItemsKey:p})=>k==="Repeater"?t.isArray(u)&&u.map((P,f)=>g.createElement(C,{...e,parent:r._id,key:`${t.get(r,"_parent","root")}-${r._id}-${f}`,repeaterData:{index:f,dataKey:p}})):l(c)?g.createElement(C,{...e,parent:r._id,key:`${t.get(r,"_parent","root")}-${r._id}`,repeaterData:s,type:r._type}):null):null)};async function z(e){if(t.isEmpty(e.lang)&&!t.isEmpty(e.fallbackLang))throw new Error("lang prop is required when fallbackLang is provided");if(t.isEmpty(e.blocks))return null;const a=e.lang??"en",n=e.fallbackLang??a;if(e.dataProviders)return y.jsx(C,{...e,lang:a,fallbackLang:n,dataProviders:e.dataProviders});const i=e.blocks.filter(o=>{const l=b.getRegisteredChaiBlock(o._type);return!!(L.has(l,"dataProvider")&&L.isFunction(l.dataProvider))}).reduce((o,l)=>{const r=b.getRegisteredChaiBlock(l._type),c={pageProps:e.pageProps,block:l,lang:e.lang,draft:e.draft,inBuilder:!1};return o[l._id]=r.dataProvider(c),o},{});return y.jsx(C,{...e,lang:a,fallbackLang:n,dataProviders:i})}function Q(e,a){const n=e.filter(({_type:s})=>s==="GlobalBlock"||s==="PartialBlock");for(let s=0;s<n.length;s++){const i=n[s],o=t.get(i,"partialBlockId",t.get(i,"globalBlock",""));if(o==="")continue;let l=t.cloneDeep(t.get(a,o,[]));i._parent&&(l==null?void 0:l.length)>0&&(l=l.map(c=>(t.isEmpty(c._parent)&&(c._parent=i._parent),c)));const r=e.indexOf(i);e.splice(r,1,...l)}return e}const X=e=>{if(!e)return[];try{return JSON.parse(Y(e)).filter(n=>!n._type.startsWith("@chai"))}catch{return[{_type:"Paragraph",_id:"error",content:"Invalid JSON. Please check the JSON string."}]}};function Y(e){const a=/(asset:\/\/|https:\/\/asset\.localhost\/)(?:localhost\/)?[^"']+/g;return e.replace(a,n=>{const s=decodeURIComponent(n),i=s.indexOf("public");return i!==-1?s.substring(i+6):s})}async function Z(e,a=[],n=!1){return await M.createTailwindcss({tailwindConfig:{darkMode:"class",safelist:a,theme:{extend:{...K.getChaiBuilderTheme(),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"}}},plugins:[j,D,q,O,w.chaiBuilderPlugin],corePlugins:{preflight:n}}}).generateStylesFromContent(` ${n?"@tailwind base;":""}
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("./plugin-CSgw-f78.cjs"),d=require("./apply-binding-Dblf6wMG.cjs"),m=require("react/jsx-runtime"),b=require("@chaibuilder/runtime"),t=require("lodash-es"),g=require("react"),D=require("@tailwindcss/aspect-ratio"),F=require("@tailwindcss/forms"),q=require("@tailwindcss/typography");require("tailwindcss-animate");const j=require("./get-chai-builder-theme-B1tr_NJB.cjs"),K=require("@mhsdesign/jit-browser-tailwindcss"),M=require("@tailwindcss/container-queries");async function O(e){const a={pageProps:e.pageProps,block:e.block,lang:e.lang,draft:e.draft,inBuilder:!1},n=await e.dataProvider(a);return t.has(n,"$metadata")&&t.isFunction(e.dataProviderMetadataCallback)&&e.dataProviderMetadataCallback(e.block,n.$metadata),e.children({...t.omit(n,"$metadata")})}const N=()=>m.jsx("div",{}),H=e=>{const{block:a,lang:n,fallbackLang:s,children:i,externalData:o,blocks:l,draft:r,pageProps:c,dataProviderMetadataCallback:k}=e,u=b.getRegisteredChaiBlock(a._type),p=t.get(u,"component",null),P=t.get(e.repeaterData,"index",-1),f=t.get(e.repeaterData,"dataKey",""),I=n===s?"":n,y=d.applyBindingToBlockProps(d.applyLanguage(a,I,u),o,{index:P,key:f}),h=d.getBlockTagAttributes(a,!1),T=L(l,a._id,d.getBlockRuntimeProps(a._type)),S=t.has(u,"dataProvider")&&t.isFunction(u.dataProvider),B={...y,...h,...T},_={blockProps:{},inBuilder:!1,lang:n||s,...B},v=t.get(B,"_show",!0);if(t.isNull(p)||!v)return null;if(S){const $=t.get(u,"suspenseFallback",N);return m.jsx(g.Suspense,{fallback:g.createElement($),children:m.jsx(O,{lang:n,pageProps:c,block:B,dataProvider:u.dataProvider,...k?{dataProviderMetadataCallback:k}:{},draft:r,children:x=>g.createElement(p,{..._,...x,children:i({_id:a._id,_type:a._type,...t.isArray(y.repeaterItems)?{repeaterItems:d.applyLimit(y.repeaterItems,a),$repeaterItemsKey:y.$repeaterItemsKey,repeaterTotalItems:y.repeaterTotalItems??-1}:{}})})})})}return m.jsx(g.Suspense,{children:g.createElement(p,{..._,children:i({_id:a._id,_type:a._type,...t.isArray(y.repeaterItems)?{repeaterItems:d.applyLimit(y.repeaterItems,a),$repeaterItemsKey:y.$repeaterItemsKey,repeaterTotalItems:y.repeaterTotalItems??-1}:{}})})})},E=e=>{const{blocks:a,parent:n,repeaterData:s,type:i}=e;let o=t.uniqBy(t.filter(a,r=>t.has(r,"_id")&&(t.isEmpty(n)?!r._parent:r._parent===n)),"_id");const l=r=>t.filter(a,c=>c._parent===r).length>0;return(i==="Heading"||i==="Paragraph"||i==="Link"||i==="Span")&&(o=d.adjustSpacingInContentBlocks(o)),t.map(o,r=>r?g.createElement(H,{...e,key:r._id,block:r},({_id:c,_type:k,repeaterItems:u,$repeaterItemsKey:p})=>k==="Repeater"?t.isArray(u)&&u.map((P,f)=>g.createElement(E,{...e,parent:r._id,key:`${t.get(r,"_parent","root")}-${r._id}-${f}`,repeaterData:{index:f,dataKey:p}})):l(c)?g.createElement(E,{...e,parent:r._id,key:`${t.get(r,"_parent","root")}-${r._id}`,repeaterData:s,type:r._type}):null):null)},L=(e,a,n)=>t.isEmpty(n)?{}:Object.entries(n).reduce((s,[i,o])=>{const l=[];let r=t.find(e,{_id:a});for(;r;)l.push(r),r=t.find(e,{_id:r._parent});const c=t.find(l,{_type:o.block});return c&&(s[i]=t.get(c,t.get(o,"prop"),null)),s},{});function J(e){if(t.isEmpty(e.lang)&&!t.isEmpty(e.fallbackLang))throw new Error("lang prop is required when fallbackLang is provided");if(t.isEmpty(e.blocks))return null;const a=e.lang??"en",n=e.fallbackLang??a;return m.jsx(E,{...e,lang:a,fallbackLang:n})}async function V(e){const a=await e.dataProvider;return t.has(a,"$metadata")&&t.isFunction(e.dataProviderMetadataCallback)&&e.dataProviderMetadataCallback(e.block,a.$metadata),e.children({...t.omit(a,"$metadata")})}const W=()=>m.jsx("div",{}),U=async e=>{const{block:a,lang:n,fallbackLang:s,children:i,externalData:o,blocks:l,draft:r,pageProps:c,dataProviderMetadataCallback:k,dataProviders:u}=e,p=b.getRegisteredChaiBlock(a._type),P=t.get(p,"component",null),f=t.get(e.repeaterData,"index",-1),I=t.get(e.repeaterData,"dataKey",""),y=n===s?"":n,h=d.applyBindingToBlockProps(d.applyLanguage(a,y,p),o,{index:f,key:I}),T=d.getBlockTagAttributes(a,!1),S=L(l,a._id,d.getBlockRuntimeProps(a._type)),B=t.has(p,"dataProvider")&&t.isFunction(p.dataProvider),_={...h,...T,...S},v={blockProps:{},inBuilder:!1,lang:n||s,..._},$=t.get(_,"_show",!0);if(t.isNull(P)||!$)return null;if(B){const x=t.get(u,a._id,Promise.resolve({})),R=t.get(p,"suspenseFallback",W);return m.jsx(g.Suspense,{fallback:g.createElement(R),children:m.jsx(V,{lang:n,pageProps:c,block:_,dataProvider:x,...k?{dataProviderMetadataCallback:k}:{},draft:r,children:A=>g.createElement(P,{...v,draft:r,...A,children:i({_id:a._id,_type:a._type,...t.isArray(h.repeaterItems)?{repeaterItems:d.applyLimit(h.repeaterItems,a),$repeaterItemsKey:h.$repeaterItemsKey,repeaterTotalItems:h.repeaterTotalItems??-1}:{}})})})})}return g.createElement(P,{...v,draft:r,children:i({_id:a._id,_type:a._type,...t.isArray(h.repeaterItems)?{repeaterItems:d.applyLimit(h.repeaterItems,a),$repeaterItemsKey:h.$repeaterItemsKey,repeaterTotalItems:h.repeaterTotalItems??-1}:{}})})},C=async e=>{const{blocks:a,parent:n,repeaterData:s,type:i}=e;let o=t.uniqBy(t.filter(a,r=>t.has(r,"_id")&&(t.isEmpty(n)?!r._parent:r._parent===n)),"_id");const l=r=>t.filter(a,c=>c._parent===r).length>0;return(i==="Heading"||i==="Paragraph"||i==="Link")&&(o=d.adjustSpacingInContentBlocks(o)),t.map(o,r=>r?g.createElement(U,{dataProviders:e.dataProviders,...e,key:r._id,block:r},({_id:c,_type:k,repeaterItems:u,$repeaterItemsKey:p})=>k==="Repeater"?t.isArray(u)&&u.map((P,f)=>g.createElement(C,{...e,parent:r._id,key:`${t.get(r,"_parent","root")}-${r._id}-${f}`,repeaterData:{index:f,dataKey:p}})):l(c)?g.createElement(C,{...e,parent:r._id,key:`${t.get(r,"_parent","root")}-${r._id}`,repeaterData:s,type:r._type}):null):null)};async function G(e){if(t.isEmpty(e.lang)&&!t.isEmpty(e.fallbackLang))throw new Error("lang prop is required when fallbackLang is provided");if(t.isEmpty(e.blocks))return null;const a=e.lang??"en",n=e.fallbackLang??a;if(e.dataProviders)return m.jsx(C,{...e,lang:a,fallbackLang:n,dataProviders:e.dataProviders});const i=e.blocks.filter(o=>{const l=b.getRegisteredChaiBlock(o._type);return!!(t.has(l,"dataProvider")&&t.isFunction(l.dataProvider))}).reduce((o,l)=>{const r=b.getRegisteredChaiBlock(l._type),c={pageProps:e.pageProps,block:l,lang:e.lang,draft:e.draft,inBuilder:!1};return o[l._id]=r.dataProvider(c),o},{});return m.jsx(C,{...e,lang:a,fallbackLang:n,dataProviders:i})}function z(e,a){const n=e.filter(({_type:s})=>s==="GlobalBlock"||s==="PartialBlock");for(let s=0;s<n.length;s++){const i=n[s],o=t.get(i,"partialBlockId",t.get(i,"globalBlock",""));if(o==="")continue;let l=t.cloneDeep(t.get(a,o,[]));i._parent&&(l==null?void 0:l.length)>0&&(l=l.map(c=>(t.isEmpty(c._parent)&&(c._parent=i._parent),c)));const r=e.indexOf(i);e.splice(r,1,...l)}return e}const Q=e=>{if(!e)return[];try{return JSON.parse(X(e)).filter(n=>!n._type.startsWith("@chai"))}catch{return[{_type:"Paragraph",_id:"error",content:"Invalid JSON. Please check the JSON string."}]}};function X(e){const a=/(asset:\/\/|https:\/\/asset\.localhost\/)(?:localhost\/)?[^"']+/g;return e.replace(a,n=>{const s=decodeURIComponent(n),i=s.indexOf("public");return i!==-1?s.substring(i+6):s})}async function Y(e,a=[],n=!1){return await K.createTailwindcss({tailwindConfig:{darkMode:"class",safelist:a,theme:{extend:{...j.getChaiBuilderTheme(),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"}}},plugins:[F,q,D,M,w.chaiBuilderPlugin],corePlugins:{preflight:n}}}).generateStylesFromContent(` ${n?"@tailwind base;":""}
       @tailwind components;
-      @tailwind utilities;`,e)}const ee=(e,a)=>{const n=JSON.stringify(e).replace(/#styles:([^"]*)/g,(s,i)=>`#styles:${i.replace(/,/g," ")}`.replace(/#styles:/g,""));return Z([n],[],a)},te=async(e,a=!1)=>await ee(e,a);exports.getChaiThemeCssVariables=w.getChaiThemeCssVariables;exports.getThemeFontsCSSImport=w.getThemeFontsCSSImport;exports.getThemeFontsLinkMarkup=w.getThemeFontsLinkMarkup;exports.applyChaiDataBinding=d.applyChaiDataBinding;exports.convertHTMLToChaiBlocks=d.getBlocksFromHTML;exports.AsyncRenderChaiBlocks=z;exports.RenderChaiBlocks=V;exports.convertToBlocks=X;exports.getMergedPartialBlocks=Q;exports.getStylesForBlocks=te;
+      @tailwind utilities;`,e)}const Z=(e,a)=>{const n=JSON.stringify(e).replace(/#styles:([^"]*)/g,(s,i)=>`#styles:${i.replace(/,/g," ")}`.replace(/#styles:/g,""));return Y([n],[],a)},ee=async(e,a=!1)=>await Z(e,a);exports.getChaiThemeCssVariables=w.getChaiThemeCssVariables;exports.getThemeFontsCSSImport=w.getThemeFontsCSSImport;exports.getThemeFontsLinkMarkup=w.getThemeFontsLinkMarkup;exports.applyChaiDataBinding=d.applyChaiDataBinding;exports.applyDesignTokens=d.applyDesignTokens;exports.convertHTMLToChaiBlocks=d.getBlocksFromHTML;exports.AsyncRenderChaiBlocks=G;exports.RenderChaiBlocks=J;exports.convertToBlocks=Q;exports.getMergedPartialBlocks=z;exports.getStylesForBlocks=ee;

package/dist/render.d.ts

@@ -2,7 +2,9 @@ import { ChaiFontViaUrl } from '@chaibuilder/runtime';
 import { ChaiPageProps } from '@chaibuilder/runtime';
 import { JSX } from 'react/jsx-runtime';
 
-export declare const applyChaiDataBinding: (block: Record<string, string>, pageExternalData: Record<string, any>) => any;
+export declare const applyChaiDataBinding: (block: Record<string, string>, pageExternalData: Record<string, any>) => Record<string, string>;
+
+export declare const applyDesignTokens: (blocks: ChaiBlock[], designTokens: DesignTokens) => ChaiBlock[];
 
 export declare function AsyncRenderChaiBlocks(props: RenderChaiBlocksProps): Promise<JSX.Element>;
 
@@ -58,6 +60,13 @@ export declare const convertHTMLToChaiBlocks: (html: string) => ChaiBlock[];
  */
 export declare const convertToBlocks: (chaiFormatContent: string) => ChaiBlock[];
 
+declare interface DesignTokens {
+    [uniqueId: string]: {
+        name: string;
+        value: string;
+    };
+}
+
 export declare const getChaiThemeCssVariables: (chaiTheme: ChaiThemeValues) => string;
 
 export declare function getMergedPartialBlocks(blocks: ChaiBlock[], partials: Record<string, ChaiBlock[]>): ChaiBlock[];
@@ -70,9 +79,9 @@ export declare function getMergedPartialBlocks(blocks: ChaiBlock[], partials: Re
  */
 export declare const getStylesForBlocks: (blocks: ChaiBlock[], includeBaseStyles?: boolean) => Promise<string>;
 
-export declare const getThemeFontsCSSImport: (fonts: ChaiFontViaUrl[]) => any;
+export declare const getThemeFontsCSSImport: (fonts: ChaiFontViaUrl[]) => string;
 
-export declare const getThemeFontsLinkMarkup: (fonts: ChaiFontViaUrl[]) => any;
+export declare const getThemeFontsLinkMarkup: (fonts: ChaiFontViaUrl[]) => string;
 
 declare type HexColor = string;
 

package/dist/render.js

@@ -1,20 +1,19 @@
 import { c as Q } from "./plugin-BOcGV_IY.js";
-import { a as Ae, b as Me, e as Oe } from "./plugin-BOcGV_IY.js";
-import { a as O, b as N, g as E, c as J, d as I, e as j } from "./apply-binding-DCno1xQL.js";
-import { f as Ee, h as Je } from "./apply-binding-DCno1xQL.js";
-import { jsx as f } from "react/jsx-runtime";
-import { getRegisteredChaiBlock as C } from "@chaibuilder/runtime";
-import { has as X, isFunction as Y } from "lodash";
-import { has as b, isFunction as L, omit as q, get as d, isNull as H, isArray as v, uniqBy as W, filter as $, isEmpty as h, map as U, find as R, cloneDeep as Z } from "lodash-es";
-import { Suspense as S, createElement as g } from "react";
-import ee from "@tailwindcss/aspect-ratio";
-import te from "@tailwindcss/forms";
-import ae from "@tailwindcss/typography";
+import { a as Ke, b as Re, e as Ae } from "./plugin-BOcGV_IY.js";
+import { a as O, b as N, g as E, c as J, d as C, e as j } from "./apply-binding-BwPhgnhk.js";
+import { f as Me, i as Oe, h as Ne } from "./apply-binding-BwPhgnhk.js";
+import { jsx as m } from "react/jsx-runtime";
+import { getRegisteredChaiBlock as $ } from "@chaibuilder/runtime";
+import { has as P, isFunction as w, omit as q, get as d, isNull as H, isArray as b, uniqBy as W, filter as S, isEmpty as h, map as U, find as R, cloneDeep as X } from "lodash-es";
+import { Suspense as A, createElement as p } from "react";
+import Y from "@tailwindcss/aspect-ratio";
+import Z from "@tailwindcss/forms";
+import ee from "@tailwindcss/typography";
 import "tailwindcss-animate";
-import { g as re } from "./get-chai-builder-theme-BarMkcGH.js";
-import { createTailwindcss as ne } from "@mhsdesign/jit-browser-tailwindcss";
-import ie from "@tailwindcss/container-queries";
-async function oe(e) {
+import { g as te } from "./get-chai-builder-theme-BarMkcGH.js";
+import { createTailwindcss as ae } from "@mhsdesign/jit-browser-tailwindcss";
+import re from "@tailwindcss/container-queries";
+async function ne(e) {
   const t = {
     pageProps: e.pageProps,
     block: e.block,
@@ -22,30 +21,30 @@ async function oe(e) {
     draft: e.draft,
     inBuilder: !1
   }, r = await e.dataProvider(t);
-  return b(r, "$metadata") && L(e.dataProviderMetadataCallback) && e.dataProviderMetadataCallback(e.block, r.$metadata), e.children({
+  return P(r, "$metadata") && w(e.dataProviderMetadataCallback) && e.dataProviderMetadataCallback(e.block, r.$metadata), e.children({
     ...q(r, "$metadata")
   });
 }
-const se = () => /* @__PURE__ */ f("div", {}), le = (e) => {
-  const { block: t, lang: r, fallbackLang: i, children: n, externalData: s, blocks: o, draft: a, pageProps: l, dataProviderMetadataCallback: k } = e, c = C(t._type), u = d(c, "component", null), _ = d(e.repeaterData, "index", -1), y = d(e.repeaterData, "dataKey", ""), m = O(
+const ie = () => /* @__PURE__ */ m("div", {}), oe = (e) => {
+  const { block: t, lang: r, fallbackLang: i, children: n, externalData: s, blocks: o, draft: a, pageProps: l, dataProviderMetadataCallback: k } = e, c = $(t._type), u = d(c, "component", null), _ = d(e.repeaterData, "index", -1), y = d(e.repeaterData, "dataKey", ""), f = O(
     N(t, r === i ? "" : r, c),
     s,
     { index: _, key: y }
-  ), p = E(t, !1), T = V(o, t._id, J(t._type)), D = b(c, "dataProvider") && L(c.dataProvider), B = {
-    ...m,
-    ...p,
-    ...T
-  }, P = {
+  ), g = E(t, !1), x = V(o, t._id, J(t._type)), L = P(c, "dataProvider") && w(c.dataProvider), B = {
+    ...f,
+    ...g,
+    ...x
+  }, v = {
     blockProps: {},
     inBuilder: !1,
     lang: r || i,
     ...B
-  }, w = d(B, "_show", !0);
-  if (H(u) || !w) return null;
-  if (D) {
-    const K = d(c, "suspenseFallback", se);
-    return /* @__PURE__ */ f(S, { fallback: g(K), children: /* @__PURE__ */ f(
-      oe,
+  }, I = d(B, "_show", !0);
+  if (H(u) || !I) return null;
+  if (L) {
+    const D = d(c, "suspenseFallback", ie);
+    return /* @__PURE__ */ m(A, { fallback: p(D), children: /* @__PURE__ */ m(
+      ne,
       {
         lang: r,
         pageProps: l,
@@ -53,51 +52,51 @@ const se = () => /* @__PURE__ */ f("div", {}), le = (e) => {
         dataProvider: c.dataProvider,
         ...k ? { dataProviderMetadataCallback: k } : {},
         draft: a,
-        children: (F) => g(u, {
-          ...P,
-          ...F,
+        children: (K) => p(u, {
+          ...v,
+          ...K,
           children: n({
             _id: t._id,
             _type: t._type,
-            ...v(m.repeaterItems) ? {
-              repeaterItems: I(m.repeaterItems, t),
-              $repeaterItemsKey: m.$repeaterItemsKey,
-              repeaterTotalItems: m.repeaterTotalItems ?? -1
+            ...b(f.repeaterItems) ? {
+              repeaterItems: C(f.repeaterItems, t),
+              $repeaterItemsKey: f.$repeaterItemsKey,
+              repeaterTotalItems: f.repeaterTotalItems ?? -1
             } : {}
           })
         })
       }
     ) });
   }
-  return /* @__PURE__ */ f(S, { children: g(u, {
-    ...P,
+  return /* @__PURE__ */ m(A, { children: p(u, {
+    ...v,
     children: n({
       _id: t._id,
       _type: t._type,
-      ...v(m.repeaterItems) ? {
-        repeaterItems: I(m.repeaterItems, t),
-        $repeaterItemsKey: m.$repeaterItemsKey,
-        repeaterTotalItems: m.repeaterTotalItems ?? -1
+      ...b(f.repeaterItems) ? {
+        repeaterItems: C(f.repeaterItems, t),
+        $repeaterItemsKey: f.$repeaterItemsKey,
+        repeaterTotalItems: f.repeaterTotalItems ?? -1
       } : {}
     })
   }) });
-}, A = (e) => {
+}, F = (e) => {
   const { blocks: t, parent: r, repeaterData: i, type: n } = e;
   let s = W(
-    $(t, (a) => b(a, "_id") && (h(r) ? !a._parent : a._parent === r)),
+    S(t, (a) => P(a, "_id") && (h(r) ? !a._parent : a._parent === r)),
     "_id"
   );
-  const o = (a) => $(t, (l) => l._parent === a).length > 0;
-  return (n === "Heading" || n === "Paragraph" || n === "Link") && (s = j(s)), U(s, (a) => a ? /* @__PURE__ */ g(le, { ...e, key: a._id, block: a }, ({ _id: l, _type: k, repeaterItems: c, $repeaterItemsKey: u }) => k === "Repeater" ? v(c) && c.map((_, y) => /* @__PURE__ */ g(
-    A,
+  const o = (a) => S(t, (l) => l._parent === a).length > 0;
+  return (n === "Heading" || n === "Paragraph" || n === "Link" || n === "Span") && (s = j(s)), U(s, (a) => a ? /* @__PURE__ */ p(oe, { ...e, key: a._id, block: a }, ({ _id: l, _type: k, repeaterItems: c, $repeaterItemsKey: u }) => k === "Repeater" ? b(c) && c.map((_, y) => /* @__PURE__ */ p(
+    F,
     {
       ...e,
       parent: a._id,
       key: `${d(a, "_parent", "root")}-${a._id}-${y}`,
       repeaterData: { index: y, dataKey: u }
     }
-  )) : o(l) ? /* @__PURE__ */ g(
-    A,
+  )) : o(l) ? /* @__PURE__ */ p(
+    F,
     {
       ...e,
       parent: a._id,
@@ -114,21 +113,21 @@ const se = () => /* @__PURE__ */ f("div", {}), le = (e) => {
   const l = R(o, { _type: s.block });
   return l && (i[n] = d(l, d(s, "prop"), null)), i;
 }, {});
-function xe(e) {
+function Ce(e) {
   if (h(e.lang) && !h(e.fallbackLang))
     throw new Error("lang prop is required when fallbackLang is provided");
   if (h(e.blocks))
     return null;
   const t = e.lang ?? "en", r = e.fallbackLang ?? t;
-  return /* @__PURE__ */ f(A, { ...e, lang: t, fallbackLang: r });
+  return /* @__PURE__ */ m(F, { ...e, lang: t, fallbackLang: r });
 }
-async function de(e) {
+async function se(e) {
   const t = await e.dataProvider;
-  return b(t, "$metadata") && L(e.dataProviderMetadataCallback) && e.dataProviderMetadataCallback(e.block, t.$metadata), e.children({
+  return P(t, "$metadata") && w(e.dataProviderMetadataCallback) && e.dataProviderMetadataCallback(e.block, t.$metadata), e.children({
     ...q(t, "$metadata")
   });
 }
-const ce = () => /* @__PURE__ */ f("div", {}), ue = async (e) => {
+const le = () => /* @__PURE__ */ m("div", {}), de = async (e) => {
   const {
     block: t,
     lang: r,
@@ -140,77 +139,79 @@ const ce = () => /* @__PURE__ */ f("div", {}), ue = async (e) => {
     pageProps: l,
     dataProviderMetadataCallback: k,
     dataProviders: c
-  } = e, u = C(t._type), _ = d(u, "component", null), y = d(e.repeaterData, "index", -1), M = d(e.repeaterData, "dataKey", ""), p = O(
+  } = e, u = $(t._type), _ = d(u, "component", null), y = d(e.repeaterData, "index", -1), M = d(e.repeaterData, "dataKey", ""), g = O(
     N(t, r === i ? "" : r, u),
     s,
     { index: y, key: M }
-  ), T = E(t, !1), D = V(o, t._id, J(t._type)), B = b(u, "dataProvider") && L(u.dataProvider), P = {
-    ...p,
-    ...T,
-    ...D
-  }, w = {
+  ), x = E(t, !1), L = V(o, t._id, J(t._type)), B = P(u, "dataProvider") && w(u.dataProvider), v = {
+    ...g,
+    ...x,
+    ...L
+  }, I = {
     blockProps: {},
     inBuilder: !1,
     lang: r || i,
-    ...P
-  }, K = d(P, "_show", !0);
-  if (H(_) || !K) return null;
+    ...v
+  }, D = d(v, "_show", !0);
+  if (H(_) || !D) return null;
   if (B) {
-    const F = d(c, t._id, Promise.resolve({})), G = d(u, "suspenseFallback", ce);
-    return /* @__PURE__ */ f(S, { fallback: g(G), children: /* @__PURE__ */ f(
-      de,
+    const K = d(c, t._id, Promise.resolve({})), G = d(u, "suspenseFallback", le);
+    return /* @__PURE__ */ m(A, { fallback: p(G), children: /* @__PURE__ */ m(
+      se,
       {
         lang: r,
         pageProps: l,
-        block: P,
-        dataProvider: F,
+        block: v,
+        dataProvider: K,
         ...k ? { dataProviderMetadataCallback: k } : {},
         draft: a,
-        children: (z) => g(_, {
-          ...w,
+        children: (z) => p(_, {
+          ...I,
+          draft: a,
           ...z,
           children: n({
             _id: t._id,
             _type: t._type,
-            ...v(p.repeaterItems) ? {
-              repeaterItems: I(p.repeaterItems, t),
-              $repeaterItemsKey: p.$repeaterItemsKey,
-              repeaterTotalItems: p.repeaterTotalItems ?? -1
+            ...b(g.repeaterItems) ? {
+              repeaterItems: C(g.repeaterItems, t),
+              $repeaterItemsKey: g.$repeaterItemsKey,
+              repeaterTotalItems: g.repeaterTotalItems ?? -1
             } : {}
           })
         })
       }
     ) });
   }
-  return /* @__PURE__ */ f(S, { children: g(_, {
-    ...w,
+  return p(_, {
+    ...I,
+    draft: a,
     children: n({
       _id: t._id,
       _type: t._type,
-      ...v(p.repeaterItems) ? {
-        repeaterItems: I(p.repeaterItems, t),
-        $repeaterItemsKey: p.$repeaterItemsKey,
-        repeaterTotalItems: p.repeaterTotalItems ?? -1
+      ...b(g.repeaterItems) ? {
+        repeaterItems: C(g.repeaterItems, t),
+        $repeaterItemsKey: g.$repeaterItemsKey,
+        repeaterTotalItems: g.repeaterTotalItems ?? -1
       } : {}
     })
-  }) });
-}, x = async (e) => {
+  });
+}, T = async (e) => {
   const { blocks: t, parent: r, repeaterData: i, type: n } = e;
   let s = W(
-    $(t, (a) => b(a, "_id") && (h(r) ? !a._parent : a._parent === r)),
+    S(t, (a) => P(a, "_id") && (h(r) ? !a._parent : a._parent === r)),
     "_id"
   );
-  const o = (a) => $(t, (l) => l._parent === a).length > 0;
-  return (n === "Heading" || n === "Paragraph" || n === "Link") && (s = j(s)), U(s, (a) => a ? /* @__PURE__ */ g(ue, { dataProviders: e.dataProviders, ...e, key: a._id, block: a }, ({ _id: l, _type: k, repeaterItems: c, $repeaterItemsKey: u }) => k === "Repeater" ? v(c) && c.map((_, y) => /* @__PURE__ */ g(
-    x,
+  const o = (a) => S(t, (l) => l._parent === a).length > 0;
+  return (n === "Heading" || n === "Paragraph" || n === "Link") && (s = j(s)), U(s, (a) => a ? /* @__PURE__ */ p(de, { dataProviders: e.dataProviders, ...e, key: a._id, block: a }, ({ _id: l, _type: k, repeaterItems: c, $repeaterItemsKey: u }) => k === "Repeater" ? b(c) && c.map((_, y) => /* @__PURE__ */ p(
+    T,
     {
       ...e,
       parent: a._id,
       key: `${d(a, "_parent", "root")}-${a._id}-${y}`,
       repeaterData: { index: y, dataKey: u }
     }
-  )) : o(l) ? /* @__PURE__ */ g(
-    x,
+  )) : o(l) ? /* @__PURE__ */ p(
+    T,
     {
       ...e,
       parent: a._id,
@@ -220,20 +221,20 @@ const ce = () => /* @__PURE__ */ f("div", {}), ue = async (e) => {
     }
   ) : null) : null);
 };
-async function Le(e) {
+async function $e(e) {
   if (h(e.lang) && !h(e.fallbackLang))
     throw new Error("lang prop is required when fallbackLang is provided");
   if (h(e.blocks))
     return null;
   const t = e.lang ?? "en", r = e.fallbackLang ?? t;
   if (e.dataProviders)
-    return /* @__PURE__ */ f(x, { ...e, lang: t, fallbackLang: r, dataProviders: e.dataProviders });
+    return /* @__PURE__ */ m(T, { ...e, lang: t, fallbackLang: r, dataProviders: e.dataProviders });
   const n = e.blocks.filter((s) => {
-    const o = C(s._type);
-    return !!(X(o, "dataProvider") && Y(o.dataProvider));
+    const o = $(s._type);
+    return !!(P(o, "dataProvider") && w(o.dataProvider));
   }).reduce(
     (s, o) => {
-      const a = C(o._type), l = {
+      const a = $(o._type), l = {
         pageProps: e.pageProps,
         block: o,
         lang: e.lang,
@@ -244,43 +245,43 @@ async function Le(e) {
     },
     {}
   );
-  return /* @__PURE__ */ f(x, { ...e, lang: t, fallbackLang: r, dataProviders: n });
+  return /* @__PURE__ */ m(T, { ...e, lang: t, fallbackLang: r, dataProviders: n });
 }
-function Te(e, t) {
+function Se(e, t) {
   const r = e.filter(({ _type: i }) => i === "GlobalBlock" || i === "PartialBlock");
   for (let i = 0; i < r.length; i++) {
     const n = r[i], s = d(n, "partialBlockId", d(n, "globalBlock", ""));
     if (s === "") continue;
-    let o = Z(d(t, s, []));
+    let o = X(d(t, s, []));
     n._parent && (o == null ? void 0 : o.length) > 0 && (o = o.map((l) => (h(l._parent) && (l._parent = n._parent), l)));
     const a = e.indexOf(n);
     e.splice(a, 1, ...o);
   }
   return e;
 }
-const De = (e) => {
+const Te = (e) => {
   if (!e) return [];
   try {
-    return JSON.parse(ge(e)).filter((r) => !r._type.startsWith("@chai"));
+    return JSON.parse(ce(e)).filter((r) => !r._type.startsWith("@chai"));
   } catch {
     return [{ _type: "Paragraph", _id: "error", content: "Invalid JSON. Please check the JSON string." }];
   }
 };
-function ge(e) {
+function ce(e) {
   const t = /(asset:\/\/|https:\/\/asset\.localhost\/)(?:localhost\/)?[^"']+/g;
   return e.replace(t, (r) => {
     const i = decodeURIComponent(r), n = i.indexOf("public");
     return n !== -1 ? i.substring(n + 6) : i;
   });
 }
-async function pe(e, t = [], r = !1) {
-  return await ne({
+async function ue(e, t = [], r = !1) {
+  return await ae({
     tailwindConfig: {
       darkMode: "class",
       safelist: t,
       theme: {
         extend: {
-          ...re(),
+          ...te(),
           keyframes: {
             "accordion-down": {
               from: {
@@ -305,7 +306,7 @@ async function pe(e, t = [], r = !1) {
           }
         }
       },
-      plugins: [te, ae, ee, ie, Q],
+      plugins: [Z, ee, Y, re, Q],
       corePlugins: { preflight: r }
     }
   }).generateStylesFromContent(
@@ -315,19 +316,20 @@ async function pe(e, t = [], r = !1) {
     e
   );
 }
-const fe = (e, t) => {
+const pe = (e, t) => {
   const r = JSON.stringify(e).replace(/#styles:([^"]*)/g, (i, n) => `#styles:${n.replace(/,/g, " ")}`.replace(/#styles:/g, ""));
-  return pe([r], [], t);
-}, Ke = async (e, t = !1) => await fe(e, t);
+  return ue([r], [], t);
+}, xe = async (e, t = !1) => await pe(e, t);
 export {
-  Le as AsyncRenderChaiBlocks,
-  xe as RenderChaiBlocks,
-  Ee as applyChaiDataBinding,
-  Je as convertHTMLToChaiBlocks,
-  De as convertToBlocks,
-  Ae as getChaiThemeCssVariables,
-  Te as getMergedPartialBlocks,
-  Ke as getStylesForBlocks,
-  Me as getThemeFontsCSSImport,
-  Oe as getThemeFontsLinkMarkup
+  $e as AsyncRenderChaiBlocks,
+  Ce as RenderChaiBlocks,
+  Me as applyChaiDataBinding,
+  Oe as applyDesignTokens,
+  Ne as convertHTMLToChaiBlocks,
+  Te as convertToBlocks,
+  Ke as getChaiThemeCssVariables,
+  Se as getMergedPartialBlocks,
+  xe as getStylesForBlocks,
+  Re as getThemeFontsCSSImport,
+  Ae as getThemeFontsLinkMarkup
 };

package/dist/{rte-widget-modal-BvND5bq_.js → rte-widget-modal-BNvlWZJ5.js}

@@ -1,6 +1,6 @@
 import { jsx as e, jsxs as c } from "react/jsx-runtime";
-import { d as N, N as D } from "./index-CU5gEUbc.js";
-import { a1 as v, a3 as S, a6 as j, a9 as w, v as y } from "./tooltip-Bz2MxMHf.js";
+import { d as N, N as D } from "./index-vLM3DaDo.js";
+import { a1 as v, a3 as S, a6 as j, a9 as w, v as y } from "./tooltip-DUosa-uC.js";
 import "clsx";
 import "tailwind-merge";
 const b = ({

package/dist/{rte-widget-modal-B-TcV_cb.cjs → rte-widget-modal-em_32UgQ.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("./index-Di66eAEA.cjs"),n=require("./tooltip-CzZ7Fvt7.cjs");require("clsx");require("tailwind-merge");const S=({isOpen:m,onClose:l,editor:t,rteElement:f})=>{const r=u.usePageExternalData(),j=o=>{if(!t)return;const i=`{{${o}}}`;t.commands.focus();const{from:p,to:g}=t.state.selection;if(p!==g)t.chain().deleteSelection().insertContent(i).run();else{const{state:c}=t,s=c.selection.from,x=c.doc.textBetween(Math.max(0,s-1),s),a=c.doc.textBetween(s,Math.min(s+1,c.doc.content.size));let d="";s>0&&x!==" "&&!/[.,!?;:]/.test(x)&&(d=" ");let h="";a&&a!==" "&&!/[.,!?;:]/.test(a)&&(h=" "),t.chain().insertContent(d+i+h).run()}};return e.jsx(n.Dialog,{open:m,onOpenChange:o=>!o&&l(),children:e.jsxs(n.DialogContent,{className:"max-h-[90vh] overflow-y-auto sm:max-w-[800px]",children:[e.jsx(n.DialogHeader,{children:e.jsxs(n.DialogTitle,{className:"flex items-center justify-between pr-8",children:[e.jsx("span",{children:"Rich Text Editor"}),Object.keys(r).length>0&&e.jsxs("div",{className:"flex items-center",children:[e.jsx("span",{className:"mr-2 text-sm text-muted-foreground",children:"Add field:"}),e.jsx("div",{className:"rte-path-selector",children:e.jsx(u.NestedPathSelector,{data:r,onSelect:j})})]})]})}),f,e.jsx("div",{className:"mt-4 flex justify-end",children:e.jsx(n.Button,{onClick:l,children:"Done"})})]})})};exports.default=S;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("./index-DqxtRdta.cjs"),n=require("./tooltip-Ba1-8jmj.cjs");require("clsx");require("tailwind-merge");const S=({isOpen:m,onClose:l,editor:t,rteElement:f})=>{const r=u.usePageExternalData(),j=o=>{if(!t)return;const i=`{{${o}}}`;t.commands.focus();const{from:p,to:g}=t.state.selection;if(p!==g)t.chain().deleteSelection().insertContent(i).run();else{const{state:c}=t,s=c.selection.from,x=c.doc.textBetween(Math.max(0,s-1),s),a=c.doc.textBetween(s,Math.min(s+1,c.doc.content.size));let d="";s>0&&x!==" "&&!/[.,!?;:]/.test(x)&&(d=" ");let h="";a&&a!==" "&&!/[.,!?;:]/.test(a)&&(h=" "),t.chain().insertContent(d+i+h).run()}};return e.jsx(n.Dialog,{open:m,onOpenChange:o=>!o&&l(),children:e.jsxs(n.DialogContent,{className:"max-h-[90vh] overflow-y-auto sm:max-w-[800px]",children:[e.jsx(n.DialogHeader,{children:e.jsxs(n.DialogTitle,{className:"flex items-center justify-between pr-8",children:[e.jsx("span",{children:"Rich Text Editor"}),Object.keys(r).length>0&&e.jsxs("div",{className:"flex items-center",children:[e.jsx("span",{className:"mr-2 text-sm text-muted-foreground",children:"Add field:"}),e.jsx("div",{className:"rte-path-selector",children:e.jsx(u.NestedPathSelector,{data:r,onSelect:j})})]})]})}),f,e.jsx("div",{className:"mt-4 flex justify-end",children:e.jsx(n.Button,{onClick:l,children:"Done"})})]})})};exports.default=S;

package/dist/tailwind.d.ts

@@ -99,7 +99,7 @@ export declare const getChaiBuilderTailwindConfig: (content: string[]) => {
 };
 
 export declare const getChaiBuilderTheme: (themeOptions?: ChaiBuilderThemeOptions) => {
-    fontFamily: any;
+    fontFamily: {};
     borderRadius: {
         lg: string;
         md: string;
@@ -109,7 +109,7 @@ export declare const getChaiBuilderTheme: (themeOptions?: ChaiBuilderThemeOption
         md?: undefined;
         sm?: undefined;
     };
-    colors: any;
+    colors: {};
     container: {
         center: boolean;
         padding: string;