@chaibuilder/sdk 1.2.65 → 1.2.67

package/dist/{SidePanels-ijaUKSek.js → SidePanels-YpRrvfiH.js}

@@ -1,48 +1,39 @@
-import { j as e } from "./jsx-runtime-WbnYoNE9.js";
-import { KeyboardIcon as R, PlusIcon as S, Component2Icon as J } from "@radix-ui/react-icons";
-import f, { useState as p, useEffect as Y, useMemo as Z, memo as W, lazy as v, Suspense as j } from "react";
-import { useAtom as O } from "jotai";
-import { filter as N, map as B, isNull as X, find as $, isEmpty as q, values as G, each as Q, get as ee } from "lodash-es";
-import { ah as M, aj as H, ad as U, ae as F, af as se, A as re, a as ie, b as te, c as le, d as ae, e as oe, f as ne, g as ce, b8 as de, a0 as me, ba as xe, bw as pe, bx as he, by as ue, bz as fe, bA as K, ai as je, T as ve, v as ge, w as be, bB as E, h as w, aO as ye, B as x, a3 as z, aX as Ne, aY as we, aZ as L, bC as I } from "./index-C7mB4XFm.js";
-import { ListTreeIcon as P, PaletteIcon as ke, DatabaseIcon as Ce } from "lucide-react";
-import { getChaiDataProviders as De, useChaiBlocks as Te } from "@chaibuilder/runtime";
+import { j as e } from "./jsx-runtime-Sp0orL4X.js";
+import { KeyboardIcon as R, PlusIcon as _, Component2Icon as J } from "@radix-ui/react-icons";
+import f, { useMemo as W, useState as p, useEffect as Y, memo as Z, lazy as v, Suspense as j } from "react";
+import { useAtom as M } from "jotai";
+import { filter as y, map as B, isNull as q, isEmpty as G, find as $, values as Q, each as X, get as ee } from "lodash-es";
+import { D as O, n as H, o as F, p as U, q as se, a1 as re, a2 as ie, a3 as te, a4 as le, a5 as ae, a6 as oe, a7 as ne, a8 as ce, a9 as de, m as me, T as xe, d as pe, e as ue, B as x, S as K, E as he, F as fe, G as E, H as z } from "./context-menu-sks9vdzC.js";
+import { u as je, b as ve, E as ge, J as be, a as Ne, d as ye, c as w, e as we } from "./index-Zu-K_BX7.js";
 import { useTranslation as g } from "react-i18next";
-import { E as Ae, J as Pe, a as _e, d as Se } from "./index-lFgDm1oa.js";
-import { O as o } from "./MODIFIERS-fd5XOmum.js";
-import { c as Be } from "./Functions-7jnEwJyw.js";
-import "./_commonjsHelpers-UyOWmZb0.js";
-import "@radix-ui/react-toggle";
-import "class-variance-authority";
-import "./utils-VpVqnC9m.js";
-import "clsx";
-import "tailwind-merge";
+import { ListTreeIcon as A, PaletteIcon as ke, DatabaseIcon as Ce } from "lucide-react";
+import { getChaiDataProviders as De, useChaiBlocks as Te } from "@chaibuilder/runtime";
+import { S as Se, c as Ae, b as Pe, d as _e, f as L } from "./select-JW3OMYm-.js";
+import { O as o } from "./STRINGS--j49GZJP.js";
+import { B as I } from "./badge-pJqQSA13.js";
+import { c as Be } from "./iconBase-zweRWSz0.js";
 import "@radix-ui/react-switch";
-import "@radix-ui/react-slot";
 import "@radix-ui/react-accordion";
+import "class-variance-authority";
 import "@radix-ui/react-alert-dialog";
-import "@radix-ui/react-dialog";
+import "@radix-ui/react-slot";
 import "@radix-ui/react-label";
 import "@radix-ui/react-scroll-area";
 import "@radix-ui/react-tabs";
 import "@radix-ui/react-tooltip";
 import "@radix-ui/react-popover";
-import "@radix-ui/react-menubar";
 import "@radix-ui/react-hover-card";
-import "@radix-ui/react-select";
 import "@radix-ui/react-dropdown-menu";
-import "@radix-ui/react-separator";
 import "@radix-ui/react-toast";
 import "cmdk";
+import "@radix-ui/react-dialog";
 import "@radix-ui/react-context-menu";
-import "react-icons-picker";
-import "react-dom";
-import "react-quill";
+import "clsx";
+import "tailwind-merge";
+import "./plugin-sJ3Hzvpv.js";
 import "@react-hookz/web";
 import "tree-model";
-import "i18next";
-import "react-arborist";
-import "./index-VBXQixVm.js";
-import "prop-types";
+import "react-quill";
 import "react-hotkeys-hook";
 import "@floating-ui/dom";
 import "@floating-ui/react-dom";
@@ -51,35 +42,38 @@ 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 "react-dom";
+import "prop-types";
 import "@rjsf/validator-ajv8";
+import "@rjsf/core";
+import "react-arborist";
+import "himalaya";
+import "react-icons-picker";
 import "react-autosuggest";
 import "fuse.js";
-import "./controls-yjgoZzB6.js";
+import "i18next";
+import "@radix-ui/react-select";
 const Ke = ({ provider: s, onClose: a }) => {
-  const { t } = g(), [l, h] = p(null);
+  const { t } = g(), [l, u] = p(null);
   return Y(() => {
-    s && (s.mockFn ? s.mockFn : s.dataFn)().then((c) => h(c));
-  }, [s]), s ? /* @__PURE__ */ e.jsx(M, { onOpenChange: (d) => d ? "" : a(), defaultOpen: !0, children: /* @__PURE__ */ e.jsxs(H, { children: [
-    /* @__PURE__ */ e.jsxs(U, { children: [
-      /* @__PURE__ */ e.jsxs(F, { children: [
+    s && (s.mockFn ? s.mockFn : s.dataFn)().then((c) => u(c));
+  }, [s]), s ? /* @__PURE__ */ e.jsx(O, { onOpenChange: (d) => d ? "" : a(), defaultOpen: !0, children: /* @__PURE__ */ e.jsxs(H, { children: [
+    /* @__PURE__ */ e.jsxs(F, { children: [
+      /* @__PURE__ */ e.jsxs(U, { children: [
         t("data_provider"),
         ": ",
         s.name
       ] }),
       /* @__PURE__ */ e.jsx(se, { children: s.description })
     ] }),
-    /* @__PURE__ */ e.jsx(Ae, { children: /* @__PURE__ */ e.jsx(
-      Pe,
+    /* @__PURE__ */ e.jsx(ge, { children: /* @__PURE__ */ e.jsx(
+      be,
       {
         data: l,
-        shouldExpandNode: _e,
+        shouldExpandNode: Ne,
         style: {
-          ...Se,
+          ...ye,
           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"
@@ -114,29 +108,29 @@ function Ee({
   ] });
 }
 const ze = () => {
-  const { t: s } = g(), a = Z(() => De(), []), [t, l] = me(), [, h] = O(xe), [d, c] = p(
-    N(a, (r) => B(t, "providerKey").includes(r.providerKey))
-  ), [k, u] = p(""), [C, b] = p(null), D = N(
+  const { t: s } = g(), a = W(() => De(), []), [t, l] = je(), [, u] = M(ve), [d, c] = p(
+    y(a, (r) => B(t, "providerKey").includes(r.providerKey))
+  ), [k, h] = p(""), [C, b] = p(null), D = y(
     a.map((r) => B(d, "providerKey").includes(r.providerKey) ? null : { value: r.providerKey, label: r.name }),
-    (r) => !X(r)
+    (r) => !q(r)
   ), T = (r) => {
     const m = $(a, { providerKey: r });
-    c((i) => [...i, m]), l((i) => [...i, { providerKey: m.providerKey, args: {} }]), u(""), h("UNSAVED");
-  }, y = (r) => {
-    c((m) => N(m, (i) => i.providerKey !== r.providerKey)), l((m) => N(m, (i) => i.providerKey !== r.providerKey)), h("UNSAVED");
+    c((i) => [...i, m]), l((i) => [...i, { providerKey: m.providerKey, args: {} }]), h(""), u("UNSAVED");
+  }, N = (r) => {
+    c((m) => y(m, (i) => i.providerKey !== r.providerKey)), l((m) => y(m, (i) => i.providerKey !== r.providerKey)), u("UNSAVED");
   }, n = (r) => b(r);
-  return q(a) ? /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsxs("p", { className: "mb-1.5 p-4 text-xs text-gray-500", children: [
+  return G(a) ? /* @__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: 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: s("add_data_providers") }) }),
-    /* @__PURE__ */ e.jsx("div", { className: "flex items-center space-x-1", children: /* @__PURE__ */ e.jsxs(pe, { value: k, onValueChange: (r) => T(r), children: [
-      /* @__PURE__ */ e.jsx(he, { className: "w-full", children: /* @__PURE__ */ e.jsx(ue, { placeholder: s("select_provider") }) }),
-      /* @__PURE__ */ e.jsxs(fe, { children: [
-        /* @__PURE__ */ e.jsx(K, { value: "", children: s("choose") }),
-        D.map((r) => /* @__PURE__ */ e.jsx(K, { value: r.value, children: r.label }, r.value))
+    /* @__PURE__ */ e.jsx("div", { className: "flex items-center space-x-1", children: /* @__PURE__ */ e.jsxs(Se, { value: k, onValueChange: (r) => T(r), children: [
+      /* @__PURE__ */ e.jsx(Ae, { className: "w-full", children: /* @__PURE__ */ e.jsx(Pe, { placeholder: s("select_provider") }) }),
+      /* @__PURE__ */ e.jsxs(_e, { children: [
+        /* @__PURE__ */ e.jsx(L, { value: "", children: s("choose") }),
+        D.map((r) => /* @__PURE__ */ e.jsx(L, { value: r.value, children: r.label }, r.value))
       ] })
     ] }) }),
     /* @__PURE__ */ e.jsx("br", {}),
@@ -185,7 +179,7 @@ const ze = () => {
                   ]
                 }
               ),
-              /* @__PURE__ */ e.jsx(Ee, { onRemove: () => y(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.jsx(Ee, { onRemove: () => N(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",
                   {
@@ -216,7 +210,7 @@ const ze = () => {
       /* @__PURE__ */ e.jsx(Ke, { onClose: () => b(null), provider: C })
     ] })
   ] });
-}, Le = W(() => {
+}, Le = Z(() => {
   const { t: s } = g(), a = {
     "ctrl + Z": "Undo",
     "ctrl + Y": "Redo",
@@ -227,37 +221,37 @@ const ze = () => {
     esc: "Deselect blocks",
     del: "Delete block"
   };
-  return /* @__PURE__ */ e.jsxs(M, { children: [
-    /* @__PURE__ */ e.jsx(je, { children: /* @__PURE__ */ e.jsxs(ve, { children: [
-      /* @__PURE__ */ e.jsx(ge, { asChild: !0, children: /* @__PURE__ */ e.jsx("div", { className: "flex w-10 items-center justify-center", children: /* @__PURE__ */ e.jsx(R, {}) }) }),
-      /* @__PURE__ */ e.jsx(be, { children: /* @__PURE__ */ e.jsx("p", { children: s("Keyboard shortcuts") }) })
+  return /* @__PURE__ */ e.jsxs(O, { children: [
+    /* @__PURE__ */ e.jsx(me, { children: /* @__PURE__ */ e.jsxs(xe, { children: [
+      /* @__PURE__ */ e.jsx(pe, { asChild: !0, children: /* @__PURE__ */ e.jsx("div", { className: "flex w-10 items-center justify-center", children: /* @__PURE__ */ e.jsx(R, {}) }) }),
+      /* @__PURE__ */ e.jsx(ue, { children: /* @__PURE__ */ e.jsx("p", { children: s("Keyboard shortcuts") }) })
     ] }) }),
     /* @__PURE__ */ e.jsxs(H, { className: "sm:max-w-[525px]", children: [
-      /* @__PURE__ */ e.jsx(U, { children: /* @__PURE__ */ e.jsx(F, { children: s("Keyboard shortcuts") }) }),
+      /* @__PURE__ */ e.jsx(F, { children: /* @__PURE__ */ e.jsx(U, { 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(a).map((l) => /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-4", children: [
-          /* @__PURE__ */ e.jsx(E, { variant: "outline", className: "border border-gray-600 p-1 px-2", children: s(l) }),
+          /* @__PURE__ */ e.jsx(I, { variant: "outline", className: "border border-gray-600 p-1 px-2", children: s(l) }),
           /* @__PURE__ */ e.jsx("div", { children: s(a[l]) })
         ] }, l)) }),
         /* @__PURE__ */ e.jsx("div", { className: "flex flex-col space-y-2", children: Object.keys(t).map((l) => /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-4", children: [
-          /* @__PURE__ */ e.jsx(E, { variant: "outline", className: "border border-gray-600 p-1 px-2", children: s(l) }),
+          /* @__PURE__ */ e.jsx(I, { variant: "outline", className: "border border-gray-600 p-1 px-2", children: s(l) }),
           /* @__PURE__ */ e.jsx("div", { children: s(t[l]) })
         ] }, l)) })
       ] }) })
     ] })
   ] });
-}), Ie = v(() => import("./index-lFgDm1oa.js").then((s) => s.g)), _ = v(() => import("./index-lFgDm1oa.js").then((s) => s.f)), Ve = v(() => import("./index-lFgDm1oa.js").then((s) => s.h)), Oe = v(() => import("./index-C7mB4XFm.js").then((s) => s.cw)), Me = v(() => import("./UILibrariesPanel-NVUMUPUj.js")), He = () => /* @__PURE__ */ e.jsx("div", { className: "w-72", children: /* @__PURE__ */ e.jsx(j, { fallback: /* @__PURE__ */ e.jsx("div", { className: "h-full w-full animate-pulse rounded-md bg-gray-100" }), children: /* @__PURE__ */ e.jsx(Ie, {}) }) });
+}), Ie = v(() => import("./AddBlocks-mbuhydG3.js")), P = v(() => import("./index-Zu-K_BX7.js").then((s) => s.ad)), Ve = v(() => import("./index-Zu-K_BX7.js").then((s) => s.ac)), Me = v(() => import("./index-Zu-K_BX7.js").then((s) => s.ae)), Oe = v(() => import("./UILibrariesPanel-ES8YzN9C.js")), He = () => /* @__PURE__ */ e.jsx("div", { className: "w-72", children: /* @__PURE__ */ e.jsx(j, { fallback: /* @__PURE__ */ e.jsx("div", { className: "h-full w-full animate-pulse rounded-md bg-gray-100" }), children: /* @__PURE__ */ e.jsx(Ie, {}) }) });
 let V = null;
-const $s = () => {
-  const s = w("sideBarComponents.top", []), a = w("sideBarComponents.bottom", []), [t, l] = O(ye), [h, d] = p(t), [c, k] = p(null), { t: u } = g(), C = w("uiLibraries", []), b = Te(), D = G(b).find((i) => i.category === "custom") !== void 0, T = C.length > 0 || D, y = {
+const Rs = () => {
+  const s = w("sideBarComponents.top", []), a = w("sideBarComponents.bottom", []), [t, l] = M(we), [u, d] = p(t), [c, k] = p(null), { t: h } = g(), C = w("uiLibraries", []), b = Te(), D = Q(b).find((i) => i.category === "custom") !== void 0, T = C.length > 0 || D, N = {
     "add-blocks": He,
-    [o]: _,
+    [o]: P,
     "theme-configuration": Ve,
-    images: Oe,
-    "ui-libraries": Me
+    images: Me,
+    "ui-libraries": Oe
   };
-  Q(s, ({ name: i, panel: A }) => {
-    y[i] = A;
+  X(s, ({ name: i, panel: S }) => {
+    N[i] = S;
   });
   const n = (i) => {
     clearTimeout(V), t !== o && i === o ? V = setTimeout(() => l(o), 500) : d(i), l(i);
@@ -286,7 +280,7 @@ const $s = () => {
               onClick: () => n("add-blocks"),
               size: "sm",
               variant: t === "add-blocks" ? "default" : "outline",
-              children: /* @__PURE__ */ e.jsx(S, { className: "text-xl" })
+              children: /* @__PURE__ */ e.jsx(_, { className: "text-xl" })
             }
           ),
           /* @__PURE__ */ e.jsx(
@@ -304,7 +298,7 @@ const $s = () => {
             onClick: () => n("add-blocks"),
             size: "sm",
             variant: t === "add-blocks" ? "default" : "outline",
-            children: /* @__PURE__ */ e.jsx(S, { className: "text-xl" })
+            children: /* @__PURE__ */ e.jsx(_, { className: "text-xl" })
           }
         ),
         /* @__PURE__ */ e.jsx(
@@ -313,7 +307,7 @@ const $s = () => {
             onClick: () => n(o),
             size: "sm",
             variant: t === o ? "default" : "outline",
-            children: /* @__PURE__ */ e.jsx(P, { className: "w-4" })
+            children: /* @__PURE__ */ e.jsx(A, { className: "w-4" })
           }
         ),
         /* @__PURE__ */ e.jsx(
@@ -326,14 +320,14 @@ const $s = () => {
           }
         ),
         f.Children.toArray(
-          s.map(({ name: i, icon: A }) => /* @__PURE__ */ e.jsx(j, { fallback: /* @__PURE__ */ e.jsx(z, { className: "h-10" }), children: /* @__PURE__ */ e.jsx(
+          s.map(({ name: i, icon: S }) => /* @__PURE__ */ e.jsx(j, { fallback: /* @__PURE__ */ e.jsx(K, { className: "h-10" }), children: /* @__PURE__ */ e.jsx(
             x,
             {
               onClick: () => n(i),
               size: "sm",
               className: "w-10",
               variant: t === i ? "default" : "outline",
-              children: /* @__PURE__ */ e.jsx(A, {})
+              children: /* @__PURE__ */ e.jsx(S, {})
             }
           ) }))
         )
@@ -341,7 +335,7 @@ const $s = () => {
       /* @__PURE__ */ e.jsxs("div", { className: "relative z-[100] flex w-14 flex-col items-center space-y-2 pb-2", children: [
         /* @__PURE__ */ e.jsx(Le, {}),
         f.Children.toArray(
-          a.map((i) => /* @__PURE__ */ e.jsx(j, { fallback: /* @__PURE__ */ e.jsx(z, { className: "h-10" }), children: /* @__PURE__ */ e.jsx(i, {}) }))
+          a.map((i) => /* @__PURE__ */ e.jsx(j, { fallback: /* @__PURE__ */ e.jsx(K, { className: "h-10" }), children: /* @__PURE__ */ e.jsx(i, {}) }))
         )
       ] })
     ] }),
@@ -366,7 +360,7 @@ const $s = () => {
                 onMouseEnter: () => {
                   c && clearTimeout(c);
                 },
-                children: f.createElement(ee(y, t, () => /* @__PURE__ */ e.jsx("div", {})))
+                children: f.createElement(ee(N, t, () => /* @__PURE__ */ e.jsx("div", {})))
               }
             )
           }
@@ -381,32 +375,32 @@ const $s = () => {
           /* @__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: r ? /* @__PURE__ */ e.jsxs(Ne, { defaultValue: o, className: "flex h-full w-full flex-col py-1", children: [
-          /* @__PURE__ */ e.jsxs(we, { className: "mx-1 grid h-10 grid-cols-2", children: [
-            /* @__PURE__ */ e.jsxs(L, { value: o, children: [
-              /* @__PURE__ */ e.jsx(P, { className: "mr-2 h-3" }),
+        children: r ? /* @__PURE__ */ e.jsxs(he, { defaultValue: o, className: "flex h-full w-full flex-col py-1", children: [
+          /* @__PURE__ */ e.jsxs(fe, { className: "mx-1 grid h-10 grid-cols-2", children: [
+            /* @__PURE__ */ e.jsxs(E, { value: o, children: [
+              /* @__PURE__ */ e.jsx(A, { className: "mr-2 h-3" }),
               " ",
-              u("Outline")
+              h("Outline")
             ] }),
-            /* @__PURE__ */ e.jsxs(L, { value: "data-provider", children: [
+            /* @__PURE__ */ e.jsxs(E, { value: "data-provider", children: [
               /* @__PURE__ */ e.jsx(Ce, { className: "mr-2 w-3" }),
-              u("Data")
+              h("Data")
             ] })
           ] }),
-          /* @__PURE__ */ e.jsx(I, { value: o, className: "no-scrollbar h-full flex-1 overflow-y-auto overflow-x-hidden", children: f.createElement(_) }),
-          /* @__PURE__ */ e.jsx(I, { value: "data-provider", className: "flex-1 overflow-y-auto overflow-x-hidden", children: /* @__PURE__ */ e.jsx(ze, {}) })
+          /* @__PURE__ */ e.jsx(z, { value: o, className: "no-scrollbar h-full flex-1 overflow-y-auto overflow-x-hidden", children: f.createElement(P) }),
+          /* @__PURE__ */ e.jsx(z, { value: "data-provider", className: "flex-1 overflow-y-auto overflow-x-hidden", children: /* @__PURE__ */ e.jsx(ze, {}) })
         ] }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
           /* @__PURE__ */ e.jsxs("div", { className: "sticky top-0 -m-1 flex h-fit items-center justify-center border-b bg-gray-100 py-2 pb-[9px] text-sm", children: [
-            /* @__PURE__ */ e.jsx(P, { className: "mr-2 h-3" }),
+            /* @__PURE__ */ e.jsx(A, { className: "mr-2 h-3" }),
             " ",
-            u("Outline")
+            h("Outline")
           ] }),
-          /* @__PURE__ */ e.jsx("div", { className: "no-scrollbar h-full flex-1 overflow-y-auto overflow-x-hidden pt-2", children: f.createElement(_) })
+          /* @__PURE__ */ e.jsx("div", { className: "no-scrollbar h-full flex-1 overflow-y-auto overflow-x-hidden pt-2", children: f.createElement(P) })
         ] })
       }
     ) })
   ] });
 };
 export {
-  $s as default
+  Rs as default
 };

package/dist/{Topbar-vHlnfxPs.js → Topbar-kVBx7pp4.js}

@@ -1,48 +1,23 @@
-import { j as e } from "./jsx-runtime-WbnYoNE9.js";
+import { j as e } from "./jsx-runtime-Sp0orL4X.js";
 import l, { useMemo as h, Suspense as m } from "react";
 import { FontFamilyIcon as j, EyeOpenIcon as f } from "@radix-ui/react-icons";
-import { h as s, bw as g, bx as v, by as b, bz as N, bD as S, bE as w, bA as n, b9 as y, B as c, a2 as C, a3 as p, bF as B } from "./index-C7mB4XFm.js";
-import { F as A } from "./index-lFgDm1oa.js";
+import { S as g, c as v, b as S, d as b, a as N, e as w, f as o } from "./select-JW3OMYm-.js";
+import { c as s, f as y, F as C, g as B } from "./index-Zu-K_BX7.js";
+import { S as A } from "./separator-sgwOa1FE.js";
+import { B as c, S as p } from "./context-menu-sks9vdzC.js";
 import { useTranslation as x } from "react-i18next";
-import "./_commonjsHelpers-UyOWmZb0.js";
-import "@radix-ui/react-toggle";
-import "class-variance-authority";
-import "./utils-VpVqnC9m.js";
+import "@radix-ui/react-select";
 import "lodash-es";
-import "./MODIFIERS-fd5XOmum.js";
+import "jotai";
+import "./iconBase-zweRWSz0.js";
 import "clsx";
 import "tailwind-merge";
-import "@radix-ui/react-switch";
-import "@radix-ui/react-slot";
-import "@radix-ui/react-accordion";
-import "@radix-ui/react-alert-dialog";
-import "@radix-ui/react-dialog";
-import "@radix-ui/react-label";
-import "@radix-ui/react-scroll-area";
-import "@radix-ui/react-tabs";
-import "@radix-ui/react-tooltip";
-import "@radix-ui/react-popover";
-import "@radix-ui/react-menubar";
-import "@radix-ui/react-hover-card";
-import "@radix-ui/react-select";
-import "@radix-ui/react-dropdown-menu";
-import "@radix-ui/react-separator";
-import "@radix-ui/react-toast";
-import "cmdk";
-import "@radix-ui/react-context-menu";
-import "react-icons-picker";
-import "react-dom";
-import "react-quill";
-import "./Functions-7jnEwJyw.js";
 import "@chaibuilder/runtime";
-import "jotai";
+import "./plugin-sJ3Hzvpv.js";
 import "@react-hookz/web";
 import "tree-model";
-import "i18next";
-import "react-arborist";
-import "lucide-react";
-import "./index-VBXQixVm.js";
-import "prop-types";
+import "react-quill";
+import "./STRINGS--j49GZJP.js";
 import "react-hotkeys-hook";
 import "@floating-ui/dom";
 import "@floating-ui/react-dom";
@@ -51,18 +26,38 @@ 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 "react-dom";
+import "prop-types";
 import "@rjsf/validator-ajv8";
+import "@rjsf/core";
+import "react-arborist";
+import "lucide-react";
+import "himalaya";
+import "react-icons-picker";
 import "react-autosuggest";
 import "fuse.js";
-import "./controls-yjgoZzB6.js";
+import "i18next";
+import "@radix-ui/react-scroll-area";
+import "@radix-ui/react-separator";
+import "@radix-ui/react-switch";
+import "@radix-ui/react-accordion";
+import "class-variance-authority";
+import "@radix-ui/react-alert-dialog";
+import "@radix-ui/react-slot";
+import "@radix-ui/react-label";
+import "@radix-ui/react-tabs";
+import "@radix-ui/react-tooltip";
+import "@radix-ui/react-popover";
+import "@radix-ui/react-hover-card";
+import "@radix-ui/react-dropdown-menu";
+import "@radix-ui/react-toast";
+import "cmdk";
+import "@radix-ui/react-dialog";
+import "@radix-ui/react-context-menu";
 const P = () => s("languages", ["en"]), k = () => P().length === 1 ? null : /* @__PURE__ */ e.jsx("div", { className: "flex items-center", children: /* @__PURE__ */ e.jsxs(g, { children: [
   /* @__PURE__ */ e.jsx(v, { className: "w-[150px] border-0", children: /* @__PURE__ */ e.jsx(
-    b,
+    S,
     {
       placeholder: /* @__PURE__ */ e.jsxs("span", { className: "flex items-center", children: [
         /* @__PURE__ */ e.jsx(j, { className: "h-4 w-4" }),
@@ -70,16 +65,16 @@ const P = () => s("languages", ["en"]), k = () => P().length === 1 ? null : /* @
       ] })
     }
   ) }),
-  /* @__PURE__ */ e.jsx(N, { children: /* @__PURE__ */ e.jsxs(S, { children: [
+  /* @__PURE__ */ e.jsx(b, { children: /* @__PURE__ */ e.jsxs(N, { children: [
     /* @__PURE__ */ e.jsx(w, { children: "Fruits" }),
-    /* @__PURE__ */ e.jsx(n, { value: "apple", children: "Apple" }),
-    /* @__PURE__ */ e.jsx(n, { value: "banana", children: "Banana" }),
-    /* @__PURE__ */ e.jsx(n, { value: "blueberry", children: "Blueberry" }),
-    /* @__PURE__ */ e.jsx(n, { value: "grapes", children: "Grapes" }),
-    /* @__PURE__ */ e.jsx(n, { value: "pineapple", children: "Pineapple" })
+    /* @__PURE__ */ e.jsx(o, { value: "apple", children: "Apple" }),
+    /* @__PURE__ */ e.jsx(o, { value: "banana", children: "Banana" }),
+    /* @__PURE__ */ e.jsx(o, { value: "blueberry", children: "Blueberry" }),
+    /* @__PURE__ */ e.jsx(o, { value: "grapes", children: "Grapes" }),
+    /* @__PURE__ */ e.jsx(o, { value: "pineapple", children: "Pineapple" })
   ] }) })
-] }) }), E = () => {
-  const { savePage: i, saveState: t } = y(), { t: a } = x(), o = s("hideSaveButton", !1), r = h(() => {
+] }) }), I = () => {
+  const { savePage: i, saveState: t } = y(), { t: a } = x(), n = s("hideSaveButton", !1), r = h(() => {
     switch (t) {
       case "SAVING":
         return "animate-pulse bg-gray-300 text-gray-900";
@@ -89,7 +84,7 @@ const P = () => s("languages", ["en"]), k = () => P().length === 1 ? null : /* @
         return "bg-gray-200 text-gray-500 hover:bg-gray-100";
     }
   }, [t]);
-  if (o)
+  if (n)
     return null;
   const u = /* @__PURE__ */ e.jsxs(
     c,
@@ -102,14 +97,14 @@ const P = () => s("languages", ["en"]), k = () => P().length === 1 ? null : /* @
       size: "sm",
       variant: "outline",
       children: [
-        /* @__PURE__ */ e.jsx(A, { className: "text-lg" }),
+        /* @__PURE__ */ e.jsx(C, { className: "text-lg" }),
         /* @__PURE__ */ e.jsx("span", { className: "text-sm", children: t === "SAVING" ? "Saving..." : a(t === "SAVED" ? "Saved" : "Unsaved") })
       ]
     }
   );
   return /* @__PURE__ */ e.jsx("div", { className: "flex items-center", children: u });
-}, F = function() {
-  const t = s("previewComponent"), [, a] = C(), { t: o } = x();
+}, V = function() {
+  const t = s("previewComponent"), [, a] = B(), { t: n } = x();
   return t ? /* @__PURE__ */ e.jsxs(
     c,
     {
@@ -121,12 +116,12 @@ const P = () => s("languages", ["en"]), k = () => P().length === 1 ? null : /* @
       variant: "outline",
       children: [
         /* @__PURE__ */ e.jsx(f, { className: "text-xs" }),
-        /* @__PURE__ */ e.jsx("span", { className: "text-sm", children: o("Preview") })
+        /* @__PURE__ */ e.jsx("span", { className: "text-sm", children: n("Preview") })
       ]
     }
   ) : null;
-}, Re = () => {
-  const i = s("topBarComponents.left", []), t = s("topBarComponents.center", []), a = s("topBarComponents.right", []), o = s("editable", !0);
+}, De = () => {
+  const i = s("topBarComponents.left", []), t = s("topBarComponents.center", []), a = s("topBarComponents.right", []), n = s("editable", !0);
   return /* @__PURE__ */ e.jsxs("div", { className: "flex h-14 items-center justify-between px-2", children: [
     /* @__PURE__ */ e.jsx("div", { className: "flex items-center space-x-2", children: /* @__PURE__ */ e.jsx("div", { className: "flex items-center space-x-2 font-bold", children: l.Children.toArray(
       i.map((r) => /* @__PURE__ */ e.jsx(m, { fallback: /* @__PURE__ */ e.jsx(p, { className: "h-10" }), children: /* @__PURE__ */ e.jsx(r, {}) }))
@@ -136,9 +131,9 @@ const P = () => s("languages", ["en"]), k = () => P().length === 1 ? null : /* @
     ) }),
     /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
       /* @__PURE__ */ e.jsx(k, {}),
-      /* @__PURE__ */ e.jsx(F, {}),
-      /* @__PURE__ */ e.jsx(B, { orientation: "vertical" }),
-      o ? /* @__PURE__ */ e.jsx(E, {}) : null,
+      /* @__PURE__ */ e.jsx(V, {}),
+      /* @__PURE__ */ e.jsx(A, { orientation: "vertical" }),
+      n ? /* @__PURE__ */ e.jsx(I, {}) : null,
       l.Children.toArray(
         a.map((r) => /* @__PURE__ */ e.jsx(m, { fallback: /* @__PURE__ */ e.jsx(p, { className: "h-10" }), children: /* @__PURE__ */ e.jsx(r, {}) }))
       )
@@ -146,5 +141,5 @@ const P = () => s("languages", ["en"]), k = () => P().length === 1 ? null : /* @
   ] });
 };
 export {
-  Re as default
+  De as default
 };

package/dist/Topbar-veJ2_blW.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-JYMCiFoE.cjs"),i=require("react"),o=require("@radix-ui/react-icons"),r=require("./select-fXj5tdMX.cjs"),s=require("./index-5hfuDpYs.cjs"),j=require("./separator-hT24N-xp.cjs"),l=require("./context-menu-_8TFbFEJ.cjs"),c=require("react-i18next");require("@radix-ui/react-select");require("lodash-es");require("jotai");require("./iconBase-vJD0OXxU.cjs");require("clsx");require("tailwind-merge");require("@chaibuilder/runtime");require("./plugin-_F-KZp1i.cjs");require("@react-hookz/web");require("tree-model");require("react-quill");require("./STRINGS-gPz7CUOk.cjs");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("react-wrap-balancer");require("react-dom");require("prop-types");require("@rjsf/validator-ajv8");require("@rjsf/core");require("react-arborist");require("lucide-react");require("himalaya");require("react-icons-picker");require("react-autosuggest");require("fuse.js");require("i18next");require("@radix-ui/react-scroll-area");require("@radix-ui/react-separator");require("@radix-ui/react-switch");require("@radix-ui/react-accordion");require("class-variance-authority");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-slot");require("@radix-ui/react-label");require("@radix-ui/react-tabs");require("@radix-ui/react-tooltip");require("@radix-ui/react-popover");require("@radix-ui/react-hover-card");require("@radix-ui/react-dropdown-menu");require("@radix-ui/react-toast");require("cmdk");require("@radix-ui/react-dialog");require("@radix-ui/react-context-menu");const d=()=>s.useBuilderProp("languages",["en"]),q=()=>d().length===1?null:e.jsxRuntimeExports.jsx("div",{className:"flex items-center",children:e.jsxRuntimeExports.jsxs(r.Select,{children:[e.jsxRuntimeExports.jsx(r.SelectTrigger,{className:"w-[150px] border-0",children:e.jsxRuntimeExports.jsx(r.SelectValue,{placeholder:e.jsxRuntimeExports.jsxs("span",{className:"flex items-center",children:[e.jsxRuntimeExports.jsx(o.FontFamilyIcon,{className:"h-4 w-4"})," English(US)"]})})}),e.jsxRuntimeExports.jsx(r.SelectContent,{children:e.jsxRuntimeExports.jsxs(r.SelectGroup,{children:[e.jsxRuntimeExports.jsx(r.SelectLabel,{children:"Fruits"}),e.jsxRuntimeExports.jsx(r.SelectItem,{value:"apple",children:"Apple"}),e.jsxRuntimeExports.jsx(r.SelectItem,{value:"banana",children:"Banana"}),e.jsxRuntimeExports.jsx(r.SelectItem,{value:"blueberry",children:"Blueberry"}),e.jsxRuntimeExports.jsx(r.SelectItem,{value:"grapes",children:"Grapes"}),e.jsxRuntimeExports.jsx(r.SelectItem,{value:"pineapple",children:"Pineapple"})]})})]})}),h=()=>{const{savePage:x,saveState:t}=s.useSavePage(),{t:u}=c.useTranslation(),a=s.useBuilderProp("hideSaveButton",!1),n=i.useMemo(()=>{switch(t){case"SAVING":return"animate-pulse bg-gray-300 text-gray-900";case"SAVED":return"bg-green-500 text-white hover:bg-green-600 hover:text-white";default:return"bg-gray-200 text-gray-500 hover:bg-gray-100"}},[t]);if(a)return null;const p=e.jsxRuntimeExports.jsxs(l.Button,{disabled:t==="SAVING",onClick:m=>{m.preventDefault(),x()},className:`flex h-auto w-fit items-center gap-x-2 rounded-full p-1.5 px-3 ${n}`,size:"sm",variant:"outline",children:[e.jsxRuntimeExports.jsx(s.FaCircleCheck,{className:"text-lg"}),e.jsxRuntimeExports.jsx("span",{className:"text-sm",children:t==="SAVING"?"Saving...":u(t==="SAVED"?"Saved":"Unsaved")})]});return e.jsxRuntimeExports.jsx("div",{className:"flex items-center",children:p})},E=function(){const t=s.useBuilderProp("previewComponent"),[,u]=s.usePreviewMode(),{t:a}=c.useTranslation();return t?e.jsxRuntimeExports.jsxs(l.Button,{onClick:n=>{n.preventDefault(),u(!0)},className:"flex h-auto w-fit items-center gap-x-2 rounded-full bg-gray-200 px-3 py-1",size:"sm",variant:"outline",children:[e.jsxRuntimeExports.jsx(o.EyeOpenIcon,{className:"text-xs"}),e.jsxRuntimeExports.jsx("span",{className:"text-sm",children:a("Preview")})]}):null},R=()=>{const x=s.useBuilderProp("topBarComponents.left",[]),t=s.useBuilderProp("topBarComponents.center",[]),u=s.useBuilderProp("topBarComponents.right",[]),a=s.useBuilderProp("editable",!0);return e.jsxRuntimeExports.jsxs("div",{className:"flex h-14 items-center justify-between px-2",children:[e.jsxRuntimeExports.jsx("div",{className:"flex items-center space-x-2",children:e.jsxRuntimeExports.jsx("div",{className:"flex items-center space-x-2 font-bold",children:i.Children.toArray(x.map(n=>e.jsxRuntimeExports.jsx(i.Suspense,{fallback:e.jsxRuntimeExports.jsx(l.Skeleton,{className:"h-10"}),children:e.jsxRuntimeExports.jsx(n,{})})))})}),e.jsxRuntimeExports.jsx("div",{className:"flex items-center space-x-2",children:i.Children.toArray(t.map(n=>e.jsxRuntimeExports.jsx(i.Suspense,{fallback:e.jsxRuntimeExports.jsx(l.Skeleton,{className:"h-10"}),children:e.jsxRuntimeExports.jsx(n,{})})))}),e.jsxRuntimeExports.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsxRuntimeExports.jsx(q,{}),e.jsxRuntimeExports.jsx(E,{}),e.jsxRuntimeExports.jsx(j.Separator,{orientation:"vertical"}),a?e.jsxRuntimeExports.jsx(h,{}):null,i.Children.toArray(u.map(n=>e.jsxRuntimeExports.jsx(i.Suspense,{fallback:e.jsxRuntimeExports.jsx(l.Skeleton,{className:"h-10"}),children:e.jsxRuntimeExports.jsx(n,{})})))]})]})};exports.default=R;