@chaibuilder/sdk 0.1.19 → 0.1.21

package/dist/lib.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("./utils-3c452dd0.cjs"),r=require("./html-to-json-78bfa1f3.cjs"),s=require("lodash");require("clsx");require("tailwind-merge");require("./MODIFIERS-70fef873.cjs");require("himalaya");const d={25:"1/4","33.33":"1/3",50:"1/2","66.67":"2/3",75:"3/4",20:"1/5",40:"2/5",60:"3/5",80:"4/5","16.67":"1/6","83.33":"5/6","8.33":"1/12","41.67":"5/12","58.33":"7/12","91.67":"11/12",100:"full"},k={0:"0",1:"px",2:"0.5",4:"1",6:"1.5",8:"2",10:"2.5",12:"3",14:"3.5",16:"4",20:"5",24:"6",28:"7",32:"8",36:"9",40:"10",44:"11",48:"12",56:"14",64:"16",80:"20",96:"24",112:"28",128:"32",144:"36",160:"40",176:"44",192:"48",208:"52",224:"56",240:"60",256:"64",288:"72",320:"80",384:"96"},T=16,b=4;function V(n){return n.indexOf("rem")!==-1&&(n=`${parseFloat(n.replace("rem",""))*T}px`),n}const y=n=>{const l=n.match(/\[.*\]/);if(l===null)return n;const p=r.constructClassObject(n);if(p===null)return n;const{property:g}=p;let e=s.first(l).replace(/\]/i,"").replace(/\[/i,"");const c=n.replace(/\[.*\]/i,"");e=V(e);let a=n;switch(g){case"top":case"right":case"left":case"bottom":case"inset":case"insetX":case"insetY":case"gap":case"gapX":case"gapY":case"padding":case"paddingX":case"paddingY":case"paddingTop":case"paddingRight":case"paddingBottom":case"paddingLeft":case"margin":case"marginX":case"marginY":case"marginTop":case"marginRight":case"marginBottom":case"marginLeft":case"flexBasis":case"width":case"height":case"maxHeight":case"textIndent":case"spaceX":case"spaceY":if(e.indexOf("px")!==-1){const t=s.map(s.keys(k),i=>`${i}px`);if(s.includes(t,e)){const i=s.parseInt(e.replace("px",""),10);i===1?a=`${c}px`:a=c+i/b}}if(e.indexOf("%")!==-1){const t=s.map(s.keys(d),i=>`${i}%`);if(s.includes(t,e)){const i=parseFloat(e.replace("%",""));a=c+s.get(d,i)}}e.indexOf("vw")!==-1&&parseFloat(e.replace("vw",""))===100&&(a=`${c}screen`),e.indexOf("vh")!==-1&&parseFloat(e.replace("vh",""))===100&&(a=`${c}screen`);break;case"minWidth":e.indexOf("%")!==-1&&parseFloat(e.replace("%",""))===100&&(a=`${c}full`),e==="0px"&&(a="min-w-0");break;case"maxWidth":e==="0px"&&(a="max-w-0");const x={"320px":"xs","384px":"sm","448px":"md","512px":"lg","576px":"xl","672px":"2xl","768px":"3xl","896px":"4xl","1024px":"5xl","1152px":"6xl","1280px":"7xl","100%":"full","65ch":"prose","640px":"screen-sm","1536px":"screen-2xl"};s.includes(s.keys(x),e)&&(a=`max-w-${x[e]}`);break;case"minHeight":e.indexOf("%")!==-1&&parseFloat(e.replace("%",""))===100&&(a=`${c}full`),e==="0px"&&(a="min-h-0"),e==="100vh"&&(a="min-h-screen");break;case"fontSize":const o={"12px":"xs","14px":"sm","16px":"base","18px":"lg","20px":"xl","24px":"2xl","30px":"3xl","36px":"4xl","48px":"5xl","60px":"6xl","72px":"7xl","96px":"8xl","128px":"9xl"};s.includes(s.keys(o),e)&&(a=c+o[e]);break;case"lineHeight":const u={"12px":"3","16px":"4","20px":"5","24px":"6","28px":"7","32px":"8","36px":"9","40px":"10",1:"none","1.25":"tight","1.375":"snug","1.5":"normal","1.625":"relaxed",2:"loose"};s.includes(s.keys(u),e)&&(a=c+u[e]);break;case"zIndex":a=["0","10","20","30","40","50"].indexOf(e)!==-1?`${c}${e}`:n;break;case"opacity":const m=["0","5","10","20","25","30","40","50","60","70","75","80","90","95","100"],f=parseFloat(e)*100;s.includes(m,f.toString())&&(a=`opacity-${f}`);break}return a},O=n=>({...n}),w=n=>({...n});exports.cn=h.cn;exports.generateUUID=r.generateUUID;exports.getBlocksFromHTML=r.getBlocksFromHTML;exports.getBreakpointValue=r.getBreakpointValue;exports.convertArbitraryToTailwindClass=y;exports.enableStyling=w;exports.setBlockProps=O;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T=require("./utils-3c452dd0.cjs"),r=require("./html-to-json-aadcbf66.cjs"),n=require("lodash"),l=require("./functions-f84d5e2a.cjs");require("clsx");require("tailwind-merge");require("./MODIFIERS-4716c669.cjs");require("himalaya");require("@mhsdesign/jit-browser-tailwindcss");require("@bobthered/tailwindcss-palette-generator");require("@tailwindcss/forms");require("@tailwindcss/typography");require("@tailwindcss/aspect-ratio");require("@tailwindcss/line-clamp");const f={25:"1/4","33.33":"1/3",50:"1/2","66.67":"2/3",75:"3/4",20:"1/5",40:"2/5",60:"3/5",80:"4/5","16.67":"1/6","83.33":"5/6","8.33":"1/12","41.67":"5/12","58.33":"7/12","91.67":"11/12",100:"full"},k={0:"0",1:"px",2:"0.5",4:"1",6:"1.5",8:"2",10:"2.5",12:"3",14:"3.5",16:"4",20:"5",24:"6",28:"7",32:"8",36:"9",40:"10",44:"11",48:"12",56:"14",64:"16",80:"20",96:"24",112:"28",128:"32",144:"36",160:"40",176:"44",192:"48",208:"52",224:"56",240:"60",256:"64",288:"72",320:"80",384:"96"},b=16,S=4;function y(s){return s.indexOf("rem")!==-1&&(s=`${parseFloat(s.replace("rem",""))*b}px`),s}const V=s=>{const p=s.match(/\[.*\]/);if(p===null)return s;const o=r.constructClassObject(s);if(o===null)return s;const{property:m}=o;let e=n.first(p).replace(/\]/i,"").replace(/\[/i,"");const i=s.replace(/\[.*\]/i,"");e=y(e);let a=s;switch(m){case"top":case"right":case"left":case"bottom":case"inset":case"insetX":case"insetY":case"gap":case"gapX":case"gapY":case"padding":case"paddingX":case"paddingY":case"paddingTop":case"paddingRight":case"paddingBottom":case"paddingLeft":case"margin":case"marginX":case"marginY":case"marginTop":case"marginRight":case"marginBottom":case"marginLeft":case"flexBasis":case"width":case"height":case"maxHeight":case"textIndent":case"spaceX":case"spaceY":if(e.indexOf("px")!==-1){const c=n.map(n.keys(k),t=>`${t}px`);if(n.includes(c,e)){const t=n.parseInt(e.replace("px",""),10);t===1?a=`${i}px`:a=i+t/S}}if(e.indexOf("%")!==-1){const c=n.map(n.keys(f),t=>`${t}%`);if(n.includes(c,e)){const t=parseFloat(e.replace("%",""));a=i+n.get(f,t)}}e.indexOf("vw")!==-1&&parseFloat(e.replace("vw",""))===100&&(a=`${i}screen`),e.indexOf("vh")!==-1&&parseFloat(e.replace("vh",""))===100&&(a=`${i}screen`);break;case"minWidth":e.indexOf("%")!==-1&&parseFloat(e.replace("%",""))===100&&(a=`${i}full`),e==="0px"&&(a="min-w-0");break;case"maxWidth":e==="0px"&&(a="max-w-0");const x={"320px":"xs","384px":"sm","448px":"md","512px":"lg","576px":"xl","672px":"2xl","768px":"3xl","896px":"4xl","1024px":"5xl","1152px":"6xl","1280px":"7xl","100%":"full","65ch":"prose","640px":"screen-sm","1536px":"screen-2xl"};n.includes(n.keys(x),e)&&(a=`max-w-${x[e]}`);break;case"minHeight":e.indexOf("%")!==-1&&parseFloat(e.replace("%",""))===100&&(a=`${i}full`),e==="0px"&&(a="min-h-0"),e==="100vh"&&(a="min-h-screen");break;case"fontSize":const u={"12px":"xs","14px":"sm","16px":"base","18px":"lg","20px":"xl","24px":"2xl","30px":"3xl","36px":"4xl","48px":"5xl","60px":"6xl","72px":"7xl","96px":"8xl","128px":"9xl"};n.includes(n.keys(u),e)&&(a=i+u[e]);break;case"lineHeight":const d={"12px":"3","16px":"4","20px":"5","24px":"6","28px":"7","32px":"8","36px":"9","40px":"10",1:"none","1.25":"tight","1.375":"snug","1.5":"normal","1.625":"relaxed",2:"loose"};n.includes(n.keys(d),e)&&(a=i+d[e]);break;case"zIndex":a=["0","10","20","30","40","50"].indexOf(e)!==-1?`${i}${e}`:s;break;case"opacity":const h=["0","5","10","20","25","30","40","50","60","70","75","80","90","95","100"],g=parseFloat(e)*100;n.includes(h,g.toString())&&(a=`opacity-${g}`);break}return a},q=s=>({...s}),w=s=>({...s});exports.cn=T.cn;exports.generateUUID=r.generateUUID;exports.getBlocksFromHTML=r.getBlocksFromHTML;exports.getBreakpointValue=r.getBreakpointValue;exports.addPrefixToClasses=l.addPrefixToClasses;exports.getBlocksTailwindCSS=l.getBlocksTailwindCSS;exports.getBrandingClasses=l.getBrandingClasses;exports.getStylesForPageData=l.getStylesForPageData;exports.convertArbitraryToTailwindClass=V;exports.enableStyling=w;exports.setBlockProps=q;

package/dist/lib.d.ts

@@ -1,12 +1,44 @@
 import { ClassValue } from 'clsx';
 
+export declare const addPrefixToClasses: (classes: string, prefix?: string) => string;
+
 declare type ChaiBlock = {
     _id: string;
     _name?: string;
     _parent?: string | null | undefined;
     _bindings?: Record<string, string>;
     readonly _type: string;
-} & Record<string, string>;
+} & Record<string, any>;
+
+export declare type ChaiPageData = {
+    page: {
+        blocks: ChaiBlock[];
+        seoData?: Record<string, string>;
+        slug?: string;
+        name: string;
+    };
+    providers?: {
+        providerKey: string;
+        args: Record<string, unknown>;
+    }[];
+    subPages?: {
+        uuid: string;
+        blocks: ChaiBlock[];
+        providers?: {
+            providerKey: string;
+            args: Record<string, unknown>;
+        }[];
+    }[];
+    project: {
+        name: string;
+        favicon: string;
+        brandingOptions: Record<string, string | number>;
+        seoData?: Record<string, string>;
+        primaryLanguage: string;
+        languages: string[];
+        homepage: string;
+    };
+};
 
 export declare const cn: (...inputs: ClassValue[]) => string;
 
@@ -28,8 +60,14 @@ export declare function generateUUID(length?: number, chars?: string): string;
  */
 export declare const getBlocksFromHTML: (html: string) => ChaiBlock[];
 
+export declare const getBlocksTailwindCSS: (blocks: ChaiBlock[], brandingOptions: any, prefix?: string) => Promise<string>;
+
+export declare const getBrandingClasses: (brandingOptions: any, prefix?: string) => string;
+
 export declare const getBreakpointValue: (width: number) => "2XL" | "XL" | "LG" | "MD" | "SM" | "XS";
 
+export declare const getStylesForPageData: (pageData: ChaiPageData, classPrefix?: string) => Promise<string>;
+
 export declare const setBlockProps: (attrs: Record<string, string>) => {
     [x: string]: string;
 };

package/dist/lib.js

@@ -1,12 +1,19 @@
-import { c as z } from "./utils-ac68b2c8.js";
-import { c as b } from "./html-to-json-8397fab5.js";
-import { g as H, b as M, a as W } from "./html-to-json-8397fab5.js";
-import { first as T, includes as i, keys as p, map as u, parseInt as V, get as O } from "lodash";
+import { c as D } from "./utils-ac68b2c8.js";
+import { c as b } from "./html-to-json-45e0e3b5.js";
+import { g as j, b as K, a as q } from "./html-to-json-45e0e3b5.js";
+import { first as T, includes as c, keys as p, map as g, parseInt as V, get as k } from "lodash";
+import { a as J, b as Q, g as Z, c as N } from "./functions-83b1de8d.js";
 import "clsx";
 import "tailwind-merge";
-import "./MODIFIERS-c2e02614.js";
+import "./MODIFIERS-2f19c314.js";
 import "himalaya";
-const g = {
+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 d = {
   25: "1/4",
   "33.33": "1/3",
   50: "1/2",
@@ -23,7 +30,7 @@ const g = {
   "58.33": "7/12",
   "91.67": "11/12",
   100: "full"
-}, k = {
+}, O = {
   0: "0",
   1: "px",
   2: "0.5",
@@ -59,23 +66,23 @@ const g = {
   288: "72",
   320: "80",
   384: "96"
-}, _ = 16, $ = 4;
-function w(s) {
-  return s.indexOf("rem") !== -1 && (s = `${parseFloat(s.replace("rem", "")) * _}px`), s;
+}, w = 16, S = 4;
+function _(s) {
+  return s.indexOf("rem") !== -1 && (s = `${parseFloat(s.replace("rem", "")) * w}px`), s;
 }
-const P = (s) => {
+const z = (s) => {
   const r = s.match(/\[.*\]/);
   if (r === null)
     return s;
-  const x = b(s);
-  if (x === null)
+  const o = b(s);
+  if (o === null)
     return s;
-  const { property: d } = x;
+  const { property: u } = o;
   let e = T(r).replace(/\]/i, "").replace(/\[/i, "");
-  const n = s.replace(/\[.*\]/i, "");
-  e = w(e);
+  const t = s.replace(/\[.*\]/i, "");
+  e = _(e);
   let a = s;
-  switch (d) {
+  switch (u) {
     case "top":
     case "right":
     case "left":
@@ -108,27 +115,27 @@ const P = (s) => {
     case "spaceX":
     case "spaceY":
       if (e.indexOf("px") !== -1) {
-        const t = u(p(k), (c) => `${c}px`);
-        if (i(t, e)) {
-          const c = V(e.replace("px", ""), 10);
-          c === 1 ? a = `${n}px` : a = n + c / $;
+        const n = g(p(O), (i) => `${i}px`);
+        if (c(n, e)) {
+          const i = V(e.replace("px", ""), 10);
+          i === 1 ? a = `${t}px` : a = t + i / S;
         }
       }
       if (e.indexOf("%") !== -1) {
-        const t = u(p(g), (c) => `${c}%`);
-        if (i(t, e)) {
-          const c = parseFloat(e.replace("%", ""));
-          a = n + O(g, c);
+        const n = g(p(d), (i) => `${i}%`);
+        if (c(n, e)) {
+          const i = parseFloat(e.replace("%", ""));
+          a = t + k(d, i);
         }
       }
-      e.indexOf("vw") !== -1 && parseFloat(e.replace("vw", "")) === 100 && (a = `${n}screen`), e.indexOf("vh") !== -1 && parseFloat(e.replace("vh", "")) === 100 && (a = `${n}screen`);
+      e.indexOf("vw") !== -1 && parseFloat(e.replace("vw", "")) === 100 && (a = `${t}screen`), e.indexOf("vh") !== -1 && parseFloat(e.replace("vh", "")) === 100 && (a = `${t}screen`);
       break;
     case "minWidth":
-      e.indexOf("%") !== -1 && parseFloat(e.replace("%", "")) === 100 && (a = `${n}full`), e === "0px" && (a = "min-w-0");
+      e.indexOf("%") !== -1 && parseFloat(e.replace("%", "")) === 100 && (a = `${t}full`), e === "0px" && (a = "min-w-0");
       break;
     case "maxWidth":
       e === "0px" && (a = "max-w-0");
-      const l = {
+      const x = {
         "320px": "xs",
         "384px": "sm",
         "448px": "md",
@@ -145,13 +152,13 @@ const P = (s) => {
         "640px": "screen-sm",
         "1536px": "screen-2xl"
       };
-      i(p(l), e) && (a = `max-w-${l[e]}`);
+      c(p(x), e) && (a = `max-w-${x[e]}`);
       break;
     case "minHeight":
-      e.indexOf("%") !== -1 && parseFloat(e.replace("%", "")) === 100 && (a = `${n}full`), e === "0px" && (a = "min-h-0"), e === "100vh" && (a = "min-h-screen");
+      e.indexOf("%") !== -1 && parseFloat(e.replace("%", "")) === 100 && (a = `${t}full`), e === "0px" && (a = "min-h-0"), e === "100vh" && (a = "min-h-screen");
       break;
     case "fontSize":
-      const o = {
+      const l = {
         "12px": "xs",
         "14px": "sm",
         "16px": "base",
@@ -166,10 +173,10 @@ const P = (s) => {
         "96px": "8xl",
         "128px": "9xl"
       };
-      i(p(o), e) && (a = n + o[e]);
+      c(p(l), e) && (a = t + l[e]);
       break;
     case "lineHeight":
-      const f = {
+      const m = {
         "12px": "3",
         "16px": "4",
         "20px": "5",
@@ -185,10 +192,10 @@ const P = (s) => {
         "1.625": "relaxed",
         2: "loose"
       };
-      i(p(f), e) && (a = n + f[e]);
+      c(p(m), e) && (a = t + m[e]);
       break;
     case "zIndex":
-      a = ["0", "10", "20", "30", "40", "50"].indexOf(e) !== -1 ? `${n}${e}` : s;
+      a = ["0", "10", "20", "30", "40", "50"].indexOf(e) !== -1 ? `${t}${e}` : s;
       break;
     case "opacity":
       const h = [
@@ -207,18 +214,22 @@ const P = (s) => {
         "90",
         "95",
         "100"
-      ], m = parseFloat(e) * 100;
-      i(h, m.toString()) && (a = `opacity-${m}`);
+      ], f = parseFloat(e) * 100;
+      c(h, f.toString()) && (a = `opacity-${f}`);
       break;
   }
   return a;
-}, y = (s) => ({ ...s }), A = (s) => ({ ...s });
+}, H = (s) => ({ ...s }), M = (s) => ({ ...s });
 export {
-  z as cn,
-  P as convertArbitraryToTailwindClass,
-  A as enableStyling,
-  H as generateUUID,
-  M as getBlocksFromHTML,
-  W as getBreakpointValue,
-  y as setBlockProps
+  J as addPrefixToClasses,
+  D as cn,
+  z as convertArbitraryToTailwindClass,
+  M as enableStyling,
+  j as generateUUID,
+  K as getBlocksFromHTML,
+  Q as getBlocksTailwindCSS,
+  Z as getBrandingClasses,
+  q as getBreakpointValue,
+  N as getStylesForPageData,
+  H as setBlockProps
 };

package/dist/page-viewer-32261f49.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-5c3ac4f7.cjs"),n=require("react"),u=require("@radix-ui/react-icons"),o=require("./popover-7cb9079b.cjs"),x=require("./index-c3a98a78.cjs");require("@radix-ui/react-popover");require("./utils-3c452dd0.cjs");require("clsx");require("tailwind-merge");require("./MODIFIERS-4716c669.cjs");require("@radix-ui/react-scroll-area");require("react-dom");require("@floating-ui/react-dom");require("jotai");require("i18next");require("react-i18next");require("flagged");require("react-dnd");require("lodash");require("@minoru/react-dnd-treeview");require("./useBuilderProp-5e57d0c8.cjs");require("@radix-ui/react-slot");require("class-variance-authority");require("@radix-ui/react-tooltip");require("@radix-ui/react-toast");require("react-hotkeys-hook");require("flat-to-nested");require("./html-to-json-aadcbf66.cjs");require("himalaya");require("redux-undo");require("@react-hookz/web");require("@chaibuilder/blocks");require("lucide-react");require("sonner");const m=n.lazy(()=>Promise.resolve().then(()=>require("./single-page-detail-649b1379.cjs"))),j=({pageData:s})=>{const[r,t]=n.useState("CLOSE");return e.jsxRuntimeExports.jsxs(o.Popover,{open:r==="OPEN"||r==="ALERT"||r==="PENDING",onOpenChange:i=>{t(r==="PENDING"?"ALERT":i?"OPEN":"CLOSE")},children:[e.jsxRuntimeExports.jsx(o.PopoverTrigger,{asChild:!0,onClick:i=>{i.stopPropagation(),t("OPEN")},children:e.jsxRuntimeExports.jsx("div",{className:"flex items-center justify-between",children:r==="OPEN"||r==="ALERT"||r==="PENDING"?e.jsxRuntimeExports.jsx(u.ChevronRightIcon,{}):e.jsxRuntimeExports.jsx("div",{className:"hidden hover:text-blue-600 group-hover:flex",children:e.jsxRuntimeExports.jsx(u.GearIcon,{})})})}),e.jsxRuntimeExports.jsx(o.PopoverContent,{side:"right",align:"start",alignOffset:-35,className:"h-screen w-96",children:e.jsxRuntimeExports.jsx(n.Suspense,{fallback:e.jsxRuntimeExports.jsxs("div",{className:"flex w-full animate-pulse flex-col gap-y-3",children:[e.jsxRuntimeExports.jsx("div",{className:"bg-background-300 h-6 w-1/2"}),e.jsxRuntimeExports.jsx("div",{className:"bg-background-300 h-20 w-full"}),e.jsxRuntimeExports.jsx("div",{className:"bg-background-300 h-20 w-full"})]}),children:e.jsxRuntimeExports.jsx(m,{pageData:s,open:r,setOpen:t})})})]})},p=s=>{const[r]=x.useCurrentPage(),{data:t}=x.useProject(),i=x.useChangePage(),l=(t==null?void 0:t.homepage)===s.uuid,a=r===s.uuid,c=()=>i(s);return t?e.jsxRuntimeExports.jsxs("button",{className:`group relative flex w-full cursor-pointer items-center justify-between px-2.5 py-2 ${a?"bg-blue-200 ":""}`,onClick:c,type:"button",children:[e.jsxRuntimeExports.jsxs("div",{className:"flex text-sm items-center gap-x-1.5",children:[l?e.jsxRuntimeExports.jsx(u.HomeIcon,{}):e.jsxRuntimeExports.jsx(u.FileTextIcon,{})," ",s.name]}),e.jsxRuntimeExports.jsx(j,{pageData:s})]}):null},d=({pages:s,isLoading:r})=>r?e.jsxRuntimeExports.jsxs("div",{className:"flex animate-pulse flex-col gap-y-1 px-2.5 pt-2",children:[e.jsxRuntimeExports.jsx("div",{className:"bg-background-200 h-7 w-full"}),e.jsxRuntimeExports.jsx("div",{className:"bg-background-200 h-7 w-full"}),e.jsxRuntimeExports.jsx("div",{className:"bg-background-200 h-7 w-full"})]}):s.length===0?e.jsxRuntimeExports.jsx("div",{className:"px-2.5 pb-2 pt-4",children:"No pages"}):e.jsxRuntimeExports.jsx("div",{className:"-mb-2",children:n.Children.toArray(s.map(t=>e.jsxRuntimeExports.jsx(p,{...t})))});exports.default=d;

package/dist/{page-viewer-3e7a6d70.js → page-viewer-a3ac057a.js}

@@ -2,12 +2,12 @@ import { j as e } from "./jsx-runtime-944c88e2.js";
 import o, { useState as m, Suspense as c } from "react";
 import { HomeIcon as p, FileTextIcon as u, ChevronRightIcon as d, GearIcon as x } from "@radix-ui/react-icons";
 import { P as g, a as h, b as f } from "./popover-f7addcf4.js";
-import { U as j, R as N, T as b } from "./index-ca7c3430.js";
+import { U as j, R as N, T as b } from "./index-436bba3e.js";
 import "@radix-ui/react-popover";
 import "./utils-ac68b2c8.js";
 import "clsx";
 import "tailwind-merge";
-import "./_commonjsHelpers-10dfc225.js";
+import "./MODIFIERS-2f19c314.js";
 import "@radix-ui/react-scroll-area";
 import "react-dom";
 import "@floating-ui/react-dom";
@@ -25,22 +25,21 @@ import "@radix-ui/react-tooltip";
 import "@radix-ui/react-toast";
 import "react-hotkeys-hook";
 import "flat-to-nested";
-import "./html-to-json-8397fab5.js";
-import "./MODIFIERS-c2e02614.js";
+import "./html-to-json-45e0e3b5.js";
 import "himalaya";
 import "redux-undo";
 import "@react-hookz/web";
 import "@chaibuilder/blocks";
 import "lucide-react";
 import "sonner";
-const P = o.lazy(() => import("./single-page-detail-55638cb1.js")), v = ({ pageData: s }) => {
-  const [t, r] = m("CLOSE");
+const P = o.lazy(() => import("./single-page-detail-0e881b82.js")), v = ({ pageData: t }) => {
+  const [s, r] = m("CLOSE");
   return /* @__PURE__ */ e.jsxs(
     g,
     {
-      open: t === "OPEN" || t === "ALERT" || t === "PENDING",
+      open: s === "OPEN" || s === "ALERT" || s === "PENDING",
       onOpenChange: (i) => {
-        r(t === "PENDING" ? "ALERT" : i ? "OPEN" : "CLOSE");
+        r(s === "PENDING" ? "ALERT" : i ? "OPEN" : "CLOSE");
       },
       children: [
         /* @__PURE__ */ e.jsx(
@@ -50,7 +49,7 @@ const P = o.lazy(() => import("./single-page-detail-55638cb1.js")), v = ({ pageD
             onClick: (i) => {
               i.stopPropagation(), r("OPEN");
             },
-            children: /* @__PURE__ */ e.jsx("div", { className: "flex items-center justify-between", children: t === "OPEN" || t === "ALERT" || t === "PENDING" ? /* @__PURE__ */ e.jsx(d, {}) : /* @__PURE__ */ e.jsx("div", { className: "hidden hover:text-blue-600 group-hover:flex", children: /* @__PURE__ */ e.jsx(x, {}) }) })
+            children: /* @__PURE__ */ e.jsx("div", { className: "flex items-center justify-between", children: s === "OPEN" || s === "ALERT" || s === "PENDING" ? /* @__PURE__ */ e.jsx(d, {}) : /* @__PURE__ */ e.jsx("div", { className: "hidden hover:text-blue-600 group-hover:flex", children: /* @__PURE__ */ e.jsx(x, {}) }) })
           }
         ),
         /* @__PURE__ */ e.jsx(f, { side: "right", align: "start", alignOffset: -35, className: "h-screen w-96", children: /* @__PURE__ */ e.jsx(
@@ -61,14 +60,14 @@ const P = o.lazy(() => import("./single-page-detail-55638cb1.js")), v = ({ pageD
               /* @__PURE__ */ e.jsx("div", { className: "bg-background-300 h-20 w-full" }),
               /* @__PURE__ */ e.jsx("div", { className: "bg-background-300 h-20 w-full" })
             ] }),
-            children: /* @__PURE__ */ e.jsx(P, { pageData: s, open: t, setOpen: r })
+            children: /* @__PURE__ */ e.jsx(P, { pageData: t, open: s, setOpen: r })
           }
         ) })
       ]
     }
   );
-}, E = (s) => {
-  const [t] = j(), { data: r } = N(), i = b(), a = (r == null ? void 0 : r.homepage) === s.uuid, n = t === s.uuid, l = () => i(s);
+}, E = (t) => {
+  const [s] = j(), { data: r } = N(), i = b(), a = (r == null ? void 0 : r.homepage) === t.uuid, n = s === t.uuid, l = () => i(t);
   return r ? /* @__PURE__ */ e.jsxs(
     "button",
     {
@@ -79,17 +78,17 @@ const P = o.lazy(() => import("./single-page-detail-55638cb1.js")), v = ({ pageD
         /* @__PURE__ */ e.jsxs("div", { className: "flex text-sm items-center gap-x-1.5", children: [
           a ? /* @__PURE__ */ e.jsx(p, {}) : /* @__PURE__ */ e.jsx(u, {}),
           " ",
-          s.name
+          t.name
         ] }),
-        /* @__PURE__ */ e.jsx(v, { pageData: s })
+        /* @__PURE__ */ e.jsx(v, { pageData: t })
       ]
     }
   ) : null;
-}, oe = ({ pages: s, isLoading: t }) => t ? /* @__PURE__ */ e.jsxs("div", { className: "flex animate-pulse flex-col gap-y-1 px-2.5 pt-2", children: [
+}, ie = ({ pages: t, isLoading: s }) => s ? /* @__PURE__ */ e.jsxs("div", { className: "flex animate-pulse flex-col gap-y-1 px-2.5 pt-2", children: [
   /* @__PURE__ */ e.jsx("div", { className: "bg-background-200 h-7 w-full" }),
   /* @__PURE__ */ e.jsx("div", { className: "bg-background-200 h-7 w-full" }),
   /* @__PURE__ */ e.jsx("div", { className: "bg-background-200 h-7 w-full" })
-] }) : s.length === 0 ? /* @__PURE__ */ e.jsx("div", { className: "px-2.5 pb-2 pt-4", children: "No pages" }) : /* @__PURE__ */ e.jsx("div", { className: "-mb-2", children: o.Children.toArray(s.map((r) => /* @__PURE__ */ e.jsx(E, { ...r }))) });
+] }) : t.length === 0 ? /* @__PURE__ */ e.jsx("div", { className: "px-2.5 pb-2 pt-4", children: "No pages" }) : /* @__PURE__ */ e.jsx("div", { className: "-mb-2", children: o.Children.toArray(t.map((r) => /* @__PURE__ */ e.jsx(E, { ...r }))) });
 export {
-  oe as default
+  ie as default
 };

package/dist/{project-general-setting-c8aa9370.js → project-general-setting-21e324a9.js}

@@ -3,7 +3,7 @@ import * as n from "react";
 import { S as f } from "./scroll-area-83bd9e8f.js";
 import { SingleLineText as c, Image as d } from "@chaibuilder/blocks";
 import { F as u } from "./form-725e3191.js";
-import { R as x } from "./index-ca7c3430.js";
+import { R as x } from "./index-436bba3e.js";
 import "@radix-ui/react-scroll-area";
 import "./utils-ac68b2c8.js";
 import "clsx";
@@ -28,7 +28,7 @@ import "class-variance-authority";
 import "@radix-ui/react-tooltip";
 import "@radix-ui/react-toast";
 import "jotai";
-import "./_commonjsHelpers-10dfc225.js";
+import "./MODIFIERS-2f19c314.js";
 import "@floating-ui/react-dom";
 import "i18next";
 import "flagged";
@@ -36,14 +36,13 @@ import "react-dnd";
 import "@minoru/react-dnd-treeview";
 import "react-hotkeys-hook";
 import "flat-to-nested";
-import "./html-to-json-8397fab5.js";
-import "./MODIFIERS-c2e02614.js";
+import "./html-to-json-45e0e3b5.js";
 import "himalaya";
 import "redux-undo";
 import "@react-hookz/web";
 import "lucide-react";
 import "sonner";
-const eo = ({
+const po = ({
   _projectData: m,
   seany: t
 }) => {
@@ -66,5 +65,5 @@ const eo = ({
   return /* @__PURE__ */ i.jsx(f, { className: "flex h-full select-none flex-col", children: /* @__PURE__ */ i.jsx(u, { properties: a, disabled: p, formData: m, onChange: e }) });
 };
 export {
-  eo as default
+  po as default
 };

package/dist/project-general-setting-75a8e94b.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./jsx-runtime-5c3ac4f7.cjs"),a=require("react"),f=require("./scroll-area-bb343b86.cjs"),o=require("@chaibuilder/blocks"),m=require("./form-99b51245.cjs"),d=require("./index-c3a98a78.cjs");require("@radix-ui/react-scroll-area");require("./utils-3c452dd0.cjs");require("clsx");require("tailwind-merge");require("@rjsf/core");require("@rjsf/validator-ajv8");require("lodash");require("./link-86ac8848.cjs");require("react-icons-picker");require("react-dom");require("./dialog-170eaad9.cjs");require("@radix-ui/react-dialog");require("@radix-ui/react-icons");require("./ImagesPanel-0db5c72f.cjs");require("./tabs-860e37aa.cjs");require("@radix-ui/react-tabs");require("react-quill");require("react-i18next");require("./useBuilderProp-5e57d0c8.cjs");require("@radix-ui/react-slot");require("class-variance-authority");require("@radix-ui/react-tooltip");require("@radix-ui/react-toast");require("jotai");require("./MODIFIERS-4716c669.cjs");require("@floating-ui/react-dom");require("i18next");require("flagged");require("react-dnd");require("@minoru/react-dnd-treeview");require("react-hotkeys-hook");require("flat-to-nested");require("./html-to-json-aadcbf66.cjs");require("himalaya");require("redux-undo");require("@react-hookz/web");require("lucide-react");require("sonner");function g(r){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const e in r)if(e!=="default"){const u=Object.getOwnPropertyDescriptor(r,e);Object.defineProperty(i,e,u.get?u:{enumerable:!0,get:()=>r[e]})}}return i.default=r,Object.freeze(i)}const j=g(a),b=({_projectData:r,seany:i})=>{const{data:e,isLoading:u}=d.useProject();j.useEffect(()=>{e&&i(e)},[e,i]);const q=({formData:l},t)=>{i(s=>({...s,[t]:l[t]}))},c={name:o.SingleLineText({title:"Project Name",default:e==null?void 0:e.name}),favicon:o.Image({title:"Favicon",default:e==null?void 0:e.favicon})};return n.jsxRuntimeExports.jsx(f.ScrollArea,{className:"flex h-full select-none flex-col",children:n.jsxRuntimeExports.jsx(m.Form,{properties:c,disabled:u,formData:r,onChange:q})})};exports.default=b;

package/dist/render.cjs

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./jsx-runtime-5c3ac4f7.cjs"),b=require("react"),o=require("lodash"),z=require("tailwind-merge"),m=require("./MODIFIERS-70fef873.cjs"),k=require("@chaibuilder/blocks"),j=require("@mhsdesign/jit-browser-tailwindcss"),D=require("@bobthered/tailwindcss-palette-generator"),A=require("./_commonjsHelpers-87b0abe8.cjs"),_=require("@tailwindcss/forms"),v=require("@tailwindcss/typography"),L=require("@tailwindcss/aspect-ratio"),R=require("@tailwindcss/line-clamp"),O=require("react-wrap-balancer");var S={},T={};(function(e){Object.defineProperty(e,"__esModule",{value:!0}),Object.defineProperty(e,"cloneDeep",{enumerable:!0,get:function(){return r}});function r(t){return Array.isArray(t)?t.map(n=>r(n)):typeof t=="object"&&t!==null?Object.fromEntries(Object.entries(t).map(([n,a])=>[n,r(a)])):t}})(T);var U={content:[],presets:[],darkMode:"media",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:r})=>({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",...r(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",.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){Object.defineProperty(e,"__esModule",{value:!0}),Object.defineProperty(e,"default",{enumerable:!0,get:function(){return a}});const r=T,t=n(U);function n(s){return s&&s.__esModule?s:{default:s}}const a=(0,r.cloneDeep)(t.default.theme)})(S);let h=S;var $=(h.__esModule?h:{default:h}).default;const y=A.getDefaultExportFromCjs($),w=(e,r="c-")=>{const t=o.get(e,"bodyTextLightColor","#64748b"),n=o.get(e,"bodyTextDarkColor","#94a3b8"),a=o.get(e,"bodyBgLightColor","#FFFFFF"),s=o.get(e,"bodyBgDarkColor","#0f172a");return`${r}font-body ${r}antialiased ${r}text-[${t}] ${r}bg-[${a}] dark:${r}text-[${n}] dark:${r}bg-[${s}]`},C=(e,r="c-")=>{const n=e.replace(m.STYLES_KEY,"").split(",").map(a=>a.split(" ").map(l=>{if(l==="")return"";if(o.includes(l,"hs-")||o.includes(l,"[--")||o.includes(l,"paddle"))return l;if(l.includes(":")){const p=l.split(":");return p[p.length-1]=r+o.last(p),p.join(":")}return`${r}${l}`}).join(" "));return`${m.STYLES_KEY}${n.join(" , ")}`},B=(e,r)=>e.map(t=>{const n={};return Object.keys(t).forEach(a=>{o.startsWith(t[a],m.STYLES_KEY)&&(n[a]=C(t[a],r))}),n}),F=(e,r,t="c-")=>{const n=w(r,t);return H(r,[o.replace(JSON.stringify(B(e,t)),/#styles:/g,"")],n.split(" ").concat(`${t}inline-block`,`${t}w-full`,`${t}h-full`))},q=async(e,r="c-")=>{const t=e.page.blocks;return await F(t,e.project.brandingOptions,r)};async function H(e,r,t=[],n="c-"){const a=o.get(e,"primaryColor","#000"),s=o.get(e,"secondaryColor","#ccc"),i=o.get(e,"headingFont","Inter"),l=o.get(e,"bodyFont","Inter"),p=o.get(e,"roundedCorners","0"),d=D.tailwindcssPaletteGenerator({colors:[a,s],names:["primary","secondary"]});return o.set(d,"primary.DEFAULT",a),o.set(d,"secondary.DEFAULT",s),`${await j.createTailwindcss({tailwindConfig:{prefix:n,darkMode:"class",safelist:t,theme:{fontFamily:{heading:[i,...y.fontFamily.sans],body:[l,...y.fontFamily.sans]},extend:{borderRadius:{global:`${p||"0"}px`},colors:d}},plugins:[_,v,L,R],corePlugins:{preflight:!1}}}).generateStylesFromContent(` @tailwind components;
-      @tailwind utilities;`,r)} .${n}bg-clip-text{background-clip: text;-webkit-background-clip: text;} h1,h2,h3,h4,h5,h6{font-family: "${i}",${y.fontFamily.sans.join(", ")};}`}function P(e=6,r="abcdefghijklmnopqrstuvwxyzABCD"){let t="";for(let n=e;n>0;--n)t+=r[Math.floor(Math.random()*r.length)];return t}const M=e=>{const r={};return Object.keys(e).forEach(t=>{o.isString(e[t])&&e[t].startsWith(m.SLOT_KEY)&&(r[t]=e[t].replace(m.SLOT_KEY,"").split(","))}),r},I=o.memoize((e,r)=>{const t=e.replace(m.STYLES_KEY,"").split(","),n=z.twMerge(t[0],t[1]);return C(n,r).replace(m.STYLES_KEY,"").trim()});function Y(e,r){return o.get(e,`${r}_attrs`,{})}function W(e,r){const t={};return Object.keys(e).forEach(n=>{if(o.isString(e[n])&&e[n].startsWith(m.STYLES_KEY)){const a=I(e[n],r);t[n]={className:a,...Y(e,n)}}}),t}function x({blocks:e,parent:r,classPrefix:t="c-"}){const n=e,a=i=>W(i,t),s=r?o.filter(e,{_parent:r}):o.filter(e,i=>o.isEmpty(i._parent));return c.jsxRuntimeExports.jsx(c.jsxRuntimeExports.Fragment,{children:b.Children.toArray(s.map((i,l)=>{const p=M(i),d={};o.isEmpty(p)||Object.keys(p).forEach(g=>{d[g]=b.Children.toArray(p[g].map(f=>c.jsxRuntimeExports.jsx(x,{classPrefix:t,blocks:n,parent:f})))});const E=o.filter(n,{_parent:i._id});d.children=E.length>0?c.jsxRuntimeExports.jsx(x,{classPrefix:t,parent:i._id,blocks:n}):null;const u=k.getBlockComponent(i._type);if(u!==null){let g=i;const f=u.component;return g={...u.defaults,...i},b.createElement(f,o.omit({blockProps:{},inBuilder:!1,...g,index:l,...a(g),...d},["_parent"]))}return c.jsxRuntimeExports.jsxs("noscript",{children:[i._type," not found"]})}))})}const N=({pageData:e,before:r=null,after:t=null,classPrefix:n="c-"})=>{const a=o.get(e.project,"brandingOptions",m.BRANDING_OPTIONS_DEFAULTS);return c.jsxRuntimeExports.jsxs(c.jsxRuntimeExports.Fragment,{children:[r,c.jsxRuntimeExports.jsx("div",{className:n.replace("-","")+" "+w(a,n)+" min-h-screen",children:c.jsxRuntimeExports.jsx(O.Provider,{children:c.jsxRuntimeExports.jsx(x,{blocks:e.page.blocks||[],classPrefix:n})})}),t]})};exports.RenderChaiBlocks=x;exports.RenderChaiPage=N;exports.addPrefixToClasses=C;exports.generateUUID=P;exports.getBlocksTailwindCSS=F;exports.getBrandingClasses=w;exports.getStylesForPageData=q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./jsx-runtime-5c3ac4f7.cjs"),u=require("react"),s=require("lodash"),_=require("tailwind-merge"),l=require("./MODIFIERS-4716c669.cjs"),q=require("@chaibuilder/blocks"),j=require("./functions-f84d5e2a.cjs"),B=require("react-wrap-balancer");require("@mhsdesign/jit-browser-tailwindcss");require("@bobthered/tailwindcss-palette-generator");require("@tailwindcss/forms");require("@tailwindcss/typography");require("@tailwindcss/aspect-ratio");require("@tailwindcss/line-clamp");const h=u.createContext({}),R=({children:t,data:r})=>{const e=u.useMemo(()=>r,[r]);return i.jsxRuntimeExports.jsx(h.Provider,{value:e,children:t})},y=t=>{const r={};return Object.keys(t).forEach(e=>{s.isString(t[e])&&t[e].startsWith(l.SLOT_KEY)&&(r[e]=t[e].replace(l.SLOT_KEY,"").split(","))}),r},O=s.memoize((t,r)=>{const e=t.replace(l.STYLES_KEY,"").split(","),n=_.twMerge(e[0],e[1]);return j.addPrefixToClasses(n,r).replace(l.STYLES_KEY,"").trim()});function T(t,r){return s.get(t,`${r}_attrs`,{})}function Y(t,r){const e={};return Object.keys(t).forEach(n=>{if(s.isString(t[n])&&t[n].startsWith(l.STYLES_KEY)){const c=O(t[n],r);e[n]={className:c,...T(t,n)}}}),e}function A(t,r){const e=s.get(t,"_bindings",{});return s.isEmpty(e)?{...t}:(s.each(e,(n,c)=>{s.isString(n)&&s.get(r,n,null)&&(t[c]=s.get(r,n,null))}),t)}function D({blocks:t,parent:r,classPrefix:e="c-"}){const n=t,c=o=>Y(o,e),x=r?s.filter(t,{_parent:r}):s.filter(t,o=>s.isEmpty(o._parent)),f=u.useContext(h);return i.jsxRuntimeExports.jsx(i.jsxRuntimeExports.Fragment,{children:u.Children.toArray(x.map((o,S)=>{const d=y(o),m={};s.isEmpty(d)||Object.keys(d).forEach(a=>{m[a]=u.Children.toArray(d[a].map(g=>i.jsxRuntimeExports.jsx(p,{classPrefix:e,blocks:n,parent:g})))});const C=s.filter(n,{_parent:o._id});m.children=C.length>0?i.jsxRuntimeExports.jsx(p,{classPrefix:e,parent:o._id,blocks:n}):null;const E=q.getBlockComponent(o._type);if(E!==null){let a=o;const g=E.component;return a={...E.defaults,...o},u.createElement(g,s.omit({blockProps:{},inBuilder:!1,...a,index:S,...A(o,f),...c(a),...m},["_parent"]))}return i.jsxRuntimeExports.jsxs("noscript",{children:[o._type," not found"]})}))})}const p=({blocks:t,parent:r,classPrefix:e="c-",externalData:n={}})=>i.jsxRuntimeExports.jsx(R,{data:n,children:i.jsxRuntimeExports.jsx(D,{blocks:t,parent:r,classPrefix:e})}),L=({pageData:t,externalData:r={},before:e=null,after:n=null,classPrefix:c="c-"})=>{const x=s.get(t.project,"brandingOptions",l.BRANDING_OPTIONS_DEFAULTS);return i.jsxRuntimeExports.jsxs(i.jsxRuntimeExports.Fragment,{children:[e,i.jsxRuntimeExports.jsx("div",{className:c.replace("-","")+" "+j.getBrandingClasses(x,c)+" min-h-screen",children:i.jsxRuntimeExports.jsx(B.Provider,{children:i.jsxRuntimeExports.jsx(p,{externalData:r,blocks:t.page.blocks||[],classPrefix:c})})}),n]})};exports.ChaiDataProvider=R;exports.RenderChaiBlocks=p;exports.RenderChaiPage=L;

package/dist/render.d.ts

@@ -1,15 +1,15 @@
 import { JSX as JSX_2 } from 'react/jsx-runtime';
 import { default as React_2 } from 'react';
 
-export declare const addPrefixToClasses: (classes: string, prefix?: string) => string;
-
 declare type ChaiBlock = {
     _id: string;
     _name?: string;
     _parent?: string | null | undefined;
     _bindings?: Record<string, string>;
     readonly _type: string;
-} & Record<string, string>;
+} & Record<string, any>;
+
+export declare const ChaiDataProvider: ({ children, data }: any) => JSX_2.Element;
 
 export declare type ChaiPageData = {
     page: {
@@ -18,9 +18,17 @@ export declare type ChaiPageData = {
         slug?: string;
         name: string;
     };
+    providers?: {
+        providerKey: string;
+        args: Record<string, unknown>;
+    }[];
     subPages?: {
         uuid: string;
         blocks: ChaiBlock[];
+        providers?: {
+            providerKey: string;
+            args: Record<string, unknown>;
+        }[];
     }[];
     project: {
         name: string;
@@ -38,25 +46,16 @@ declare type ChaiPageProps = {
     after?: React_2.ReactNode;
     pageData: ChaiPageData;
     classPrefix?: string;
+    externalData?: Record<string, any>;
 };
 
-/**
- * Get the unique uuid
- */
-export declare function generateUUID(length?: number, chars?: string): string;
-
-export declare const getBlocksTailwindCSS: (blocks: ChaiBlock[], brandingOptions: any, prefix?: string) => Promise<string>;
-
-export declare const getBrandingClasses: (brandingOptions: any, prefix?: string) => string;
-
-export declare const getStylesForPageData: (pageData: ChaiPageData, classPrefix?: string) => Promise<string>;
-
-export declare function RenderChaiBlocks({ blocks, parent, classPrefix, }: {
+export declare const RenderChaiBlocks: ({ blocks, parent, classPrefix, externalData, }: {
     blocks: ChaiBlock[];
     parent?: string;
     classPrefix?: string;
-}): JSX_2.Element;
+    externalData?: Record<string, any>;
+}) => JSX_2.Element;
 
-export declare const RenderChaiPage: ({ pageData, before, after, classPrefix }: ChaiPageProps) => JSX_2.Element;
+export declare const RenderChaiPage: ({ pageData, externalData, before, after, classPrefix, }: ChaiPageProps) => JSX_2.Element;
 
 export { }