@chaibuilder/sdk 2.0.9 → 2.0.11

package/dist/core.js

@@ -16,9 +16,9 @@ import { useFloating, shift } from "@floating-ui/react-dom";
 import { PinTopIcon, PinBottomIcon, PinLeftIcon, PinRightIcon, ArrowUpIcon, PlusIcon, CopyIcon, TrashIcon, DragHandleDots2Icon, BoxModelIcon, DotsVerticalIcon, MobileIcon, LaptopIcon, DesktopIcon, Cross2Icon, InfoCircledIcon, EyeOpenIcon, EyeClosedIcon, BorderAllIcon, WidthIcon, HeightIcon, ArrowRightIcon, ArrowDownIcon, ArrowLeftIcon, ArrowTopLeftIcon, ArrowTopRightIcon, ArrowBottomRightIcon, ArrowBottomLeftIcon, AlignLeftIcon, AlignCenterHorizontallyIcon, AlignRightIcon, StretchHorizontallyIcon, FontItalicIcon, UnderlineIcon, OverlineIcon, LetterCaseUppercaseIcon, Cross1Icon, BoxIcon, MinusIcon, TriangleDownIcon, RowSpacingIcon, CrossCircledIcon, CaretRightIcon, CardStackIcon, CardStackPlusIcon, ScissorsIcon, CheckIcon, SunIcon, ResetIcon, EraserIcon, ZoomInIcon, MixerHorizontalIcon, LightningBoltIcon } from "@radix-ui/react-icons";
 import { useThrottledCallback, useDebouncedCallback, useResizeObserver, useIntervalEffect } from "@react-hookz/web";
 import { useFeature, FlagsProvider } from "flagged";
-import { getRegisteredChaiBlock, getDefaultBlockProps, useRegisteredChaiBlocks, getBlockFormSchemas, syncBlocksWithDefaults } from "@chaibuilder/runtime";
+import { getRegisteredChaiBlock, getDefaultBlockProps, useRegisteredFonts, useRegisteredChaiBlocks, getBlockFormSchemas, syncBlocksWithDefaults } from "@chaibuilder/runtime";
 import { registerChaiBlock as Ue } from "@chaibuilder/runtime";
-import { e as getDefaultExportFromCjs, d as defaultThemeOptions, g as getChaiThemeOptions, p as plugin, a as getChaiThemeCssVariables, c as getThemeFontsLinkMarkup } from "./ChaiThemeFn-Cort9tch.js";
+import { e as getDefaultExportFromCjs, d as defaultThemeOptions, g as getChaiThemeOptions, p as plugin, a as getChaiThemeCssVariables, c as getThemeFontsLinkMarkup, f as getThemeCustomFontFace } from "./chai-theme-helpers-BpnwYsLZ.js";
 import { PlusIcon as PlusIcon$1, ChevronRight, DatabaseIcon, ChevronLeft, Bold, Italic, Underline as Underline$1, Strikethrough, List, ListOrdered, AlignLeft, AlignCenter, AlignRight, Link as Link$1, Unlink, Maximize2, X, Plus, PlusCircle, ChevronDown, Loader, SparklesIcon, Globe, PencilIcon, FileJson, Zap, EyeOff, MoreVertical, Eye, ChevronsDown, ChevronsUp, Languages, FileEdit, Recycle, SmileIcon, ShuffleIcon, Moon, Sparkles, Loader2, Image as Image$1, Send, DatabaseZapIcon, Edit2, Paintbrush, Layers } from "lucide-react";
 import RjForm from "@rjsf/core";
 import validator from "@rjsf/validator-ajv8";
@@ -41,10 +41,10 @@ import { ErrorBoundary } from "react-error-boundary";
 import { useHotkeys } from "react-hotkeys-hook";
 import { motion } from "framer-motion";
 import TreeModel from "tree-model";
-import typography from "@tailwindcss/typography";
-import forms from "@tailwindcss/forms";
 import aspectRatio from "@tailwindcss/aspect-ratio";
 import containerQueries from "@tailwindcss/container-queries";
+import forms from "@tailwindcss/forms";
+import typography from "@tailwindcss/typography";
 import ReactDOM from "react-dom";
 import { Resizable } from "re-resizable";
 const isSelfAtom = (o, n) => o.unstable_is ? o.unstable_is(n) : n === o, hasInitialValue = (o) => "init" in o, isActuallyWritableAtom = (o) => !!o.write, isAtomStateInitialized = (o) => "v" in o || "e" in o, returnAtomValue = (o) => {
@@ -3793,7 +3793,9 @@ const useHandleCanvasDblClick = (o, n) => {
   );
   useEffect(() => {
     a ? d == null || d.documentElement.classList.add("dark") : d == null || d.documentElement.classList.remove("dark");
-  }, [a, d]), useEffect(() => {
+  }, [a, d]);
+  const f = useRegisteredFonts();
+  useEffect(() => {
     !p || !p.tailwind || (p.tailwind.config = {
       darkMode: "class",
       theme: {
@@ -3813,22 +3815,22 @@ const useHandleCanvasDblClick = (o, n) => {
         forms,
         aspectRatio,
         containerQueries,
-        plugin(function({ addBase: b, theme: y }) {
-          b({
+        plugin(function({ addBase: S, theme: B }) {
+          S({
             "h1,h2,h3,h4,h5,h6": {
-              fontFamily: y("fontFamily.heading")
+              fontFamily: B("fontFamily.heading")
             },
             body: {
-              fontFamily: y("fontFamily.body"),
-              color: y("colors.foreground"),
-              backgroundColor: y("colors.background")
+              fontFamily: B("fontFamily.body"),
+              color: B("colors.foreground"),
+              backgroundColor: B("colors.background")
             }
           });
         })
       ]
     });
   }, [o, n, p]), useEffect(() => {
-    g && (g.textContent = `${map(r, (b) => `[data-block-id="${b}"]`).join(",")}{
+    g && (g.textContent = `${map(r, (S) => `[data-block-id="${S}"]`).join(",")}{
                 outline: 1px solid ${r.length === 1 ? "#42a1fc !important" : "orange !important"}; outline-offset: -1px;
             }`);
   }, [r, g]), useEffect(() => {
@@ -3836,19 +3838,26 @@ const useHandleCanvasDblClick = (o, n) => {
   }, [i, h]), useEffect(() => {
     u && (u.textContent = '[data-highlighted="true"]{ outline: 1px solid #42a1fc !important; outline-offset: -1px;}');
   }, [u]), useEffect(() => {
-    m && (m.textContent = `${map(l, ({ id: b }) => `[data-style-id="${b}"]`).join(",")}{
+    m && (m.textContent = `${map(l, ({ id: S }) => `[data-style-id="${S}"]`).join(",")}{
                 outline: 1px solid orange !important; outline-offset: -1px;
             }`);
   }, [l, m]), useEffect(() => {
     d.querySelector("#drop-target-block").innerHTML = c ? `[data-block-id="${c}"]{ outline: 1px dashed orange !important; outline-offset: -1px;}` : "";
   }, [c, d]);
-  const f = useMemo(
-    () => getChaiThemeCssVariables(o),
-    [o]
-  ), x = useMemo(() => getThemeFontsLinkMarkup(pick(o, ["fontFamily"])), [o]);
+  const x = useMemo(() => getChaiThemeCssVariables(o), [o]), b = useMemo(() => {
+    const { heading: S, body: B } = {
+      heading: get(o, "fontFamily.heading"),
+      body: get(o, "fontFamily.body")
+    };
+    return f.filter((E) => E.family === S || E.family === B);
+  }, [o == null ? void 0 : o.fontFamily, f]), y = useMemo(() => getThemeFontsLinkMarkup(filter(b, (S) => has(S, "url"))), [b]), v = useMemo(
+    () => getThemeCustomFontFace(filter(b, (S) => has(S, "src"))),
+    [b]
+  );
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("style", { id: "chai-theme", children: f }),
-    /* @__PURE__ */ jsx("span", { id: "chai-fonts", dangerouslySetInnerHTML: { __html: x } })
+    /* @__PURE__ */ jsx("style", { id: "chai-theme", children: x }),
+    /* @__PURE__ */ jsx("span", { id: "chai-fonts", dangerouslySetInnerHTML: { __html: y } }),
+    /* @__PURE__ */ jsx("style", { id: "chai-custom-fonts", dangerouslySetInnerHTML: { __html: v } })
   ] });
 }, ResizableCanvasWrapper = ({ children: o, onMount: n, onResize: r }) => {
   const [, a] = useSelectedBlockIds(), [, l] = useSelectedStylingBlocks(), i = useRef(null), c = useDebouncedCallback(
@@ -7991,74 +8000,22 @@ const selectParent = (o, n) => {
     ) }),
     /* @__PURE__ */ jsx(PasteAtRootContextMenu, { parentContext, setParentContext })
   ] });
-}, FONTS = [
-  { title: "Roboto", value: "Roboto" },
-  { title: "Open Sans", value: "Open Sans" },
-  { title: "Montserrat", value: "Montserrat" },
-  { title: "Lato", value: "Lato" },
-  { title: "Poppins", value: "Poppins" },
-  { title: "Oswald", value: "Oswald" },
-  { title: "Raleway", value: "Raleway" },
-  { title: "Ubuntu", value: "Ubuntu" },
-  { title: "Nunito", value: "Nunito" },
-  { title: "Merriweather", value: "Merriweather" },
-  { title: "Nunito Sans", value: "Nunito Sans" },
-  { title: "Playfair Display", value: "Playfair Display" },
-  { title: "Rubik", value: "Rubik" },
-  { title: "Inter", value: "Inter" },
-  { title: "Lora", value: "Lora" },
-  { title: "Kanit", value: "Kanit" },
-  { title: "Fira Sans", value: "Fira Sans" },
-  { title: "Hind", value: "Hind" },
-  { title: "Quicksand", value: "Quicksand" },
-  { title: "Mulish", value: "Mulish" },
-  { title: "Barlow", value: "Barlow" },
-  { title: "Inconsolata", value: "Inconsolata" },
-  { title: "Titillium Web", value: "Titillium Web" },
-  { title: "Heebo", value: "Heebo" },
-  { title: "IBM Plex Sans", value: "IBM Plex Sans" },
-  { title: "DM Sans", value: "DM Sans" },
-  { title: "Nanum Gothic", value: "Nanum Gothic" },
-  { title: "Karla", value: "Karla" },
-  { title: "Arimo", value: "Arimo" },
-  { title: "Cabin", value: "Cabin" },
-  { title: "Oxygen", value: "Oxygen" },
-  { title: "Overpass", value: "Overpass" },
-  { title: "Assistant", value: "Assistant" },
-  { title: "Tajawal", value: "Tajawal" },
-  { title: "Play", value: "Play" },
-  { title: "Exo", value: "Exo" },
-  { title: "Cinzel", value: "Cinzel" },
-  { title: "Faustina", value: "Faustina" },
-  { title: "Philosopher", value: "Philosopher" },
-  { title: "Gelasio", value: "Gelasio" },
-  { title: "Sofia Sans Condensed", value: "Sofia Sans Condensed" },
-  { title: "Noto Sans Devanagari", value: "Noto Sans Devanagari" },
-  { title: "Actor", value: "Actor" },
-  { title: "Epilogue", value: "Epilogue" },
-  { title: "Glegoo", value: "Glegoo" },
-  { title: "Overlock", value: "Overlock" },
-  { title: "Lustria", value: "Lustria" },
-  { title: "Ovo", value: "Ovo" },
-  { title: "Suranna", value: "Suranna" },
-  { title: "Bebas Neue", value: "Bebas Neue" },
-  { title: "Manrope", value: "Manrope" }
-], FontSelector = ({
-  label: o,
-  value: n,
-  onChange: r
-}) => /* @__PURE__ */ jsxs("div", { className: "space-y-0.5", children: [
-  /* @__PURE__ */ jsx(Label, { className: "text-sm text-slate-800", children: startCase(o) }),
-  /* @__PURE__ */ jsx(
-    "select",
+}, BorderRadiusInput = ({ value: o, onChange: n, disabled: r }) => {
+  const a = debounce((l) => n(l), 200);
+  return /* @__PURE__ */ jsx(
+    "input",
     {
-      className: "mt-1 w-full cursor-pointer rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
-      value: n,
-      onChange: (a) => r(a.target.value),
-      children: FONTS.map((a) => /* @__PURE__ */ jsx("option", { value: a.value, children: a.title }, a.value))
+      type: "range",
+      min: "0",
+      step: "1",
+      max: "30",
+      disabled: r,
+      defaultValue: o.replace("px", ""),
+      onChange: (l) => a(l.target.value),
+      className: "flex-1 cursor-pointer"
     }
-  )
-] }), ColorPickerInput = ({ value: o, onChange: n }) => {
+  );
+}, ColorPickerInput = ({ value: o, onChange: n }) => {
   const r = debounce((a) => n(a), 200);
   return /* @__PURE__ */ jsx(
     "div",
@@ -8079,21 +8036,26 @@ const selectParent = (o, n) => {
       )
     }
   );
-}, BorderRadiusInput = ({ value: o, onChange: n, disabled: r }) => {
-  const a = debounce((l) => n(l), 200);
-  return /* @__PURE__ */ jsx(
-    "input",
-    {
-      type: "range",
-      min: "0",
-      step: "1",
-      max: "30",
-      disabled: r,
-      defaultValue: o.replace("px", ""),
-      onChange: (l) => a(l.target.value),
-      className: "flex-1 cursor-pointer"
-    }
-  );
+}, FontSelector = ({
+  label: o,
+  value: n,
+  onChange: r
+}) => {
+  const a = useRegisteredFonts();
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-0.5", children: [
+    /* @__PURE__ */ jsx(Label, { className: "text-sm text-slate-800", children: startCase(o) }),
+    /* @__PURE__ */ jsx(
+      ChaiSelect,
+      {
+        defaultValue: n,
+        options: a.map((l) => ({
+          value: l.family,
+          label: l.family
+        })),
+        onValueChange: r
+      }
+    )
+  ] });
 }, ThemeConfigPanel = React.memo(({ className: o = "" }) => {
   const [n] = useDarkMode(), [r, a] = React.useState(""), l = useBuilderProp("themePresets", []), i = useBuilderProp("themePanelComponent", null), { hasPermission: c } = usePermissions(), [d, p] = useTheme(), u = useThemeOptions(), { t: g } = useTranslation(), m = (v) => {
     a(v);
@@ -8158,22 +8120,22 @@ const selectParent = (o, n) => {
       l.length > 0 && /* @__PURE__ */ jsxs("div", { className: "flex gap-2 py-2", children: [
         /* @__PURE__ */ jsxs("div", { className: "w-full", children: [
           /* @__PURE__ */ jsx(Label, { className: "text-sm text-slate-800", children: g("Presets") }),
-          /* @__PURE__ */ jsxs(
-            "select",
+          /* @__PURE__ */ jsx(
+            ChaiSelect,
             {
-              value: r,
-              onChange: (v) => m(v.target.value),
-              className: "w-full space-y-0.5 rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
-              children: [
-                /* @__PURE__ */ jsx("option", { value: "", children: "Select preset" }),
-                Array.isArray(l) && l.map((v) => /* @__PURE__ */ jsx("option", { value: Object.keys(v)[0], children: capitalize(Object.keys(v)[0]) }, Object.keys(v)[0]))
-              ]
+              defaultValue: r,
+              options: l.map((v) => ({
+                value: Object.keys(v)[0],
+                label: capitalize(Object.keys(v)[0])
+              })),
+              onValueChange: (v) => m(v)
             }
           )
         ] }),
         /* @__PURE__ */ jsx("div", { className: "flex w-[30%] items-end", children: /* @__PURE__ */ jsx(
           Button,
           {
+            size: "sm",
             className: "w-full text-sm",
             disabled: r === "",
             variant: "default",
@@ -9460,7 +9422,11 @@ const RootLayout = () => {
     y.preventDefault();
   }, u = (y) => {
     n(o === y ? null : y);
-  }, g = useSidebarMenuItems(), { t: m } = useTranslation(), h = useMemo(() => [...g, ...c], [g, c]), f = useBuilderProp("htmlDir", "ltr"), x = find(h, { id: o }), b = get(x, "width", DEFAULT_PANEL_WIDTH);
+  }, g = useSidebarMenuItems(), { t: m } = useTranslation(), h = useMemo(() => [...g, ...c], [g, c]), f = useBuilderProp("htmlDir", "ltr");
+  useEffect(() => {
+    find(h, { id: o }) || n("outline");
+  }, [o, h]);
+  const x = find(h, { id: o }) ?? first(h), b = get(x, "width", DEFAULT_PANEL_WIDTH);
   return /* @__PURE__ */ jsx("div", { dir: f, className: "h-screen max-h-full w-screen overflow-x-hidden bg-background text-foreground", children: /* @__PURE__ */ jsxs(TooltipProvider, { children: [
     /* @__PURE__ */ jsxs(
       "div",
@@ -9470,7 +9436,7 @@ const RootLayout = () => {
         children: [
           /* @__PURE__ */ jsx("div", { className: "h-14 w-screen shrink-0 border-b border-border", children: /* @__PURE__ */ jsx(Suspense, { children: /* @__PURE__ */ jsx(TopBar, {}) }) }),
           /* @__PURE__ */ jsxs("main", { className: "relative flex h-[calc(100vh-56px)] max-w-full flex-1 flex-row", children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex h-full w-12 flex-col items-center justify-between border-r border-border py-2", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex w-12 flex-col items-center justify-between border-r border-border py-2", children: [
               /* @__PURE__ */ jsx("div", { className: "flex flex-col", children: h.map((y, v) => /* @__PURE__ */ jsxs(Tooltip, { children: [
                 /* @__PURE__ */ jsx(TooltipTrigger, { asChild: !0, children: /* @__PURE__ */ jsx(
                   Button,
@@ -9485,7 +9451,7 @@ const RootLayout = () => {
                 /* @__PURE__ */ jsx(TooltipContent, { side: "right", children: /* @__PURE__ */ jsx("p", { children: m(y.label) }) })
               ] }, "button" + v)) }),
               /* @__PURE__ */ jsx("div", { className: "flex flex-col space-y-1" }),
-              /* @__PURE__ */ jsx("div", { className: "flex h-full flex-col", children: d == null ? void 0 : d.map((y, v) => /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx("div", {}), children: React__default.createElement(y, {}) }, `sidebar-component-${v}`)) })
+              /* @__PURE__ */ jsx("div", { className: "flex flex-col", children: d == null ? void 0 : d.map((y, v) => /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx("div", {}), children: React__default.createElement(y, {}) }, `sidebar-component-${v}`)) })
             ] }),
             /* @__PURE__ */ jsx(
               motion.div,
@@ -9501,7 +9467,7 @@ const RootLayout = () => {
                       className: `absolute top-2 flex h-10 items-center space-x-1 bg-white py-2 text-base font-bold ${get(x, "isInternal", !1) ? "" : "w-64"}`,
                       children: [
                         /* @__PURE__ */ jsx("span", { className: "rtl:ml-2 rtl:inline-block", children: get(x, "icon", null) }),
-                        /* @__PURE__ */ jsx("span", { children: m(x == null ? void 0 : x.label) })
+                        /* @__PURE__ */ jsx("span", { children: m(get(x, "label", "")) })
                       ]
                     }
                   ),

package/dist/{plugin-kUMxtQR5.js → plugin-D56-CF7U.js}

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

package/dist/plugin-PDQQ8m4D.cjs

@@ -0,0 +1 @@
+"use strict";const o=require("./chai-theme-helpers-D2bHv81c.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("./ChaiThemeFn-DQu-2Eh9.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-2xcljWGM.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 S=require("./chai-theme-helpers-D2bHv81c.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-PDQQ8m4D.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;":""}
       @tailwind components;
-      @tailwind utilities;`,r)}const L=(e,r,n)=>{const t=JSON.stringify(e).replace(/#styles:([^"]*)/g,(i,c)=>`#styles:${c.replace(/,/g," ")}`.replace(/#styles:/g,""));return K(r,[t],[],"",n)},V=async(e,r=S.defaultThemeOptions,n=!1)=>await L(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")})})}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 c=/\{\{(.*?)\}\}/g,l=i.match(c);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 Q(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),c=>{i.includes(c)&&!s.isEmpty(r)&&(t[c]=s.get(t,`${c}-${r}`,t[c]))}),t}const G=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)))}),H=(e,r,n)=>s.isEmpty(n)?{}:Object.entries(n).reduce((t,[i,c])=>{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:c.block});return u&&(t[i]=s.get(u,s.get(c,"prop"),null)),t},{}),X=()=>g.jsx("span",{children:"Loading..."});function E({blocks:e,parent:r,classPrefix:n="",externalData:t={},blockModifierCallback:i=null,lang:c="",fallbackLang:l="",metadata:a={},dataProviderMetadataCallback:u=()=>{}}){const h=e,P=o=>W(o,n),q=r?s.filter(e,{_parent:r}):s.filter(e,o=>s.isEmpty(o._parent));return s.uniqBy(q,"_id").map((o,v)=>{const y={},x=s.filter(h,{_parent:o._id});y.children=x.length>0?g.jsx(E,{externalData:t,classPrefix:n,parent:o._id,blocks:h,lang:c||l,metadata:a},o._id):null;const d=T.getRegisteredChaiBlock(o._type);if(d!==null){let f=o;const C=d.component;f={...d.defaults,...o},i&&(f=i(f));const O=c===l?"":c,R=H(h,o._id,G(o._type)),_=j(Q(o,O,d),t),B=s.omit({blockProps:{},inBuilder:!1,...f,index:v,..._,...P(_),...y,...R,metadata:a,lang:c||l,key:o._id},["_parent"]);if(s.has(d,"dataProvider")){const $=s.get(d,"suspenseFallback",X);return g.jsx(p.Suspense,{fallback:p.createElement($),children:g.jsx(U,{dataProviderMetadataCallback:u,lang:c||l,metadata:a,dataProvider:d.dataProvider,block:o,component:C,props:B},o._id)},o._id)}return g.jsx(p.Suspense,{children:p.createElement(C,B)},o._id)}return g.jsxs("noscript",{children:[o._type," not found"]},o._id)})}exports.getChaiThemeCssVariables=S.getChaiThemeCssVariables;exports.getThemeFontsCSSImport=S.getThemeFontsCSSImport;exports.getThemeFontsLinkMarkup=S.getThemeFontsLinkMarkup;exports.RenderChaiBlocks=E;exports.convertToBlocks=A;exports.getStylesForBlocks=V;
+      @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;

package/dist/render.d.ts

@@ -1,3 +1,5 @@
+import { ChaiGoogleFont } from '@chaibuilder/runtime';
+
 declare type BorderRadiusValue = false | string;
 
 declare type ChaiBlock<T = Record<string, any>> = {
@@ -33,11 +35,9 @@ export declare const getChaiThemeCssVariables: (chaiTheme: Partial<ChaiBuilderTh
 
 export declare const getStylesForBlocks: (blocks: ChaiBlock[], themeOptions?: ChaiBuilderThemeOptions, includeBaseStyles?: boolean) => Promise<string>;
 
-export declare const getThemeFontsCSSImport: (chaiTheme: {
-    fontFamily: Record<string, string>;
-}) => any;
+export declare const getThemeFontsCSSImport: (fonts: ChaiGoogleFont[]) => any;
 
-export declare const getThemeFontsLinkMarkup: (chaiTheme: Pick<Partial<ChaiBuilderThemeValues>, "fontFamily">) => any;
+export declare const getThemeFontsLinkMarkup: (fonts: ChaiGoogleFont[]) => any;
 
 declare type HSLColor = string;
 

package/dist/render.js

@@ -1,19 +1,19 @@
-import { d as Y } from "./ChaiThemeFn-Cort9tch.js";
-import { a as At, b as It, c as Jt } from "./ChaiThemeFn-Cort9tch.js";
-import { last as q, flattenDeep as z, has as O, omit as S, memoize as $, get as d, filter as h, isEmpty as g, uniqBy as D, cloneDeep as E, forEach as x, keys as w, isString as R, isObject as L, find as _, includes as j } from "lodash-es";
-import { g as b, S as y } from "./getSplitClasses-DphwgQiE.js";
-import { createTailwindcss as Q } from "@mhsdesign/jit-browser-tailwindcss";
-import G from "@tailwindcss/aspect-ratio";
-import H from "@tailwindcss/container-queries";
+import { d as Y } from "./chai-theme-helpers-BpnwYsLZ.js";
+import { a as At, b as It, c as Jt } from "./chai-theme-helpers-BpnwYsLZ.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-kUMxtQR5.js";
+import { g as k, c as tt } from "./plugin-D56-CF7U.js";
 import { jsx as p, jsxs as et } from "react/jsx-runtime";
-import { getRegisteredChaiBlock as F } from "@chaibuilder/runtime";
-import N, { Suspense as C, createElement as nt } from "react";
+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 } = b(t), e = n.split(" ").map((r) => r.split(" ").map((a) => {
+  const { classes: n } = F(t), e = n.split(" ").map((r) => r.split(" ").map((a) => {
     if (a === "") return "";
     if (a.includes(":")) {
       const l = a.split(":");
@@ -38,12 +38,12 @@ function it(t) {
   });
 }
 async function ot(t, s, n = [], e = "", r) {
-  return await Q({
+  return await G({
     tailwindConfig: {
       darkMode: "class",
       safelist: n,
       theme: { extend: k(t) },
-      plugins: [X, Z, G, H, tt],
+      plugins: [X, Z, H, L, tt],
       corePlugins: { preflight: r },
       ...e ? { prefix: `${e}` } : {}
     }
@@ -57,20 +57,21 @@ async function ot(t, s, n = [], e = "", r) {
 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);
-}, bt = async (t, s = Y, n = !1) => await at(t, s, 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 O(s, "$metadata") && t.dataProviderMetadataCallback(t.block, s.$metadata), /* @__PURE__ */ p(C, { children: N.createElement(t.component, {
-    ...S(t.props, ["dataProvider", "dataProviderMetadataCallback"]),
-    ...S(s, "$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 lt = $((t, s) => {
-  const { baseClasses: n, classes: e } = b(t), r = st(n, e);
-  return s === "" ? r.replace(y, "").trim() : rt(r, s).replace(y, "").trim();
+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(w(n), (e) => {
+  return x(B(n), (e) => {
     if (R(n[e])) {
       let r = n[e];
       const o = /\{\{(.*?)\}\}/g, c = r.match(o);
@@ -79,17 +80,17 @@ const lt = $((t, s) => {
         r = r.replace(a, m);
       }), n[e] = r;
     }
-    L(n[e]) && (n[e] = A(n[e], s));
+    Q(n[e]) && (n[e] = A(n[e], s));
   }), n;
 };
 function dt(t, s) {
-  const n = d(t, `${s}_attrs`, {}), e = w(n).join(" ");
+  const n = d(t, `${s}_attrs`, {}), e = B(n).join(" ");
   return j(e, "x-show") && !j(e, "x-transition") && (n["x-transition"] = ""), n;
 }
 function ut(t, s) {
   const n = {};
   return Object.keys(t).forEach((e) => {
-    if (R(t[e]) && t[e].startsWith(y)) {
+    if (R(t[e]) && t[e].startsWith(S)) {
       const r = lt(t[e], s);
       n[e] = {
         className: r,
@@ -101,12 +102,12 @@ function ut(t, s) {
 function pt(t, s, n) {
   if (g(s)) return t;
   const e = E(t), r = d(n, "i18nProps", []);
-  return x(w(e), (o) => {
+  return x(B(e), (o) => {
     r.includes(o) && !g(s) && (e[o] = d(e, `${o}-${s}`, e[o]));
   }), e;
 }
-const mt = $((t) => {
-  const s = F(t), n = d(s, "schema.properties", {});
+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 = [];
@@ -130,8 +131,8 @@ function ht({
 }) {
   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(
+    const C = {}, U = h(m, { _parent: i._id });
+    C.children = U.length > 0 ? /* @__PURE__ */ p(
       ht,
       {
         externalData: e,
@@ -139,24 +140,26 @@ function ht({
         parent: i._id,
         blocks: m,
         lang: o || c,
-        metadata: a
+        metadata: a,
+        fallbackLang: c,
+        dataProviderMetadataCallback: l
       },
-      i._id
+      `${i._id}-children`
     ) : null;
-    const u = F(i._type);
+    const u = N(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)), v = A(pt(i, V, u), e), T = S(
+      const V = o === c ? "" : o, K = ft(m, i._id, mt(i._type)), $ = A(pt(i, V, u), e), T = y(
         {
           blockProps: {},
           inBuilder: !1,
           ...f,
           index: M,
-          ...v,
-          ...I(v),
-          ...B,
+          ...$,
+          ...I($),
+          ...C,
           ...K,
           metadata: a,
           lang: o || c,
@@ -164,9 +167,9 @@ function ht({
         },
         ["_parent"]
       );
-      if (O(u, "dataProvider")) {
+      if (v(u, "dataProvider")) {
         const W = d(u, "suspenseFallback", gt);
-        return /* @__PURE__ */ p(C, { fallback: nt(W), children: /* @__PURE__ */ p(
+        return /* @__PURE__ */ p(w, { fallback: nt(W), children: /* @__PURE__ */ p(
           ct,
           {
             dataProviderMetadataCallback: l,
@@ -177,22 +180,22 @@ function ht({
             component: P,
             props: T
           },
-          i._id
-        ) }, i._id);
+          `${i._id}-async`
+        ) }, `${i._id}-suspense`);
       }
-      return /* @__PURE__ */ p(C, { children: N.createElement(P, T) }, i._id);
+      return /* @__PURE__ */ p(w, { children: b.createElement(P, T) }, `${i._id}-suspense`);
     }
     return /* @__PURE__ */ et("noscript", { children: [
       i._type,
       " not found"
-    ] }, i._id);
+    ] }, `${i._id}-noscript`);
   });
 }
 export {
   ht as RenderChaiBlocks,
   Rt as convertToBlocks,
   At as getChaiThemeCssVariables,
-  bt as getStylesForBlocks,
+  Ft as getStylesForBlocks,
   It as getThemeFontsCSSImport,
   Jt 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-2xcljWGM.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"),n=require("@tailwindcss/typography"),d=require("tailwindcss-animate"),r=require("./plugin-PDQQ8m4D.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;

package/dist/tailwind.d.ts

@@ -1,6 +1,6 @@
 import { Config } from 'tailwindcss/types/config';
-import { default as default_2 } from '@tailwindcss/typography';
-import { default as default_3 } from '@tailwindcss/forms';
+import { default as default_2 } from '@tailwindcss/forms';
+import { default as default_3 } from '@tailwindcss/typography';
 import { PluginCreator } from 'tailwindcss/types/config';
 
 declare type BorderRadiusValue = false | string;
@@ -93,9 +93,9 @@ export declare const getChaiBuilderTailwindConfig: (content: string[]) => {
             };
         };
     };
-    plugins: (typeof default_2 | typeof default_3 | {
+    plugins: ({
         handler: () => void;
-    })[];
+    } | typeof default_2 | typeof default_3)[];
 };
 
 export declare const getChaiBuilderTheme: (themeOptions?: ChaiBuilderThemeOptions) => {

package/dist/tailwind.js

@@ -2,7 +2,7 @@ import o from "@tailwindcss/aspect-ratio";
 import e from "@tailwindcss/forms";
 import a from "@tailwindcss/typography";
 import d from "tailwindcss-animate";
-import { c as l, g as v } from "./plugin-kUMxtQR5.js";
+import { c as l, g as v } from "./plugin-D56-CF7U.js";
 function n() {
   return {
     colors: {