@chaibuilder/sdk 1.2.9 → 1.2.10-7.beta.2

package/dist/mockServiceWorker.js

@@ -2,14 +2,13 @@
 /* tslint:disable */
 
 /**
- * Mock Service Worker.
+ * Mock Service Worker (2.0.8).
  * @see https://github.com/mswjs/msw
  * - Please do NOT modify this file.
  * - Please do NOT serve this file on production.
  */
 
-const PACKAGE_VERSION = '2.3.1'
-const INTEGRITY_CHECKSUM = '26357c79639bfa20d64c0efca2a87423'
+const INTEGRITY_CHECKSUM = '0877fcdc026242810f5bfde0d7178db4'
 const IS_MOCKED_RESPONSE = Symbol('isMockedResponse')
 const activeClientIds = new Set()
 
@@ -49,10 +48,7 @@ self.addEventListener('message', async function (event) {
     case 'INTEGRITY_CHECK_REQUEST': {
       sendToClient(client, {
         type: 'INTEGRITY_CHECK_RESPONSE',
-        payload: {
-          packageVersion: PACKAGE_VERSION,
-          checksum: INTEGRITY_CHECKSUM,
-        },
+        payload: INTEGRITY_CHECKSUM,
       })
       break
     }
@@ -125,6 +121,11 @@ async function handleRequest(event, requestId) {
   if (client && activeClientIds.has(client.id)) {
     ;(async function () {
       const responseClone = response.clone()
+      // When performing original requests, response body will
+      // always be a ReadableStream, even for 204 responses.
+      // But when creating a new Response instance on the client,
+      // the body for a 204 response must be null.
+      const responseBody = response.status === 204 ? null : responseClone.body
 
       sendToClient(
         client,
@@ -136,11 +137,11 @@ async function handleRequest(event, requestId) {
             type: responseClone.type,
             status: responseClone.status,
             statusText: responseClone.statusText,
-            body: responseClone.body,
+            body: responseBody,
             headers: Object.fromEntries(responseClone.headers.entries()),
           },
         },
-        [responseClone.body],
+        [responseBody],
       )
     })()
   }
@@ -206,6 +207,13 @@ async function getResponse(event, client, requestId) {
     return passthrough()
   }
 
+  // Bypass requests with the explicit bypass header.
+  // Such requests can be issued by "ctx.fetch()".
+  const mswIntention = request.headers.get('x-msw-intention')
+  if (['bypass', 'passthrough'].includes(mswIntention)) {
+    return passthrough()
+  }
+
   // Notify the client that a request has been intercepted.
   const requestBuffer = await request.arrayBuffer()
   const clientMessage = await sendToClient(
@@ -237,7 +245,7 @@ async function getResponse(event, client, requestId) {
       return respondWithMock(clientMessage.data)
     }
 
-    case 'PASSTHROUGH': {
+    case 'MOCK_NOT_FOUND': {
       return passthrough()
     }
   }

package/dist/plugin-RAiM74uD.cjs

@@ -0,0 +1,116 @@
+"use strict";
+function getDefaultExportFromCjs(x) {
+  return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
+}
+var e = ({ hex: e2, preserve: s2, shades: n }) => {
+  const t = ((e3) => {
+    const s3 = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(e3) || [];
+    try {
+      let e4 = parseInt(s3[1], 16), n2 = parseInt(s3[2], 16), t2 = parseInt(s3[3], 16);
+      e4 /= 255, n2 /= 255, t2 /= 255;
+      const r2 = Math.max(e4, n2, t2), a2 = Math.min(e4, n2, t2);
+      let o, h = 0, i = (r2 + a2) / 2;
+      if (r2 == a2)
+        h = o = 0;
+      else {
+        const s4 = r2 - a2;
+        switch (o = i > 0.5 ? s4 / (2 - r2 - a2) : s4 / (r2 + a2), r2) {
+          case e4:
+            h = (n2 - t2) / s4 + (n2 < t2 ? 6 : 0);
+            break;
+          case n2:
+            h = (t2 - e4) / s4 + 2;
+            break;
+          case t2:
+            h = (e4 - n2) / s4 + 4;
+        }
+        h /= 6;
+      }
+      const c = { h: 0, s: 0, l: 0 };
+      return c.h = Math.round(360 * h), c.s = Math.round(100 * o), c.l = Math.round(100 * i), c;
+    } catch (s4) {
+      return console.log(e3), { h: 0, s: 0, l: 0 };
+    }
+  })(e2), r = {}, a = n.reduce((e3, { name: n2, lightness: a2 }) => {
+    const { h: o, s: h, l: i } = t, c = (({ h: e4, s: s3, l: n3 }) => {
+      n3 /= 100;
+      const t2 = s3 * Math.min(n3, 1 - n3) / 100, r2 = (s4) => {
+        const r3 = (s4 + e4 / 30) % 12, a3 = n3 - t2 * Math.max(Math.min(r3 - 3, 9 - r3, 1), -1);
+        return Math.round(255 * a3).toString(16).padStart(2, "0");
+      };
+      return `#${r2(0)}${r2(8)}${r2(4)}`;
+    })({ h: o, s: h, l: a2 });
+    return e3[n2] = c, s2 && (r[n2] = Math.abs(i - a2)), e3;
+  }, {});
+  if (s2) {
+    const [s3] = Object.keys(r).sort((e3, s4) => r[e3] - r[s4]);
+    a[s3] = e2;
+  }
+  return a;
+}, s = (s2) => {
+  "string" == typeof s2 && (s2 = { colors: [s2] }), "object" == typeof s2 && Array.isArray(s2) && (s2 = { colors: s2 }), s2 = Object.assign({ colors: [], names: ["primary", "secondary", "tertiary", "quaternary", "quinary", "senary", "septenary", "octonary", "nonary", "denary"], preserve: true, shades: [{ name: "50", lightness: 98 }, { name: "100", lightness: 95 }, { name: "200", lightness: 90 }, { name: "300", lightness: 82 }, { name: "400", lightness: 64 }, { name: "500", lightness: 46 }, { name: "600", lightness: 33 }, { name: "700", lightness: 24 }, { name: "800", lightness: 14 }, { name: "900", lightness: 7 }, { name: "950", lightness: 4 }] }, s2);
+  const { colors: n, names: t, preserve: r, shades: a } = s2;
+  if (void 0 === n || void 0 === t || void 0 === r || void 0 === a)
+    return {};
+  return n.reduce((s3, n2, o) => {
+    const h = t[o], i = e({ hex: n2, preserve: r, shades: a });
+    return s3[h] = i, s3;
+  }, {});
+};
+var createPlugin$2 = {};
+var createPlugin$1 = {};
+(function(exports2) {
+  Object.defineProperty(exports2, "__esModule", {
+    value: true
+  });
+  Object.defineProperty(exports2, "default", {
+    enumerable: true,
+    get: function() {
+      return _default;
+    }
+  });
+  function createPlugin2(plugin2, config) {
+    return {
+      handler: plugin2,
+      config
+    };
+  }
+  createPlugin2.withOptions = function(pluginFunction, configFunction = () => ({})) {
+    const optionsFunction = function(options) {
+      return {
+        __options: options,
+        handler: pluginFunction(options),
+        config: configFunction(options)
+      };
+    };
+    optionsFunction.__isOptionsFunction = true;
+    optionsFunction.__pluginFunction = pluginFunction;
+    optionsFunction.__configFunction = configFunction;
+    return optionsFunction;
+  };
+  const _default = createPlugin2;
+})(createPlugin$1);
+(function(exports2) {
+  Object.defineProperty(exports2, "__esModule", {
+    value: true
+  });
+  Object.defineProperty(exports2, "default", {
+    enumerable: true,
+    get: function() {
+      return _default;
+    }
+  });
+  const _createPlugin = /* @__PURE__ */ _interop_require_default(createPlugin$1);
+  function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+      default: obj
+    };
+  }
+  const _default = _createPlugin.default;
+})(createPlugin$2);
+let createPlugin = createPlugin$2;
+var plugin = (createPlugin.__esModule ? createPlugin : { default: createPlugin }).default;
+const plugin$1 = /* @__PURE__ */ getDefaultExportFromCjs(plugin);
+exports.getDefaultExportFromCjs = getDefaultExportFromCjs;
+exports.plugin = plugin$1;
+exports.s = s;

package/dist/plugin-T1qbgBUO.js

@@ -0,0 +1,55 @@
+import { get, set } from "lodash-es";
+import { s, p as plugin } from "./plugin-YcxlCmRm.js";
+const getChaiBuilderTheme = (theme) => {
+  const primary = get(theme, "primaryColor", "#000");
+  const secondary = get(theme, "secondaryColor", "#ccc");
+  const headingFont = get(theme, "headingFont", "Inter");
+  const bodyFont = get(theme, "bodyFont", "Inter");
+  const borderRadius = get(theme, "roundedCorners", "0");
+  const BG_LIGHT_MODE = get(theme, "bodyBgLightColor", "#fff");
+  const BG_DARK_MODE = get(theme, "bodyBgDarkColor", "#000");
+  const TEXT_LIGHT_MODE = get(theme, "bodyTextLightColor", "#000");
+  const TEXT_DARK_MODE = get(theme, "bodyTextDarkColor", "#fff");
+  const palette = s({
+    colors: [primary, secondary],
+    names: ["primary", "secondary"]
+  });
+  set(palette, "primary.DEFAULT", primary);
+  set(palette, "secondary.DEFAULT", secondary);
+  const colors = {
+    "bg-light": BG_LIGHT_MODE,
+    "bg-dark": BG_DARK_MODE,
+    "text-dark": TEXT_DARK_MODE,
+    "text-light": TEXT_LIGHT_MODE
+  };
+  return {
+    container: {
+      center: true,
+      padding: "1rem",
+      screens: { "2xl": "1400px" }
+    },
+    fontFamily: { heading: [headingFont], body: [bodyFont] },
+    borderRadius: { DEFAULT: `${!borderRadius ? "0px" : borderRadius}px` },
+    colors: { ...palette, ...colors }
+  };
+};
+const chaiBuilderPlugin = plugin(function({ addBase, theme }) {
+  addBase({
+    "h1,h2,h3,h4,h5,h6": {
+      fontFamily: theme("fontFamily.heading")
+    },
+    body: {
+      fontFamily: theme("fontFamily.body"),
+      color: theme("colors.text-light"),
+      backgroundColor: theme("colors.bg-light")
+    },
+    ".dark body": {
+      color: theme("colors.text-dark"),
+      backgroundColor: theme("colors.bg-dark")
+    }
+  });
+});
+export {
+  chaiBuilderPlugin as c,
+  getChaiBuilderTheme as g
+};

package/dist/plugin-YcxlCmRm.js

@@ -0,0 +1,117 @@
+function getDefaultExportFromCjs(x) {
+  return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
+}
+var e = ({ hex: e2, preserve: s2, shades: n }) => {
+  const t = ((e3) => {
+    const s3 = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(e3) || [];
+    try {
+      let e4 = parseInt(s3[1], 16), n2 = parseInt(s3[2], 16), t2 = parseInt(s3[3], 16);
+      e4 /= 255, n2 /= 255, t2 /= 255;
+      const r2 = Math.max(e4, n2, t2), a2 = Math.min(e4, n2, t2);
+      let o, h = 0, i = (r2 + a2) / 2;
+      if (r2 == a2)
+        h = o = 0;
+      else {
+        const s4 = r2 - a2;
+        switch (o = i > 0.5 ? s4 / (2 - r2 - a2) : s4 / (r2 + a2), r2) {
+          case e4:
+            h = (n2 - t2) / s4 + (n2 < t2 ? 6 : 0);
+            break;
+          case n2:
+            h = (t2 - e4) / s4 + 2;
+            break;
+          case t2:
+            h = (e4 - n2) / s4 + 4;
+        }
+        h /= 6;
+      }
+      const c = { h: 0, s: 0, l: 0 };
+      return c.h = Math.round(360 * h), c.s = Math.round(100 * o), c.l = Math.round(100 * i), c;
+    } catch (s4) {
+      return console.log(e3), { h: 0, s: 0, l: 0 };
+    }
+  })(e2), r = {}, a = n.reduce((e3, { name: n2, lightness: a2 }) => {
+    const { h: o, s: h, l: i } = t, c = (({ h: e4, s: s3, l: n3 }) => {
+      n3 /= 100;
+      const t2 = s3 * Math.min(n3, 1 - n3) / 100, r2 = (s4) => {
+        const r3 = (s4 + e4 / 30) % 12, a3 = n3 - t2 * Math.max(Math.min(r3 - 3, 9 - r3, 1), -1);
+        return Math.round(255 * a3).toString(16).padStart(2, "0");
+      };
+      return `#${r2(0)}${r2(8)}${r2(4)}`;
+    })({ h: o, s: h, l: a2 });
+    return e3[n2] = c, s2 && (r[n2] = Math.abs(i - a2)), e3;
+  }, {});
+  if (s2) {
+    const [s3] = Object.keys(r).sort((e3, s4) => r[e3] - r[s4]);
+    a[s3] = e2;
+  }
+  return a;
+}, s = (s2) => {
+  "string" == typeof s2 && (s2 = { colors: [s2] }), "object" == typeof s2 && Array.isArray(s2) && (s2 = { colors: s2 }), s2 = Object.assign({ colors: [], names: ["primary", "secondary", "tertiary", "quaternary", "quinary", "senary", "septenary", "octonary", "nonary", "denary"], preserve: true, shades: [{ name: "50", lightness: 98 }, { name: "100", lightness: 95 }, { name: "200", lightness: 90 }, { name: "300", lightness: 82 }, { name: "400", lightness: 64 }, { name: "500", lightness: 46 }, { name: "600", lightness: 33 }, { name: "700", lightness: 24 }, { name: "800", lightness: 14 }, { name: "900", lightness: 7 }, { name: "950", lightness: 4 }] }, s2);
+  const { colors: n, names: t, preserve: r, shades: a } = s2;
+  if (void 0 === n || void 0 === t || void 0 === r || void 0 === a)
+    return {};
+  return n.reduce((s3, n2, o) => {
+    const h = t[o], i = e({ hex: n2, preserve: r, shades: a });
+    return s3[h] = i, s3;
+  }, {});
+};
+var createPlugin$2 = {};
+var createPlugin$1 = {};
+(function(exports) {
+  Object.defineProperty(exports, "__esModule", {
+    value: true
+  });
+  Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+      return _default;
+    }
+  });
+  function createPlugin2(plugin2, config) {
+    return {
+      handler: plugin2,
+      config
+    };
+  }
+  createPlugin2.withOptions = function(pluginFunction, configFunction = () => ({})) {
+    const optionsFunction = function(options) {
+      return {
+        __options: options,
+        handler: pluginFunction(options),
+        config: configFunction(options)
+      };
+    };
+    optionsFunction.__isOptionsFunction = true;
+    optionsFunction.__pluginFunction = pluginFunction;
+    optionsFunction.__configFunction = configFunction;
+    return optionsFunction;
+  };
+  const _default = createPlugin2;
+})(createPlugin$1);
+(function(exports) {
+  Object.defineProperty(exports, "__esModule", {
+    value: true
+  });
+  Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+      return _default;
+    }
+  });
+  const _createPlugin = /* @__PURE__ */ _interop_require_default(createPlugin$1);
+  function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+      default: obj
+    };
+  }
+  const _default = _createPlugin.default;
+})(createPlugin$2);
+let createPlugin = createPlugin$2;
+var plugin = (createPlugin.__esModule ? createPlugin : { default: createPlugin }).default;
+const plugin$1 = /* @__PURE__ */ getDefaultExportFromCjs(plugin);
+export {
+  getDefaultExportFromCjs as g,
+  plugin$1 as p,
+  s
+};

package/dist/plugin-cYi6q9KC.cjs

@@ -0,0 +1,54 @@
+"use strict";
+const lodashEs = require("lodash-es");
+const plugin = require("./plugin-RAiM74uD.cjs");
+const getChaiBuilderTheme = (theme) => {
+  const primary = lodashEs.get(theme, "primaryColor", "#000");
+  const secondary = lodashEs.get(theme, "secondaryColor", "#ccc");
+  const headingFont = lodashEs.get(theme, "headingFont", "Inter");
+  const bodyFont = lodashEs.get(theme, "bodyFont", "Inter");
+  const borderRadius = lodashEs.get(theme, "roundedCorners", "0");
+  const BG_LIGHT_MODE = lodashEs.get(theme, "bodyBgLightColor", "#fff");
+  const BG_DARK_MODE = lodashEs.get(theme, "bodyBgDarkColor", "#000");
+  const TEXT_LIGHT_MODE = lodashEs.get(theme, "bodyTextLightColor", "#000");
+  const TEXT_DARK_MODE = lodashEs.get(theme, "bodyTextDarkColor", "#fff");
+  const palette = plugin.s({
+    colors: [primary, secondary],
+    names: ["primary", "secondary"]
+  });
+  lodashEs.set(palette, "primary.DEFAULT", primary);
+  lodashEs.set(palette, "secondary.DEFAULT", secondary);
+  const colors = {
+    "bg-light": BG_LIGHT_MODE,
+    "bg-dark": BG_DARK_MODE,
+    "text-dark": TEXT_DARK_MODE,
+    "text-light": TEXT_LIGHT_MODE
+  };
+  return {
+    container: {
+      center: true,
+      padding: "1rem",
+      screens: { "2xl": "1400px" }
+    },
+    fontFamily: { heading: [headingFont], body: [bodyFont] },
+    borderRadius: { DEFAULT: `${!borderRadius ? "0px" : borderRadius}px` },
+    colors: { ...palette, ...colors }
+  };
+};
+const chaiBuilderPlugin = plugin.plugin(function({ addBase, theme }) {
+  addBase({
+    "h1,h2,h3,h4,h5,h6": {
+      fontFamily: theme("fontFamily.heading")
+    },
+    body: {
+      fontFamily: theme("fontFamily.body"),
+      color: theme("colors.text-light"),
+      backgroundColor: theme("colors.bg-light")
+    },
+    ".dark body": {
+      color: theme("colors.text-dark"),
+      backgroundColor: theme("colors.bg-dark")
+    }
+  });
+});
+exports.chaiBuilderPlugin = chaiBuilderPlugin;
+exports.getChaiBuilderTheme = getChaiBuilderTheme;

package/dist/render.cjs

@@ -1 +1,215 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./jsx-runtime-Z_BpKhVy.cjs"),j=require("react"),s=require("lodash-es"),R=require("tailwind-merge"),u=require("./MODIFIERS-2FeVfZQ9.cjs"),_=require("@chaibuilder/runtime"),x=require("./functions-Ox_svtKm.cjs"),y=require("react-wrap-balancer");require("./_commonjsHelpers-wDK0ZLPo.cjs");const B=t=>{const r={};return Object.keys(t).forEach(e=>{s.isString(t[e])&&t[e].startsWith(u.SLOT_KEY)&&(r[e]=t[e].replace(u.SLOT_KEY,"").split(","))}),r},C=s.memoize((t,r)=>{const e=t.replace(u.STYLES_KEY,"").split(","),n=R.twMerge(e[0],e[1]);return x.addPrefixToClasses(n,r).replace(u.STYLES_KEY,"").trim()});function O(t,r){return s.get(t,`${r}_attrs`,{})}function q(t,r){const e={};return Object.keys(t).forEach(n=>{if(s.isString(t[n])&&t[n].startsWith(u.STYLES_KEY)){const o=C(t[n],r);e[n]={className:o,...O(t,n)}}}),e}function T(t,r){const e=s.get(t,"_bindings",{});return s.isEmpty(e)?{...t}:(s.each(e,(n,o)=>{s.isString(n)&&s.get(r,n,null)&&(t[o]=s.get(r,n,null))}),t)}function a({blocks:t,parent:r,classPrefix:e="c-",externalData:n={}}){const o=t,p=i=>q(i,e),f=r?s.filter(t,{_parent:r}):s.filter(t,i=>s.isEmpty(i._parent));return c.jsxRuntimeExports.jsx(c.jsxRuntimeExports.Fragment,{children:j.Children.toArray(f.map((i,h)=>{const d=B(i),m={};s.isEmpty(d)||Object.keys(d).forEach(l=>{m[l]=j.Children.toArray(d[l].map(E=>c.jsxRuntimeExports.jsx(a,{externalData:n,classPrefix:e,blocks:o,parent:E})))});const S=s.filter(o,{_parent:i._id});m.children=S.length>0?c.jsxRuntimeExports.jsx(a,{externalData:n,classPrefix:e,parent:i._id,blocks:o}):null;const g=_.getBlockComponent(i._type);if(g!==null){let l=i;const E=g.component;return l={...g.defaults,...i},j.createElement(E,s.omit({blockProps:{},inBuilder:!1,...l,index:h,...T(i,n),...p(l),...m},["_parent"]))}return c.jsxRuntimeExports.jsxs("noscript",{children:[i._type," not found"]})}))})}const Y=({pageData:t,externalData:r={},before:e=null,after:n=null,classPrefix:o="c-"})=>{const p=s.get(t.project,"brandingOptions",u.BRANDING_OPTIONS_DEFAULTS);return c.jsxRuntimeExports.jsxs(c.jsxRuntimeExports.Fragment,{children:[e,c.jsxRuntimeExports.jsx("div",{className:o.replace("-","")+" "+x.getBrandingClasses(p,o)+" min-h-screen",children:c.jsxRuntimeExports.jsx(y.Provider,{children:c.jsxRuntimeExports.jsx(a,{externalData:r,blocks:t.page.blocks||[],classPrefix:o})})}),n]})};exports.RenderChaiBlocks=a;exports.RenderChaiPage=Y;
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const lodashEs = require("lodash-es");
+const STRINGS = require("./STRINGS-RCf9qnaS.cjs");
+const jsxRuntime = require("./jsx-runtime-vPqyLgmD.cjs");
+const React = require("react");
+const tailwindMerge = require("tailwind-merge");
+const runtime = require("@chaibuilder/runtime");
+const jitBrowserTailwindcss = require("@mhsdesign/jit-browser-tailwindcss");
+const forms = require("@tailwindcss/forms");
+const typography = require("@tailwindcss/typography");
+const aspectRatio = require("@tailwindcss/aspect-ratio");
+const plugin = require("./plugin-cYi6q9KC.cjs");
+require("./plugin-RAiM74uD.cjs");
+const addPrefixToClasses = (classes, prefix = "") => {
+  const classesArray = classes.replace(STRINGS.STYLES_KEY, "").split(",");
+  const array = classesArray.map((item) => {
+    const classes2 = item.split(" ");
+    const newClasses = classes2.map((item2) => {
+      if (item2 === "")
+        return "";
+      if (item2.includes(":")) {
+        const values = item2.split(":");
+        values[values.length - 1] = prefix + lodashEs.last(values);
+        return values.join(":");
+      }
+      return `${prefix}${item2}`;
+    });
+    return newClasses.join(" ");
+  });
+  return lodashEs.flattenDeep(array).join(" ");
+};
+const convertToBlocks = (chaiFormatContent) => {
+  if (!chaiFormatContent)
+    return [];
+  try {
+    const blocks = JSON.parse(removeAssetPrefix(chaiFormatContent));
+    return blocks.filter((block) => !block._type.startsWith("@chai"));
+  } catch (error) {
+    return [{ _type: "Paragraph", _id: "error", content: "Invalid JSON. Please check the JSON string." }];
+  }
+};
+function removeAssetPrefix(input) {
+  const regex = /(asset:\/\/|https:\/\/asset\.localhost\/)(?:localhost\/)?[^"']+/g;
+  return input.replace(regex, (match) => {
+    const decodedUrl = decodeURIComponent(match);
+    const publicIndex = decodedUrl.indexOf("public");
+    if (publicIndex !== -1) {
+      return decodedUrl.substring(publicIndex + 6);
+    }
+    return decodedUrl;
+  });
+}
+const getSlots = (block) => {
+  const slots = {};
+  Object.keys(block).forEach((key) => {
+    if (lodashEs.isString(block[key]) && block[key].startsWith(STRINGS.SLOT_KEY)) {
+      slots[key] = block[key].replace(STRINGS.SLOT_KEY, "").split(",");
+    }
+  });
+  return slots;
+};
+const generateClassNames = lodashEs.memoize((styles, classPrefix) => {
+  const stylesArray = styles.replace(STRINGS.STYLES_KEY, "").split(",");
+  const classes = tailwindMerge.twMerge(stylesArray[0], stylesArray[1]);
+  if (classPrefix === "")
+    return classes.replace(STRINGS.STYLES_KEY, "").trim();
+  return addPrefixToClasses(classes, classPrefix).replace(STRINGS.STYLES_KEY, "").trim();
+});
+function getElementAttrs(block, key) {
+  const attrs = lodashEs.get(block, `${key}_attrs`, {});
+  if (lodashEs.has(attrs, "data-ai-key")) {
+    delete attrs["data-ai-key"];
+  }
+  const attrsKeys = lodashEs.keys(attrs).join(" ");
+  if (lodashEs.includes(attrsKeys, "x-show") && !lodashEs.includes(attrsKeys, "x-transition")) {
+    attrs["x-transition"] = "";
+  }
+  return attrs;
+}
+function getStyleAttrs(block, classPrefix) {
+  const styles = {};
+  Object.keys(block).forEach((key) => {
+    if (lodashEs.isString(block[key]) && block[key].startsWith(STRINGS.STYLES_KEY)) {
+      const classes = generateClassNames(block[key], classPrefix);
+      styles[key] = {
+        className: classes,
+        ...getElementAttrs(block, key)
+      };
+    }
+  });
+  return styles;
+}
+function applyBindings(block, chaiData) {
+  const bindings = lodashEs.get(block, "_bindings", {});
+  if (lodashEs.isEmpty(bindings))
+    return { ...block };
+  lodashEs.each(bindings, (value, key) => {
+    if (lodashEs.isString(value) && lodashEs.get(chaiData, value, null)) {
+      block[key] = lodashEs.get(chaiData, value, null);
+    }
+  });
+  return block;
+}
+function applyLanguage(_block, lang, blockDefinition) {
+  if (lodashEs.isEmpty(lang))
+    return _block;
+  const block = lodashEs.cloneDeep(_block);
+  lodashEs.forEach(lodashEs.keys(block), (key) => {
+    if (lodashEs.get(blockDefinition, ["props", key, "i18n"]) && !lodashEs.isEmpty(lang)) {
+      block[key] = lodashEs.get(block, `${key}-${lang}`, block[key]);
+    }
+  });
+  return block;
+}
+function RenderChaiBlocks({
+  blocks,
+  parent,
+  classPrefix = "",
+  externalData = {},
+  blockModifierCallback,
+  lang
+}) {
+  const allBlocks = blocks;
+  const getStyles = (block) => getStyleAttrs(block, classPrefix);
+  const filteredBlocks = parent ? lodashEs.filter(blocks, { _parent: parent }) : lodashEs.filter(blocks, (block) => lodashEs.isEmpty(block._parent));
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(jsxRuntime.jsxRuntimeExports.Fragment, { children: React.Children.toArray(
+    filteredBlocks.map((block, index) => {
+      const slots = getSlots(block);
+      const attrs = {};
+      if (!lodashEs.isEmpty(slots)) {
+        Object.keys(slots).forEach((key) => {
+          attrs[key] = React.Children.toArray(
+            slots[key].map((slotId) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+              RenderChaiBlocks,
+              {
+                externalData,
+                classPrefix,
+                blocks: allBlocks,
+                parent: slotId,
+                lang
+              }
+            ))
+          );
+        });
+      }
+      const blocks2 = lodashEs.filter(allBlocks, { _parent: block._id });
+      attrs.children = blocks2.length > 0 ? /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+        RenderChaiBlocks,
+        {
+          externalData,
+          classPrefix,
+          parent: block._id,
+          blocks: allBlocks,
+          lang
+        }
+      ) : null;
+      const blockDefinition = runtime.getBlockComponent(block._type);
+      if (blockDefinition !== null) {
+        let syncedBlock = block;
+        const Component = blockDefinition.component;
+        syncedBlock = { ...blockDefinition.defaults, ...block };
+        if (blockModifierCallback) {
+          syncedBlock = blockModifierCallback(syncedBlock);
+        }
+        return React.createElement(
+          Component,
+          lodashEs.omit(
+            {
+              blockProps: {},
+              inBuilder: false,
+              ...syncedBlock,
+              index,
+              ...applyBindings(applyLanguage(block, lang, blockDefinition), externalData),
+              ...getStyles(syncedBlock),
+              ...attrs
+            },
+            ["_parent"]
+          )
+        );
+      }
+      return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("noscript", { children: [
+        block._type,
+        " not found"
+      ] });
+    })
+  ) });
+}
+async function getTailwindCSS(theme, markupString, safelist = [], prefix = "", includeBaseStyles = false) {
+  const tailwind = jitBrowserTailwindcss.createTailwindcss({
+    tailwindConfig: {
+      darkMode: "class",
+      safelist,
+      theme: { extend: plugin.getChaiBuilderTheme(theme) },
+      plugins: [forms, typography, aspectRatio, plugin.chaiBuilderPlugin],
+      corePlugins: { preflight: includeBaseStyles },
+      ...prefix ? { prefix: `${prefix}` } : {}
+    }
+  });
+  return await tailwind.generateStylesFromContent(
+    ` ${includeBaseStyles ? "@tailwind base;" : ""}
+      @tailwind components;
+      @tailwind utilities;`,
+    markupString
+  );
+}
+const getBlocksTailwindCSS = (blocks, theme, includeBaseStyles = false) => {
+  return getTailwindCSS(theme, [lodashEs.replace(JSON.stringify(blocks), /#styles:,?/g, "")], [], "", includeBaseStyles);
+};
+const getStylesForBlocks = async (blocks, theme = {}, includeBaseStyles = true) => {
+  return await getBlocksTailwindCSS(blocks, theme, includeBaseStyles);
+};
+exports.RenderChaiBlocks = RenderChaiBlocks;
+exports.convertToBlocks = convertToBlocks;
+exports.getStylesForBlocks = getStylesForBlocks;