@chaibuilder/sdk 1.2.42 → 1.2.44

package/dist/{SidePanels-zU4GsqbI.js → SidePanels-eOnxPSSw.js}

@@ -1,15 +1,15 @@
 import { j as e } from "./jsx-runtime-WbnYoNE9.js";
-import { KeyboardIcon as J, PlusIcon as K, Component2Icon as Z } from "@radix-ui/react-icons";
-import f, { useState as h, useEffect as W, useMemo as Y, memo as $, lazy as j, Suspense as N } from "react";
-import { useAtom as O } from "jotai";
-import { filter as y, map as E, isNull as q, find as G, isEmpty as Q, each as X, get as ee } from "lodash-es";
-import { Z as H, _ as U, $ as F, a0 as R, a1 as se, a2 as re, A as ae, a as le, b as ie, c as te, d as oe, e as ne, f as ce, g as de, a3 as me, a4 as xe, a5 as he, a6 as ue, a7 as pe, a8 as fe, a9 as je, aa as z, ab as ve, ac as ge, ad as be, ae as Ne, af as B, h as w, ag as ye, B as x, ah as L, ai as V, aj as I, ak as T, al as _ } from "./ChaiBuilderEditor-f4SJU7kK.js";
-import { ListTreeIcon as A, PaletteIcon as we, DatabaseIcon as ke } from "lucide-react";
-import { getChaiDataProviders as Ce } from "@chaibuilder/runtime";
+import { KeyboardIcon as Z, PlusIcon as B, Component2Icon as W } from "@radix-ui/react-icons";
+import f, { useState as u, useEffect as Y, useMemo as $, memo as q, lazy as j, Suspense as N } from "react";
+import { useAtom as H } from "jotai";
+import { filter as y, map as E, isNull as G, find as Q, isEmpty as X, values as ee, each as se, get as re } from "lodash-es";
+import { Z as U, _ as F, $ as R, a0 as J, a1 as ae, a2 as le, A as ie, a as te, b as oe, c as ne, d as ce, e as de, f as me, g as xe, a3 as ue, a4 as he, a5 as pe, a6 as fe, a7 as je, a8 as ve, a9 as ge, aa as z, ab as be, ac as Ne, ad as ye, ae as we, af as L, h as w, ag as ke, B as x, ah as V, ai as I, aj as M, ak as A, al as P } from "./ChaiBuilderEditor-NnMEdW3k.js";
+import { ListTreeIcon as S, PaletteIcon as Ce, DatabaseIcon as De } from "lucide-react";
+import { getChaiDataProviders as Te, useChaiBlocks as _e } from "@chaibuilder/runtime";
 import { useTranslation as v } from "react-i18next";
-import { J as De, a as Te, d as _e } from "./index-e0c8PmRQ.js";
-import { O as i } from "./STRINGS--j49GZJP.js";
-import { c as Ae } from "./Functions-7jnEwJyw.js";
+import { J as Ae, a as Pe, d as Se } from "./index-e0c8PmRQ.js";
+import { O as t } from "./STRINGS--j49GZJP.js";
+import { c as Ke } from "./Functions-7jnEwJyw.js";
 import "./_commonjsHelpers-UyOWmZb0.js";
 import "clsx";
 import "react-dom";
@@ -19,10 +19,10 @@ import "i18next";
 import "flagged";
 import "@react-hookz/web";
 import "./MODIFIERS-cBT31iqE.js";
+import "./utils-iMv3T4WT.js";
+import "tailwind-merge";
 import "@radix-ui/react-toggle";
 import "class-variance-authority";
-import "./Class-6Hz2KzYb.js";
-import "tailwind-merge";
 import "@radix-ui/react-switch";
 import "@radix-ui/react-slot";
 import "@radix-ui/react-accordion";
@@ -43,26 +43,26 @@ import "@radix-ui/react-context-menu";
 import "react-icons-picker";
 import "react-quill";
 import "react-hotkeys-hook";
-const Pe = ({ provider: r, onClose: t }) => {
-  const { t: a } = v(), [l, u] = h(null);
-  return W(() => {
-    r && (r.mockFn ? r.mockFn : r.dataFn)().then((c) => u(c));
-  }, [r]), r ? /* @__PURE__ */ e.jsx(H, { onOpenChange: (d) => d ? "" : t(), defaultOpen: !0, children: /* @__PURE__ */ e.jsxs(U, { children: [
-    /* @__PURE__ */ e.jsxs(F, { children: [
-      /* @__PURE__ */ e.jsxs(R, { children: [
-        a("data_provider"),
+const Be = ({ provider: s, onClose: o }) => {
+  const { t: l } = v(), [i, h] = u(null);
+  return Y(() => {
+    s && (s.mockFn ? s.mockFn : s.dataFn)().then((c) => h(c));
+  }, [s]), s ? /* @__PURE__ */ e.jsx(U, { onOpenChange: (d) => d ? "" : o(), defaultOpen: !0, children: /* @__PURE__ */ e.jsxs(F, { children: [
+    /* @__PURE__ */ e.jsxs(R, { children: [
+      /* @__PURE__ */ e.jsxs(J, { children: [
+        l("data_provider"),
         ": ",
-        r.name
+        s.name
       ] }),
-      /* @__PURE__ */ e.jsx(se, { children: r.description })
+      /* @__PURE__ */ e.jsx(ae, { children: s.description })
     ] }),
-    /* @__PURE__ */ e.jsx(re, { children: /* @__PURE__ */ e.jsx(
-      De,
+    /* @__PURE__ */ e.jsx(le, { children: /* @__PURE__ */ e.jsx(
+      Ae,
       {
-        data: l,
-        shouldExpandNode: Te,
+        data: i,
+        shouldExpandNode: Pe,
         style: {
-          ..._e,
+          ...Se,
           container: "max-h-[80vh] overflow-y-auto text-[12px] leading-[1.5] tracking-wide font-mono",
           stringValue: "text-orange-600",
           label: "text-green-900 font-semibold pr-1 tracking-wider"
@@ -71,78 +71,78 @@ const Pe = ({ provider: r, onClose: t }) => {
     ) })
   ] }) }) : null;
 };
-function Se({
-  children: r,
-  name: t,
-  onRemove: a
+function Ee({
+  children: s,
+  name: o,
+  onRemove: l
 }) {
-  const { t: l } = v();
-  return /* @__PURE__ */ e.jsxs(ae, { children: [
-    /* @__PURE__ */ e.jsx(le, { asChild: !0, children: r }),
-    /* @__PURE__ */ e.jsxs(ie, { children: [
-      /* @__PURE__ */ e.jsxs(te, { children: [
+  const { t: i } = v();
+  return /* @__PURE__ */ e.jsxs(ie, { children: [
+    /* @__PURE__ */ e.jsx(te, { asChild: !0, children: s }),
+    /* @__PURE__ */ e.jsxs(oe, { children: [
+      /* @__PURE__ */ e.jsxs(ne, { children: [
         /* @__PURE__ */ e.jsx(
-          oe,
+          ce,
           {
-            dangerouslySetInnerHTML: { __html: l("remove_provider_confirmation").replace("{name}", t) }
+            dangerouslySetInnerHTML: { __html: i("remove_provider_confirmation").replace("{name}", o) }
           }
         ),
-        /* @__PURE__ */ e.jsx(ne, { children: l("remove_provider_warning") })
+        /* @__PURE__ */ e.jsx(de, { children: i("remove_provider_warning") })
       ] }),
-      /* @__PURE__ */ e.jsxs(ce, { children: [
-        /* @__PURE__ */ e.jsx(de, { children: l("cancel") }),
-        /* @__PURE__ */ e.jsx(me, { onClick: a, className: "bg-red-600 hover:bg-red-700", children: l("remove") })
+      /* @__PURE__ */ e.jsxs(me, { children: [
+        /* @__PURE__ */ e.jsx(xe, { children: i("cancel") }),
+        /* @__PURE__ */ e.jsx(ue, { onClick: l, className: "bg-red-600 hover:bg-red-700", children: i("remove") })
       ] })
     ] })
   ] });
 }
-const Ke = () => {
-  const { t: r } = v(), t = Y(() => Ce(), []), [a, l] = xe(), [, u] = O(he), [d, c] = h(
-    y(t, (s) => E(a, "providerKey").includes(s.providerKey))
-  ), [k, p] = h(""), [S, g] = h(null), b = y(
-    t.map((s) => E(d, "providerKey").includes(s.providerKey) ? null : { value: s.providerKey, label: s.name }),
-    (s) => !q(s)
-  ), o = (s) => {
-    const n = G(t, { providerKey: s });
-    c((m) => [...m, n]), l((m) => [...m, { providerKey: n.providerKey, args: {} }]), p(""), u("UNSAVED");
-  }, C = (s) => {
-    c((n) => y(n, (m) => m.providerKey !== s.providerKey)), l((n) => y(n, (m) => m.providerKey !== s.providerKey)), u("UNSAVED");
-  }, D = (s) => g(s);
-  return Q(t) ? /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsxs("p", { className: "mb-1.5 p-4 text-xs text-gray-500", children: [
-    r("no_data_providers"),
+const ze = () => {
+  const { t: s } = v(), o = $(() => Te(), []), [l, i] = he(), [, h] = H(pe), [d, c] = u(
+    y(o, (r) => E(l, "providerKey").includes(r.providerKey))
+  ), [k, p] = u(""), [C, g] = u(null), D = y(
+    o.map((r) => E(d, "providerKey").includes(r.providerKey) ? null : { value: r.providerKey, label: r.name }),
+    (r) => !G(r)
+  ), T = (r) => {
+    const m = Q(o, { providerKey: r });
+    c((a) => [...a, m]), i((a) => [...a, { providerKey: m.providerKey, args: {} }]), p(""), h("UNSAVED");
+  }, b = (r) => {
+    c((m) => y(m, (a) => a.providerKey !== r.providerKey)), i((m) => y(m, (a) => a.providerKey !== r.providerKey)), h("UNSAVED");
+  }, n = (r) => g(r);
+  return X(o) ? /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsxs("p", { className: "mb-1.5 p-4 text-xs text-gray-500", children: [
+    s("no_data_providers"),
     /* @__PURE__ */ e.jsx("br", {}),
-    /* @__PURE__ */ e.jsx("a", { className: "text-blue-500", href: "https://chaibuilder.com/docs/registering-data-providers", target: "_blank", children: r("learn_more") })
+    /* @__PURE__ */ e.jsx("a", { className: "text-blue-500", href: "https://chaibuilder.com/docs/registering-data-providers", target: "_blank", children: s("learn_more") })
   ] }) }) : /* @__PURE__ */ e.jsxs("div", { className: "px-1", children: [
     /* @__PURE__ */ e.jsx("br", {}),
-    /* @__PURE__ */ e.jsx("label", { children: /* @__PURE__ */ e.jsx("p", { className: "mb-1.5 text-xs text-gray-500", children: r("add_data_providers") }) }),
-    /* @__PURE__ */ e.jsx("div", { className: "flex items-center space-x-1", children: /* @__PURE__ */ e.jsxs(ue, { value: k, onValueChange: (s) => o(s), children: [
-      /* @__PURE__ */ e.jsx(pe, { className: "w-full", children: /* @__PURE__ */ e.jsx(fe, { placeholder: r("select_provider") }) }),
-      /* @__PURE__ */ e.jsxs(je, { children: [
-        /* @__PURE__ */ e.jsx(z, { value: "", children: r("choose") }),
-        b.map((s) => /* @__PURE__ */ e.jsx(z, { value: s.value, children: s.label }, s.value))
+    /* @__PURE__ */ e.jsx("label", { children: /* @__PURE__ */ e.jsx("p", { className: "mb-1.5 text-xs text-gray-500", children: s("add_data_providers") }) }),
+    /* @__PURE__ */ e.jsx("div", { className: "flex items-center space-x-1", children: /* @__PURE__ */ e.jsxs(fe, { value: k, onValueChange: (r) => T(r), children: [
+      /* @__PURE__ */ e.jsx(je, { className: "w-full", children: /* @__PURE__ */ e.jsx(ve, { placeholder: s("select_provider") }) }),
+      /* @__PURE__ */ e.jsxs(ge, { children: [
+        /* @__PURE__ */ e.jsx(z, { value: "", children: s("choose") }),
+        D.map((r) => /* @__PURE__ */ e.jsx(z, { value: r.value, children: r.label }, r.value))
       ] })
     ] }) }),
     /* @__PURE__ */ e.jsx("br", {}),
     /* @__PURE__ */ e.jsxs("div", { className: `border-t ${d.length ? "block" : "hidden"}`, children: [
       /* @__PURE__ */ e.jsxs("p", { className: "flex-1 pb-1.5 pt-4 text-xs font-medium text-gray-500", children: [
-        r("page_data_providers"),
+        s("page_data_providers"),
         ":"
       ] }),
-      /* @__PURE__ */ e.jsx("div", { className: "space-y-2", children: d.map((s) => /* @__PURE__ */ e.jsxs(
+      /* @__PURE__ */ e.jsx("div", { className: "space-y-2", children: d.map((r) => /* @__PURE__ */ e.jsxs(
         "div",
         {
           className: "w-full rounded-lg border bg-card text-card-foreground shadow-sm",
           "data-v0-t": "card",
           children: [
             /* @__PURE__ */ e.jsx("div", { className: "flex flex-col space-y-1.5 px-4 pt-4", children: /* @__PURE__ */ e.jsx("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ e.jsxs("div", { children: [
-              /* @__PURE__ */ e.jsx("h3", { className: "font-medium leading-4", children: s.name }),
-              /* @__PURE__ */ e.jsx("p", { className: "pt-1 text-xs text-gray-400", children: s.description })
+              /* @__PURE__ */ e.jsx("h3", { className: "font-medium leading-4", children: r.name }),
+              /* @__PURE__ */ e.jsx("p", { className: "pt-1 text-xs text-gray-400", children: r.description })
             ] }) }) }),
             /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between p-2 py-2", children: [
               /* @__PURE__ */ e.jsxs(
                 "button",
                 {
-                  onClick: () => D(s),
+                  onClick: () => n(r),
                   className: "inline-flex h-9 items-center justify-center rounded-md px-3 text-xs font-medium text-blue-500 underline-offset-4 ring-offset-background transition-colors hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
                   children: [
                     /* @__PURE__ */ e.jsxs(
@@ -164,11 +164,11 @@ const Ke = () => {
                         ]
                       }
                     ),
-                    r("view_data")
+                    s("view_data")
                   ]
                 }
               ),
-              /* @__PURE__ */ e.jsx(Se, { onRemove: () => C(s), name: s.name, children: /* @__PURE__ */ e.jsxs("button", { className: "inline-flex h-9 items-center justify-center rounded-md px-3 text-xs font-medium text-red-500 underline-offset-4 ring-offset-background transition-colors hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", children: [
+              /* @__PURE__ */ e.jsx(Ee, { onRemove: () => b(r), name: r.name, children: /* @__PURE__ */ e.jsxs("button", { className: "inline-flex h-9 items-center justify-center rounded-md px-3 text-xs font-medium text-red-500 underline-offset-4 ring-offset-background transition-colors hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", children: [
                 /* @__PURE__ */ e.jsxs(
                   "svg",
                   {
@@ -189,146 +189,146 @@ const Ke = () => {
                     ]
                   }
                 ),
-                r("remove")
+                s("remove")
               ] }) })
             ] })
           ]
         },
-        s.providerKey
+        r.providerKey
       )) }),
-      /* @__PURE__ */ e.jsx(Pe, { onClose: () => g(null), provider: S })
+      /* @__PURE__ */ e.jsx(Be, { onClose: () => g(null), provider: C })
     ] })
   ] });
-}, Ee = $(() => {
-  const { t: r } = v(), t = {
+}, Le = q(() => {
+  const { t: s } = v(), o = {
     "ctrl + Z": "Undo",
     "ctrl + Y": "Redo",
     "ctrl + D": "Duplicate"
-  }, a = {
+  }, l = {
     // "ctrl + /": "Rename block",
     "ctrl + S": "Save page",
     esc: "Deselect blocks",
     del: "Delete block"
   };
-  return /* @__PURE__ */ e.jsxs(H, { children: [
-    /* @__PURE__ */ e.jsx(ve, { children: /* @__PURE__ */ e.jsxs(ge, { children: [
-      /* @__PURE__ */ e.jsx(be, { children: /* @__PURE__ */ e.jsx("div", { className: "flex w-10 items-center justify-center", children: /* @__PURE__ */ e.jsx(J, {}) }) }),
-      /* @__PURE__ */ e.jsx(Ne, { children: /* @__PURE__ */ e.jsx("p", { children: r("Keyboard shortcuts") }) })
+  return /* @__PURE__ */ e.jsxs(U, { children: [
+    /* @__PURE__ */ e.jsx(be, { children: /* @__PURE__ */ e.jsxs(Ne, { children: [
+      /* @__PURE__ */ e.jsx(ye, { children: /* @__PURE__ */ e.jsx("div", { className: "flex w-10 items-center justify-center", children: /* @__PURE__ */ e.jsx(Z, {}) }) }),
+      /* @__PURE__ */ e.jsx(we, { children: /* @__PURE__ */ e.jsx("p", { children: s("Keyboard shortcuts") }) })
     ] }) }),
-    /* @__PURE__ */ e.jsxs(U, { className: "sm:max-w-[525px]", children: [
-      /* @__PURE__ */ e.jsx(F, { children: /* @__PURE__ */ e.jsx(R, { children: r("Keyboard shortcuts") }) }),
+    /* @__PURE__ */ e.jsxs(F, { className: "sm:max-w-[525px]", children: [
+      /* @__PURE__ */ e.jsx(R, { children: /* @__PURE__ */ e.jsx(J, { children: s("Keyboard shortcuts") }) }),
       /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-2", children: [
-        /* @__PURE__ */ e.jsx("div", { className: "mr-8 flex flex-col space-y-2 border-r border-gray-200", children: Object.keys(t).map((l) => /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-4", children: [
-          /* @__PURE__ */ e.jsx(B, { variant: "outline", className: "border border-gray-600 p-1 px-2", children: r(l) }),
-          /* @__PURE__ */ e.jsx("div", { children: r(t[l]) })
-        ] }, l)) }),
-        /* @__PURE__ */ e.jsx("div", { className: "flex flex-col space-y-2", children: Object.keys(a).map((l) => /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-4", children: [
-          /* @__PURE__ */ e.jsx(B, { variant: "outline", className: "border border-gray-600 p-1 px-2", children: r(l) }),
-          /* @__PURE__ */ e.jsx("div", { children: r(a[l]) })
-        ] }, l)) })
+        /* @__PURE__ */ e.jsx("div", { className: "mr-8 flex flex-col space-y-2 border-r border-gray-200", children: Object.keys(o).map((i) => /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-4", children: [
+          /* @__PURE__ */ e.jsx(L, { variant: "outline", className: "border border-gray-600 p-1 px-2", children: s(i) }),
+          /* @__PURE__ */ e.jsx("div", { children: s(o[i]) })
+        ] }, i)) }),
+        /* @__PURE__ */ e.jsx("div", { className: "flex flex-col space-y-2", children: Object.keys(l).map((i) => /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-4", children: [
+          /* @__PURE__ */ e.jsx(L, { variant: "outline", className: "border border-gray-600 p-1 px-2", children: s(i) }),
+          /* @__PURE__ */ e.jsx("div", { children: s(l[i]) })
+        ] }, i)) })
       ] }) })
     ] })
   ] });
-}), ze = j(() => import("./AddBlocks--7JKHvJX.js")), P = j(() => import("./ListTree-un8hNvIi.js")), Be = j(() => import("./ThemeConfiguration-1rD36g89.js")), Le = j(() => import("./ChaiBuilderEditor-f4SJU7kK.js").then((r) => r.cp)), Ve = j(() => import("./UILibrariesPanel-EaMt1AzV.js"));
-let M = null;
-const As = () => {
-  const r = w("sideBarComponents.top", []), t = w("sideBarComponents.bottom", []), [a, l] = O(ye), [u, d] = h(a), [c, k] = h(null), { t: p } = v(), g = w("uiLibraries", []).length > 0, b = {
-    "add-blocks": ze,
-    [i]: P,
-    "theme-configuration": Be,
-    images: Le,
-    "ui-libraries": Ve
+}), Ve = j(() => import("./AddBlocks-QCb-vIta.js")), K = j(() => import("./ListTree-PuZP9LQu.js")), Ie = j(() => import("./ThemeConfiguration-TINcg8VX.js")), Me = j(() => import("./ChaiBuilderEditor-NnMEdW3k.js").then((s) => s.cq)), Oe = j(() => import("./UILibrariesPanel-sleogb55.js"));
+let O = null;
+const Ks = () => {
+  const s = w("sideBarComponents.top", []), o = w("sideBarComponents.bottom", []), [l, i] = H(ke), [h, d] = u(l), [c, k] = u(null), { t: p } = v(), C = w("uiLibraries", []), g = _e(), D = ee(g).find((a) => a.category === "custom") !== void 0, T = C.length > 0 || D, b = {
+    "add-blocks": Ve,
+    [t]: K,
+    "theme-configuration": Ie,
+    images: Me,
+    "ui-libraries": Oe
   };
-  X(r, ({ name: s, panel: n }) => {
-    b[s] = n;
+  se(s, ({ name: a, panel: _ }) => {
+    b[a] = _;
   });
-  const o = (s) => {
-    clearTimeout(M), a !== i && s === i ? M = setTimeout(() => l(i), 500) : d(s), l(s);
-  }, C = w("dataBindingSupport", !1);
-  function D() {
-    const s = setTimeout(() => {
-      c && (o(i), clearTimeout(c));
+  const n = (a) => {
+    clearTimeout(O), l !== t && a === t ? O = setTimeout(() => i(t), 500) : d(a), i(a);
+  }, r = w("dataBindingSupport", !1);
+  function m() {
+    const a = setTimeout(() => {
+      c && (n(t), clearTimeout(c));
     }, 500);
-    k(s);
+    k(a);
   }
   return /* @__PURE__ */ e.jsxs("div", { className: "relative flex", children: [
-    a !== i ? /* @__PURE__ */ e.jsx(
+    l !== t ? /* @__PURE__ */ e.jsx(
       "div",
       {
-        onMouseEnter: D,
-        onClick: () => o(i),
+        onMouseEnter: m,
+        onClick: () => n(t),
         className: "fixed inset-0 z-[50] bg-black/20"
       }
     ) : null,
     /* @__PURE__ */ e.jsxs("div", { className: "z-[100] flex h-full w-fit flex-col items-center justify-between border-b border-r border-border bg-background pt-2", children: [
       /* @__PURE__ */ e.jsxs("div", { className: "relative z-[100] flex w-14 flex-col items-center space-y-2", children: [
-        g ? /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-1 rounded-md bg-gray-200 p-1", children: [
+        T ? /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-1 rounded-md bg-gray-200 p-1", children: [
           /* @__PURE__ */ e.jsx(
             x,
             {
-              onClick: () => o("add-blocks"),
+              onClick: () => n("add-blocks"),
               size: "sm",
-              variant: a === "add-blocks" ? "default" : "outline",
-              children: /* @__PURE__ */ e.jsx(K, { className: "text-xl" })
+              variant: l === "add-blocks" ? "default" : "outline",
+              children: /* @__PURE__ */ e.jsx(B, { className: "text-xl" })
             }
           ),
           /* @__PURE__ */ e.jsx(
             x,
             {
-              onClick: () => o("ui-libraries"),
+              onClick: () => n("ui-libraries"),
               size: "sm",
-              variant: a === "ui-libraries" ? "default" : "outline",
-              children: /* @__PURE__ */ e.jsx(Z, { className: "text-xl" })
+              variant: l === "ui-libraries" ? "default" : "outline",
+              children: /* @__PURE__ */ e.jsx(W, { className: "text-xl" })
             }
           )
         ] }) : /* @__PURE__ */ e.jsx(
           x,
           {
-            onClick: () => o("add-blocks"),
+            onClick: () => n("add-blocks"),
             size: "sm",
-            variant: a === "add-blocks" ? "default" : "outline",
-            children: /* @__PURE__ */ e.jsx(K, { className: "text-xl" })
+            variant: l === "add-blocks" ? "default" : "outline",
+            children: /* @__PURE__ */ e.jsx(B, { className: "text-xl" })
           }
         ),
         /* @__PURE__ */ e.jsx(
           x,
           {
-            onClick: () => o(i),
+            onClick: () => n(t),
             size: "sm",
-            variant: a === i ? "default" : "outline",
-            children: /* @__PURE__ */ e.jsx(A, { className: "w-4" })
+            variant: l === t ? "default" : "outline",
+            children: /* @__PURE__ */ e.jsx(S, { className: "w-4" })
           }
         ),
         /* @__PURE__ */ e.jsx(
           x,
           {
-            onClick: () => o("theme-configuration"),
+            onClick: () => n("theme-configuration"),
             size: "sm",
-            variant: a === "theme-configuration" ? "default" : "outline",
-            children: /* @__PURE__ */ e.jsx(we, { className: "w-4 max-w-[40px] text-xs" })
+            variant: l === "theme-configuration" ? "default" : "outline",
+            children: /* @__PURE__ */ e.jsx(Ce, { className: "w-4 max-w-[40px] text-xs" })
           }
         ),
         f.Children.toArray(
-          r.map(({ name: s, icon: n }) => /* @__PURE__ */ e.jsx(N, { fallback: /* @__PURE__ */ e.jsx(L, { className: "h-10" }), children: /* @__PURE__ */ e.jsx(
+          s.map(({ name: a, icon: _ }) => /* @__PURE__ */ e.jsx(N, { fallback: /* @__PURE__ */ e.jsx(V, { className: "h-10" }), children: /* @__PURE__ */ e.jsx(
             x,
             {
-              onClick: () => o(s),
+              onClick: () => n(a),
               size: "sm",
               className: "w-10",
-              variant: a === s ? "default" : "outline",
-              children: /* @__PURE__ */ e.jsx(n, {})
+              variant: l === a ? "default" : "outline",
+              children: /* @__PURE__ */ e.jsx(_, {})
             }
           ) }))
         )
       ] }),
       /* @__PURE__ */ e.jsxs("div", { className: "relative z-[100] flex w-14 flex-col items-center space-y-2 pb-2", children: [
-        /* @__PURE__ */ e.jsx(Ee, {}),
+        /* @__PURE__ */ e.jsx(Le, {}),
         f.Children.toArray(
-          t.map((s) => /* @__PURE__ */ e.jsx(N, { fallback: /* @__PURE__ */ e.jsx(L, { className: "h-10" }), children: /* @__PURE__ */ e.jsx(s, {}) }))
+          o.map((a) => /* @__PURE__ */ e.jsx(N, { fallback: /* @__PURE__ */ e.jsx(V, { className: "h-10" }), children: /* @__PURE__ */ e.jsx(a, {}) }))
         )
       ] })
     ] }),
-    a !== i ? /* @__PURE__ */ e.jsx(
+    l !== t ? /* @__PURE__ */ e.jsx(
       "div",
       {
         className: "absolute left-14 z-[50] h-[100vh] w-fit translate-x-0 border-r bg-background transition-all duration-500 ease-in-out",
@@ -343,13 +343,13 @@ const As = () => {
             children: /* @__PURE__ */ e.jsx(
               "div",
               {
-                className: Ae(
+                className: Ke(
                   "relative z-[100] h-full max-h-full overflow-y-auto overflow-x-hidden border-r bg-background p-1 shadow-md"
                 ),
                 onMouseEnter: () => {
                   c && clearTimeout(c);
                 },
-                children: f.createElement(ee(b, a, () => /* @__PURE__ */ e.jsx("div", {})))
+                children: f.createElement(re(b, l, () => /* @__PURE__ */ e.jsx("div", {})))
               }
             )
           }
@@ -364,32 +364,32 @@ const As = () => {
           /* @__PURE__ */ e.jsx("div", { className: "h-16 w-full bg-gray-200" }),
           /* @__PURE__ */ e.jsx("div", { className: "h-16 w-full bg-gray-200" })
         ] }),
-        children: C ? /* @__PURE__ */ e.jsxs(V, { defaultValue: i, className: "flex h-full w-full flex-col py-1", children: [
-          /* @__PURE__ */ e.jsxs(I, { className: "mx-1 grid h-10 grid-cols-2", children: [
-            /* @__PURE__ */ e.jsxs(T, { value: i, children: [
-              /* @__PURE__ */ e.jsx(A, { className: "mr-2 h-3" }),
+        children: r ? /* @__PURE__ */ e.jsxs(I, { defaultValue: t, className: "flex h-full w-full flex-col py-1", children: [
+          /* @__PURE__ */ e.jsxs(M, { className: "mx-1 grid h-10 grid-cols-2", children: [
+            /* @__PURE__ */ e.jsxs(A, { value: t, children: [
+              /* @__PURE__ */ e.jsx(S, { className: "mr-2 h-3" }),
               " ",
               p("Outline")
             ] }),
-            /* @__PURE__ */ e.jsxs(T, { value: "data-provider", children: [
-              /* @__PURE__ */ e.jsx(ke, { className: "mr-2 w-3" }),
+            /* @__PURE__ */ e.jsxs(A, { value: "data-provider", children: [
+              /* @__PURE__ */ e.jsx(De, { className: "mr-2 w-3" }),
               p("Data")
             ] })
           ] }),
-          /* @__PURE__ */ e.jsx(_, { value: i, className: "no-scrollbar h-full flex-1 overflow-y-auto overflow-x-hidden", children: f.createElement(P) }),
-          /* @__PURE__ */ e.jsx(_, { value: "data-provider", className: "flex-1 overflow-y-auto overflow-x-hidden", children: /* @__PURE__ */ e.jsx(Ke, {}) })
-        ] }) : /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs(V, { defaultValue: i, className: "flex h-full w-full flex-col py-1", children: [
-          /* @__PURE__ */ e.jsx(I, { className: "mx-1 grid h-10 grid-cols-1", children: /* @__PURE__ */ e.jsxs(T, { value: i, children: [
-            /* @__PURE__ */ e.jsx(A, { className: "mr-2 h-3" }),
+          /* @__PURE__ */ e.jsx(P, { value: t, className: "no-scrollbar h-full flex-1 overflow-y-auto overflow-x-hidden", children: f.createElement(K) }),
+          /* @__PURE__ */ e.jsx(P, { value: "data-provider", className: "flex-1 overflow-y-auto overflow-x-hidden", children: /* @__PURE__ */ e.jsx(ze, {}) })
+        ] }) : /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs(I, { defaultValue: t, className: "flex h-full w-full flex-col py-1", children: [
+          /* @__PURE__ */ e.jsx(M, { className: "mx-1 grid h-10 grid-cols-1", children: /* @__PURE__ */ e.jsxs(A, { value: t, children: [
+            /* @__PURE__ */ e.jsx(S, { className: "mr-2 h-3" }),
             " ",
             p("Outline")
           ] }) }),
           /* @__PURE__ */ e.jsx(
-            _,
+            P,
             {
-              value: i,
+              value: t,
               className: "no-scrollbar h-full flex-1 overflow-y-auto overflow-x-hidden",
-              children: f.createElement(P)
+              children: f.createElement(K)
             }
           )
         ] }) })
@@ -398,5 +398,5 @@ const As = () => {
   ] });
 };
 export {
-  As as default
+  Ks as default
 };

package/dist/{ThemeConfiguration-1rD36g89.js → ThemeConfiguration-TINcg8VX.js}

@@ -2,7 +2,7 @@ import { j as t } from "./jsx-runtime-WbnYoNE9.js";
 import * as c from "react";
 import j from "@rjsf/validator-ajv8";
 import k from "@rjsf/core";
-import { h as w, F as M, bw as T } from "./ChaiBuilderEditor-f4SJU7kK.js";
+import { h as M, F as T, bx as w } from "./ChaiBuilderEditor-NnMEdW3k.js";
 import { y as f, c as D, f as a } from "./controls-VTdJhdSz.js";
 import { debounce as P, noop as R, isEqual as F } from "lodash-es";
 import { useTranslation as L } from "react-i18next";
@@ -20,9 +20,9 @@ import "tailwind-merge";
 import "@chaibuilder/runtime";
 import "@react-hookz/web";
 import "./MODIFIERS-cBT31iqE.js";
+import "./utils-iMv3T4WT.js";
 import "@radix-ui/react-toggle";
 import "class-variance-authority";
-import "./Class-6Hz2KzYb.js";
 import "@radix-ui/react-switch";
 import "@radix-ui/react-slot";
 import "@radix-ui/react-accordion";
@@ -109,8 +109,8 @@ const E = ({ value: u, onChange: e, id: p, onBlur: m }) => {
   { title: "Suranna", value: "Suranna" },
   { title: "Bebas Neue", value: "Bebas Neue" },
   { title: "Manrope", value: "Manrope" }
-], Mt = () => {
-  const u = w("onSaveBrandingOptions", R), [e, p] = M(), [m] = T(), i = c.useRef(e), { t: d } = L();
+], Tt = () => {
+  const u = M("onSaveBrandingOptions", R), [e, p] = T(), [m] = w(), i = c.useRef(e), { t: d } = L();
   c.useEffect(() => () => {
     F(e, i.current) || u(i.current);
   }, []);
@@ -192,5 +192,5 @@ const E = ({ value: u, onChange: e, id: p, onBlur: m }) => {
   ] });
 };
 export {
-  Mt as default
+  Tt as default
 };

package/dist/{ThemeConfiguration-76oEQ5z0.cjs → ThemeConfiguration-fRsktVs4.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./jsx-runtime-Z_BpKhVy.cjs"),R=require("react"),N=require("@rjsf/validator-ajv8"),E=require("@rjsf/core"),p=require("./ChaiBuilderEditor-GronwWg6.cjs"),r=require("./controls-jWJDao88.cjs"),f=require("lodash-es"),k=require("react-i18next");require("./_commonjsHelpers-wDK0ZLPo.cjs");require("clsx");require("react-dom");require("@radix-ui/react-scroll-area");require("@floating-ui/react-dom");require("jotai");require("i18next");require("flagged");require("./STRINGS-gPz7CUOk.cjs");require("./Functions-N3yhPYKY.cjs");require("tailwind-merge");require("@chaibuilder/runtime");require("@react-hookz/web");require("./MODIFIERS-YPHRtwrM.cjs");require("@radix-ui/react-toggle");require("class-variance-authority");require("./Class-Zc8hpE7f.cjs");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-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("react-hotkeys-hook");require("lucide-react");function M(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const i in t)if(i!=="default"){const l=Object.getOwnPropertyDescriptor(t,i);Object.defineProperty(e,i,l.get?l:{enumerable:!0,get:()=>t[i]})}}return e.default=t,Object.freeze(e)}const m=M(R),P=({value:t,onChange:e,id:i,onBlur:l})=>{const n=f.debounce(e,200),v=u=>n(u.target.value);return a.jsxRuntimeExports.jsx("div",{className:"mt-1.5 flex items-center gap-x-3",children:a.jsxRuntimeExports.jsx("div",{className:"flex w-3/5 flex-col",children:a.jsxRuntimeExports.jsx("input",{type:"color",className:"text-xs p-0",value:t,onBlur:({target:{value:u}})=>l(i,u),onChange:v})})})},x=[{title:"Roboto",value:"Roboto"},{title:"Open Sans",value:"Open Sans"},{title:"Montserrat",value:"Montserrat"},{title:"Lato",value:"Lato"},{title:"Poppins",value:"Poppins"},{title:"Oswald",value:"Oswald"},{title:"Raleway",value:"Raleway"},{title:"Ubuntu",value:"Ubuntu"},{title:"Nunito",value:"Nunito"},{title:"Merriweather",value:"Merriweather"},{title:"Nunito Sans",value:"Nunito Sans"},{title:"Playfair Display",value:"Playfair Display"},{title:"Rubik",value:"Rubik"},{title:"Inter",value:"Inter"},{title:"Lora",value:"Lora"},{title:"Kanit",value:"Kanit"},{title:"Fira Sans",value:"Fira Sans"},{title:"Hind",value:"Hind"},{title:"Quicksand",value:"Quicksand"},{title:"Mulish",value:"Mulish"},{title:"Barlow",value:"Barlow"},{title:"Inconsolata",value:"Inconsolata"},{title:"Titillium Web",value:"Titillium Web"},{title:"Heebo",value:"Heebo"},{title:"IBM Plex Sans",value:"IBM Plex Sans"},{title:"DM Sans",value:"DM Sans"},{title:"Nanum Gothic",value:"Nanum Gothic"},{title:"Karla",value:"Karla"},{title:"Arimo",value:"Arimo"},{title:"Cabin",value:"Cabin"},{title:"Oxygen",value:"Oxygen"},{title:"Overpass",value:"Overpass"},{title:"Assistant",value:"Assistant"},{title:"Tajawal",value:"Tajawal"},{title:"Play",value:"Play"},{title:"Exo",value:"Exo"},{title:"Cinzel",value:"Cinzel"},{title:"Faustina",value:"Faustina"},{title:"Philosopher",value:"Philosopher"},{title:"Gelasio",value:"Gelasio"},{title:"Sofia Sans Condensed",value:"Sofia Sans Condensed"},{title:"Noto Sans Devanagari",value:"Noto Sans Devanagari"},{title:"Actor",value:"Actor"},{title:"Epilogue",value:"Epilogue"},{title:"Glegoo",value:"Glegoo"},{title:"Overlock",value:"Overlock"},{title:"Lustria",value:"Lustria"},{title:"Ovo",value:"Ovo"},{title:"Suranna",value:"Suranna"},{title:"Bebas Neue",value:"Bebas Neue"},{title:"Manrope",value:"Manrope"}],T=()=>{const t=p.useBuilderProp("onSaveBrandingOptions",f.noop),[e,i]=p.useBrandingOptions(),[l]=p.useBlocksContainer(),n=m.useRef(e),{t:v}=k.useTranslation();m.useEffect(()=>()=>{f.isEqual(e,n.current)||t(n.current)},[]);const u=({formData:o},d)=>{d&&(i(o),n.current=o)},{bodyFont:q,headingFont:b,primaryColor:h,bodyTextDarkColor:y,bodyTextLightColor:C,bodyBgDarkColor:S,secondaryColor:j,bodyBgLightColor:O,roundedCorners:B}=e;let s={headingFont:r.y({title:"Heading font",default:b,options:x}),bodyFont:r.y({title:"Body font",default:q,options:x}),roundedCorners:r.c({title:"Rounded Corner",default:parseInt(B||5,10)}),primaryColor:r.f({title:"Primary",default:h}),secondaryColor:r.f({title:"Secondary",default:j})};l||(s={...s,bodyBgLightColor:r.f({title:"Body Background (Light Mode)",default:O}),bodyTextLightColor:r.f({title:"Body Text (Light Mode)",default:y}),bodyBgDarkColor:r.f({title:"Body Background (Dark mode)",default:S}),bodyTextDarkColor:r.f({title:"Body Text (Dark mode)",default:C})});const c={type:"object",properties:{}},g={};return Object.keys(s).forEach(o=>{const d=s[o];return c.properties||(c.properties={}),c.properties[o]=d.schema,g[o]=d.uiSchema,!0}),a.jsxRuntimeExports.jsxs("div",{className:"flex h-full w-60 select-none flex-col",children:[a.jsxRuntimeExports.jsx("div",{className:"rounded-md bg-background/30 p-1",children:a.jsxRuntimeExports.jsx("h1",{className:"px-1 font-semibold",children:v("Theme Configuration")})}),a.jsxRuntimeExports.jsx("div",{className:"-mx-2",children:a.jsxRuntimeExports.jsx(E,{widgets:{color:P},idSeparator:".",autoComplete:"off",omitExtraData:!0,liveOmit:!0,liveValidate:!0,uiSchema:g,schema:c,formData:e,validator:N,onChange:u})})]})};exports.default=T;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./jsx-runtime-Z_BpKhVy.cjs"),R=require("react"),N=require("@rjsf/validator-ajv8"),E=require("@rjsf/core"),p=require("./ChaiBuilderEditor-AIXWnz29.cjs"),r=require("./controls-jWJDao88.cjs"),f=require("lodash-es"),k=require("react-i18next");require("./_commonjsHelpers-wDK0ZLPo.cjs");require("clsx");require("react-dom");require("@radix-ui/react-scroll-area");require("@floating-ui/react-dom");require("jotai");require("i18next");require("flagged");require("./STRINGS-gPz7CUOk.cjs");require("./Functions-N3yhPYKY.cjs");require("tailwind-merge");require("@chaibuilder/runtime");require("@react-hookz/web");require("./MODIFIERS-YPHRtwrM.cjs");require("./utils-K3Zk762G.cjs");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-icons");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("react-hotkeys-hook");require("lucide-react");function M(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const i in t)if(i!=="default"){const l=Object.getOwnPropertyDescriptor(t,i);Object.defineProperty(e,i,l.get?l:{enumerable:!0,get:()=>t[i]})}}return e.default=t,Object.freeze(e)}const m=M(R),P=({value:t,onChange:e,id:i,onBlur:l})=>{const n=f.debounce(e,200),v=u=>n(u.target.value);return a.jsxRuntimeExports.jsx("div",{className:"mt-1.5 flex items-center gap-x-3",children:a.jsxRuntimeExports.jsx("div",{className:"flex w-3/5 flex-col",children:a.jsxRuntimeExports.jsx("input",{type:"color",className:"text-xs p-0",value:t,onBlur:({target:{value:u}})=>l(i,u),onChange:v})})})},x=[{title:"Roboto",value:"Roboto"},{title:"Open Sans",value:"Open Sans"},{title:"Montserrat",value:"Montserrat"},{title:"Lato",value:"Lato"},{title:"Poppins",value:"Poppins"},{title:"Oswald",value:"Oswald"},{title:"Raleway",value:"Raleway"},{title:"Ubuntu",value:"Ubuntu"},{title:"Nunito",value:"Nunito"},{title:"Merriweather",value:"Merriweather"},{title:"Nunito Sans",value:"Nunito Sans"},{title:"Playfair Display",value:"Playfair Display"},{title:"Rubik",value:"Rubik"},{title:"Inter",value:"Inter"},{title:"Lora",value:"Lora"},{title:"Kanit",value:"Kanit"},{title:"Fira Sans",value:"Fira Sans"},{title:"Hind",value:"Hind"},{title:"Quicksand",value:"Quicksand"},{title:"Mulish",value:"Mulish"},{title:"Barlow",value:"Barlow"},{title:"Inconsolata",value:"Inconsolata"},{title:"Titillium Web",value:"Titillium Web"},{title:"Heebo",value:"Heebo"},{title:"IBM Plex Sans",value:"IBM Plex Sans"},{title:"DM Sans",value:"DM Sans"},{title:"Nanum Gothic",value:"Nanum Gothic"},{title:"Karla",value:"Karla"},{title:"Arimo",value:"Arimo"},{title:"Cabin",value:"Cabin"},{title:"Oxygen",value:"Oxygen"},{title:"Overpass",value:"Overpass"},{title:"Assistant",value:"Assistant"},{title:"Tajawal",value:"Tajawal"},{title:"Play",value:"Play"},{title:"Exo",value:"Exo"},{title:"Cinzel",value:"Cinzel"},{title:"Faustina",value:"Faustina"},{title:"Philosopher",value:"Philosopher"},{title:"Gelasio",value:"Gelasio"},{title:"Sofia Sans Condensed",value:"Sofia Sans Condensed"},{title:"Noto Sans Devanagari",value:"Noto Sans Devanagari"},{title:"Actor",value:"Actor"},{title:"Epilogue",value:"Epilogue"},{title:"Glegoo",value:"Glegoo"},{title:"Overlock",value:"Overlock"},{title:"Lustria",value:"Lustria"},{title:"Ovo",value:"Ovo"},{title:"Suranna",value:"Suranna"},{title:"Bebas Neue",value:"Bebas Neue"},{title:"Manrope",value:"Manrope"}],T=()=>{const t=p.useBuilderProp("onSaveBrandingOptions",f.noop),[e,i]=p.useBrandingOptions(),[l]=p.useBlocksContainer(),n=m.useRef(e),{t:v}=k.useTranslation();m.useEffect(()=>()=>{f.isEqual(e,n.current)||t(n.current)},[]);const u=({formData:o},d)=>{d&&(i(o),n.current=o)},{bodyFont:q,headingFont:b,primaryColor:h,bodyTextDarkColor:y,bodyTextLightColor:C,bodyBgDarkColor:S,secondaryColor:j,bodyBgLightColor:O,roundedCorners:B}=e;let s={headingFont:r.y({title:"Heading font",default:b,options:x}),bodyFont:r.y({title:"Body font",default:q,options:x}),roundedCorners:r.c({title:"Rounded Corner",default:parseInt(B||5,10)}),primaryColor:r.f({title:"Primary",default:h}),secondaryColor:r.f({title:"Secondary",default:j})};l||(s={...s,bodyBgLightColor:r.f({title:"Body Background (Light Mode)",default:O}),bodyTextLightColor:r.f({title:"Body Text (Light Mode)",default:y}),bodyBgDarkColor:r.f({title:"Body Background (Dark mode)",default:S}),bodyTextDarkColor:r.f({title:"Body Text (Dark mode)",default:C})});const c={type:"object",properties:{}},g={};return Object.keys(s).forEach(o=>{const d=s[o];return c.properties||(c.properties={}),c.properties[o]=d.schema,g[o]=d.uiSchema,!0}),a.jsxRuntimeExports.jsxs("div",{className:"flex h-full w-60 select-none flex-col",children:[a.jsxRuntimeExports.jsx("div",{className:"rounded-md bg-background/30 p-1",children:a.jsxRuntimeExports.jsx("h1",{className:"px-1 font-semibold",children:v("Theme Configuration")})}),a.jsxRuntimeExports.jsx("div",{className:"-mx-2",children:a.jsxRuntimeExports.jsx(E,{widgets:{color:P},idSeparator:".",autoComplete:"off",omitExtraData:!0,liveOmit:!0,liveValidate:!0,uiSchema:g,schema:c,formData:e,validator:N,onChange:u})})]})};exports.default=T;

package/dist/{Topbar--M5IjXGt.js → Topbar--KrJ6nJg.js}

@@ -1,7 +1,7 @@
 import { j as e } from "./jsx-runtime-WbnYoNE9.js";
 import o, { useMemo as h, Suspense as c } from "react";
 import { FontFamilyIcon as j, EyeOpenIcon as g } from "@radix-ui/react-icons";
-import { h as r, a6 as f, a7 as v, a8 as b, a9 as N, am as S, an as w, aa as l, V as y, B as p, ao as C, E as B, ah as m, ap as A } from "./ChaiBuilderEditor-f4SJU7kK.js";
+import { h as r, a6 as f, a7 as v, a8 as b, a9 as N, am as S, an as w, aa as l, V as y, B as p, ao as C, E as B, ah as m, ap as A } from "./ChaiBuilderEditor-NnMEdW3k.js";
 import { useTranslation as x } from "react-i18next";
 import "./_commonjsHelpers-UyOWmZb0.js";
 import "clsx";
@@ -18,9 +18,9 @@ import "tailwind-merge";
 import "@chaibuilder/runtime";
 import "@react-hookz/web";
 import "./MODIFIERS-cBT31iqE.js";
+import "./utils-iMv3T4WT.js";
 import "@radix-ui/react-toggle";
 import "class-variance-authority";
-import "./Class-6Hz2KzYb.js";
 import "@radix-ui/react-switch";
 import "@radix-ui/react-slot";
 import "@radix-ui/react-accordion";