@chaibuilder/sdk 2.2.2 → 2.2.4

package/dist/get-chai-builder-theme-ByeXCyGx.js

@@ -0,0 +1,12 @@
+import { g as t, d as r } from "./plugin-fnBB3TCm.js";
+const a = (e = r) => ({
+  container: {
+    center: !0,
+    padding: "1rem",
+    screens: { "2xl": "1400px" }
+  },
+  ...t(e)
+});
+export {
+  a as g
+};

package/dist/get-chai-builder-theme-CeaKvOZ8.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("./plugin-C01tjI6V.cjs"),i=(t=e.defaultThemeOptions)=>({container:{center:!0,padding:"1rem",screens:{"2xl":"1400px"}},...e.getChaiThemeOptions(t)});exports.getChaiBuilderTheme=i;

package/dist/mockServiceWorker.js

@@ -8,7 +8,7 @@
  * - Please do NOT serve this file on production.
  */
 
-const PACKAGE_VERSION = '2.7.0'
+const PACKAGE_VERSION = '2.7.4'
 const INTEGRITY_CHECKSUM = '00729d72e3b82faf54ca8b9621dbb96f'
 const IS_MOCKED_RESPONSE = Symbol('isMockedResponse')
 const activeClientIds = new Set()

package/dist/plugin-C01tjI6V.cjs

@@ -0,0 +1,22 @@
+"use strict";const b=require("@chaibuilder/runtime"),i=require("lodash-es"),B={fontFamily:{"font-heading":"Inter","font-body":"Inter"},borderRadius:"10px",colors:[{group:"Body",items:{background:["#FFFFFF","#121212"],foreground:["#121212","#FFFFFF"]}},{group:"Primary",items:{primary:["#2563EB","#3B82F6"],"primary-foreground":["#FFFFFF","#FFFFFF"]}},{group:"Secondary",items:{secondary:["#F3F4F6","#374151"],"secondary-foreground":["#1F2937","#F9FAFB"]}},{group:"Border, Input & Ring",items:{border:["#E5E7EB","#374151"],input:["#E5E7EB","#374151"],ring:["#2563EB","#3B82F6"]}},{group:"Card",items:{card:["#FFFFFF","#1F2937"],"card-foreground":["#121212","#FFFFFF"]}},{group:"Popover",items:{popover:["#FFFFFF","#1F2937"],"popover-foreground":["#121212","#FFFFFF"]}},{group:"Muted",items:{muted:["#F3F4F6","#374151"],"muted-foreground":["#6B7280","#9CA3AF"]}},{group:"Accent",items:{accent:["#F3F4F6","#374151"],"accent-foreground":["#1F2937","#FFFFFF"]}},{group:"Destructive",items:{destructive:["#DC2626","#EF4444"],"destructive-foreground":["#FFFFFF","#FFFFFF"]}}]},v={fontFamily:{heading:"Inter",body:"Inter"},borderRadius:"6px",colors:{background:["#FFFFFF","#09090B"],foreground:["#09090B","#FFFFFF"],primary:["#2563EB","#3B82F6"],"primary-foreground":["#FFFFFF","#FFFFFF"],secondary:["#F4F4F5","#27272A"],"secondary-foreground":["#09090B","#FFFFFF"],muted:["#F4F4F5","#27272A"],"muted-foreground":["#71717A","#A1A1AA"],accent:["#F4F4F5","#27272A"],"accent-foreground":["#09090B","#FFFFFF"],destructive:["#EF4444","#7F1D1D"],"destructive-foreground":["#FFFFFF","#FFFFFF"],border:["#E4E4E7","#27272A"],input:["#E4E4E7","#27272A"],ring:["#2563EB","#3B82F6"],card:["#FFFFFF","#09090B"],"card-foreground":["#09090B","#FFFFFF"],popover:["#FFFFFF","#09090B"],"popover-foreground":["#09090B","#FFFFFF"]}},_=e=>({fontFamily:e.fontFamily?i.keys(e.fontFamily).reduce((r,n)=>({...r,[n.replace("font-","")]:`var(--${n})`}),{}):{},borderRadius:e.borderRadius?{lg:"var(--radius)",md:"calc(var(--radius) - 2px)",sm:"calc(var(--radius) - 4px)"}:{},colors:e.colors?i.flatten(e.colors.map(r=>Object.entries(r.items))).reduce((r,[n])=>({...r,[n]:`hsl(var(--${n}))`}),{}):{}});function m(e){const t=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(e);let r=parseInt(t[1],16),n=parseInt(t[2],16),o=parseInt(t[3],16);r/=255,n/=255,o/=255;const F=Math.max(r,n,o),u=Math.min(r,n,o);let a,d;const g=(F+u)/2;if(F==u)a=d=0;else{const l=F-u;switch(d=g>.5?l/(2-F-u):l/(F+u),F){case r:a=(n-o)/l+(n<o?6:0);break;case n:a=(o-r)/l+2;break;case o:a=(r-n)/l+4;break}a/=6}return`${Math.round(a*360)} ${Math.round(d*100)}% ${Math.round(g*100)}%`}const E=e=>{const r=b.getAllRegisteredFonts().find(n=>n.family===e);return`"${e}", ${i.get(r,"fallback","")}`},P=e=>`:root {
+    ${e.fontFamily&&Object.entries(e.fontFamily).map(([t,r])=>`--font-${t}: ${E(r)};`).join(`
+    `)}
+    ${e.borderRadius&&`--radius: ${e.borderRadius};`}
+    ${e.colors&&Object.entries(e.colors).map(([t,r])=>`--${t}: ${m(r[0])};`).join(`
+    `)}
+  }
+  .dark {
+    ${e.colors&&Object.entries(e.colors).map(([t,r])=>`--${t}: ${m(r[1])};`).join(`
+    `)}
+  }`,C=e=>!e||e.length===0?"":i.uniqBy(e,"family").map(t=>`<link rel="stylesheet" href="${t.url}" />`).join(`
+`),A=e=>!e||e.length===0?"":i.uniqBy(e,"family").map(t=>`@import url("${t.url}");`).join(`
+`),j=e=>!e||e.length===0?"":i.uniqBy(e,"family").map(t=>t.src.map(r=>`@font-face {
+        font-family: "${t.family}";
+        src: url("${r.url}") format("${r.format}");
+        font-display: swap;
+        ${r.fontWeight?`font-weight: ${r.fontWeight};`:""}
+        ${r.fontStyle?`font-style: ${r.fontStyle};`:""}
+        ${r.fontStretch?`font-stretch: ${r.fontStretch};`:""}
+      }`).join(`
+`)).join(`
+`);function k(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var s={},c={},p;function M(){return p||(p=1,function(e){Object.defineProperty(e,"__esModule",{value:!0}),Object.defineProperty(e,"default",{enumerable:!0,get:function(){return r}});function t(n,o){return{handler:n,config:o}}t.withOptions=function(n,o=()=>({})){const F=function(u){return{__options:u,handler:n(u),config:o(u)}};return F.__isOptionsFunction=!0,F.__pluginFunction=n,F.__configFunction=o,F};const r=t}(c)),c}var y;function q(){return y||(y=1,function(e){Object.defineProperty(e,"__esModule",{value:!0}),Object.defineProperty(e,"default",{enumerable:!0,get:function(){return n}});const t=r(M());function r(o){return o&&o.__esModule?o:{default:o}}const n=t.default}(s)),s}var f,h;function O(){if(h)return f;h=1;let e=q();return f=(e.__esModule?e:{default:e}).default,f}var R=O();const $=k(R),I=$(function({addBase:e,theme:t}){e({"h1,h2,h3,h4,h5,h6":{fontFamily:t("fontFamily.heading")},body:{fontFamily:t("fontFamily.body"),color:t("colors.foreground"),backgroundColor:t("colors.background")}})});exports.chaiBuilderPlugin=I;exports.defaultThemeOptions=B;exports.defaultThemeValues=v;exports.getChaiThemeCssVariables=P;exports.getChaiThemeOptions=_;exports.getThemeCustomFontFace=j;exports.getThemeFontsCSSImport=A;exports.getThemeFontsLinkMarkup=C;exports.plugin=$;

package/dist/plugin-fnBB3TCm.js

@@ -0,0 +1,258 @@
+import { getAllRegisteredFonts as b } from "@chaibuilder/runtime";
+import { uniqBy as f, keys as h, flatten as v, get as B } from "lodash-es";
+const O = {
+  fontFamily: {
+    "font-heading": "Inter",
+    "font-body": "Inter"
+  },
+  borderRadius: "10px",
+  colors: [
+    {
+      group: "Body",
+      items: {
+        background: ["#FFFFFF", "#121212"],
+        foreground: ["#121212", "#FFFFFF"]
+      }
+    },
+    {
+      group: "Primary",
+      items: {
+        primary: ["#2563EB", "#3B82F6"],
+        "primary-foreground": ["#FFFFFF", "#FFFFFF"]
+      }
+    },
+    {
+      group: "Secondary",
+      items: {
+        secondary: ["#F3F4F6", "#374151"],
+        "secondary-foreground": ["#1F2937", "#F9FAFB"]
+      }
+    },
+    {
+      group: "Border, Input & Ring",
+      items: {
+        border: ["#E5E7EB", "#374151"],
+        input: ["#E5E7EB", "#374151"],
+        ring: ["#2563EB", "#3B82F6"]
+      }
+    },
+    {
+      group: "Card",
+      items: {
+        card: ["#FFFFFF", "#1F2937"],
+        "card-foreground": ["#121212", "#FFFFFF"]
+      }
+    },
+    {
+      group: "Popover",
+      items: {
+        popover: ["#FFFFFF", "#1F2937"],
+        "popover-foreground": ["#121212", "#FFFFFF"]
+      }
+    },
+    {
+      group: "Muted",
+      items: {
+        muted: ["#F3F4F6", "#374151"],
+        "muted-foreground": ["#6B7280", "#9CA3AF"]
+      }
+    },
+    {
+      group: "Accent",
+      items: {
+        accent: ["#F3F4F6", "#374151"],
+        "accent-foreground": ["#1F2937", "#FFFFFF"]
+      }
+    },
+    {
+      group: "Destructive",
+      items: {
+        destructive: ["#DC2626", "#EF4444"],
+        "destructive-foreground": ["#FFFFFF", "#FFFFFF"]
+      }
+    }
+  ]
+}, I = {
+  fontFamily: {
+    heading: "Inter",
+    body: "Inter"
+  },
+  borderRadius: "6px",
+  colors: {
+    background: ["#FFFFFF", "#09090B"],
+    foreground: ["#09090B", "#FFFFFF"],
+    primary: ["#2563EB", "#3B82F6"],
+    "primary-foreground": ["#FFFFFF", "#FFFFFF"],
+    secondary: ["#F4F4F5", "#27272A"],
+    "secondary-foreground": ["#09090B", "#FFFFFF"],
+    muted: ["#F4F4F5", "#27272A"],
+    "muted-foreground": ["#71717A", "#A1A1AA"],
+    accent: ["#F4F4F5", "#27272A"],
+    "accent-foreground": ["#09090B", "#FFFFFF"],
+    destructive: ["#EF4444", "#7F1D1D"],
+    "destructive-foreground": ["#FFFFFF", "#FFFFFF"],
+    border: ["#E4E4E7", "#27272A"],
+    input: ["#E4E4E7", "#27272A"],
+    ring: ["#2563EB", "#3B82F6"],
+    card: ["#FFFFFF", "#09090B"],
+    "card-foreground": ["#09090B", "#FFFFFF"],
+    popover: ["#FFFFFF", "#09090B"],
+    "popover-foreground": ["#09090B", "#FFFFFF"]
+  }
+}, q = (r) => ({
+  fontFamily: r.fontFamily ? h(r.fontFamily).reduce(
+    (e, n) => ({
+      ...e,
+      [n.replace("font-", "")]: `var(--${n})`
+    }),
+    {}
+  ) : {},
+  borderRadius: r.borderRadius ? {
+    lg: "var(--radius)",
+    md: "calc(var(--radius) - 2px)",
+    sm: "calc(var(--radius) - 4px)"
+  } : {},
+  colors: r.colors ? v(r.colors.map((e) => Object.entries(e.items))).reduce(
+    (e, [n]) => ({ ...e, [n]: `hsl(var(--${n}))` }),
+    {}
+  ) : {}
+});
+function p(r) {
+  const t = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(r);
+  let e = parseInt(t[1], 16), n = parseInt(t[2], 16), F = parseInt(t[3], 16);
+  e /= 255, n /= 255, F /= 255;
+  const o = Math.max(e, n, F), u = Math.min(e, n, F);
+  let a, d;
+  const g = (o + u) / 2;
+  if (o == u)
+    a = d = 0;
+  else {
+    const i = o - u;
+    switch (d = g > 0.5 ? i / (2 - o - u) : i / (o + u), o) {
+      case e:
+        a = (n - F) / i + (n < F ? 6 : 0);
+        break;
+      case n:
+        a = (F - e) / i + 2;
+        break;
+      case F:
+        a = (e - n) / i + 4;
+        break;
+    }
+    a /= 6;
+  }
+  return `${Math.round(a * 360)} ${Math.round(d * 100)}% ${Math.round(g * 100)}%`;
+}
+const _ = (r) => {
+  const e = b().find((n) => n.family === r);
+  return `"${r}", ${B(e, "fallback", "")}`;
+}, S = (r) => `:root {
+    ${r.fontFamily && Object.entries(r.fontFamily).map(([t, e]) => `--font-${t}: ${_(e)};`).join(`
+    `)}
+    ${r.borderRadius && `--radius: ${r.borderRadius};`}
+    ${r.colors && Object.entries(r.colors).map(([t, e]) => `--${t}: ${p(e[0])};`).join(`
+    `)}
+  }
+  .dark {
+    ${r.colors && Object.entries(r.colors).map(([t, e]) => `--${t}: ${p(e[1])};`).join(`
+    `)}
+  }`, w = (r) => !r || r.length === 0 ? "" : f(r, "family").map((t) => `<link rel="stylesheet" href="${t.url}" />`).join(`
+`), x = (r) => !r || r.length === 0 ? "" : f(r, "family").map((t) => `@import url("${t.url}");`).join(`
+`), D = (r) => !r || r.length === 0 ? "" : f(r, "family").map(
+  (t) => t.src.map(
+    (e) => `@font-face {
+        font-family: "${t.family}";
+        src: url("${e.url}") format("${e.format}");
+        font-display: swap;
+        ${e.fontWeight ? `font-weight: ${e.fontWeight};` : ""}
+        ${e.fontStyle ? `font-style: ${e.fontStyle};` : ""}
+        ${e.fontStretch ? `font-stretch: ${e.fontStretch};` : ""}
+      }`
+  ).join(`
+`)
+).join(`
+`);
+function E(r) {
+  return r && r.__esModule && Object.prototype.hasOwnProperty.call(r, "default") ? r.default : r;
+}
+var l = {}, s = {}, m;
+function P() {
+  return m || (m = 1, function(r) {
+    Object.defineProperty(r, "__esModule", {
+      value: !0
+    }), Object.defineProperty(r, "default", {
+      enumerable: !0,
+      get: function() {
+        return e;
+      }
+    });
+    function t(n, F) {
+      return {
+        handler: n,
+        config: F
+      };
+    }
+    t.withOptions = function(n, F = () => ({})) {
+      const o = function(u) {
+        return {
+          __options: u,
+          handler: n(u),
+          config: F(u)
+        };
+      };
+      return o.__isOptionsFunction = !0, o.__pluginFunction = n, o.__configFunction = F, o;
+    };
+    const e = t;
+  }(s)), s;
+}
+var y;
+function A() {
+  return y || (y = 1, function(r) {
+    Object.defineProperty(r, "__esModule", {
+      value: !0
+    }), Object.defineProperty(r, "default", {
+      enumerable: !0,
+      get: function() {
+        return n;
+      }
+    });
+    const t = /* @__PURE__ */ e(P());
+    function e(F) {
+      return F && F.__esModule ? F : {
+        default: F
+      };
+    }
+    const n = t.default;
+  }(l)), l;
+}
+var c, $;
+function j() {
+  if ($) return c;
+  $ = 1;
+  let r = A();
+  return c = (r.__esModule ? r : { default: r }).default, c;
+}
+var C = j();
+const M = /* @__PURE__ */ E(C), L = M(function({ addBase: r, theme: t }) {
+  r({
+    "h1,h2,h3,h4,h5,h6": {
+      fontFamily: t("fontFamily.heading")
+    },
+    body: {
+      fontFamily: t("fontFamily.body"),
+      color: t("colors.foreground"),
+      backgroundColor: t("colors.background")
+    }
+  });
+});
+export {
+  S as a,
+  x as b,
+  L as c,
+  O as d,
+  w as e,
+  I as f,
+  q as g,
+  D as h,
+  M as p
+};

package/dist/render-chai-blocks-6SVNwoLW.js

@@ -0,0 +1,201 @@
+import { jsx as g, jsxs as V } from "react/jsx-runtime";
+import { has as y, omit as h, memoize as O, get as c, isEmpty as f, filter as b, uniqBy as z, cloneDeep as j, forEach as k, keys as B, isString as x, isObject as I, find as _, includes as w } from "lodash-es";
+import S, { Suspense as C, createElement as W } from "react";
+import { getRegisteredChaiBlock as L } from "@chaibuilder/runtime";
+import { twMerge as G } from "tailwind-merge";
+const p = "#styles:", ce = "__ADD_BLOCK_INTERNAL_ROOT", A = (e) => {
+  if (e = e.replace(p, ""), !e) return { baseClasses: "", classes: "" };
+  const t = e.split(/,(?![^\[]*\])/);
+  if (t.length === 1)
+    return { baseClasses: "", classes: t[0].trim() };
+  const [s, ...n] = t;
+  return {
+    baseClasses: s.trim(),
+    classes: n.join(",").trim().replace(/ +(?= )/g, "")
+  };
+};
+import.meta.vitest && describe("getSplitChaiClasses", () => {
+  it("should return the base classes and the classes", () => {
+    const e = {
+      ",styles-2": { baseClasses: "", classes: "styles-2" },
+      "styles-1,styles-2": { baseClasses: "styles-1", classes: "styles-2" },
+      ",bg-[linear-gradient(-10deg,black,transparent_100%)]": {
+        baseClasses: "",
+        classes: "bg-[linear-gradient(-10deg,black,transparent_100%)]"
+      },
+      "styles-1,bg-[linear-gradient(-10deg,black,transparent_100%)]": {
+        baseClasses: "styles-1",
+        classes: "bg-[linear-gradient(-10deg,black,transparent_100%)]"
+      },
+      someclass: {
+        baseClasses: "",
+        classes: "someclass"
+      },
+      ",bg-red-500 text-center   font-bold": {
+        baseClasses: "",
+        classes: "bg-red-500 text-center font-bold"
+      },
+      "bg-[linear-gradient(-10deg,black,transparent_100%)], bg-[linear-gradient(-10deg,black,transparent_100%)]": {
+        baseClasses: "bg-[linear-gradient(-10deg,black,transparent_100%)]",
+        classes: "bg-[linear-gradient(-10deg,black,transparent_100%)]"
+      }
+    };
+    for (let t in e) {
+      const s = A(`${p}${t}`);
+      expect(s).toEqual(e[t]);
+    }
+  });
+});
+async function H(e) {
+  const t = await e.dataProvider({
+    pageProps: e.pageProps,
+    block: e.block,
+    lang: e.lang,
+    draft: e.draft,
+    inBuilder: e.inBuilder
+  });
+  return y(t, "$metadata") && e.dataProviderMetadataCallback(e.block, t.$metadata), /* @__PURE__ */ g(C, { children: S.createElement(e.component, {
+    ...h(e.props, ["dataProvider", "dataProviderMetadataCallback"]),
+    ...h(t, "$metadata"),
+    key: `${e.block._id}-async`
+  }) });
+}
+const J = O((e) => {
+  const { baseClasses: t, classes: s } = A(e);
+  return G(t, s).replace(p, "").trim();
+}), T = (e, t) => {
+  const s = j(e);
+  return k(B(s), (n) => {
+    if (x(s[n])) {
+      let l = s[n];
+      const r = /\{\{(.*?)\}\}/g, o = l.match(r);
+      o && o.forEach((i) => {
+        const d = i.slice(2, -2), m = c(t, d, i);
+        l = l.replace(i, m);
+      }), s[n] = l;
+    }
+    I(s[n]) && (s[n] = T(s[n], t));
+  }), s;
+};
+function Q(e, t) {
+  const s = c(e, `${t}_attrs`, {}), n = B(s).join(" ");
+  return w(n, "x-show") && !w(n, "x-transition") && (s["x-transition"] = ""), s;
+}
+function U(e) {
+  const t = {};
+  return Object.keys(e).forEach((s) => {
+    if (x(e[s]) && e[s].startsWith(p)) {
+      const n = J(e[s]);
+      t[s] = {
+        className: n,
+        ...Q(e, s)
+      };
+    }
+  }), t;
+}
+function X(e, t, s) {
+  if (f(t)) return e;
+  const n = j(e), l = c(s, "i18nProps", []);
+  return k(B(n), (r) => {
+    l.includes(r) && !f(t) && (n[r] = c(n, `${r}-${t}`, n[r]));
+  }), n;
+}
+const Z = O((e) => {
+  const t = L(e), s = c(t, "schema.properties", {});
+  return Object.fromEntries(Object.entries(s).filter(([, n]) => c(n, "runtime", !1)));
+}), ee = (e, t, s) => f(s) ? {} : Object.entries(s).reduce((n, [l, r]) => {
+  const o = [];
+  let i = _(e, { _id: t });
+  for (; i; )
+    o.push(i), i = _(e, { _id: i._parent });
+  const d = _(o, { _type: r.block });
+  return d && (n[l] = c(d, c(r, "prop"), null)), n;
+}, {}), se = () => /* @__PURE__ */ g("span", { children: "Loading..." });
+function oe(e) {
+  if (y(e, "metadata") && console.warn(" metadata is deprecated and will be removed in upcoming version, use forwardProps instead"), f(e.lang) && !f(e.fallbackLang))
+    throw new Error("lang prop is required when fallbackLang is provided");
+  const t = e.lang ?? "en", s = e.fallbackLang ?? t;
+  return /* @__PURE__ */ g(K, { ...e, lang: t, fallbackLang: s });
+}
+function K({
+  blocks: e,
+  parent: t,
+  externalData: s = {},
+  lang: n = "en",
+  fallbackLang: l = "en",
+  pageProps: r = {},
+  dataProviderMetadataCallback: o = () => {
+  },
+  draft: i = !1
+}) {
+  const d = e, m = (a) => U(a), M = t ? b(e, { _parent: t }) : b(e, (a) => f(a._parent));
+  return z(M, "_id").map((a, N) => {
+    const E = {}, q = b(d, { _parent: a._id });
+    E.children = q.length > 0 ? /* @__PURE__ */ g(
+      K,
+      {
+        externalData: s,
+        parent: a._id,
+        blocks: d,
+        lang: n,
+        fallbackLang: l,
+        pageProps: r,
+        dataProviderMetadataCallback: o,
+        draft: i
+      },
+      `${a._id}-children`
+    ) : null;
+    const u = L(a._type);
+    if (u !== null) {
+      let P = a;
+      const $ = u.component;
+      P = { ...u.defaults, ...a };
+      const F = n === l ? "" : n, Y = ee(d, a._id, Z(a._type)), v = T(X(a, F, u), s), R = h(
+        {
+          ...P,
+          ...v,
+          ...m(v),
+          ...E,
+          ...Y,
+          index: N,
+          lang: n,
+          key: a._id,
+          draft: i,
+          pageProps: r,
+          blockProps: {},
+          inBuilder: !1
+        },
+        ["_parent"]
+      );
+      if (y(u, "dataProvider")) {
+        const D = c(u, "suspenseFallback", se);
+        return /* @__PURE__ */ g(C, { fallback: W(D), children: /* @__PURE__ */ g(
+          H,
+          {
+            inBuilder: !1,
+            dataProviderMetadataCallback: o,
+            lang: n,
+            pageProps: r,
+            dataProvider: u.dataProvider,
+            block: a,
+            component: $,
+            props: R,
+            draft: i
+          },
+          `${a._id}-async`
+        ) }, `${a._id}-suspense`);
+      }
+      return /* @__PURE__ */ g(C, { children: S.createElement($, R) }, `${a._id}-suspense`);
+    }
+    return /* @__PURE__ */ V("noscript", { children: [
+      a._type,
+      " not found"
+    ] }, `${a._id}-noscript`);
+  });
+}
+export {
+  oe as R,
+  p as S,
+  ce as a,
+  A as g
+};

package/dist/render-chai-blocks-Bvl2_fRE.cjs

@@ -0,0 +1 @@
+"use strict";const u=require("react/jsx-runtime"),s=require("lodash-es"),f=require("react"),E=require("@chaibuilder/runtime"),O=require("tailwind-merge"),p="#styles:",v="__ADD_BLOCK_INTERNAL_ROOT",B=e=>{if(e=e.replace(p,""),!e)return{baseClasses:"",classes:""};const n=e.split(/,(?![^\[]*\])/);if(n.length===1)return{baseClasses:"",classes:n[0].trim()};const[t,...a]=n;return{baseClasses:t.trim(),classes:a.join(",").trim().replace(/ +(?= )/g,"")}};async function L(e){const n=await e.dataProvider({pageProps:e.pageProps,block:e.block,lang:e.lang,draft:e.draft,inBuilder:e.inBuilder});return s.has(n,"$metadata")&&e.dataProviderMetadataCallback(e.block,n.$metadata),u.jsx(f.Suspense,{children:f.createElement(e.component,{...s.omit(e.props,["dataProvider","dataProviderMetadataCallback"]),...s.omit(n,"$metadata"),key:`${e.block._id}-async`})})}const T=s.memoize(e=>{const{baseClasses:n,classes:t}=B(e);return O.twMerge(n,t).replace(p,"").trim()}),S=(e,n)=>{const t=s.cloneDeep(e);return s.forEach(s.keys(t),a=>{if(s.isString(t[a])){let c=t[a];const i=/\{\{(.*?)\}\}/g,o=c.match(i);o&&o.forEach(l=>{const d=l.slice(2,-2),m=s.get(n,d,l);c=c.replace(l,m)}),t[a]=c}s.isObject(t[a])&&(t[a]=S(t[a],n))}),t};function q(e,n){const t=s.get(e,`${n}_attrs`,{}),a=s.keys(t).join(" ");return s.includes(a,"x-show")&&!s.includes(a,"x-transition")&&(t["x-transition"]=""),t}function M(e){const n={};return Object.keys(e).forEach(t=>{if(s.isString(e[t])&&e[t].startsWith(p)){const a=T(e[t]);n[t]={className:a,...q(e,t)}}}),n}function Y(e,n,t){if(s.isEmpty(n))return e;const a=s.cloneDeep(e),c=s.get(t,"i18nProps",[]);return s.forEach(s.keys(a),i=>{c.includes(i)&&!s.isEmpty(n)&&(a[i]=s.get(a,`${i}-${n}`,a[i]))}),a}const K=s.memoize(e=>{const n=E.getRegisteredChaiBlock(e),t=s.get(n,"schema.properties",{});return Object.fromEntries(Object.entries(t).filter(([,a])=>s.get(a,"runtime",!1)))}),A=(e,n,t)=>s.isEmpty(t)?{}:Object.entries(t).reduce((a,[c,i])=>{const o=[];let l=s.find(e,{_id:n});for(;l;)o.push(l),l=s.find(e,{_id:l._parent});const d=s.find(o,{_type:i.block});return d&&(a[c]=s.get(d,s.get(i,"prop"),null)),a},{}),N=()=>u.jsx("span",{children:"Loading..."});function D(e){if(s.has(e,"metadata")&&console.warn(" metadata is deprecated and will be removed in upcoming version, use forwardProps instead"),s.isEmpty(e.lang)&&!s.isEmpty(e.fallbackLang))throw new Error("lang prop is required when fallbackLang is provided");const n=e.lang??"en",t=e.fallbackLang??n;return u.jsx(j,{...e,lang:n,fallbackLang:t})}function j({blocks:e,parent:n,externalData:t={},lang:a="en",fallbackLang:c="en",pageProps:i={},dataProviderMetadataCallback:o=()=>{},draft:l=!1}){const d=e,m=r=>M(r),P=n?s.filter(e,{_parent:n}):s.filter(e,r=>s.isEmpty(r._parent));return s.uniqBy(P,"_id").map((r,k)=>{const _={},x=s.filter(d,{_parent:r._id});_.children=x.length>0?u.jsx(j,{externalData:t,parent:r._id,blocks:d,lang:a,fallbackLang:c,pageProps:i,dataProviderMetadataCallback:o,draft:l},`${r._id}-children`):null;const g=E.getRegisteredChaiBlock(r._type);if(g!==null){let b=r;const h=g.component;b={...g.defaults,...r};const R=a===c?"":a,$=A(d,r._id,K(r._type)),y=S(Y(r,R,g),t),C=s.omit({...b,...y,...m(y),..._,...$,index:k,lang:a,key:r._id,draft:l,pageProps:i,blockProps:{},inBuilder:!1},["_parent"]);if(s.has(g,"dataProvider")){const w=s.get(g,"suspenseFallback",N);return u.jsx(f.Suspense,{fallback:f.createElement(w),children:u.jsx(L,{inBuilder:!1,dataProviderMetadataCallback:o,lang:a,pageProps:i,dataProvider:g.dataProvider,block:r,component:h,props:C,draft:l},`${r._id}-async`)},`${r._id}-suspense`)}return u.jsx(f.Suspense,{children:f.createElement(h,C)},`${r._id}-suspense`)}return u.jsxs("noscript",{children:[r._type," not found"]},`${r._id}-noscript`)})}exports.ROOT_TEMP_KEY=v;exports.RenderChaiBlocks=D;exports.STYLES_KEY=p;exports.getSplitChaiClasses=B;

package/dist/render.cjs

@@ -1,3 +1,3 @@
-"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;":""}
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./plugin-C01tjI6V.cjs"),a=require("./render-chai-blocks-Bvl2_fRE.cjs");require("lodash-es");const c=require("@tailwindcss/aspect-ratio"),l=require("@tailwindcss/forms"),u=require("@tailwindcss/typography");require("tailwindcss-animate");const d=require("./get-chai-builder-theme-CeaKvOZ8.cjs"),g=require("@mhsdesign/jit-browser-tailwindcss"),h=require("@tailwindcss/container-queries"),p=e=>{if(!e)return[];try{return JSON.parse(m(e)).filter(r=>!r._type.startsWith("@chai"))}catch{return[{_type:"Paragraph",_id:"error",content:"Invalid JSON. Please check the JSON string."}]}};function m(e){const t=/(asset:\/\/|https:\/\/asset\.localhost\/)(?:localhost\/)?[^"']+/g;return e.replace(t,r=>{const i=decodeURIComponent(r),s=i.indexOf("public");return s!==-1?i.substring(s+6):i})}async function k(e,t,r=[],i="",s){return await g.createTailwindcss({tailwindConfig:{darkMode:"class",safelist:r,theme:{extend:d.getChaiBuilderTheme(e)},plugins:[l,u,c,h,n.chaiBuilderPlugin],corePlugins:{preflight:s},...i?{prefix:`${i}`}:{}}}).generateStylesFromContent(` ${s?"@tailwind base;":""}
       @tailwind components;
-      @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;
+      @tailwind utilities;`,t)}const w=(e,t,r)=>{const i=JSON.stringify(e).replace(/#styles:([^"]*)/g,(s,o)=>`#styles:${o.replace(/,/g," ")}`.replace(/#styles:/g,""));return k(t,[i],[],"",r)},S=async(e,t=n.defaultThemeOptions,r=!1)=>await w(e,t,r);exports.getChaiThemeCssVariables=n.getChaiThemeCssVariables;exports.getThemeFontsCSSImport=n.getThemeFontsCSSImport;exports.getThemeFontsLinkMarkup=n.getThemeFontsLinkMarkup;exports.RenderChaiBlocks=a.RenderChaiBlocks;exports.convertToBlocks=p;exports.getStylesForBlocks=S;

package/dist/render.d.ts

@@ -23,9 +23,33 @@ declare type ChaiBuilderThemeOptions = {
 };
 
 declare type ChaiBuilderThemeValues = {
-    fontFamily: Record<string, string>;
+    fontFamily: {
+        heading: string;
+        body: string;
+    };
     borderRadius: string;
-    colors: Record<string, string[]>;
+    colors: {
+        background: [HexColor, HexColor];
+        foreground: [HexColor, HexColor];
+        primary: [HexColor, HexColor];
+        "primary-foreground": [HexColor, HexColor];
+        secondary: [HexColor, HexColor];
+        "secondary-foreground": [HexColor, HexColor];
+        muted: [HexColor, HexColor];
+        "muted-foreground": [HSLColor, HSLColor];
+        accent: [HSLColor, HSLColor];
+        "accent-foreground": [HSLColor, HSLColor];
+        destructive: [HSLColor, HSLColor];
+        "destructive-foreground": [HSLColor, HSLColor];
+        border: [HSLColor, HSLColor];
+        input: [HSLColor, HSLColor];
+        ring: [HexColor, HexColor];
+        card: [HexColor, HexColor];
+        "card-foreground": [HexColor, HexColor];
+        popover: [HexColor, HexColor];
+        "popover-foreground": [HexColor, HexColor];
+        [key: string]: [HexColor, HexColor];
+    };
 };
 
 /**
@@ -34,7 +58,7 @@ declare type ChaiBuilderThemeValues = {
  */
 export declare const convertToBlocks: (chaiFormatContent: string) => ChaiBlock[];
 
-export declare const getChaiThemeCssVariables: (chaiTheme: Partial<ChaiBuilderThemeValues>) => string;
+export declare const getChaiThemeCssVariables: (chaiTheme: ChaiBuilderThemeValues) => string;
 
 /**
  * Get the tailwind css for the blocks
@@ -49,6 +73,8 @@ export declare const getThemeFontsCSSImport: (fonts: ChaiFontViaUrl[]) => any;
 
 export declare const getThemeFontsLinkMarkup: (fonts: ChaiFontViaUrl[]) => any;
 
+declare type HexColor = string;
+
 declare type HSLColor = string;
 
 export declare function RenderChaiBlocks(props: RenderChaiBlocksProps): JSX_2.Element;