@chaibuilder/sdk 1.0.13 → 1.0.15

package/dist/lib.js

@@ -1,20 +1,185 @@
-import { c as Y } from "./utils-dze1SGvB.js";
-import { g as K, a as q } from "./functions-pcUZhFJM.js";
-import { g as J } from "./html-to-json-pdHQfRkN.js";
-import { first as v, includes as c, keys as t, map as f, parseInt as T, get as b } from "lodash";
-import { c as F } from "./Class-l7qYbuoN.js";
-import { a as Z, b as N, g as ee, c as re } from "./functions-nNTuSTsR.js";
+import { a as x, d as E, b as U, e as O, g as I } from "./Class-nQk08vqd.js";
+import { f as Ie } from "./Class-nQk08vqd.js";
+import { stringify as k, parse as H } from "himalaya";
+import { includes as p, get as l, isEmpty as v, forEach as R, find as f, set as d, capitalize as P, flatMapDeep as B, filter as M, omit as W, flatten as N, first as j, keys as h, map as C, parseInt as V, last as q, startsWith as X, replace as Y } from "lodash";
+import { createTailwindcss as G } from "@mhsdesign/jit-browser-tailwindcss";
+import { tailwindcssPaletteGenerator as J } from "@bobthered/tailwindcss-palette-generator";
+import K from "@tailwindcss/forms";
+import Q from "@tailwindcss/typography";
+import Z from "@tailwindcss/aspect-ratio";
+import ee from "@tailwindcss/line-clamp";
 import "clsx";
 import "tailwind-merge";
-import "himalaya";
-import "./MODIFIERS-DsEzQ3aH.js";
-import "@mhsdesign/jit-browser-tailwindcss";
-import "@bobthered/tailwindcss-palette-generator";
-import "@tailwindcss/forms";
-import "@tailwindcss/typography";
-import "@tailwindcss/aspect-ratio";
-import "@tailwindcss/line-clamp";
-const g = {
+const te = {
+  img: { alt: "alt", width: "width", height: "height", src: "image" },
+  video: {
+    src: "url",
+    autoplay: "controls.autoPlay",
+    muted: "controls.muted",
+    loop: "controls.loop",
+    controls: "controls.widgets"
+  },
+  a: {
+    href: "link.href",
+    target: "link.target",
+    type: ""
+    // @TODO: Detect here what to url, email, phone, elementId
+  },
+  input: {
+    placeholder: "placeholder",
+    required: "required",
+    type: "inputType",
+    name: "fieldName"
+  },
+  textarea: {
+    placeholder: "placeholder",
+    required: "required",
+    type: "inputType",
+    name: "fieldName"
+  },
+  select: {
+    placeholder: "placeholder",
+    required: "required",
+    multiple: "multiple",
+    name: "fieldName"
+  }
+}, re = (e, t) => e.children.length === 1 && p(["Heading", "Paragraph", "Span", "ListItem", "Button", "Label", "TableCell", "Link"], t._type), A = (e) => e.map((t) => t.type === "text" ? l(t, "content", "") : v(t.children) ? "" : A(t.children)).join(""), F = (e) => e === null ? !0 : e, S = (e) => {
+  const t = {}, r = te[e.tagName] || {}, n = e.attributes;
+  return R(n, ({ key: a, value: i }) => {
+    if (r[a]) {
+      if (e.tagName === "img" && a === "src" && !i.startsWith("http")) {
+        const o = f(e.attributes, { key: "width" }), s = f(e.attributes, { key: "height" });
+        o && s ? i = `https://via.placeholder.com/${o == null ? void 0 : o.value}x${s == null ? void 0 : s.value}` : i = "https://via.placeholder.com/150x150";
+      }
+      d(t, r[a], F(i));
+    } else
+      p(["style", "class", "srcset"], a) || d(t, `styles_attrs.${a}`, F(i));
+  }), delete t.class, t;
+}, ae = (e, t = "styles") => {
+  if (!e.attributes)
+    return { [t]: `${x},` };
+  const r = f(e.attributes, { key: "class" });
+  if (r) {
+    const n = r.value;
+    return { [t]: `${x},${n}` };
+  }
+  return { [t]: `${x},` };
+}, ne = (e) => {
+  switch (e.tagName) {
+    case "img":
+      return { _type: "Image" };
+    case "input":
+      return { _type: "Input", showLabel: !1 };
+    case "hr":
+      return { _type: "Divider" };
+    case "br":
+      return { _type: "LineBreak" };
+    case "textarea":
+      return { _type: "TextArea", showLabel: !1 };
+    case "audio":
+      return { _type: "Audio" };
+    case "iframe":
+      return { _type: "Iframe" };
+    case "canvas":
+      return { _type: "Canvas" };
+    case "video":
+      return { _type: "CustomHTML" };
+    case "svg":
+      return { _type: "Icon" };
+    case "select":
+      return { _type: "Select", options: [] };
+    case "option":
+      return { _type: "Option" };
+    case "ul":
+    case "ol":
+    case "dl":
+      return {
+        _type: "List",
+        tag: e.tagName,
+        _listType: e.tagName === "ol" ? "list-decimal" : "list-none"
+      };
+    case "li":
+    case "dt":
+      return { _type: "ListItem", tag: e.tagName };
+    case "span":
+    case "figcaption":
+    case "legend":
+      return { _type: "Span", tag: e.tagName };
+    case "p":
+      return { _type: "Paragraph", content: "" };
+    case "a":
+      return { _type: "Link" };
+    case "form":
+      return { _type: "Form" };
+    case "label":
+      return { _type: "Label" };
+    case "button":
+      return { _type: "Button" };
+    case "code":
+      return { _type: "Code" };
+    case "h1":
+    case "h2":
+    case "h3":
+    case "h4":
+    case "h5":
+    case "h6":
+      return { _type: "Heading", tag: e.tagName };
+    case "table":
+      return { _type: "Table" };
+    case "tr":
+      return { _type: "TableRow" };
+    case "td":
+    case "th":
+      return { _type: "TableCell", tag: e.tagName };
+    case "thead":
+      return { _type: "TableHead" };
+    case "tbody":
+      return { _type: "TableBody" };
+    case "tfoot":
+      return { _type: "TableFooter" };
+    default:
+      return {
+        _type: "Box",
+        tag: e.tagName,
+        name: e.tagName === "div" ? "Box" : P(e.tagName)
+      };
+  }
+}, z = (e, t = null) => B(e, (r) => {
+  var i;
+  if (r.type === "comment")
+    return [];
+  let n = { _id: E() };
+  if (t && (n._parent = t.block._id), r.type === "text")
+    return v(l(r, "content", "")) ? [] : t && re(t.node, t.block) ? (d(t, "block.content", l(r, "content", "")), []) : { ...n, _type: "Text", content: l(r, "content", "") };
+  if (n = {
+    ...n,
+    ...ne(r),
+    ...S(r),
+    ...ae(r)
+  }, n._type === "Input") {
+    const o = n.inputType || "text";
+    o === "checkbox" ? d(n, "_type", "Checkbox") : o === "radio" && d(n, "_type", "Radio");
+  } else {
+    if (r.tagName === "video")
+      return n.content = k([r]), [n];
+    if (r.tagName === "svg") {
+      const o = f(r.attributes, { key: "height" }), s = f(r.attributes, { key: "width" }), c = l(o, "value") ? `[${l(o, "value")}px]` : "full", m = l(s, "value") ? `[${l(s, "value")}px]` : "full", y = l(f(r.attributes, { key: "class" }), "value");
+      return n.styles = `${x}, ${U(`w-${m} h-${c}`, y)}`.trim(), r.attributes = M(r.attributes, (b) => !p(["style", "width", "height", "class"], b.key)), n.icon = k([r]), d(n, "styles_attrs", W(l(n, "styles_attrs") || {}, ["height", "width", "style", "class"])), [n];
+    } else if (r.tagName == "option" && t && ((i = t.block) == null ? void 0 : i._type) === "Select")
+      return t.block.options.push({
+        label: A(r.children),
+        ...S(r)
+      }), [];
+  }
+  const a = z(r.children, { block: n, node: r });
+  return [n, ...a];
+}), oe = (e) => {
+  const t = e.match(/<body[^>]*>[\s\S]*?<\/body>/);
+  return (t && t.length > 0 ? t[0].replace(/<body/, "<div").replace(/<\/body>/, "</div>") : e).replace(/\s+/g, " ").replaceAll("> <", "><").replace(/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi, "").trim();
+}, Le = (e) => {
+  const t = H(oe(e));
+  return v(e) ? [] : N(z(t));
+}, L = {
   25: "1/4",
   "33.33": "1/3",
   50: "1/2",
@@ -31,7 +196,7 @@ const g = {
   "58.33": "7/12",
   "91.67": "11/12",
   100: "full"
-}, k = {
+}, ie = {
   0: "0",
   1: "px",
   2: "0.5",
@@ -67,23 +232,24 @@ const g = {
   288: "72",
   320: "80",
   384: "96"
-}, w = 16, y = 4;
-function L(a) {
-  return a.indexOf("rem") !== -1 && (a = `${parseFloat(a.replace("rem", "")) * w}px`), a;
+};
+const se = 16, le = 4;
+function ce(e) {
+  return e.indexOf("rem") !== -1 && (e = `${parseFloat(e.replace("rem", "")) * se}px`), e;
 }
-const X = (a) => {
-  const i = a.match(/\[.*\]/);
-  if (i === null)
-    return a;
-  const p = F(a);
-  if (p === null)
-    return a;
-  const { property: m } = p;
-  let e = v(i).replace(/\]/i, "").replace(/\[/i, "");
-  const o = a.replace(/\[.*\]/i, "");
-  e = L(e);
-  let r = a;
-  switch (m) {
+const Ae = (e) => {
+  const t = e.match(/\[.*\]/);
+  if (t === null)
+    return e;
+  const r = O(e);
+  if (r === null)
+    return e;
+  const { property: n } = r;
+  let a = j(t).replace(/\]/i, "").replace(/\[/i, "");
+  const i = e.replace(/\[.*\]/i, "");
+  a = ce(a);
+  let o = e;
+  switch (n) {
     case "top":
     case "right":
     case "left":
@@ -115,28 +281,28 @@ const X = (a) => {
     case "textIndent":
     case "spaceX":
     case "spaceY":
-      if (e.indexOf("px") !== -1) {
-        const s = f(t(k), (n) => `${n}px`);
-        if (c(s, e)) {
-          const n = T(e.replace("px", ""), 10);
-          n === 1 ? r = `${o}px` : r = o + n / y;
+      if (a.indexOf("px") !== -1) {
+        const g = C(h(ie), (u) => `${u}px`);
+        if (p(g, a)) {
+          const u = V(a.replace("px", ""), 10);
+          u === 1 ? o = `${i}px` : o = i + u / le;
         }
       }
-      if (e.indexOf("%") !== -1) {
-        const s = f(t(g), (n) => `${n}%`);
-        if (c(s, e)) {
-          const n = parseFloat(e.replace("%", ""));
-          r = o + b(g, n);
+      if (a.indexOf("%") !== -1) {
+        const g = C(h(L), (u) => `${u}%`);
+        if (p(g, a)) {
+          const u = parseFloat(a.replace("%", ""));
+          o = i + l(L, u);
         }
       }
-      e.indexOf("vw") !== -1 && parseFloat(e.replace("vw", "")) === 100 && (r = `${o}screen`), e.indexOf("vh") !== -1 && parseFloat(e.replace("vh", "")) === 100 && (r = `${o}screen`);
+      a.indexOf("vw") !== -1 && parseFloat(a.replace("vw", "")) === 100 && (o = `${i}screen`), a.indexOf("vh") !== -1 && parseFloat(a.replace("vh", "")) === 100 && (o = `${i}screen`);
       break;
     case "minWidth":
-      e.indexOf("%") !== -1 && parseFloat(e.replace("%", "")) === 100 && (r = `${o}full`), e === "0px" && (r = "min-w-0");
+      a.indexOf("%") !== -1 && parseFloat(a.replace("%", "")) === 100 && (o = `${i}full`), a === "0px" && (o = "min-w-0");
       break;
     case "maxWidth":
-      e === "0px" && (r = "max-w-0");
-      const l = {
+      a === "0px" && (o = "max-w-0");
+      const s = {
         "320px": "xs",
         "384px": "sm",
         "448px": "md",
@@ -153,13 +319,13 @@ const X = (a) => {
         "640px": "screen-sm",
         "1536px": "screen-2xl"
       };
-      c(t(l), e) && (r = `max-w-${l[e]}`);
+      p(h(s), a) && (o = `max-w-${s[a]}`);
       break;
     case "minHeight":
-      e.indexOf("%") !== -1 && parseFloat(e.replace("%", "")) === 100 && (r = `${o}full`), e === "0px" && (r = "min-h-0"), e === "100vh" && (r = "min-h-screen");
+      a.indexOf("%") !== -1 && parseFloat(a.replace("%", "")) === 100 && (o = `${i}full`), a === "0px" && (o = "min-h-0"), a === "100vh" && (o = "min-h-screen");
       break;
     case "fontSize":
-      const x = {
+      const c = {
         "12px": "xs",
         "14px": "sm",
         "16px": "base",
@@ -174,10 +340,10 @@ const X = (a) => {
         "96px": "8xl",
         "128px": "9xl"
       };
-      c(t(x), e) && (r = o + x[e]);
+      p(h(c), a) && (o = i + c[a]);
       break;
     case "lineHeight":
-      const d = {
+      const m = {
         "12px": "3",
         "16px": "4",
         "20px": "5",
@@ -193,13 +359,13 @@ const X = (a) => {
         "1.625": "relaxed",
         2: "loose"
       };
-      c(t(d), e) && (r = o + d[e]);
+      p(h(m), a) && (o = i + m[a]);
       break;
     case "zIndex":
-      r = ["0", "10", "20", "30", "40", "50"].indexOf(e) !== -1 ? `${o}${e}` : a;
+      o = ["0", "10", "20", "30", "40", "50"].indexOf(a) !== -1 ? `${i}${a}` : e;
       break;
     case "opacity":
-      const h = [
+      const b = [
         "0",
         "5",
         "10",
@@ -215,13 +381,1109 @@ const X = (a) => {
         "90",
         "95",
         "100"
-      ], u = parseFloat(e) * 100;
-      c(h, u.toString()) && (r = `opacity-${u}`);
+      ], _ = parseFloat(a) * 100;
+      p(b, _.toString()) && (o = `opacity-${_}`);
+      break;
+    default:
       break;
   }
-  return r;
+  return o;
 };
-function R() {
+var D = {}, $ = {};
+(function(e) {
+  "use strict";
+  Object.defineProperty(e, "__esModule", {
+    value: !0
+  }), Object.defineProperty(e, "cloneDeep", {
+    enumerable: !0,
+    get: function() {
+      return t;
+    }
+  });
+  function t(r) {
+    return Array.isArray(r) ? r.map((n) => t(n)) : typeof r == "object" && r !== null ? Object.fromEntries(Object.entries(r).map(([n, a]) => [
+      n,
+      t(a)
+    ])) : r;
+  }
+})($);
+var pe = {
+  content: [],
+  presets: [],
+  darkMode: "media",
+  // or 'class'
+  theme: {
+    accentColor: ({ theme: e }) => ({
+      ...e("colors"),
+      auto: "auto"
+    }),
+    animation: {
+      none: "none",
+      spin: "spin 1s linear infinite",
+      ping: "ping 1s cubic-bezier(0, 0, 0.2, 1) infinite",
+      pulse: "pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite",
+      bounce: "bounce 1s infinite"
+    },
+    aria: {
+      busy: 'busy="true"',
+      checked: 'checked="true"',
+      disabled: 'disabled="true"',
+      expanded: 'expanded="true"',
+      hidden: 'hidden="true"',
+      pressed: 'pressed="true"',
+      readonly: 'readonly="true"',
+      required: 'required="true"',
+      selected: 'selected="true"'
+    },
+    aspectRatio: {
+      auto: "auto",
+      square: "1 / 1",
+      video: "16 / 9"
+    },
+    backdropBlur: ({ theme: e }) => e("blur"),
+    backdropBrightness: ({ theme: e }) => e("brightness"),
+    backdropContrast: ({ theme: e }) => e("contrast"),
+    backdropGrayscale: ({ theme: e }) => e("grayscale"),
+    backdropHueRotate: ({ theme: e }) => e("hueRotate"),
+    backdropInvert: ({ theme: e }) => e("invert"),
+    backdropOpacity: ({ theme: e }) => e("opacity"),
+    backdropSaturate: ({ theme: e }) => e("saturate"),
+    backdropSepia: ({ theme: e }) => e("sepia"),
+    backgroundColor: ({ theme: e }) => e("colors"),
+    backgroundImage: {
+      none: "none",
+      "gradient-to-t": "linear-gradient(to top, var(--tw-gradient-stops))",
+      "gradient-to-tr": "linear-gradient(to top right, var(--tw-gradient-stops))",
+      "gradient-to-r": "linear-gradient(to right, var(--tw-gradient-stops))",
+      "gradient-to-br": "linear-gradient(to bottom right, var(--tw-gradient-stops))",
+      "gradient-to-b": "linear-gradient(to bottom, var(--tw-gradient-stops))",
+      "gradient-to-bl": "linear-gradient(to bottom left, var(--tw-gradient-stops))",
+      "gradient-to-l": "linear-gradient(to left, var(--tw-gradient-stops))",
+      "gradient-to-tl": "linear-gradient(to top left, var(--tw-gradient-stops))"
+    },
+    backgroundOpacity: ({ theme: e }) => e("opacity"),
+    backgroundPosition: {
+      bottom: "bottom",
+      center: "center",
+      left: "left",
+      "left-bottom": "left bottom",
+      "left-top": "left top",
+      right: "right",
+      "right-bottom": "right bottom",
+      "right-top": "right top",
+      top: "top"
+    },
+    backgroundSize: {
+      auto: "auto",
+      cover: "cover",
+      contain: "contain"
+    },
+    blur: {
+      0: "0",
+      none: "0",
+      sm: "4px",
+      DEFAULT: "8px",
+      md: "12px",
+      lg: "16px",
+      xl: "24px",
+      "2xl": "40px",
+      "3xl": "64px"
+    },
+    borderColor: ({ theme: e }) => ({
+      ...e("colors"),
+      DEFAULT: e("colors.gray.200", "currentColor")
+    }),
+    borderOpacity: ({ theme: e }) => e("opacity"),
+    borderRadius: {
+      none: "0px",
+      sm: "0.125rem",
+      DEFAULT: "0.25rem",
+      md: "0.375rem",
+      lg: "0.5rem",
+      xl: "0.75rem",
+      "2xl": "1rem",
+      "3xl": "1.5rem",
+      full: "9999px"
+    },
+    borderSpacing: ({ theme: e }) => ({
+      ...e("spacing")
+    }),
+    borderWidth: {
+      DEFAULT: "1px",
+      0: "0px",
+      2: "2px",
+      4: "4px",
+      8: "8px"
+    },
+    boxShadow: {
+      sm: "0 1px 2px 0 rgb(0 0 0 / 0.05)",
+      DEFAULT: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
+      md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
+      lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
+      xl: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
+      "2xl": "0 25px 50px -12px rgb(0 0 0 / 0.25)",
+      inner: "inset 0 2px 4px 0 rgb(0 0 0 / 0.05)",
+      none: "none"
+    },
+    boxShadowColor: ({ theme: e }) => e("colors"),
+    brightness: {
+      0: "0",
+      50: ".5",
+      75: ".75",
+      90: ".9",
+      95: ".95",
+      100: "1",
+      105: "1.05",
+      110: "1.1",
+      125: "1.25",
+      150: "1.5",
+      200: "2"
+    },
+    caretColor: ({ theme: e }) => e("colors"),
+    colors: ({ colors: e }) => ({
+      inherit: e.inherit,
+      current: e.current,
+      transparent: e.transparent,
+      black: e.black,
+      white: e.white,
+      slate: e.slate,
+      gray: e.gray,
+      zinc: e.zinc,
+      neutral: e.neutral,
+      stone: e.stone,
+      red: e.red,
+      orange: e.orange,
+      amber: e.amber,
+      yellow: e.yellow,
+      lime: e.lime,
+      green: e.green,
+      emerald: e.emerald,
+      teal: e.teal,
+      cyan: e.cyan,
+      sky: e.sky,
+      blue: e.blue,
+      indigo: e.indigo,
+      violet: e.violet,
+      purple: e.purple,
+      fuchsia: e.fuchsia,
+      pink: e.pink,
+      rose: e.rose
+    }),
+    columns: {
+      auto: "auto",
+      1: "1",
+      2: "2",
+      3: "3",
+      4: "4",
+      5: "5",
+      6: "6",
+      7: "7",
+      8: "8",
+      9: "9",
+      10: "10",
+      11: "11",
+      12: "12",
+      "3xs": "16rem",
+      "2xs": "18rem",
+      xs: "20rem",
+      sm: "24rem",
+      md: "28rem",
+      lg: "32rem",
+      xl: "36rem",
+      "2xl": "42rem",
+      "3xl": "48rem",
+      "4xl": "56rem",
+      "5xl": "64rem",
+      "6xl": "72rem",
+      "7xl": "80rem"
+    },
+    container: {},
+    content: {
+      none: "none"
+    },
+    contrast: {
+      0: "0",
+      50: ".5",
+      75: ".75",
+      100: "1",
+      125: "1.25",
+      150: "1.5",
+      200: "2"
+    },
+    cursor: {
+      auto: "auto",
+      default: "default",
+      pointer: "pointer",
+      wait: "wait",
+      text: "text",
+      move: "move",
+      help: "help",
+      "not-allowed": "not-allowed",
+      none: "none",
+      "context-menu": "context-menu",
+      progress: "progress",
+      cell: "cell",
+      crosshair: "crosshair",
+      "vertical-text": "vertical-text",
+      alias: "alias",
+      copy: "copy",
+      "no-drop": "no-drop",
+      grab: "grab",
+      grabbing: "grabbing",
+      "all-scroll": "all-scroll",
+      "col-resize": "col-resize",
+      "row-resize": "row-resize",
+      "n-resize": "n-resize",
+      "e-resize": "e-resize",
+      "s-resize": "s-resize",
+      "w-resize": "w-resize",
+      "ne-resize": "ne-resize",
+      "nw-resize": "nw-resize",
+      "se-resize": "se-resize",
+      "sw-resize": "sw-resize",
+      "ew-resize": "ew-resize",
+      "ns-resize": "ns-resize",
+      "nesw-resize": "nesw-resize",
+      "nwse-resize": "nwse-resize",
+      "zoom-in": "zoom-in",
+      "zoom-out": "zoom-out"
+    },
+    divideColor: ({ theme: e }) => e("borderColor"),
+    divideOpacity: ({ theme: e }) => e("borderOpacity"),
+    divideWidth: ({ theme: e }) => e("borderWidth"),
+    dropShadow: {
+      sm: "0 1px 1px rgb(0 0 0 / 0.05)",
+      DEFAULT: ["0 1px 2px rgb(0 0 0 / 0.1)", "0 1px 1px rgb(0 0 0 / 0.06)"],
+      md: ["0 4px 3px rgb(0 0 0 / 0.07)", "0 2px 2px rgb(0 0 0 / 0.06)"],
+      lg: ["0 10px 8px rgb(0 0 0 / 0.04)", "0 4px 3px rgb(0 0 0 / 0.1)"],
+      xl: ["0 20px 13px rgb(0 0 0 / 0.03)", "0 8px 5px rgb(0 0 0 / 0.08)"],
+      "2xl": "0 25px 25px rgb(0 0 0 / 0.15)",
+      none: "0 0 #0000"
+    },
+    fill: ({ theme: e }) => ({
+      none: "none",
+      ...e("colors")
+    }),
+    flex: {
+      1: "1 1 0%",
+      auto: "1 1 auto",
+      initial: "0 1 auto",
+      none: "none"
+    },
+    flexBasis: ({ theme: e }) => ({
+      auto: "auto",
+      ...e("spacing"),
+      "1/2": "50%",
+      "1/3": "33.333333%",
+      "2/3": "66.666667%",
+      "1/4": "25%",
+      "2/4": "50%",
+      "3/4": "75%",
+      "1/5": "20%",
+      "2/5": "40%",
+      "3/5": "60%",
+      "4/5": "80%",
+      "1/6": "16.666667%",
+      "2/6": "33.333333%",
+      "3/6": "50%",
+      "4/6": "66.666667%",
+      "5/6": "83.333333%",
+      "1/12": "8.333333%",
+      "2/12": "16.666667%",
+      "3/12": "25%",
+      "4/12": "33.333333%",
+      "5/12": "41.666667%",
+      "6/12": "50%",
+      "7/12": "58.333333%",
+      "8/12": "66.666667%",
+      "9/12": "75%",
+      "10/12": "83.333333%",
+      "11/12": "91.666667%",
+      full: "100%"
+    }),
+    flexGrow: {
+      0: "0",
+      DEFAULT: "1"
+    },
+    flexShrink: {
+      0: "0",
+      DEFAULT: "1"
+    },
+    fontFamily: {
+      sans: [
+        "ui-sans-serif",
+        "system-ui",
+        "-apple-system",
+        "BlinkMacSystemFont",
+        '"Segoe UI"',
+        "Roboto",
+        '"Helvetica Neue"',
+        "Arial",
+        '"Noto Sans"',
+        "sans-serif",
+        '"Apple Color Emoji"',
+        '"Segoe UI Emoji"',
+        '"Segoe UI Symbol"',
+        '"Noto Color Emoji"'
+      ],
+      serif: ["ui-serif", "Georgia", "Cambria", '"Times New Roman"', "Times", "serif"],
+      mono: [
+        "ui-monospace",
+        "SFMono-Regular",
+        "Menlo",
+        "Monaco",
+        "Consolas",
+        '"Liberation Mono"',
+        '"Courier New"',
+        "monospace"
+      ]
+    },
+    fontSize: {
+      xs: ["0.75rem", { lineHeight: "1rem" }],
+      sm: ["0.875rem", { lineHeight: "1.25rem" }],
+      base: ["1rem", { lineHeight: "1.5rem" }],
+      lg: ["1.125rem", { lineHeight: "1.75rem" }],
+      xl: ["1.25rem", { lineHeight: "1.75rem" }],
+      "2xl": ["1.5rem", { lineHeight: "2rem" }],
+      "3xl": ["1.875rem", { lineHeight: "2.25rem" }],
+      "4xl": ["2.25rem", { lineHeight: "2.5rem" }],
+      "5xl": ["3rem", { lineHeight: "1" }],
+      "6xl": ["3.75rem", { lineHeight: "1" }],
+      "7xl": ["4.5rem", { lineHeight: "1" }],
+      "8xl": ["6rem", { lineHeight: "1" }],
+      "9xl": ["8rem", { lineHeight: "1" }]
+    },
+    fontWeight: {
+      thin: "100",
+      extralight: "200",
+      light: "300",
+      normal: "400",
+      medium: "500",
+      semibold: "600",
+      bold: "700",
+      extrabold: "800",
+      black: "900"
+    },
+    gap: ({ theme: e }) => e("spacing"),
+    gradientColorStops: ({ theme: e }) => e("colors"),
+    gradientColorStopPositions: {
+      "0%": "0%",
+      "5%": "5%",
+      "10%": "10%",
+      "15%": "15%",
+      "20%": "20%",
+      "25%": "25%",
+      "30%": "30%",
+      "35%": "35%",
+      "40%": "40%",
+      "45%": "45%",
+      "50%": "50%",
+      "55%": "55%",
+      "60%": "60%",
+      "65%": "65%",
+      "70%": "70%",
+      "75%": "75%",
+      "80%": "80%",
+      "85%": "85%",
+      "90%": "90%",
+      "95%": "95%",
+      "100%": "100%"
+    },
+    grayscale: {
+      0: "0",
+      DEFAULT: "100%"
+    },
+    gridAutoColumns: {
+      auto: "auto",
+      min: "min-content",
+      max: "max-content",
+      fr: "minmax(0, 1fr)"
+    },
+    gridAutoRows: {
+      auto: "auto",
+      min: "min-content",
+      max: "max-content",
+      fr: "minmax(0, 1fr)"
+    },
+    gridColumn: {
+      auto: "auto",
+      "span-1": "span 1 / span 1",
+      "span-2": "span 2 / span 2",
+      "span-3": "span 3 / span 3",
+      "span-4": "span 4 / span 4",
+      "span-5": "span 5 / span 5",
+      "span-6": "span 6 / span 6",
+      "span-7": "span 7 / span 7",
+      "span-8": "span 8 / span 8",
+      "span-9": "span 9 / span 9",
+      "span-10": "span 10 / span 10",
+      "span-11": "span 11 / span 11",
+      "span-12": "span 12 / span 12",
+      "span-full": "1 / -1"
+    },
+    gridColumnEnd: {
+      auto: "auto",
+      1: "1",
+      2: "2",
+      3: "3",
+      4: "4",
+      5: "5",
+      6: "6",
+      7: "7",
+      8: "8",
+      9: "9",
+      10: "10",
+      11: "11",
+      12: "12",
+      13: "13"
+    },
+    gridColumnStart: {
+      auto: "auto",
+      1: "1",
+      2: "2",
+      3: "3",
+      4: "4",
+      5: "5",
+      6: "6",
+      7: "7",
+      8: "8",
+      9: "9",
+      10: "10",
+      11: "11",
+      12: "12",
+      13: "13"
+    },
+    gridRow: {
+      auto: "auto",
+      "span-1": "span 1 / span 1",
+      "span-2": "span 2 / span 2",
+      "span-3": "span 3 / span 3",
+      "span-4": "span 4 / span 4",
+      "span-5": "span 5 / span 5",
+      "span-6": "span 6 / span 6",
+      "span-full": "1 / -1"
+    },
+    gridRowEnd: {
+      auto: "auto",
+      1: "1",
+      2: "2",
+      3: "3",
+      4: "4",
+      5: "5",
+      6: "6",
+      7: "7"
+    },
+    gridRowStart: {
+      auto: "auto",
+      1: "1",
+      2: "2",
+      3: "3",
+      4: "4",
+      5: "5",
+      6: "6",
+      7: "7"
+    },
+    gridTemplateColumns: {
+      none: "none",
+      1: "repeat(1, minmax(0, 1fr))",
+      2: "repeat(2, minmax(0, 1fr))",
+      3: "repeat(3, minmax(0, 1fr))",
+      4: "repeat(4, minmax(0, 1fr))",
+      5: "repeat(5, minmax(0, 1fr))",
+      6: "repeat(6, minmax(0, 1fr))",
+      7: "repeat(7, minmax(0, 1fr))",
+      8: "repeat(8, minmax(0, 1fr))",
+      9: "repeat(9, minmax(0, 1fr))",
+      10: "repeat(10, minmax(0, 1fr))",
+      11: "repeat(11, minmax(0, 1fr))",
+      12: "repeat(12, minmax(0, 1fr))"
+    },
+    gridTemplateRows: {
+      none: "none",
+      1: "repeat(1, minmax(0, 1fr))",
+      2: "repeat(2, minmax(0, 1fr))",
+      3: "repeat(3, minmax(0, 1fr))",
+      4: "repeat(4, minmax(0, 1fr))",
+      5: "repeat(5, minmax(0, 1fr))",
+      6: "repeat(6, minmax(0, 1fr))"
+    },
+    height: ({ theme: e }) => ({
+      auto: "auto",
+      ...e("spacing"),
+      "1/2": "50%",
+      "1/3": "33.333333%",
+      "2/3": "66.666667%",
+      "1/4": "25%",
+      "2/4": "50%",
+      "3/4": "75%",
+      "1/5": "20%",
+      "2/5": "40%",
+      "3/5": "60%",
+      "4/5": "80%",
+      "1/6": "16.666667%",
+      "2/6": "33.333333%",
+      "3/6": "50%",
+      "4/6": "66.666667%",
+      "5/6": "83.333333%",
+      full: "100%",
+      screen: "100vh",
+      min: "min-content",
+      max: "max-content",
+      fit: "fit-content"
+    }),
+    hueRotate: {
+      0: "0deg",
+      15: "15deg",
+      30: "30deg",
+      60: "60deg",
+      90: "90deg",
+      180: "180deg"
+    },
+    inset: ({ theme: e }) => ({
+      auto: "auto",
+      ...e("spacing"),
+      "1/2": "50%",
+      "1/3": "33.333333%",
+      "2/3": "66.666667%",
+      "1/4": "25%",
+      "2/4": "50%",
+      "3/4": "75%",
+      full: "100%"
+    }),
+    invert: {
+      0: "0",
+      DEFAULT: "100%"
+    },
+    keyframes: {
+      spin: {
+        to: {
+          transform: "rotate(360deg)"
+        }
+      },
+      ping: {
+        "75%, 100%": {
+          transform: "scale(2)",
+          opacity: "0"
+        }
+      },
+      pulse: {
+        "50%": {
+          opacity: ".5"
+        }
+      },
+      bounce: {
+        "0%, 100%": {
+          transform: "translateY(-25%)",
+          animationTimingFunction: "cubic-bezier(0.8,0,1,1)"
+        },
+        "50%": {
+          transform: "none",
+          animationTimingFunction: "cubic-bezier(0,0,0.2,1)"
+        }
+      }
+    },
+    letterSpacing: {
+      tighter: "-0.05em",
+      tight: "-0.025em",
+      normal: "0em",
+      wide: "0.025em",
+      wider: "0.05em",
+      widest: "0.1em"
+    },
+    lineHeight: {
+      none: "1",
+      tight: "1.25",
+      snug: "1.375",
+      normal: "1.5",
+      relaxed: "1.625",
+      loose: "2",
+      3: ".75rem",
+      4: "1rem",
+      5: "1.25rem",
+      6: "1.5rem",
+      7: "1.75rem",
+      8: "2rem",
+      9: "2.25rem",
+      10: "2.5rem"
+    },
+    listStyleType: {
+      none: "none",
+      disc: "disc",
+      decimal: "decimal"
+    },
+    listStyleImage: {
+      none: "none"
+    },
+    margin: ({ theme: e }) => ({
+      auto: "auto",
+      ...e("spacing")
+    }),
+    lineClamp: {
+      1: "1",
+      2: "2",
+      3: "3",
+      4: "4",
+      5: "5",
+      6: "6"
+    },
+    maxHeight: ({ theme: e }) => ({
+      ...e("spacing"),
+      none: "none",
+      full: "100%",
+      screen: "100vh",
+      min: "min-content",
+      max: "max-content",
+      fit: "fit-content"
+    }),
+    maxWidth: ({ theme: e, breakpoints: t }) => ({
+      none: "none",
+      0: "0rem",
+      xs: "20rem",
+      sm: "24rem",
+      md: "28rem",
+      lg: "32rem",
+      xl: "36rem",
+      "2xl": "42rem",
+      "3xl": "48rem",
+      "4xl": "56rem",
+      "5xl": "64rem",
+      "6xl": "72rem",
+      "7xl": "80rem",
+      full: "100%",
+      min: "min-content",
+      max: "max-content",
+      fit: "fit-content",
+      prose: "65ch",
+      ...t(e("screens"))
+    }),
+    minHeight: {
+      0: "0px",
+      full: "100%",
+      screen: "100vh",
+      min: "min-content",
+      max: "max-content",
+      fit: "fit-content"
+    },
+    minWidth: {
+      0: "0px",
+      full: "100%",
+      min: "min-content",
+      max: "max-content",
+      fit: "fit-content"
+    },
+    objectPosition: {
+      bottom: "bottom",
+      center: "center",
+      left: "left",
+      "left-bottom": "left bottom",
+      "left-top": "left top",
+      right: "right",
+      "right-bottom": "right bottom",
+      "right-top": "right top",
+      top: "top"
+    },
+    opacity: {
+      0: "0",
+      5: "0.05",
+      10: "0.1",
+      20: "0.2",
+      25: "0.25",
+      30: "0.3",
+      40: "0.4",
+      50: "0.5",
+      60: "0.6",
+      70: "0.7",
+      75: "0.75",
+      80: "0.8",
+      90: "0.9",
+      95: "0.95",
+      100: "1"
+    },
+    order: {
+      first: "-9999",
+      last: "9999",
+      none: "0",
+      1: "1",
+      2: "2",
+      3: "3",
+      4: "4",
+      5: "5",
+      6: "6",
+      7: "7",
+      8: "8",
+      9: "9",
+      10: "10",
+      11: "11",
+      12: "12"
+    },
+    outlineColor: ({ theme: e }) => e("colors"),
+    outlineOffset: {
+      0: "0px",
+      1: "1px",
+      2: "2px",
+      4: "4px",
+      8: "8px"
+    },
+    outlineWidth: {
+      0: "0px",
+      1: "1px",
+      2: "2px",
+      4: "4px",
+      8: "8px"
+    },
+    padding: ({ theme: e }) => e("spacing"),
+    placeholderColor: ({ theme: e }) => e("colors"),
+    placeholderOpacity: ({ theme: e }) => e("opacity"),
+    ringColor: ({ theme: e }) => ({
+      DEFAULT: e("colors.blue.500", "#3b82f6"),
+      ...e("colors")
+    }),
+    ringOffsetColor: ({ theme: e }) => e("colors"),
+    ringOffsetWidth: {
+      0: "0px",
+      1: "1px",
+      2: "2px",
+      4: "4px",
+      8: "8px"
+    },
+    ringOpacity: ({ theme: e }) => ({
+      DEFAULT: "0.5",
+      ...e("opacity")
+    }),
+    ringWidth: {
+      DEFAULT: "3px",
+      0: "0px",
+      1: "1px",
+      2: "2px",
+      4: "4px",
+      8: "8px"
+    },
+    rotate: {
+      0: "0deg",
+      1: "1deg",
+      2: "2deg",
+      3: "3deg",
+      6: "6deg",
+      12: "12deg",
+      45: "45deg",
+      90: "90deg",
+      180: "180deg"
+    },
+    saturate: {
+      0: "0",
+      50: ".5",
+      100: "1",
+      150: "1.5",
+      200: "2"
+    },
+    scale: {
+      0: "0",
+      50: ".5",
+      75: ".75",
+      90: ".9",
+      95: ".95",
+      100: "1",
+      105: "1.05",
+      110: "1.1",
+      125: "1.25",
+      150: "1.5"
+    },
+    screens: {
+      sm: "640px",
+      md: "768px",
+      lg: "1024px",
+      xl: "1280px",
+      "2xl": "1536px"
+    },
+    scrollMargin: ({ theme: e }) => ({
+      ...e("spacing")
+    }),
+    scrollPadding: ({ theme: e }) => e("spacing"),
+    sepia: {
+      0: "0",
+      DEFAULT: "100%"
+    },
+    skew: {
+      0: "0deg",
+      1: "1deg",
+      2: "2deg",
+      3: "3deg",
+      6: "6deg",
+      12: "12deg"
+    },
+    space: ({ theme: e }) => ({
+      ...e("spacing")
+    }),
+    spacing: {
+      px: "1px",
+      0: "0px",
+      0.5: "0.125rem",
+      1: "0.25rem",
+      1.5: "0.375rem",
+      2: "0.5rem",
+      2.5: "0.625rem",
+      3: "0.75rem",
+      3.5: "0.875rem",
+      4: "1rem",
+      5: "1.25rem",
+      6: "1.5rem",
+      7: "1.75rem",
+      8: "2rem",
+      9: "2.25rem",
+      10: "2.5rem",
+      11: "2.75rem",
+      12: "3rem",
+      14: "3.5rem",
+      16: "4rem",
+      20: "5rem",
+      24: "6rem",
+      28: "7rem",
+      32: "8rem",
+      36: "9rem",
+      40: "10rem",
+      44: "11rem",
+      48: "12rem",
+      52: "13rem",
+      56: "14rem",
+      60: "15rem",
+      64: "16rem",
+      72: "18rem",
+      80: "20rem",
+      96: "24rem"
+    },
+    stroke: ({ theme: e }) => ({
+      none: "none",
+      ...e("colors")
+    }),
+    strokeWidth: {
+      0: "0",
+      1: "1",
+      2: "2"
+    },
+    supports: {},
+    data: {},
+    textColor: ({ theme: e }) => e("colors"),
+    textDecorationColor: ({ theme: e }) => e("colors"),
+    textDecorationThickness: {
+      auto: "auto",
+      "from-font": "from-font",
+      0: "0px",
+      1: "1px",
+      2: "2px",
+      4: "4px",
+      8: "8px"
+    },
+    textIndent: ({ theme: e }) => ({
+      ...e("spacing")
+    }),
+    textOpacity: ({ theme: e }) => e("opacity"),
+    textUnderlineOffset: {
+      auto: "auto",
+      0: "0px",
+      1: "1px",
+      2: "2px",
+      4: "4px",
+      8: "8px"
+    },
+    transformOrigin: {
+      center: "center",
+      top: "top",
+      "top-right": "top right",
+      right: "right",
+      "bottom-right": "bottom right",
+      bottom: "bottom",
+      "bottom-left": "bottom left",
+      left: "left",
+      "top-left": "top left"
+    },
+    transitionDelay: {
+      0: "0s",
+      75: "75ms",
+      100: "100ms",
+      150: "150ms",
+      200: "200ms",
+      300: "300ms",
+      500: "500ms",
+      700: "700ms",
+      1e3: "1000ms"
+    },
+    transitionDuration: {
+      DEFAULT: "150ms",
+      0: "0s",
+      75: "75ms",
+      100: "100ms",
+      150: "150ms",
+      200: "200ms",
+      300: "300ms",
+      500: "500ms",
+      700: "700ms",
+      1e3: "1000ms"
+    },
+    transitionProperty: {
+      none: "none",
+      all: "all",
+      DEFAULT: "color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter",
+      colors: "color, background-color, border-color, text-decoration-color, fill, stroke",
+      opacity: "opacity",
+      shadow: "box-shadow",
+      transform: "transform"
+    },
+    transitionTimingFunction: {
+      DEFAULT: "cubic-bezier(0.4, 0, 0.2, 1)",
+      linear: "linear",
+      in: "cubic-bezier(0.4, 0, 1, 1)",
+      out: "cubic-bezier(0, 0, 0.2, 1)",
+      "in-out": "cubic-bezier(0.4, 0, 0.2, 1)"
+    },
+    translate: ({ theme: e }) => ({
+      ...e("spacing"),
+      "1/2": "50%",
+      "1/3": "33.333333%",
+      "2/3": "66.666667%",
+      "1/4": "25%",
+      "2/4": "50%",
+      "3/4": "75%",
+      full: "100%"
+    }),
+    width: ({ theme: e }) => ({
+      auto: "auto",
+      ...e("spacing"),
+      "1/2": "50%",
+      "1/3": "33.333333%",
+      "2/3": "66.666667%",
+      "1/4": "25%",
+      "2/4": "50%",
+      "3/4": "75%",
+      "1/5": "20%",
+      "2/5": "40%",
+      "3/5": "60%",
+      "4/5": "80%",
+      "1/6": "16.666667%",
+      "2/6": "33.333333%",
+      "3/6": "50%",
+      "4/6": "66.666667%",
+      "5/6": "83.333333%",
+      "1/12": "8.333333%",
+      "2/12": "16.666667%",
+      "3/12": "25%",
+      "4/12": "33.333333%",
+      "5/12": "41.666667%",
+      "6/12": "50%",
+      "7/12": "58.333333%",
+      "8/12": "66.666667%",
+      "9/12": "75%",
+      "10/12": "83.333333%",
+      "11/12": "91.666667%",
+      full: "100%",
+      screen: "100vw",
+      min: "min-content",
+      max: "max-content",
+      fit: "fit-content"
+    }),
+    willChange: {
+      auto: "auto",
+      scroll: "scroll-position",
+      contents: "contents",
+      transform: "transform"
+    },
+    zIndex: {
+      auto: "auto",
+      0: "0",
+      10: "10",
+      20: "20",
+      30: "30",
+      40: "40",
+      50: "50"
+    }
+  },
+  plugins: []
+};
+(function(e) {
+  "use strict";
+  Object.defineProperty(e, "__esModule", {
+    value: !0
+  }), Object.defineProperty(e, "default", {
+    enumerable: !0,
+    get: function() {
+      return a;
+    }
+  });
+  const t = $, r = /* @__PURE__ */ n(pe);
+  function n(i) {
+    return i && i.__esModule ? i : {
+      default: i
+    };
+  }
+  const a = (0, t.cloneDeep)(r.default.theme);
+})(D);
+let w = D;
+var me = (w.__esModule ? w : { default: w }).default;
+const T = /* @__PURE__ */ I(me), ue = (e, t = "c-") => {
+  const r = l(e, "bodyTextLightColor", "#64748b"), n = l(e, "bodyTextDarkColor", "#94a3b8"), a = l(e, "bodyBgLightColor", "#FFFFFF"), i = l(e, "bodyBgDarkColor", "#0f172a");
+  return `${t}font-body ${t}antialiased ${t}text-[${r}] ${t}bg-[${a}] dark:${t}text-[${n}] dark:${t}bg-[${i}]`;
+}, de = (e, t = "c-") => {
+  const n = e.replace(x, "").split(",").map((a) => a.split(" ").map((s) => {
+    if (s === "")
+      return "";
+    if (p(s, "hs-") || p(s, "[--") || p(s, "paddle"))
+      return s;
+    if (s.includes(":")) {
+      const c = s.split(":");
+      return c[c.length - 1] = t + q(c), c.join(":");
+    }
+    return `${t}${s}`;
+  }).join(" "));
+  return `${x}${n.join(" , ")}`;
+}, ge = (e, t) => e.map((r) => {
+  const n = {};
+  return Object.keys(r).forEach((a) => {
+    X(r[a], x) && (n[a] = de(r[a], t));
+  }), n;
+}), xe = (e, t, r = "c-") => {
+  const n = ue(t, r);
+  return fe(
+    t,
+    [Y(JSON.stringify(ge(e, r)), /#styles:/g, "")],
+    n.split(" ").concat(`${r}inline-block`, `${r}w-full`, `${r}h-full`)
+  );
+}, ze = async (e, t = "c-") => {
+  const r = e.page.blocks;
+  return await xe(r, e.project.brandingOptions, t);
+};
+async function fe(e, t, r = [], n = "c-") {
+  const a = l(e, "primaryColor", "#000"), i = l(e, "secondaryColor", "#ccc"), o = l(e, "headingFont", "Inter"), s = l(e, "bodyFont", "Inter"), c = l(e, "roundedCorners", "0"), m = J({
+    colors: [a, i],
+    names: ["primary", "secondary"]
+  });
+  return d(m, "primary.DEFAULT", a), d(m, "secondary.DEFAULT", i), `${await G({
+    tailwindConfig: {
+      prefix: n,
+      darkMode: "class",
+      safelist: r,
+      theme: {
+        fontFamily: {
+          heading: [o, ...T.fontFamily.sans],
+          body: [s, ...T.fontFamily.sans]
+        },
+        extend: {
+          borderRadius: {
+            global: `${c || "0"}px`
+          },
+          colors: m
+        }
+      },
+      plugins: [K, Q, Z, ee],
+      corePlugins: { preflight: !1 }
+    }
+  }).generateStylesFromContent(
+    ` @tailwind components;
+      @tailwind utilities;`,
+    t
+  )} .${n}bg-clip-text{background-clip: text;-webkit-background-clip: text;} h1,h2,h3,h4,h5,h6{font-family: "${o}",${T.fontFamily.sans.join(
+    ", "
+  )};}`;
+}
+function De() {
   return {
     colors: {
       border: "hsl(var(--border))",
@@ -279,18 +1541,18 @@ function R() {
     }
   };
 }
-const z = (a) => ({ ...a }), H = (a) => ({ ...a });
+const $e = (e) => ({ ...e }), Ee = (e) => ({ ...e });
 export {
-  Z as addPrefixToClasses,
-  R as chaiBuilderTheme,
-  Y as cn,
-  X as convertArbitraryToTailwindClass,
-  K as generateUUID,
-  J as getBlocksFromHTML,
-  N as getBlocksTailwindCSS,
-  ee as getBrandingClasses,
-  q as getBreakpointValue,
-  re as getStylesForPageData,
-  z as selectable,
-  H as styling
+  de as addPrefixToClasses,
+  De as chaiBuilderTheme,
+  U as cn,
+  Ae as convertArbitraryToTailwindClass,
+  E as generateUUID,
+  Le as getBlocksFromHTML,
+  xe as getBlocksTailwindCSS,
+  ue as getBrandingClasses,
+  Ie as getBreakpointValue,
+  ze as getStylesForPageData,
+  $e as selectable,
+  Ee as styling
 };