@chaibuilder/sdk 1.2.63 → 1.2.65

package/dist/{UILibrariesPanel-RI9mo293.js → UILibrariesPanel-NVUMUPUj.js}

@@ -1,16 +1,16 @@
 import { j as e } from "./jsx-runtime-WbnYoNE9.js";
-import { noop as T, get as g, has as I, first as x, isEmpty as L, values as U, groupBy as D, map as R, capitalize as _ } from "lodash-es";
-import * as z from "react";
-import S, { useState as A, useCallback as O, useEffect as M, useRef as G } from "react";
-import { aM as H, aN as $, B as F, aO as W, aP as Y, aQ as J, aR as K, aS as Q, aT as q, aU as V, h as C, ap as X, j as Z, az as ee, T as te, v as se, w as oe, Y as re, bf as ae, $ as ne, bc as ie } from "./index-bscJUvUx.js";
+import { noop as T, get as g, has as I, first as x, isEmpty as L, values as U, groupBy as D, map as _, capitalize as O } from "lodash-es";
+import * as R from "react";
+import S, { useState as A, useCallback as z, useEffect as G, useRef as M } from "react";
+import { a4 as H, a5 as F, B as J, a6 as W, a7 as $, a8 as K, a9 as V, aa as Y, ab as q, ac as Q, h as C, U as X, j as Z, V as ee, T as te, v as se, w as oe, b5 as re, aO as ae, a3 as ie, aJ as ne } from "./index-C7mB4XFm.js";
 import { syncBlocksWithDefaults as le, useChaiBlocks as ce } from "@chaibuilder/runtime";
-import { Loader as de } from "lucide-react";
-import { useAtom as w, atom as me } from "jotai";
-import { c as P } from "./Functions-7jnEwJyw.js";
-import { CaretSortIcon as ue, CheckIcon as pe, CaretRightIcon as xe } from "@radix-ui/react-icons";
+import { Loader as me } from "lucide-react";
+import { useAtom as w, atom as de } from "jotai";
+import { c as E } from "./Functions-7jnEwJyw.js";
+import { CaretSortIcon as pe, CheckIcon as ue, CaretRightIcon as xe } from "@radix-ui/react-icons";
 import { O as fe } from "./MODIFIERS-fd5XOmum.js";
-import { useTranslation as E } from "react-i18next";
-import { d as he } from "./atoms-Oomqut88.js";
+import { useTranslation as P } from "react-i18next";
+import { c as he } from "./index-lFgDm1oa.js";
 import ge from "clsx";
 import { useFeature as je } from "flagged";
 import "./_commonjsHelpers-UyOWmZb0.js";
@@ -41,48 +41,68 @@ import "react-dom";
 import "react-quill";
 import "@react-hookz/web";
 import "tree-model";
+import "i18next";
+import "react-arborist";
+import "./index-VBXQixVm.js";
+import "prop-types";
+import "react-hotkeys-hook";
+import "@floating-ui/dom";
+import "@floating-ui/react-dom";
+import "@tailwindcss/typography";
+import "@tailwindcss/forms";
+import "@tailwindcss/aspect-ratio";
+import "tailwindcss-palette-generator";
+import "./html-to-json-l_mw5y-e.js";
+import "himalaya";
+import "lodash";
+import "react-wrap-balancer";
+import "@rjsf/core";
+import "@rjsf/validator-ajv8";
+import "react-autosuggest";
+import "fuse.js";
+import "./controls-yjgoZzB6.js";
 function ke({
   uiLibraries: t,
   library: a,
-  setLibrary: n
+  setLibrary: i
 }) {
-  var u;
-  const [d, l] = z.useState(!1), { t: s } = E();
-  return a ? /* @__PURE__ */ e.jsxs(H, { open: d, onOpenChange: l, children: [
-    /* @__PURE__ */ e.jsx($, { asChild: !0, children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-x-2", children: [
+  var p;
+  const [m, l] = R.useState(!1), { t: s } = P();
+  return a ? /* @__PURE__ */ e.jsxs(H, { open: m, onOpenChange: l, children: [
+    /* @__PURE__ */ e.jsx(F, { asChild: !0, children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-x-2", children: [
       /* @__PURE__ */ e.jsx("span", { children: s("Choose Library") }),
       /* @__PURE__ */ e.jsxs(
-        F,
+        J,
         {
           variant: "outline",
           size: "sm",
           role: "combobox",
-          "aria-expanded": d,
+          "aria-expanded": m,
           className: "w-[200px] justify-between",
           children: [
-            a ? (u = t.find((o) => o.uuid === a)) == null ? void 0 : u.name : s("Select library"),
-            /* @__PURE__ */ e.jsx(ue, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
+            a ? (p = t.find((o) => o.uuid === a)) == null ? void 0 : p.name : s("Select library"),
+            /* @__PURE__ */ e.jsx(pe, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
           ]
         }
       )
     ] }) }),
-    /* @__PURE__ */ e.jsx(W, { className: "w-[200px] p-0", children: /* @__PURE__ */ e.jsxs(Y, { children: [
-      /* @__PURE__ */ e.jsx(J, { placeholder: "Search library...", className: "h-9" }),
-      /* @__PURE__ */ e.jsxs(K, { children: [
-        /* @__PURE__ */ e.jsx(Q, { children: "No library found." }),
+    /* @__PURE__ */ e.jsx(W, { className: "w-[200px] p-0", children: /* @__PURE__ */ e.jsxs($, { children: [
+      /* @__PURE__ */ e.jsx(K, { placeholder: "Search library...", className: "h-9" }),
+      /* @__PURE__ */ e.jsxs(V, { children: [
+        /* @__PURE__ */ e.jsx(Y, { children: "No library found." }),
         /* @__PURE__ */ e.jsx(q, { children: t.map((o) => /* @__PURE__ */ e.jsxs(
-          V,
+          Q,
           {
             value: o.uuid,
-            onSelect: (p) => {
-              n(p), l(!1);
+            onSelect: (u) => {
+              i(u), l(!1);
             },
             children: [
               o.name,
               /* @__PURE__ */ e.jsx(
-                pe,
+                ue,
                 {
-                  className: P("ml-auto h-4 w-4", a === o.uuid ? "opacity-100" : "opacity-0")
+                  className: E("ml-auto h-4 w-4", a === o.uuid ? "opacity-100" : "opacity-0")
                 }
               )
             ]
@@ -96,28 +116,28 @@ function ke({
 const we = ({
   block: t,
   closePopover: a,
-  library: n
+  library: i
 }) => {
-  const [d, l] = A(!1), s = C("getUILibraryBlock", T), { addCoreBlock: u, addPredefinedBlock: o } = X(), [p, j] = Z(), [, k] = ee(), f = g(t, "name", g(t, "label")), b = je("dnd"), [, v] = w(he), i = (r) => {
-    const m = I(r, "styles_attrs.data-page-section");
-    return r._type === "Box" && m;
-  }, B = O(
+  const [m, l] = A(!1), s = C("getUILibraryBlock", T), { addCoreBlock: p, addPredefinedBlock: o } = X(), [u, j] = Z(), [, k] = ee(), f = g(t, "name", g(t, "label")), b = je("dnd"), [, v] = w(he), n = (r) => {
+    const d = I(r, "styles_attrs.data-page-section");
+    return r._type === "Box" && d;
+  }, B = z(
     async (r) => {
       if (r.stopPropagation(), I(t, "component")) {
-        u(t, x(p)), a();
+        p(t, x(u)), a();
         return;
       }
       l(!0);
-      const m = await s(n, t);
-      let h = x(p);
-      i(x(m)) && (h = null), L(m) || o(le(m), h), a();
+      const d = await s(i, t);
+      let h = x(u);
+      n(x(d)) && (h = null), L(d) || o(le(d), h), a();
     },
     [t]
   ), c = async (r) => {
-    const m = await s(n, t);
-    let h = x(p);
-    if (i(x(m)) && (h = null), !L(m)) {
-      const y = { blocks: m, uiLibrary: !0, parent: h };
+    const d = await s(i, t);
+    let h = x(u);
+    if (n(x(d)) && (h = null), !L(d)) {
+      const y = { blocks: d, uiLibrary: !0, parent: h };
       if (r.dataTransfer.setData("text/plain", JSON.stringify(y)), t.preview) {
         const N = new Image();
         N.src = t.preview, N.onload = () => {
@@ -134,7 +154,7 @@ const we = ({
     /* @__PURE__ */ e.jsx(se, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
       "div",
       {
-        onClick: d ? () => {
+        onClick: m ? () => {
         } : B,
         draggable: b ? "true" : "false",
         onDragStart: c,
@@ -142,8 +162,8 @@ const we = ({
           "relative mt-2 cursor-pointer overflow-hidden rounded-md border border-gray-300 bg-white duration-200 hover:border-blue-500 hover:shadow-xl"
         ),
         children: [
-          d && /* @__PURE__ */ e.jsxs("div", { className: "absolute flex h-full w-full items-center justify-center bg-black/70", children: [
-            /* @__PURE__ */ e.jsx(de, { className: "animate-spin", size: 15, color: "white" }),
+          m && /* @__PURE__ */ e.jsxs("div", { className: "absolute flex h-full w-full items-center justify-center bg-black/70", children: [
+            /* @__PURE__ */ e.jsx(me, { className: "animate-spin", size: 15, color: "white" }),
             /* @__PURE__ */ e.jsx("span", { className: "pl-2 text-sm text-white", children: "Adding..." })
           ] }),
           t.preview ? /* @__PURE__ */ e.jsx("img", { src: t.preview, className: "min-h-[25px] w-full rounded-md", alt: f }) : /* @__PURE__ */ e.jsx("div", { className: "flex h-20 items-center justify-center rounded-md border border-border border-gray-300 bg-gray-200", children: /* @__PURE__ */ e.jsx("p", { className: "max-w-xs text-center text-sm text-gray-700", children: f }) })
@@ -152,39 +172,39 @@ const we = ({
     ) }),
     /* @__PURE__ */ e.jsx(oe, { children: /* @__PURE__ */ e.jsx("p", { children: f }) })
   ] });
-}, be = me({}), ve = (t) => {
-  const [a, n] = w(be), d = C("getUILibraryBlocks", T), l = g(a, `${t == null ? void 0 : t.uuid}.blocks`, []), s = g(a, `${t == null ? void 0 : t.uuid}.loading`, !1);
-  return M(() => {
+}, be = de({}), ve = (t) => {
+  const [a, i] = w(be), m = C("getUILibraryBlocks", T), l = g(a, `${t == null ? void 0 : t.uuid}.blocks`, []), s = g(a, `${t == null ? void 0 : t.uuid}.loading`, !1);
+  return G(() => {
     (async () => {
       if (s || l.length > 0 || !t)
         return;
-      n((o) => ({ ...o, [t == null ? void 0 : t.uuid]: { loading: !0, blocks: [] } }));
-      const u = await d(t);
-      n((o) => ({ ...o, [t == null ? void 0 : t.uuid]: { loading: !1, blocks: u || [] } }));
+      i((o) => ({ ...o, [t == null ? void 0 : t.uuid]: { loading: !0, blocks: [] } }));
+      const p = await m(t);
+      i((o) => ({ ...o, [t == null ? void 0 : t.uuid]: { loading: !1, blocks: p || [] } }));
     })();
   }, [t, l, s]), { data: l, isLoading: s };
 }, Be = re("_selectedLibrary", null), Ne = () => {
-  const [t, a] = w(Be), n = C("uiLibraries", []), d = ce(), l = U(d).filter((c) => c.category === "custom"), s = n.find((c) => c.uuid === t) || x(n), { data: u, isLoading: o } = ve(s), p = D([...u, ...l], "group"), [j, k] = A("Hero"), [, f] = w(ae), b = g(p, j, []), { t: v } = E(), i = G(null), B = (c) => {
-    i.current && (clearTimeout(i.current), i.current = null), i.current = setTimeout(() => {
-      i.current && k(c);
+  const [t, a] = w(Be), i = C("uiLibraries", []), m = ce(), l = U(m).filter((c) => c.category === "custom"), s = i.find((c) => c.uuid === t) || x(i), { data: p, isLoading: o } = ve(s), u = D([...p, ...l], "group"), [j, k] = A("Hero"), [, f] = w(ae), b = g(u, j, []), { t: v } = P(), n = M(null), B = (c) => {
+    n.current && (clearTimeout(n.current), n.current = null), n.current = setTimeout(() => {
+      n.current && k(c);
     }, 300);
   };
-  return o ? /* @__PURE__ */ e.jsx(ne, { className: "h-full w-full" }) : /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { className: "relative flex h-full max-h-full w-[460px] flex-col overflow-hidden bg-background", children: [
-    s != null && s.uuid ? /* @__PURE__ */ e.jsx("div", { className: "sticky top-0 flex h-fit flex-col", children: /* @__PURE__ */ e.jsx("div", { className: "mb-2 flex flex-col justify-between rounded-md bg-background/30 p-1", children: /* @__PURE__ */ e.jsx("h1", { className: "flex w-full flex-col items-baseline truncate px-1 text-sm font-semibold xl:flex-col", children: /* @__PURE__ */ e.jsx(ke, { library: s == null ? void 0 : s.uuid, setLibrary: a, uiLibraries: n }) }) }) }) : null,
+  return o ? /* @__PURE__ */ e.jsx(ie, { className: "h-full w-full" }) : /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { className: "relative flex h-full max-h-full w-[460px] flex-col overflow-hidden bg-background", children: [
+    s != null && s.uuid ? /* @__PURE__ */ e.jsx("div", { className: "sticky top-0 flex h-fit flex-col", children: /* @__PURE__ */ e.jsx("div", { className: "mb-2 flex flex-col justify-between rounded-md bg-background/30 p-1", children: /* @__PURE__ */ e.jsx("h1", { className: "flex w-full flex-col items-baseline truncate px-1 text-sm font-semibold xl:flex-col", children: /* @__PURE__ */ e.jsx(ke, { library: s == null ? void 0 : s.uuid, setLibrary: a, uiLibraries: i }) }) }) }) : null,
     /* @__PURE__ */ e.jsxs("div", { className: "flex h-[95%] border-t border-gray-300 pt-2", children: [
       /* @__PURE__ */ e.jsx("div", { className: "flex h-full w-40 flex-col gap-1 px-1", children: S.Children.toArray(
-        R(p, (c, r) => /* @__PURE__ */ e.jsxs(
+        _(u, (c, r) => /* @__PURE__ */ e.jsxs(
           "div",
           {
             onMouseEnter: () => B(r),
-            onMouseLeave: () => clearTimeout(i.current),
+            onMouseLeave: () => clearTimeout(n.current),
             onClick: () => k(r),
-            className: P(
+            className: E(
               "flex w-full cursor-pointer items-center justify-between rounded-md p-1 text-sm transition-all ease-in-out hover:bg-gray-200",
               r === j ? "bg-blue-500 text-white hover:bg-blue-600" : ""
             ),
             children: [
-              /* @__PURE__ */ e.jsx("span", { children: _(r) }),
+              /* @__PURE__ */ e.jsx("span", { children: O(r) }),
               /* @__PURE__ */ e.jsx(xe, { className: "ml-2 h-5 w-5" })
             ]
           },
@@ -192,9 +212,9 @@ const we = ({
         ))
       ) }),
       /* @__PURE__ */ e.jsxs(
-        ie,
+        ne,
         {
-          onMouseEnter: () => i.current ? clearTimeout(i.current) : null,
+          onMouseEnter: () => n.current ? clearTimeout(n.current) : null,
           className: "z-10 -mt-2 flex h-full max-h-full w-[300px] flex-col gap-2 border-l border-gray-300 transition-all ease-linear",
           children: [
             /* @__PURE__ */ e.jsx("div", { className: "sticky top-0 z-30 border-b border-gray-300 bg-gray-200 p-2 text-[9px] font-light leading-3 text-gray-500", children: v("Click on a block to add it to the page") }),
@@ -209,7 +229,7 @@ const we = ({
       )
     ] })
   ] }) });
-}, pt = () => /* @__PURE__ */ e.jsx(Ne, {});
+}, Pt = () => /* @__PURE__ */ e.jsx(Ne, {});
 export {
-  pt as default
+  Pt as default
 };

package/dist/{UnsplashImages-dasLGrBn.js → UnsplashImages-UkHihhA5.js}

@@ -1,10 +1,10 @@
 import { j as e } from "./jsx-runtime-WbnYoNE9.js";
 import { useState as p, useEffect as D } from "react";
 import { isEmpty as d, startCase as E } from "lodash-es";
-import { MixerHorizontalIcon as L } from "@radix-ui/react-icons";
-import { createApi as B } from "unsplash-js";
-import { h as F, ba as K, aM as O, aN as U, aO as V, bs as P, bt as C, bu as S, bv as I, bw as h, bc as Q, B as H } from "./index-bscJUvUx.js";
-import { useDebouncedState as M } from "@react-hookz/web";
+import { MixerHorizontalIcon as F } from "@radix-ui/react-icons";
+import { createApi as L } from "unsplash-js";
+import { h as B, aF as K, a4 as U, a5 as V, a6 as O, bw as P, bx as C, by as S, bz as A, bA as h, aJ as Q, B as H } from "./index-C7mB4XFm.js";
+import { useDebouncedState as J } from "@react-hookz/web";
 import { Loader as R } from "lucide-react";
 import "./_commonjsHelpers-UyOWmZb0.js";
 import "@radix-ui/react-toggle";
@@ -39,18 +39,18 @@ import "@chaibuilder/runtime";
 import "jotai";
 import "tree-model";
 import "react-i18next";
-const k = async (x, g) => new Promise((o, r) => {
-  B({ accessKey: g }).search.getPhotos(x).then((i) => {
+const I = async (x, g) => new Promise((o, r) => {
+  L({ accessKey: g }).search.getPhotos(x).then((i) => {
     o(i);
   }).catch((i) => r(i));
 }), De = ({ isModalView: x, onSelect: g }) => {
-  const o = F("unsplashAccessKey", ""), [r, j] = p([]), [i, v] = p(0), [l, A] = p(), [n, q] = p(), [z, y] = p(0), [u, T] = M("", 1e3), [f, c] = p(!1), _ = async (s) => {
+  const o = B("unsplashAccessKey", ""), [r, j] = p([]), [i, v] = p(0), [l, k] = p(), [n, q] = p(), [z, y] = p(0), [u, T] = J("", 1e3), [f, c] = p(!1), _ = async (s) => {
     if (d(u))
       return;
     let t = i + 1;
     s && (s.preventDefault(), t = 1), c(!0), v(t);
     const m = { query: u, page: t };
-    l && (m.orientation = l), n && (m.color = n), k(m, o).then((a) => {
+    l && (m.orientation = l), n && (m.color = n), I(m, o).then((a) => {
       var b, N, w;
       j(t === 1 ? ((b = a == null ? void 0 : a.response) == null ? void 0 : b.results) || [] : [...r, ...((N = a == null ? void 0 : a.response) == null ? void 0 : N.results) || []]), y((w = a == null ? void 0 : a.response) == null ? void 0 : w.total_pages), c(!1);
     }).catch(() => {
@@ -61,7 +61,7 @@ const k = async (x, g) => new Promise((o, r) => {
     if (!d(u) && o) {
       c(!0);
       const s = { query: u, page: 1 };
-      l && (s.orientation = l), n && (s.color = n), v(1), k(s, o).then((t) => {
+      l && (s.orientation = l), n && (s.color = n), v(1), I(s, o).then((t) => {
         var m, a;
         j(((m = t == null ? void 0 : t.response) == null ? void 0 : m.results) || []), y((a = t == null ? void 0 : t.response) == null ? void 0 : a.total_pages), c(!1);
       }).catch(() => {
@@ -92,18 +92,18 @@ const k = async (x, g) => new Promise((o, r) => {
           onChange: (s) => T(s.target.value)
         }
       ),
-      /* @__PURE__ */ e.jsxs(O, { children: [
-        /* @__PURE__ */ e.jsx(U, { asChild: !0, className: "h-full w-10 cursor-pointer p-2.5 hover:bg-slate-200", children: /* @__PURE__ */ e.jsx(L, {}) }),
+      /* @__PURE__ */ e.jsxs(U, { children: [
+        /* @__PURE__ */ e.jsx(V, { asChild: !0, className: "h-full w-10 cursor-pointer p-2.5 hover:bg-slate-200", children: /* @__PURE__ */ e.jsx(F, {}) }),
         /* @__PURE__ */ e.jsx(
-          V,
+          O,
           {
             side: x ? "bottom" : "right",
             className: "z-[9999] flex w-max items-center justify-center",
             children: /* @__PURE__ */ e.jsxs("div", { children: [
               /* @__PURE__ */ e.jsx("div", { className: "py-1 text-sm font-medium", children: "Orientation" }),
-              /* @__PURE__ */ e.jsxs(P, { defaultValue: l, onValueChange: (s) => A(s), children: [
+              /* @__PURE__ */ e.jsxs(P, { defaultValue: l, onValueChange: (s) => k(s), children: [
                 /* @__PURE__ */ e.jsx(C, { className: "h-auto w-40 p-1 px-3", children: /* @__PURE__ */ e.jsx(S, { placeholder: "Select" }) }),
-                /* @__PURE__ */ e.jsxs(I, { className: "z-[9999]", children: [
+                /* @__PURE__ */ e.jsxs(A, { className: "z-[9999]", children: [
                   /* @__PURE__ */ e.jsx(h, { value: "", children: "All" }),
                   /* @__PURE__ */ e.jsx(h, { value: "landscape", children: "Landscape" }),
                   /* @__PURE__ */ e.jsx(h, { value: "portrait", children: "Portrait" }),
@@ -113,7 +113,7 @@ const k = async (x, g) => new Promise((o, r) => {
               /* @__PURE__ */ e.jsx("div", { className: "pb-1 pt-2 text-sm font-medium", children: "Color" }),
               /* @__PURE__ */ e.jsxs(P, { defaultValue: n, onValueChange: (s) => q(s), children: [
                 /* @__PURE__ */ e.jsx(C, { className: "h-auto w-40 p-1 px-3", children: /* @__PURE__ */ e.jsx(S, { placeholder: "Select" }) }),
-                /* @__PURE__ */ e.jsxs(I, { className: "z-[9999]", children: [
+                /* @__PURE__ */ e.jsxs(A, { className: "z-[9999]", children: [
                   /* @__PURE__ */ e.jsx(h, { value: "", children: "All" }),
                   [
                     "black_and_white",
@@ -194,5 +194,5 @@ const k = async (x, g) => new Promise((o, r) => {
 };
 export {
   De as default,
-  k as fetchImage
+  I as fetchImage
 };

package/dist/{UploadImages-Gh2AQpk1.js → UploadImages-HtuJZJlo.js}

@@ -2,7 +2,7 @@ import { j as e } from "./jsx-runtime-WbnYoNE9.js";
 import { useState as i, useEffect as k } from "react";
 import { isEmpty as j, map as b } from "lodash-es";
 import { atom as F, useAtom as U } from "jotai";
-import { h as y, bc as C } from "./index-bscJUvUx.js";
+import { h as y, aJ as C } from "./index-C7mB4XFm.js";
 import { useTranslation as E } from "react-i18next";
 import { Upload as G, Loader as P } from "lucide-react";
 import "./_commonjsHelpers-UyOWmZb0.js";
@@ -39,21 +39,21 @@ import "@chaibuilder/runtime";
 import "@react-hookz/web";
 import "tree-model";
 const S = F([]), be = ({ isModalView: a, onSelect: m }) => {
-  const { t: s } = E(), p = y("uploadMediaCallback"), n = y("fetchMediaCallback"), [o, c] = U(S), [N, u] = i(!1), [x, f] = i(!1), [, v] = i(), [h, d] = i("");
+  const { t: s } = E(), p = y("uploadMediaCallback"), n = y("fetchMediaCallback"), [o, d] = U(S), [N, u] = i(!1), [x, f] = i(!1), [, v] = i(), [h, c] = i("");
   k(() => {
     (async () => {
       if (!n)
         return;
       f(!0);
       const t = await n();
-      c(t || []), f(!1);
+      d(t || []), f(!1);
     })();
   }, []);
   const w = (t) => {
     var r, l;
-    if (d(""), t && ((l = (r = t == null ? void 0 : t.target) == null ? void 0 : r.files) == null ? void 0 : l.length) > 0) {
+    if (c(""), t && ((l = (r = t == null ? void 0 : t.target) == null ? void 0 : r.files) == null ? void 0 : l.length) > 0) {
       const g = t.target.files[0];
-      g.type.startsWith("image") ? I(g) : d(s("Please select an image"));
+      g.type.startsWith("image") ? I(g) : c(s("Please select an image"));
     }
   }, I = async (t) => {
     if (p) {
@@ -62,9 +62,9 @@ const S = F([]), be = ({ isModalView: a, onSelect: m }) => {
         const { url: r } = await p(t);
         m(r), v(void 0);
         const l = await n();
-        c(l);
+        d(l);
       } catch (r) {
-        c([]), d((r == null ? void 0 : r.message) || "Something went wrong.");
+        d([]), c((r == null ? void 0 : r.message) || "Something went wrong.");
       }
       u(!1);
     }

package/dist/add-page-modal-RwIj1FxH.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-Z_BpKhVy.cjs"),x=require("react"),P=require("lodash-es"),t=require("./index-aeDphKpP.cjs"),g=require("./controls-rRZhz0vu.cjs"),R=require("./form-4jTocVbZ.cjs"),f=require("./index--k2M8kzI.cjs");require("./_commonjsHelpers-wDK0ZLPo.cjs");require("@radix-ui/react-toggle");require("class-variance-authority");require("./utils-D_vtk3zK.cjs");require("./MODIFIERS-mVmfEGgo.cjs");require("clsx");require("tailwind-merge");require("@radix-ui/react-switch");require("@radix-ui/react-slot");require("@radix-ui/react-accordion");require("@radix-ui/react-icons");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-dialog");require("@radix-ui/react-label");require("@radix-ui/react-scroll-area");require("@radix-ui/react-tabs");require("@radix-ui/react-tooltip");require("@radix-ui/react-popover");require("@radix-ui/react-menubar");require("@radix-ui/react-hover-card");require("@radix-ui/react-select");require("@radix-ui/react-dropdown-menu");require("@radix-ui/react-separator");require("@radix-ui/react-toast");require("cmdk");require("@radix-ui/react-context-menu");require("react-icons-picker");require("react-dom");require("react-quill");require("./Functions-N3yhPYKY.cjs");require("@chaibuilder/runtime");require("jotai");require("@react-hookz/web");require("tree-model");require("react-i18next");require("@rjsf/core");require("@rjsf/validator-ajv8");require("./index-5XyNUAjc.cjs");require("i18next");require("react-arborist");require("lucide-react");require("./index--mLLy7QQ.cjs");require("prop-types");require("react-hotkeys-hook");require("@floating-ui/dom");require("@floating-ui/react-dom");require("flagged");require("@tailwindcss/typography");require("@tailwindcss/forms");require("@tailwindcss/aspect-ratio");require("tailwindcss-palette-generator");require("./html-to-json-NqRjgFqp.cjs");require("himalaya");require("lodash");require("react-wrap-balancer");require("react-autosuggest");require("fuse.js");require("sonner");const b=({closeModal:i})=>{var q,l;const u=f.useAddPage(),[r,m]=x.useState({name:"",slug:"",blocks:[],type:"STATIC",seoData:{},template:""}),p=()=>{u.mutate(r,{onSuccess:()=>i()})},j=({formData:n},s)=>{m(o=>{var d,c;const a={[s]:n[s]};return s==="name"?a.slug=P.kebabCase((d=n[s])==null?void 0:d.replace(/\d/g,"")):s==="slug"&&(a.slug=(c=n[s])==null?void 0:c.replace(/\d/g,"").replace(/\s+/g,"").replace("--","-").replace("__","_")),{...o,...a}})},h={name:g.g({title:"Page Name",default:r.name}),slug:g.g({title:"Page Slug",default:r.slug})};return e.jsxRuntimeExports.jsxs(t.DialogContent,{children:[e.jsxRuntimeExports.jsx("div",{className:"px-1 font-bold",children:"Add Page"}),e.jsxRuntimeExports.jsx(R.Form,{formData:r,properties:h,onChange:j,disabled:u.isPending}),e.jsxRuntimeExports.jsx("div",{className:"flex items-center justify-end",children:e.jsxRuntimeExports.jsx(t.Button,{type:"submit",disabled:!r.name||!r.slug||((q=r.name)==null?void 0:q.length)<2||((l=r.slug)==null?void 0:l.length)<2||u.isPending,onClick:p,children:"Add Page"})})]})},E=()=>{const[i,u]=x.useState(!1);return e.jsxRuntimeExports.jsxs(t.Dialog,{open:i,onOpenChange:()=>u(!i),children:[e.jsxRuntimeExports.jsx(t.DialogTrigger,{asChild:!0,children:e.jsxRuntimeExports.jsx(t.Button,{size:"sm",variant:"link",className:"text-blue-500",onClick:()=>u(!i),children:"+ New Page"})}),i&&e.jsxRuntimeExports.jsx(b,{closeModal:()=>u(!i)})]})};exports.default=E;

package/dist/{add-page-modal-zCiyvKEa.js → add-page-modal-TOfMfmPA.js}

@@ -1,10 +1,10 @@
 import { j as t } from "./jsx-runtime-WbnYoNE9.js";
 import { useState as c } from "react";
-import { kebabCase as j } from "lodash-es";
-import { a$ as C, B as u, aZ as b, a_ as A } from "./index-bscJUvUx.js";
+import { kebabCase as P } from "lodash-es";
+import { aj as C, B as u, ah as b, ai as A } from "./index-C7mB4XFm.js";
 import { g } from "./controls-yjgoZzB6.js";
-import { F as D } from "./form-EjiQiiEY.js";
-import { e as N } from "./index-qSbpzIA4.js";
+import { F as D } from "./form-NAzFjGs0.js";
+import { e as N } from "./index-YZhtVcj_.js";
 import "./_commonjsHelpers-UyOWmZb0.js";
 import "@radix-ui/react-toggle";
 import "class-variance-authority";
@@ -42,21 +42,30 @@ import "tree-model";
 import "react-i18next";
 import "@rjsf/core";
 import "@rjsf/validator-ajv8";
-import "./index-EEcKvBh3.js";
+import "./index-lFgDm1oa.js";
 import "i18next";
 import "react-arborist";
 import "lucide-react";
 import "./index-VBXQixVm.js";
+import "prop-types";
+import "react-hotkeys-hook";
+import "@floating-ui/dom";
 import "@floating-ui/react-dom";
 import "flagged";
-import "react-hotkeys-hook";
-import "sonner";
-import "./html-to-json-_01DXd-a.js";
+import "@tailwindcss/typography";
+import "@tailwindcss/forms";
+import "@tailwindcss/aspect-ratio";
+import "tailwindcss-palette-generator";
+import "./html-to-json-l_mw5y-e.js";
 import "himalaya";
 import "lodash";
-const S = ({ closeModal: e }) => {
+import "react-wrap-balancer";
+import "react-autosuggest";
+import "fuse.js";
+import "sonner";
+const S = ({ closeModal: i }) => {
   var a, s;
-  const i = N(), [o, f] = c({
+  const r = N(), [o, f] = c({
     name: "",
     slug: "",
     blocks: [],
@@ -64,17 +73,17 @@ const S = ({ closeModal: e }) => {
     seoData: {},
     template: ""
   }), x = () => {
-    i.mutate(o, { onSuccess: () => e() });
-  }, h = ({ formData: m }, r) => {
+    r.mutate(o, { onSuccess: () => i() });
+  }, h = ({ formData: m }, e) => {
     f((l) => {
       var n, d;
-      const p = { [r]: m[r] };
-      return r === "name" ? p.slug = j((n = m[r]) == null ? void 0 : n.replace(/\d/g, "")) : r === "slug" && (p.slug = (d = m[r]) == null ? void 0 : d.replace(/\d/g, "").replace(/\s+/g, "").replace("--", "-").replace("__", "_")), {
+      const p = { [e]: m[e] };
+      return e === "name" ? p.slug = P((n = m[e]) == null ? void 0 : n.replace(/\d/g, "")) : e === "slug" && (p.slug = (d = m[e]) == null ? void 0 : d.replace(/\d/g, "").replace(/\s+/g, "").replace("--", "-").replace("__", "_")), {
         ...l,
         ...p
       };
     });
-  }, P = {
+  }, j = {
     name: g({
       title: "Page Name",
       default: o.name
@@ -83,24 +92,24 @@ const S = ({ closeModal: e }) => {
   };
   return /* @__PURE__ */ t.jsxs(C, { children: [
     /* @__PURE__ */ t.jsx("div", { className: "px-1 font-bold", children: "Add Page" }),
-    /* @__PURE__ */ t.jsx(D, { formData: o, properties: P, onChange: h, disabled: i.isPending }),
+    /* @__PURE__ */ t.jsx(D, { formData: o, properties: j, onChange: h, disabled: r.isPending }),
     /* @__PURE__ */ t.jsx("div", { className: "flex items-center justify-end", children: /* @__PURE__ */ t.jsx(
       u,
       {
         type: "submit",
-        disabled: !o.name || !o.slug || ((a = o.name) == null ? void 0 : a.length) < 2 || ((s = o.slug) == null ? void 0 : s.length) < 2 || i.isPending,
+        disabled: !o.name || !o.slug || ((a = o.name) == null ? void 0 : a.length) < 2 || ((s = o.slug) == null ? void 0 : s.length) < 2 || r.isPending,
         onClick: x,
         children: "Add Page"
       }
     ) })
   ] });
-}, Mt = () => {
-  const [e, i] = c(!1);
-  return /* @__PURE__ */ t.jsxs(b, { open: e, onOpenChange: () => i(!e), children: [
-    /* @__PURE__ */ t.jsx(A, { asChild: !0, children: /* @__PURE__ */ t.jsx(u, { size: "sm", variant: "link", className: "text-blue-500", onClick: () => i(!e), children: "+ New Page" }) }),
-    e && /* @__PURE__ */ t.jsx(S, { closeModal: () => i(!e) })
+}, It = () => {
+  const [i, r] = c(!1);
+  return /* @__PURE__ */ t.jsxs(b, { open: i, onOpenChange: () => r(!i), children: [
+    /* @__PURE__ */ t.jsx(A, { asChild: !0, children: /* @__PURE__ */ t.jsx(u, { size: "sm", variant: "link", className: "text-blue-500", onClick: () => r(!i), children: "+ New Page" }) }),
+    i && /* @__PURE__ */ t.jsx(S, { closeModal: () => r(!i) })
   ] });
 };
 export {
-  Mt as default
+  It as default
 };

package/dist/{confirm-alert-9XYi0a4k.js → confirm-alert-eIp2cAkc.js}

@@ -1,5 +1,5 @@
 import { j as i } from "./jsx-runtime-WbnYoNE9.js";
-import { A as a, b as n, d as c, e as x, g as d, B as j } from "./index-bscJUvUx.js";
+import { A as a, b as n, d as c, e as x, g as d, B as j } from "./index-C7mB4XFm.js";
 import "./_commonjsHelpers-UyOWmZb0.js";
 import "react";
 import "@radix-ui/react-toggle";

package/dist/core.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index-BbW1Uw_k.cjs");require("react");const e=require("./index-aeDphKpP.cjs"),r=require("react-i18next");require("i18next");require("./jsx-runtime-Z_BpKhVy.cjs");require("./_commonjsHelpers-wDK0ZLPo.cjs");require("jotai");require("@react-hookz/web");require("react-arborist");require("./Functions-N3yhPYKY.cjs");require("lodash-es");require("clsx");require("tailwind-merge");require("@radix-ui/react-icons");require("lucide-react");require("./index--mLLy7QQ.cjs");require("react-dom");require("@radix-ui/react-scroll-area");require("@floating-ui/react-dom");require("flagged");require("react-hotkeys-hook");require("@chaibuilder/runtime");require("@radix-ui/react-toggle");require("class-variance-authority");require("./utils-D_vtk3zK.cjs");require("./MODIFIERS-mVmfEGgo.cjs");require("@radix-ui/react-switch");require("@radix-ui/react-slot");require("@radix-ui/react-accordion");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-dialog");require("@radix-ui/react-label");require("@radix-ui/react-tabs");require("@radix-ui/react-tooltip");require("@radix-ui/react-popover");require("@radix-ui/react-menubar");require("@radix-ui/react-hover-card");require("@radix-ui/react-select");require("@radix-ui/react-dropdown-menu");require("@radix-ui/react-separator");require("@radix-ui/react-toast");require("cmdk");require("@radix-ui/react-context-menu");require("react-icons-picker");require("react-quill");require("tree-model");exports.AddBlocksPanel=s.AddBlocksPanel;exports.BlockSettings=s.BlockSettings;exports.Breakpoints=s.Breakpoints;exports.BuilderCanvas=s.BuilderCanvas;exports.ChaiBuilderEditor=s.ChaiBuilderEditor;exports.Outline=s.ListTree;exports.ThemeConfigPanel=s.ThemeConfigPanel;exports.UndoRedo=s.UndoRedo;exports.useActiveModal=e.useActiveModal;exports.useActivePanel=e.useActivePanel;exports.useAddBlock=e.useAddBlock;exports.useAddBlockParent=e.useAddBlockParent;exports.useAddClassesToBlocks=e.useAddClassesToBlocks;exports.useAllBlocks=e.useAllBlocks;exports.useBlocksStore=e.useBlocksStore;exports.useBrandingOptions=e.useBrandingOptions;exports.useBuilderProp=e.useBuilderProp;exports.useBuilderReset=e.useBuilderReset;exports.useCanvasWidth=e.useCanvasWidth;exports.useCanvasZoom=e.useCanvasZoom;exports.useCodeEditor=e.useCodeEditor;exports.useCopyBlockIds=e.useCopyBlockIds;exports.useCopyToClipboard=e.useCopyToClipboard;exports.useCurrentPage=e.useCurrentPage;exports.useCutBlockIds=e.useCutBlockIds;exports.useDarkMode=e.useDarkMode;exports.useDuplicateBlocks=e.useDuplicateBlocks;exports.useGetPageData=e.useGetPageData;exports.useHiddenBlockIds=e.useHiddenBlockIds;exports.useHighlightBlockId=e.useHighlightBlockId;exports.usePasteBlocks=e.usePasteBlocks;exports.usePreviewMode=e.usePreviewMode;exports.useReadOnlyMode=e.useReadOnlyMode;exports.useRemoveBlocks=e.useRemoveBlocks;exports.useRemoveClassesFromBlocks=e.useRemoveClassesFromBlocks;exports.useSavePage=e.useSavePage;exports.useSelectedBlock=e.useSelectedBlock;exports.useSelectedBlockAllClasses=e.useSelectedBlockAllClasses;exports.useSelectedBlockCurrentClasses=e.useSelectedBlockCurrentClasses;exports.useSelectedBlockIds=e.useSelectedBlockIds;exports.useSelectedBlocksDisplayChild=e.useSelectedBlocksDisplayChild;exports.useSelectedBreakpoints=e.useSelectedBreakpoints;exports.useSelectedStylingBlocks=e.useSelectedStylingBlocks;exports.useStylingBreakpoint=e.useStylingBreakpoint;exports.useStylingState=e.useStylingState;exports.useUILibraryBlocks=e.useUILibraryBlocks;exports.useUndoManager=e.useUndoManager;exports.useUpdateBlocksProps=e.useUpdateBlocksProps;exports.useUpdateBlocksPropsRealtime=e.useUpdateBlocksPropsRealtime;Object.defineProperty(exports,"useTranslation",{enumerable:!0,get:()=>r.useTranslation});
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index-5XyNUAjc.cjs"),e=require("./index-aeDphKpP.cjs"),s=require("react-i18next");require("i18next");require("./jsx-runtime-Z_BpKhVy.cjs");require("./_commonjsHelpers-wDK0ZLPo.cjs");require("react");require("jotai");require("@react-hookz/web");require("react-arborist");require("./Functions-N3yhPYKY.cjs");require("lodash-es");require("clsx");require("tailwind-merge");require("@radix-ui/react-icons");require("lucide-react");require("./index--mLLy7QQ.cjs");require("react-dom");require("prop-types");require("react-quill");require("react-hotkeys-hook");require("@floating-ui/dom");require("@floating-ui/react-dom");require("flagged");require("@tailwindcss/typography");require("@tailwindcss/forms");require("@tailwindcss/aspect-ratio");require("tailwindcss-palette-generator");require("./html-to-json-NqRjgFqp.cjs");require("himalaya");require("./MODIFIERS-mVmfEGgo.cjs");require("lodash");require("@chaibuilder/runtime");require("react-wrap-balancer");require("@rjsf/core");require("@rjsf/validator-ajv8");require("react-autosuggest");require("fuse.js");require("./utils-D_vtk3zK.cjs");require("./controls-rRZhz0vu.cjs");require("@radix-ui/react-scroll-area");require("@radix-ui/react-toggle");require("class-variance-authority");require("@radix-ui/react-switch");require("@radix-ui/react-slot");require("@radix-ui/react-accordion");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-dialog");require("@radix-ui/react-label");require("@radix-ui/react-tabs");require("@radix-ui/react-tooltip");require("@radix-ui/react-popover");require("@radix-ui/react-menubar");require("@radix-ui/react-hover-card");require("@radix-ui/react-select");require("@radix-ui/react-dropdown-menu");require("@radix-ui/react-separator");require("@radix-ui/react-toast");require("cmdk");require("@radix-ui/react-context-menu");require("react-icons-picker");require("tree-model");exports.AddBlocksPanel=r.AddBlocksPanel;exports.BlockSettings=r.Settings;exports.Breakpoints=r.Breakpoints;exports.BuilderCanvas=r.StaticCanvas;exports.ChaiBuilderEditor=r.ChaiBuilderEditor;exports.Outline=r.ListTree;exports.ThemeConfigPanel=r.ThemeConfigPanel;exports.UndoRedo=r.UndoRedo;exports.useActiveModal=e.useActiveModal;exports.useActivePanel=e.useActivePanel;exports.useAddBlock=e.useAddBlock;exports.useAddBlockParent=e.useAddBlockParent;exports.useAddClassesToBlocks=e.useAddClassesToBlocks;exports.useAllBlocks=e.useAllBlocks;exports.useBlocksStore=e.useBlocksStore;exports.useBrandingOptions=e.useBrandingOptions;exports.useBuilderProp=e.useBuilderProp;exports.useBuilderReset=e.useBuilderReset;exports.useCanvasWidth=e.useCanvasWidth;exports.useCanvasZoom=e.useCanvasZoom;exports.useCodeEditor=e.useCodeEditor;exports.useCopyBlockIds=e.useCopyBlockIds;exports.useCopyToClipboard=e.useCopyToClipboard;exports.useCurrentPage=e.useCurrentPage;exports.useCutBlockIds=e.useCutBlockIds;exports.useDarkMode=e.useDarkMode;exports.useDuplicateBlocks=e.useDuplicateBlocks;exports.useGetPageData=e.useGetPageData;exports.useHiddenBlockIds=e.useHiddenBlockIds;exports.useHighlightBlockId=e.useHighlightBlockId;exports.usePasteBlocks=e.usePasteBlocks;exports.usePreviewMode=e.usePreviewMode;exports.useReadOnlyMode=e.useReadOnlyMode;exports.useRemoveBlocks=e.useRemoveBlocks;exports.useRemoveClassesFromBlocks=e.useRemoveClassesFromBlocks;exports.useSavePage=e.useSavePage;exports.useSelectedBlock=e.useSelectedBlock;exports.useSelectedBlockAllClasses=e.useSelectedBlockAllClasses;exports.useSelectedBlockCurrentClasses=e.useSelectedBlockCurrentClasses;exports.useSelectedBlockIds=e.useSelectedBlockIds;exports.useSelectedBlocksDisplayChild=e.useSelectedBlocksDisplayChild;exports.useSelectedBreakpoints=e.useSelectedBreakpoints;exports.useSelectedStylingBlocks=e.useSelectedStylingBlocks;exports.useStylingBreakpoint=e.useStylingBreakpoint;exports.useStylingState=e.useStylingState;exports.useUILibraryBlocks=e.useUILibraryBlocks;exports.useUndoManager=e.useUndoManager;exports.useUpdateBlocksProps=e.useUpdateBlocksProps;exports.useUpdateBlocksPropsRealtime=e.useUpdateBlocksPropsRealtime;Object.defineProperty(exports,"useTranslation",{enumerable:!0,get:()=>s.useTranslation});

package/dist/core.d.ts

@@ -1,7 +1,6 @@
-import { FC } from 'react';
 import { JSX as JSX_2 } from 'react/jsx-runtime';
-import { LazyExoticComponent } from 'react';
 import { default as React_2 } from 'react';
+import * as React_3 from 'react';
 import { ReactNode } from 'react';
 import { RESET } from 'jotai/utils';
 import { ThrottledFunction } from '@react-hookz/web';
@@ -12,9 +11,10 @@ declare type AddBlocks = {
     addPredefinedBlock: any;
 };
 
-export declare const AddBlocksPanel: LazyExoticComponent<({ className }: {
+export declare const AddBlocksPanel: ({ className, showHeading }: {
+    showHeading?: boolean;
     className?: string;
-}) => JSX_2.Element>;
+}) => JSX_2.Element;
 
 declare type AskAiResponse = {
     blocks?: Array<{
@@ -29,7 +29,7 @@ declare interface Block {
     [key: string]: any;
 }
 
-export declare const BlockSettings: LazyExoticComponent<FC<{}>>;
+export declare const BlockSettings: React_2.FC;
 
 declare type Breakpoint = {
     title: string;
@@ -41,7 +41,7 @@ declare type Breakpoint = {
 
 export declare const Breakpoints: () => JSX_2.Element;
 
-export declare const BuilderCanvas: LazyExoticComponent<() => JSX_2.Element>;
+export declare const BuilderCanvas: () => React_2.JSX.Element;
 
 export declare type ChaiBlock = {
     _id: string;
@@ -196,7 +196,10 @@ declare type SavePageData = {
     themeConfiguration?: Record<string, any>;
 };
 
-export declare const ThemeConfigPanel: LazyExoticComponent<() => JSX_2.Element>;
+export declare const ThemeConfigPanel: ({ showHeading, className, }: {
+    className?: string;
+    showHeading?: boolean;
+}) => React_3.JSX.Element;
 
 declare type TimeInSeconds = number;