@chaibuilder/sdk 1.2.17 → 1.2.19

package/dist/{SidePanels-u5QXQrWL.js → SidePanels-O52zKXbH.js}

@@ -1,19 +1,20 @@
 import { j as e } from "./jsx-runtime-WbnYoNE9.js";
-import { KeyboardIcon as U, PlusIcon as J, Half2Icon as q } from "@radix-ui/react-icons";
-import j, { useState as p, useEffect as Y, useMemo as Z, lazy as w, Suspense as y } from "react";
-import { useAtom as M } from "jotai";
-import { filter as N, map as K, isNull as $, find as G, isEmpty as Q, each as W, get as X } from "lodash-es";
-import { ad as H, ae as F, af as L, ag as R, ah as ee, A as se, a as re, b as le, c as ae, d as ie, e as te, f as oe, g as ne, ai as ce, y as de, C as me, aj as xe, ak as pe, al as he, am as ue, an as E, ao as fe, ap as je, aq as ve, B as v, ar as ge, as as B, h as T, at as be, S as z, au as V, av as O, aw as S, ax as _ } from "./index-MaXiXghQ.js";
-import { ListTreeIcon as A, DatabaseIcon as ye } from "lucide-react";
-import { getChaiDataProviders as Ne } from "@chaibuilder/runtime";
-import { useTranslation as g } from "react-i18next";
-import { J as we, a as ke, d as Ce } from "./index-e0c8PmRQ.js";
-import { E as De } from "./index-eyVVbA05.js";
-import { c as Te } from "./Functions-7jnEwJyw.js";
+import { KeyboardIcon as J, PlusIcon as q, Half2Icon as Y } from "@radix-ui/react-icons";
+import v, { useState as p, useEffect as Z, useMemo as $, lazy as b, Suspense as N } from "react";
+import { useAtom as H } from "jotai";
+import { filter as w, map as E, isNull as G, find as Q, isEmpty as W, each as X, get as ee } from "lodash-es";
+import { ad as F, ae as L, af as R, ag as U, ah as se, A as re, a as ae, b as le, c as ie, d as te, e as oe, f as ne, g as ce, ai as de, y as me, C as xe, aj as pe, ak as he, al as ue, am as fe, an as B, ao as je, ap as ve, aq as ge, B as g, ar as be, as as z, h as T, at as ye, S as V, au as O, av as I, aw as A, ax as S } from "./index-WP7IRkij.js";
+import { ListTreeIcon as _, DatabaseIcon as Ne } from "lucide-react";
+import { getChaiDataProviders as we } from "@chaibuilder/runtime";
+import { useTranslation as y } from "react-i18next";
+import { J as ke, a as Ce, d as De } from "./index-e0c8PmRQ.js";
+import { E as Te } from "./index-yILWlilS.js";
+import { c as Ae } from "./Functions-7jnEwJyw.js";
 import { O as i } from "./MODIFIERS-WQdaNvb8.js";
+import { useFeature as Se } from "flagged";
 import "./_commonjsHelpers-UyOWmZb0.js";
-import "flat-to-nested";
 import "@react-hookz/web";
+import "flat-to-nested";
 import "@radix-ui/react-toggle";
 import "class-variance-authority";
 import "./Class-3k8xjeiM.js";
@@ -40,33 +41,33 @@ import "@radix-ui/react-context-menu";
 import "react-icons-picker";
 import "react-dom";
 import "react-quill";
+import "lodash";
 import "i18next";
 import "@floating-ui/react-dom";
 import "react-textarea-autosize";
-import "flagged";
 import "react-dnd";
 import "@minoru/react-dnd-treeview";
 import "react-hotkeys-hook";
-const Se = ({ provider: s, onClose: o }) => {
-  const { t: l } = g(), [a, h] = p(null);
-  return Y(() => {
+const _e = ({ provider: s, onClose: o }) => {
+  const { t: a } = y(), [l, h] = p(null);
+  return Z(() => {
     s && (s.mockFn ? s.mockFn : s.dataFn)().then((n) => h(n));
-  }, [s]), s ? /* @__PURE__ */ e.jsx(H, { onOpenChange: (d) => d ? "" : o(), defaultOpen: !0, children: /* @__PURE__ */ e.jsxs(F, { children: [
-    /* @__PURE__ */ e.jsxs(L, { children: [
-      /* @__PURE__ */ e.jsxs(R, { children: [
-        l("data_provider"),
+  }, [s]), s ? /* @__PURE__ */ e.jsx(F, { onOpenChange: (c) => c ? "" : o(), defaultOpen: !0, children: /* @__PURE__ */ e.jsxs(L, { children: [
+    /* @__PURE__ */ e.jsxs(R, { children: [
+      /* @__PURE__ */ e.jsxs(U, { children: [
+        a("data_provider"),
         ": ",
         s.name
       ] }),
-      /* @__PURE__ */ e.jsx(ee, { children: s.description })
+      /* @__PURE__ */ e.jsx(se, { children: s.description })
     ] }),
-    /* @__PURE__ */ e.jsx(De, { children: /* @__PURE__ */ e.jsx(
-      we,
+    /* @__PURE__ */ e.jsx(Te, { children: /* @__PURE__ */ e.jsx(
+      ke,
       {
-        data: a,
-        shouldExpandNode: ke,
+        data: l,
+        shouldExpandNode: Ce,
         style: {
-          ...Ce,
+          ...De,
           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"
@@ -75,64 +76,64 @@ const Se = ({ provider: s, onClose: o }) => {
     ) })
   ] }) }) : null;
 };
-function _e({
+function Pe({
   children: s,
   name: o,
-  onRemove: l
+  onRemove: a
 }) {
-  const { t: a } = g();
-  return /* @__PURE__ */ e.jsxs(se, { children: [
-    /* @__PURE__ */ e.jsx(re, { asChild: !0, children: s }),
+  const { t: l } = y();
+  return /* @__PURE__ */ e.jsxs(re, { children: [
+    /* @__PURE__ */ e.jsx(ae, { asChild: !0, children: s }),
     /* @__PURE__ */ e.jsxs(le, { children: [
-      /* @__PURE__ */ e.jsxs(ae, { children: [
+      /* @__PURE__ */ e.jsxs(ie, { children: [
         /* @__PURE__ */ e.jsx(
-          ie,
+          te,
           {
-            dangerouslySetInnerHTML: { __html: a("remove_provider_confirmation").replace("{name}", o) }
+            dangerouslySetInnerHTML: { __html: l("remove_provider_confirmation").replace("{name}", o) }
           }
         ),
-        /* @__PURE__ */ e.jsx(te, { children: a("remove_provider_warning") })
+        /* @__PURE__ */ e.jsx(oe, { children: l("remove_provider_warning") })
       ] }),
-      /* @__PURE__ */ e.jsxs(oe, { children: [
-        /* @__PURE__ */ e.jsx(ne, { children: a("cancel") }),
-        /* @__PURE__ */ e.jsx(ce, { onClick: l, className: "bg-red-600 hover:bg-red-700", children: a("remove") })
+      /* @__PURE__ */ e.jsxs(ne, { children: [
+        /* @__PURE__ */ e.jsx(ce, { children: l("cancel") }),
+        /* @__PURE__ */ e.jsx(de, { onClick: a, className: "bg-red-600 hover:bg-red-700", children: l("remove") })
       ] })
     ] })
   ] });
 }
-const Ae = () => {
-  const { t: s } = g(), o = Z(() => Ne(), []), [l, a] = de(), [, h] = M(me), [d, n] = p(
-    N(o, (r) => K(l, "providerKey").includes(r.providerKey))
-  ), [k, u] = p(""), [b, c] = p(null), C = N(
-    o.map((r) => K(d, "providerKey").includes(r.providerKey) ? null : { value: r.providerKey, label: r.name }),
-    (r) => !$(r)
-  ), D = (r) => {
-    const x = G(o, { providerKey: r });
-    n((m) => [...m, x]), a((m) => [...m, { providerKey: x.providerKey, args: {} }]), u(""), h("UNSAVED");
-  }, t = (r) => {
-    n((x) => N(x, (m) => m.providerKey !== r.providerKey)), a((x) => N(x, (m) => m.providerKey !== r.providerKey)), h("UNSAVED");
-  }, f = (r) => c(r);
-  return Q(o) ? /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsxs("p", { className: "mb-1.5 p-4 text-xs text-gray-500", children: [
+const Ke = () => {
+  const { t: s } = y(), o = $(() => we(), []), [a, l] = me(), [, h] = H(xe), [c, n] = p(
+    w(o, (r) => E(a, "providerKey").includes(r.providerKey))
+  ), [k, u] = p(""), [f, j] = p(null), d = w(
+    o.map((r) => E(c, "providerKey").includes(r.providerKey) ? null : { value: r.providerKey, label: r.name }),
+    (r) => !G(r)
+  ), C = (r) => {
+    const x = Q(o, { providerKey: r });
+    n((m) => [...m, x]), l((m) => [...m, { providerKey: x.providerKey, args: {} }]), u(""), h("UNSAVED");
+  }, D = (r) => {
+    n((x) => w(x, (m) => m.providerKey !== r.providerKey)), l((x) => w(x, (m) => m.providerKey !== r.providerKey)), h("UNSAVED");
+  }, t = (r) => j(r);
+  return W(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: 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(xe, { value: k, onValueChange: (r) => D(r), children: [
-      /* @__PURE__ */ e.jsx(pe, { className: "w-full", children: /* @__PURE__ */ e.jsx(he, { placeholder: s("select_provider") }) }),
-      /* @__PURE__ */ e.jsxs(ue, { children: [
-        /* @__PURE__ */ e.jsx(E, { value: "", children: s("choose") }),
-        C.map((r) => /* @__PURE__ */ e.jsx(E, { value: r.value, children: r.label }, r.value))
+    /* @__PURE__ */ e.jsx("div", { className: "flex items-center space-x-1", children: /* @__PURE__ */ e.jsxs(pe, { value: k, onValueChange: (r) => C(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(B, { value: "", children: s("choose") }),
+        d.map((r) => /* @__PURE__ */ e.jsx(B, { 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("div", { className: `border-t ${c.length ? "block" : "hidden"}`, children: [
       /* @__PURE__ */ e.jsxs("p", { className: "flex-1 pb-1.5 pt-4 text-xs font-medium text-gray-500", children: [
         s("page_data_providers"),
         ":"
       ] }),
-      /* @__PURE__ */ e.jsx("div", { className: "space-y-2", children: d.map((r) => /* @__PURE__ */ e.jsxs(
+      /* @__PURE__ */ e.jsx("div", { className: "space-y-2", children: c.map((r) => /* @__PURE__ */ e.jsxs(
         "div",
         {
           className: "w-full rounded-lg border bg-card text-card-foreground shadow-sm",
@@ -146,7 +147,7 @@ const Ae = () => {
               /* @__PURE__ */ e.jsxs(
                 "button",
                 {
-                  onClick: () => f(r),
+                  onClick: () => t(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(
@@ -172,7 +173,7 @@ const Ae = () => {
                   ]
                 }
               ),
-              /* @__PURE__ */ e.jsx(_e, { onRemove: () => t(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(Pe, { onRemove: () => D(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",
                   {
@@ -200,126 +201,126 @@ const Ae = () => {
         },
         r.providerKey
       )) }),
-      /* @__PURE__ */ e.jsx(Se, { onClose: () => c(null), provider: b })
+      /* @__PURE__ */ e.jsx(_e, { onClose: () => j(null), provider: f })
     ] })
   ] });
-}, Pe = () => {
-  const { t: s } = g(), o = {
+}, Ee = () => {
+  const { t: s } = y(), o = {
     "ctrl + Z": "Undo",
     "ctrl + Y": "Redo",
     "ctrl + D": "Duplicate"
-  }, l = {
+  }, a = {
     // "ctrl + /": "Rename block",
     "ctrl + S": "Save page",
     esc: "Deselect blocks",
     del: "Delete block"
   };
-  return /* @__PURE__ */ e.jsxs(H, { children: [
-    /* @__PURE__ */ e.jsx(fe, { children: /* @__PURE__ */ e.jsxs(je, { children: [
-      /* @__PURE__ */ e.jsx(ve, { children: /* @__PURE__ */ e.jsx(v, { size: "sm", className: "w-10", variant: "outline", children: /* @__PURE__ */ e.jsx(U, {}) }) }),
-      /* @__PURE__ */ e.jsx(ge, { children: /* @__PURE__ */ e.jsx("p", { children: s("Keyboard shortcuts") }) })
+  return /* @__PURE__ */ e.jsxs(F, { children: [
+    /* @__PURE__ */ e.jsx(je, { children: /* @__PURE__ */ e.jsxs(ve, { children: [
+      /* @__PURE__ */ e.jsx(ge, { children: /* @__PURE__ */ e.jsx(g, { size: "sm", className: "w-10", variant: "outline", children: /* @__PURE__ */ e.jsx(J, {}) }) }),
+      /* @__PURE__ */ e.jsx(be, { children: /* @__PURE__ */ e.jsx("p", { children: s("Keyboard shortcuts") }) })
     ] }) }),
-    /* @__PURE__ */ e.jsxs(F, { className: "sm:max-w-[525px]", children: [
-      /* @__PURE__ */ e.jsx(L, { children: /* @__PURE__ */ e.jsx(R, { children: s("Keyboard shortcuts") }) }),
+    /* @__PURE__ */ e.jsxs(L, { className: "sm:max-w-[525px]", children: [
+      /* @__PURE__ */ e.jsx(R, { 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(o).map((a) => /* @__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: s(a) }),
-          /* @__PURE__ */ e.jsx("div", { children: s(o[a]) })
-        ] })) }),
-        /* @__PURE__ */ e.jsx("div", { className: "flex flex-col space-y-2", children: Object.keys(l).map((a) => /* @__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: s(a) }),
-          /* @__PURE__ */ e.jsx("div", { children: s(l[a]) })
+        /* @__PURE__ */ e.jsx("div", { className: "mr-8 flex flex-col space-y-2 border-r border-gray-200", children: Object.keys(o).map((l) => /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-4", children: [
+          /* @__PURE__ */ e.jsx(z, { variant: "outline", className: "border border-gray-600 p-1 px-2", children: s(l) }),
+          /* @__PURE__ */ e.jsx("div", { children: s(o[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(z, { variant: "outline", className: "border border-gray-600 p-1 px-2", children: s(l) }),
+          /* @__PURE__ */ e.jsx("div", { children: s(a[l]) })
         ] })) })
       ] }) })
     ] })
   ] });
-}, Ke = w(() => import("./AddBlocks--SllKzEG.js")), P = w(() => import("./Outline-3IPrK7F-.js")), Ee = w(() => import("./BrandingOptions-IqtZrxqX.js")), Be = w(() => import("./index-MaXiXghQ.js").then((s) => s.cq));
-let I = null;
-const As = () => {
-  const s = T("sideBarComponents.top", []), o = T("sideBarComponents.bottom", []), [l, a] = M(be), [h, d] = p(l), [n, k] = p(null), { t: u } = g(), b = {
-    "add-blocks": Ke,
-    [i]: P,
-    "branding-options": Ee,
-    images: Be
+}, Be = b(() => import("./AddBlocks-gcTaEIKO.js")), P = b(() => import("./Outline-HI6-c9nf.js")), K = b(() => import("./ListTree-k-QMO740.js")), ze = b(() => import("./BrandingOptions-bfiFY0VR.js")), Ve = b(() => import("./index-WP7IRkij.js").then((s) => s.cq));
+let M = null;
+const Es = () => {
+  const s = T("sideBarComponents.top", []), o = T("sideBarComponents.bottom", []), [a, l] = H(ye), [h, c] = p(a), [n, k] = p(null), { t: u } = y(), f = Se("arborist"), j = {
+    "add-blocks": Be,
+    [i]: f ? K : P,
+    "branding-options": ze,
+    images: Ve
   };
-  W(s, ({ name: t, panel: f }) => {
-    b[t] = f;
+  X(s, ({ name: t, panel: r }) => {
+    j[t] = r;
   });
-  const c = (t) => {
-    clearTimeout(I), l !== i && t === i ? I = setTimeout(() => a(i), 500) : d(t), a(t);
+  const d = (t) => {
+    clearTimeout(M), a !== i && t === i ? M = setTimeout(() => l(i), 500) : c(t), l(t);
   }, C = T("dataBindingSupport", !1);
   function D() {
     const t = setTimeout(() => {
-      n && (c(i), clearTimeout(n));
+      n && (d(i), clearTimeout(n));
     }, 500);
     k(t);
   }
   return /* @__PURE__ */ e.jsxs("div", { className: "relative flex", children: [
-    l !== i ? /* @__PURE__ */ e.jsx(
+    a !== i ? /* @__PURE__ */ e.jsx(
       "div",
       {
         onMouseEnter: D,
-        onClick: () => c(i),
+        onClick: () => d(i),
         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: [
         /* @__PURE__ */ e.jsx(
-          v,
+          g,
           {
             onClick: () => {
-              c("add-blocks");
+              d("add-blocks");
             },
             size: "sm",
-            variant: l === "add-blocks" ? "default" : "outline",
-            children: /* @__PURE__ */ e.jsx(J, { className: "text-xl" })
+            variant: a === "add-blocks" ? "default" : "outline",
+            children: /* @__PURE__ */ e.jsx(q, { className: "text-xl" })
           }
         ),
         /* @__PURE__ */ e.jsx(
-          v,
+          g,
           {
-            onClick: () => c(i),
+            onClick: () => d(i),
             size: "sm",
-            variant: l === i ? "default" : "outline",
-            children: /* @__PURE__ */ e.jsx(A, { className: "w-4" })
+            variant: a === i ? "default" : "outline",
+            children: /* @__PURE__ */ e.jsx(_, { className: "w-4" })
           }
         ),
         /* @__PURE__ */ e.jsx(
-          v,
+          g,
           {
-            onClick: () => c("branding-options"),
+            onClick: () => d("branding-options"),
             size: "sm",
-            variant: l === "branding-options" ? "default" : "outline",
-            children: /* @__PURE__ */ e.jsx(q, { className: "w-4 max-w-[40px] text-xs" })
+            variant: a === "branding-options" ? "default" : "outline",
+            children: /* @__PURE__ */ e.jsx(Y, { className: "w-4 max-w-[40px] text-xs" })
           }
         ),
-        j.Children.toArray(
-          s.map(({ name: t, icon: f }) => /* @__PURE__ */ e.jsx(y, { fallback: /* @__PURE__ */ e.jsx(z, { className: "h-10" }), children: /* @__PURE__ */ e.jsx(
-            v,
+        v.Children.toArray(
+          s.map(({ name: t, icon: r }) => /* @__PURE__ */ e.jsx(N, { fallback: /* @__PURE__ */ e.jsx(V, { className: "h-10" }), children: /* @__PURE__ */ e.jsx(
+            g,
             {
-              onClick: () => c(t),
+              onClick: () => d(t),
               size: "sm",
               className: "w-10",
-              variant: l === t ? "default" : "outline",
-              children: /* @__PURE__ */ e.jsx(f, {})
+              variant: a === t ? "default" : "outline",
+              children: /* @__PURE__ */ e.jsx(r, {})
             }
           ) }))
         )
       ] }),
       /* @__PURE__ */ e.jsxs("div", { className: "relative z-[100] flex w-14 flex-col items-center space-y-2 pb-2", children: [
-        /* @__PURE__ */ e.jsx(Pe, {}),
-        j.Children.toArray(
-          o.map((t) => /* @__PURE__ */ e.jsx(y, { fallback: /* @__PURE__ */ e.jsx(z, { className: "h-10" }), children: /* @__PURE__ */ e.jsx(t, {}) }))
+        /* @__PURE__ */ e.jsx(Ee, {}),
+        v.Children.toArray(
+          o.map((t) => /* @__PURE__ */ e.jsx(N, { fallback: /* @__PURE__ */ e.jsx(V, { className: "h-10" }), children: /* @__PURE__ */ e.jsx(t, {}) }))
         )
       ] })
     ] }),
     /* @__PURE__ */ e.jsx(
       "div",
       {
-        className: `absolute left-14 z-[50] h-full w-96 border-r bg-background duration-500 ease-in-out ${l !== i ? "translate-x-0" : "-translate-x-full"}`,
+        className: `absolute left-14 z-[50] h-full w-96 border-r bg-background duration-500 ease-in-out ${a !== i ? "translate-x-0" : "-translate-x-full"}`,
         children: /* @__PURE__ */ e.jsx(
-          y,
+          N,
           {
             fallback: /* @__PURE__ */ e.jsxs("div", { className: "flex animate-pulse flex-col gap-y-2 bg-white p-4", children: [
               /* @__PURE__ */ e.jsx("div", { className: "h-6 w-1/2 bg-gray-300" }),
@@ -329,14 +330,14 @@ const As = () => {
             children: /* @__PURE__ */ e.jsx(
               "div",
               {
-                className: Te(
+                className: Ae(
                   "relative h-full max-h-[93%] overflow-y-auto overflow-x-hidden bg-background p-1",
-                  l === i ? "" : "z-[100]"
+                  a === i ? "" : "z-[100]"
                 ),
                 onMouseEnter: () => {
                   n && clearTimeout(n);
                 },
-                children: j.createElement(X(b, l, () => /* @__PURE__ */ e.jsx("div", {})))
+                children: v.createElement(ee(j, a, () => /* @__PURE__ */ e.jsx("div", {})))
               }
             )
           }
@@ -344,39 +345,39 @@ const As = () => {
       }
     ),
     /* @__PURE__ */ e.jsx("div", { className: "h-full w-60 border-r p-1", children: /* @__PURE__ */ e.jsx(
-      y,
+      N,
       {
         fallback: /* @__PURE__ */ e.jsxs("div", { className: "flex animate-pulse flex-col gap-y-2 p-4", children: [
           /* @__PURE__ */ e.jsx("div", { className: "h-6 w-1/2 bg-gray-300" }),
           /* @__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(O, { className: "mx-1 grid h-10 grid-cols-2", children: [
-            /* @__PURE__ */ e.jsxs(S, { value: i, children: [
-              /* @__PURE__ */ e.jsx(A, { className: "mr-2 h-3" }),
+        children: C ? /* @__PURE__ */ e.jsxs(O, { 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(A, { value: i, children: [
+              /* @__PURE__ */ e.jsx(_, { className: "mr-2 h-3" }),
               " ",
               u("Outline")
             ] }),
-            /* @__PURE__ */ e.jsxs(S, { value: "data-provider", children: [
-              /* @__PURE__ */ e.jsx(ye, { className: "mr-2 w-3" }),
+            /* @__PURE__ */ e.jsxs(A, { value: "data-provider", children: [
+              /* @__PURE__ */ e.jsx(Ne, { className: "mr-2 w-3" }),
               u("Data")
             ] })
           ] }),
-          /* @__PURE__ */ e.jsx(_, { value: i, className: "no-scrollbar h-full flex-1 overflow-y-auto overflow-x-hidden", children: j.createElement(P) }),
-          /* @__PURE__ */ e.jsx(_, { value: "data-provider", className: "flex-1 overflow-y-auto overflow-x-hidden", children: /* @__PURE__ */ e.jsx(Ae, {}) })
-        ] }) : /* @__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(O, { className: "mx-1 grid h-10 grid-cols-1", children: /* @__PURE__ */ e.jsxs(S, { value: i, children: [
-            /* @__PURE__ */ e.jsx(A, { className: "mr-2 h-3" }),
+          /* @__PURE__ */ e.jsx(S, { value: i, className: "no-scrollbar h-full flex-1 overflow-y-auto overflow-x-hidden", children: v.createElement(f ? K : P) }),
+          /* @__PURE__ */ e.jsx(S, { 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(O, { 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(A, { value: i, children: [
+            /* @__PURE__ */ e.jsx(_, { className: "mr-2 h-3" }),
             " ",
             u("Outline")
           ] }) }),
           /* @__PURE__ */ e.jsx(
-            _,
+            S,
             {
               value: i,
               className: "no-scrollbar h-full flex-1 overflow-y-auto overflow-x-hidden",
-              children: j.createElement(P)
+              children: v.createElement(f ? K : P)
             }
           )
         ] }) })
@@ -385,5 +386,5 @@ const As = () => {
   ] });
 };
 export {
-  As as default
+  Es as default
 };

package/dist/SidePanels-ugRobm34.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-Z_BpKhVy.cjs"),k=require("@radix-ui/react-icons"),i=require("react"),D=require("jotai"),u=require("lodash-es"),s=require("./index-thKfFhmr.cjs"),R=require("lucide-react"),K=require("@chaibuilder/runtime"),g=require("react-i18next"),w=require("./index-gi1LIOCw.cjs"),S=require("./index-JdnF6lYP.cjs"),I=require("./Functions-N3yhPYKY.cjs"),l=require("./MODIFIERS-9EwxLM8V.cjs"),C=require("flagged");require("./_commonjsHelpers-wDK0ZLPo.cjs");require("@react-hookz/web");require("flat-to-nested");require("@radix-ui/react-toggle");require("class-variance-authority");require("./Class-MmCxz2Ay.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-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("lodash");require("i18next");require("@floating-ui/react-dom");require("react-textarea-autosize");require("react-dnd");require("@minoru/react-dnd-treeview");require("react-hotkeys-hook");const P=({provider:t,onClose:a})=>{const{t:n}=g.useTranslation(),[o,h]=i.useState(null);return i.useEffect(()=>{t&&(t.mockFn?t.mockFn:t.dataFn)().then(c=>h(c))},[t]),t?e.jsxRuntimeExports.jsx(s.Dialog,{onOpenChange:d=>d?"":a(),defaultOpen:!0,children:e.jsxRuntimeExports.jsxs(s.DialogContent,{children:[e.jsxRuntimeExports.jsxs(s.DialogHeader,{children:[e.jsxRuntimeExports.jsxs(s.DialogTitle,{children:[n("data_provider"),": ",t.name]}),e.jsxRuntimeExports.jsx(s.DialogDescription,{children:t.description})]}),e.jsxRuntimeExports.jsx(S.ErrorBoundary,{children:e.jsxRuntimeExports.jsx(w.JsonView,{data:o,shouldExpandNode:w.allExpanded,style:{...w.defaultStyles,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"}})})]})}):null};function O({children:t,name:a,onRemove:n}){const{t:o}=g.useTranslation();return e.jsxRuntimeExports.jsxs(s.AlertDialog,{children:[e.jsxRuntimeExports.jsx(s.AlertDialogTrigger,{asChild:!0,children:t}),e.jsxRuntimeExports.jsxs(s.AlertDialogContent,{children:[e.jsxRuntimeExports.jsxs(s.AlertDialogHeader,{children:[e.jsxRuntimeExports.jsx(s.AlertDialogTitle,{dangerouslySetInnerHTML:{__html:o("remove_provider_confirmation").replace("{name}",a)}}),e.jsxRuntimeExports.jsx(s.AlertDialogDescription,{children:o("remove_provider_warning")})]}),e.jsxRuntimeExports.jsxs(s.AlertDialogFooter,{children:[e.jsxRuntimeExports.jsx(s.AlertDialogCancel,{children:o("cancel")}),e.jsxRuntimeExports.jsx(s.AlertDialogAction,{onClick:n,className:"bg-red-600 hover:bg-red-700",children:o("remove")})]})]})]})}const L=()=>{const{t}=g.useTranslation(),a=i.useMemo(()=>K.getChaiDataProviders(),[]),[n,o]=s.usePageDataProviders(),[,h]=D.useAtom(s.pageSyncStateAtom),[d,c]=i.useState(u.filter(a,r=>u.map(n,"providerKey").includes(r.providerKey))),[b,E]=i.useState(""),[v,f]=i.useState(null),m=u.filter(a.map(r=>u.map(d,"providerKey").includes(r.providerKey)?null:{value:r.providerKey,label:r.name}),r=>!u.isNull(r)),N=r=>{const p=u.find(a,{providerKey:r});c(j=>[...j,p]),o(j=>[...j,{providerKey:p.providerKey,args:{}}]),E(""),h("UNSAVED")},y=r=>{c(p=>u.filter(p,j=>j.providerKey!==r.providerKey)),o(p=>u.filter(p,j=>j.providerKey!==r.providerKey)),h("UNSAVED")},x=r=>f(r);return u.isEmpty(a)?e.jsxRuntimeExports.jsx("div",{children:e.jsxRuntimeExports.jsxs("p",{className:"mb-1.5 p-4 text-xs text-gray-500",children:[t("no_data_providers"),e.jsxRuntimeExports.jsx("br",{}),e.jsxRuntimeExports.jsx("a",{className:"text-blue-500",href:"https://chaibuilder.com/docs/registering-data-providers",target:"_blank",children:t("learn_more")})]})}):e.jsxRuntimeExports.jsxs("div",{className:"px-1",children:[e.jsxRuntimeExports.jsx("br",{}),e.jsxRuntimeExports.jsx("label",{children:e.jsxRuntimeExports.jsx("p",{className:"mb-1.5 text-xs text-gray-500",children:t("add_data_providers")})}),e.jsxRuntimeExports.jsx("div",{className:"flex items-center space-x-1",children:e.jsxRuntimeExports.jsxs(s.Select,{value:b,onValueChange:r=>N(r),children:[e.jsxRuntimeExports.jsx(s.SelectTrigger,{className:"w-full",children:e.jsxRuntimeExports.jsx(s.SelectValue,{placeholder:t("select_provider")})}),e.jsxRuntimeExports.jsxs(s.SelectContent,{children:[e.jsxRuntimeExports.jsx(s.SelectItem,{value:"",children:t("choose")}),m.map(r=>e.jsxRuntimeExports.jsx(s.SelectItem,{value:r.value,children:r.label},r.value))]})]})}),e.jsxRuntimeExports.jsx("br",{}),e.jsxRuntimeExports.jsxs("div",{className:`border-t ${d.length?"block":"hidden"}`,children:[e.jsxRuntimeExports.jsxs("p",{className:"flex-1 pb-1.5 pt-4 text-xs font-medium text-gray-500",children:[t("page_data_providers"),":"]}),e.jsxRuntimeExports.jsx("div",{className:"space-y-2",children:d.map(r=>e.jsxRuntimeExports.jsxs("div",{className:"w-full rounded-lg border bg-card text-card-foreground shadow-sm","data-v0-t":"card",children:[e.jsxRuntimeExports.jsx("div",{className:"flex flex-col space-y-1.5 px-4 pt-4",children:e.jsxRuntimeExports.jsx("div",{className:"flex items-center justify-between",children:e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsx("h3",{className:"font-medium leading-4",children:r.name}),e.jsxRuntimeExports.jsx("p",{className:"pt-1 text-xs text-gray-400",children:r.description})]})})}),e.jsxRuntimeExports.jsxs("div",{className:"flex items-center justify-between p-2 py-2",children:[e.jsxRuntimeExports.jsxs("button",{onClick:()=>x(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:[e.jsxRuntimeExports.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",className:"mr-2 h-4 w-4",children:[e.jsxRuntimeExports.jsx("path",{d:"M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z"}),e.jsxRuntimeExports.jsx("circle",{cx:"12",cy:"12",r:"3"})]}),t("view_data")]}),e.jsxRuntimeExports.jsx(O,{onRemove:()=>y(r),name:r.name,children:e.jsxRuntimeExports.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:[e.jsxRuntimeExports.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",className:"mr-2 h-4 w-4",children:[e.jsxRuntimeExports.jsx("path",{d:"M3 6h18"}),e.jsxRuntimeExports.jsx("path",{d:"M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"}),e.jsxRuntimeExports.jsx("path",{d:"M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"})]}),t("remove")]})})]})]},r.providerKey))}),e.jsxRuntimeExports.jsx(P,{onClose:()=>f(null),provider:v})]})]})},A=()=>{const{t}=g.useTranslation(),a={"ctrl + Z":"Undo","ctrl + Y":"Redo","ctrl + D":"Duplicate"},n={"ctrl + S":"Save page",esc:"Deselect blocks",del:"Delete block"};return e.jsxRuntimeExports.jsxs(s.Dialog,{children:[e.jsxRuntimeExports.jsx(s.DialogTrigger,{children:e.jsxRuntimeExports.jsxs(s.Tooltip,{children:[e.jsxRuntimeExports.jsx(s.TooltipTrigger,{children:e.jsxRuntimeExports.jsx(s.Button,{size:"sm",className:"w-10",variant:"outline",children:e.jsxRuntimeExports.jsx(k.KeyboardIcon,{})})}),e.jsxRuntimeExports.jsx(s.TooltipContent,{children:e.jsxRuntimeExports.jsx("p",{children:t("Keyboard shortcuts")})})]})}),e.jsxRuntimeExports.jsxs(s.DialogContent,{className:"sm:max-w-[525px]",children:[e.jsxRuntimeExports.jsx(s.DialogHeader,{children:e.jsxRuntimeExports.jsx(s.DialogTitle,{children:t("Keyboard shortcuts")})}),e.jsxRuntimeExports.jsx("div",{children:e.jsxRuntimeExports.jsxs("div",{className:"grid grid-cols-2",children:[e.jsxRuntimeExports.jsx("div",{className:"mr-8 flex flex-col space-y-2 border-r border-gray-200",children:Object.keys(a).map(o=>e.jsxRuntimeExports.jsxs("div",{className:"flex items-center space-x-4",children:[e.jsxRuntimeExports.jsx(s.Badge,{variant:"outline",className:"border border-gray-600 p-1 px-2",children:t(o)}),e.jsxRuntimeExports.jsx("div",{children:t(a[o])})]},o))}),e.jsxRuntimeExports.jsx("div",{className:"flex flex-col space-y-2",children:Object.keys(n).map(o=>e.jsxRuntimeExports.jsxs("div",{className:"flex items-center space-x-4",children:[e.jsxRuntimeExports.jsx(s.Badge,{variant:"outline",className:"border border-gray-600 p-1 px-2",children:t(o)}),e.jsxRuntimeExports.jsx("div",{children:t(n[o])})]}))})]})})]})]})},U=i.lazy(()=>Promise.resolve().then(()=>require("./AddBlocks-KeHVFaIr.cjs"))),T=i.lazy(()=>Promise.resolve().then(()=>require("./Outline-fAflJ_lN.cjs"))),q=i.lazy(()=>Promise.resolve().then(()=>require("./ListTree-Vq0_s1wC.cjs"))),B=i.lazy(()=>Promise.resolve().then(()=>require("./BrandingOptions-I2I8w6E9.cjs"))),Y=i.lazy(()=>Promise.resolve().then(()=>require("./index-thKfFhmr.cjs")).then(t=>t.ImagesPanel));let _=null;const z=()=>{const t=s.useBuilderProp("sideBarComponents.top",[]),a=s.useBuilderProp("sideBarComponents.bottom",[]),[n,o]=D.useAtom(s.activePanelAtom),[h,d]=i.useState(n),[c,b]=i.useState(null),{t:E}=g.useTranslation(),v=C.useFeature("arborist"),f={"add-blocks":U,[l.OUTLINE_KEY]:v?q:T,"branding-options":B,images:Y};u.each(t,({name:x,panel:r})=>{f[x]=r});const m=x=>{clearTimeout(_),n!==l.OUTLINE_KEY&&x===l.OUTLINE_KEY?_=setTimeout(()=>o(l.OUTLINE_KEY),500):d(x),o(x)},N=s.useBuilderProp("dataBindingSupport",!1);function y(){const x=setTimeout(()=>{c&&(m(l.OUTLINE_KEY),clearTimeout(c))},500);b(x)}return e.jsxRuntimeExports.jsxs("div",{className:"relative flex",children:[n!==l.OUTLINE_KEY?e.jsxRuntimeExports.jsx("div",{onMouseEnter:y,onClick:()=>m(l.OUTLINE_KEY),className:"fixed inset-0 z-[50] bg-black/20"}):null,e.jsxRuntimeExports.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:[e.jsxRuntimeExports.jsxs("div",{className:"relative z-[100] flex w-14 flex-col items-center space-y-2",children:[e.jsxRuntimeExports.jsx(s.Button,{onClick:()=>{m("add-blocks")},size:"sm",variant:n==="add-blocks"?"default":"outline",children:e.jsxRuntimeExports.jsx(k.PlusIcon,{className:"text-xl"})}),e.jsxRuntimeExports.jsx(s.Button,{onClick:()=>m(l.OUTLINE_KEY),size:"sm",variant:n===l.OUTLINE_KEY?"default":"outline",children:e.jsxRuntimeExports.jsx(R.ListTreeIcon,{className:"w-4"})}),e.jsxRuntimeExports.jsx(s.Button,{onClick:()=>m("branding-options"),size:"sm",variant:n==="branding-options"?"default":"outline",children:e.jsxRuntimeExports.jsx(k.Half2Icon,{className:"w-4 max-w-[40px] text-xs"})}),i.Children.toArray(t.map(({name:x,icon:r})=>e.jsxRuntimeExports.jsx(i.Suspense,{fallback:e.jsxRuntimeExports.jsx(s.Skeleton,{className:"h-10"}),children:e.jsxRuntimeExports.jsx(s.Button,{onClick:()=>m(x),size:"sm",className:"w-10",variant:n===x?"default":"outline",children:e.jsxRuntimeExports.jsx(r,{})})})))]}),e.jsxRuntimeExports.jsxs("div",{className:"relative z-[100] flex w-14 flex-col items-center space-y-2 pb-2",children:[e.jsxRuntimeExports.jsx(A,{}),i.Children.toArray(a.map(x=>e.jsxRuntimeExports.jsx(i.Suspense,{fallback:e.jsxRuntimeExports.jsx(s.Skeleton,{className:"h-10"}),children:e.jsxRuntimeExports.jsx(x,{})})))]})]}),e.jsxRuntimeExports.jsx("div",{className:`absolute left-14 z-[50] h-full w-96 border-r bg-background duration-500 ease-in-out ${n!==l.OUTLINE_KEY?"translate-x-0":"-translate-x-full"}`,children:e.jsxRuntimeExports.jsx(i.Suspense,{fallback:e.jsxRuntimeExports.jsxs("div",{className:"flex animate-pulse flex-col gap-y-2 bg-white p-4",children:[e.jsxRuntimeExports.jsx("div",{className:"h-6 w-1/2 bg-gray-300"}),e.jsxRuntimeExports.jsx("div",{className:"h-16 w-full bg-gray-200"}),e.jsxRuntimeExports.jsx("div",{className:"h-16 w-full bg-gray-200"})]}),children:e.jsxRuntimeExports.jsx("div",{className:I.cn("relative h-full max-h-[93%] overflow-y-auto overflow-x-hidden bg-background p-1",n===l.OUTLINE_KEY?"":"z-[100]"),onMouseEnter:()=>{c&&clearTimeout(c)},children:i.createElement(u.get(f,n,()=>e.jsxRuntimeExports.jsx("div",{})))})})}),e.jsxRuntimeExports.jsx("div",{className:"h-full w-60 border-r p-1",children:e.jsxRuntimeExports.jsx(i.Suspense,{fallback:e.jsxRuntimeExports.jsxs("div",{className:"flex animate-pulse flex-col gap-y-2 p-4",children:[e.jsxRuntimeExports.jsx("div",{className:"h-6 w-1/2 bg-gray-300"}),e.jsxRuntimeExports.jsx("div",{className:"h-16 w-full bg-gray-200"}),e.jsxRuntimeExports.jsx("div",{className:"h-16 w-full bg-gray-200"})]}),children:N?e.jsxRuntimeExports.jsxs(s.Tabs,{defaultValue:l.OUTLINE_KEY,className:"flex h-full w-full flex-col py-1",children:[e.jsxRuntimeExports.jsxs(s.TabsList,{className:"mx-1 grid h-10 grid-cols-2",children:[e.jsxRuntimeExports.jsxs(s.TabsTrigger,{value:l.OUTLINE_KEY,children:[e.jsxRuntimeExports.jsx(R.ListTreeIcon,{className:"mr-2 h-3"})," ",E("Outline")]}),e.jsxRuntimeExports.jsxs(s.TabsTrigger,{value:"data-provider",children:[e.jsxRuntimeExports.jsx(R.DatabaseIcon,{className:"mr-2 w-3"}),E("Data")]})]}),e.jsxRuntimeExports.jsx(s.TabsContent,{value:l.OUTLINE_KEY,className:"no-scrollbar h-full flex-1 overflow-y-auto overflow-x-hidden",children:i.createElement(v?q:T)}),e.jsxRuntimeExports.jsx(s.TabsContent,{value:"data-provider",className:"flex-1 overflow-y-auto overflow-x-hidden",children:e.jsxRuntimeExports.jsx(L,{})})]}):e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsxs(s.Tabs,{defaultValue:l.OUTLINE_KEY,className:"flex h-full w-full flex-col py-1",children:[e.jsxRuntimeExports.jsx(s.TabsList,{className:"mx-1 grid h-10 grid-cols-1",children:e.jsxRuntimeExports.jsxs(s.TabsTrigger,{value:l.OUTLINE_KEY,children:[e.jsxRuntimeExports.jsx(R.ListTreeIcon,{className:"mr-2 h-3"})," ",E("Outline")]})}),e.jsxRuntimeExports.jsx(s.TabsContent,{value:l.OUTLINE_KEY,className:"no-scrollbar h-full flex-1 overflow-y-auto overflow-x-hidden",children:i.createElement(v?q:T)})]})})})})]})};exports.default=z;

package/dist/Topbar-e5MGWX9n.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./jsx-runtime-Z_BpKhVy.cjs"),r=require("react"),h=require("@radix-ui/react-icons"),t=require("./index-thKfFhmr.cjs"),z=require("./index-ecnGWzh9.cjs"),i=require("react-i18next");require("./_commonjsHelpers-wDK0ZLPo.cjs");require("lodash-es");require("./Functions-N3yhPYKY.cjs");require("clsx");require("tailwind-merge");require("@chaibuilder/runtime");require("jotai");require("./MODIFIERS-9EwxLM8V.cjs");require("@react-hookz/web");require("flat-to-nested");require("@radix-ui/react-toggle");require("class-variance-authority");require("./Class-MmCxz2Ay.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-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("lodash");const v=()=>t.useBuilderProp("languages",["en"]),g=()=>v().length===1?null:c.jsxRuntimeExports.jsx("div",{className:"flex items-center",children:c.jsxRuntimeExports.jsxs(t.Select,{children:[c.jsxRuntimeExports.jsx(t.SelectTrigger,{className:"w-[150px] border-0",children:c.jsxRuntimeExports.jsx(t.SelectValue,{placeholder:c.jsxRuntimeExports.jsxs("span",{className:"flex items-center",children:[c.jsxRuntimeExports.jsx(h.FontFamilyIcon,{className:"h-4 w-4"})," English(US)"]})})}),c.jsxRuntimeExports.jsx(t.SelectContent,{children:c.jsxRuntimeExports.jsxs(t.SelectGroup,{children:[c.jsxRuntimeExports.jsx(t.SelectLabel,{children:"Fruits"}),c.jsxRuntimeExports.jsx(t.SelectItem,{value:"apple",children:"Apple"}),c.jsxRuntimeExports.jsx(t.SelectItem,{value:"banana",children:"Banana"}),c.jsxRuntimeExports.jsx(t.SelectItem,{value:"blueberry",children:"Blueberry"}),c.jsxRuntimeExports.jsx(t.SelectItem,{value:"grapes",children:"Grapes"}),c.jsxRuntimeExports.jsx(t.SelectItem,{value:"pineapple",children:"Pineapple"})]})})]})});function H(l){return z.GenIcon({tag:"svg",attr:{viewBox:"0 0 512 512"},child:[{tag:"path",attr:{d:"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z"}}]})(l)}const V=()=>{const{savePage:l,syncState:a}=t.useSavePage(),{t:s}=i.useTranslation(),e=r.useMemo(()=>{switch(a){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"}},[a]),n=c.jsxRuntimeExports.jsxs(t.Button,{disabled:a==="SAVING",onClick:o=>{o.preventDefault(),l()},className:`flex h-auto w-fit items-center gap-x-2 rounded-full p-1.5 px-3 ${e}`,size:"sm",variant:"outline",children:[c.jsxRuntimeExports.jsx(H,{className:"text-lg"}),c.jsxRuntimeExports.jsx("span",{className:"text-sm",children:a==="SAVING"?"Saving...":s(a==="SAVED"?"Saved":"Unsaved")})]});return c.jsxRuntimeExports.jsx("div",{className:"flex items-center",children:n})},M=function(){const a=t.useBuilderProp("previewComponent"),[,s]=t.usePreviewMode(),{t:e}=i.useTranslation();return a?c.jsxRuntimeExports.jsxs(t.Button,{onClick:n=>{n.preventDefault(),s(!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:[c.jsxRuntimeExports.jsx(h.EyeOpenIcon,{className:"text-xs"}),c.jsxRuntimeExports.jsx("span",{className:"text-sm",children:e("Preview")})]}):null},u=()=>{const l=t.useBuilderProp("topBarComponents.left",[]),a=t.useBuilderProp("topBarComponents.center",[]),s=t.useBuilderProp("topBarComponents.right",[]),e=t.useBuilderProp("editable",!0);return c.jsxRuntimeExports.jsxs("div",{className:"flex h-14 items-center justify-between px-2",children:[c.jsxRuntimeExports.jsx("div",{className:"flex items-center space-x-2",children:c.jsxRuntimeExports.jsx("div",{className:"flex items-center space-x-2 font-bold",children:r.Children.toArray(l.map(n=>c.jsxRuntimeExports.jsx(r.Suspense,{fallback:c.jsxRuntimeExports.jsx(t.Skeleton,{className:"h-10"}),children:c.jsxRuntimeExports.jsx(n,{})})))})}),c.jsxRuntimeExports.jsx("div",{className:"flex items-center space-x-2",children:r.Children.toArray(a.map(n=>c.jsxRuntimeExports.jsx(r.Suspense,{fallback:c.jsxRuntimeExports.jsx(t.Skeleton,{className:"h-10"}),children:c.jsxRuntimeExports.jsx(n,{})})))}),c.jsxRuntimeExports.jsxs("div",{className:"flex items-center space-x-2",children:[c.jsxRuntimeExports.jsx(g,{}),c.jsxRuntimeExports.jsx(M,{}),c.jsxRuntimeExports.jsx(t.Separator,{orientation:"vertical"}),e?c.jsxRuntimeExports.jsx(V,{}):null,r.Children.toArray(s.map(n=>c.jsxRuntimeExports.jsx(r.Suspense,{fallback:c.jsxRuntimeExports.jsx(t.Skeleton,{className:"h-10"}),children:c.jsxRuntimeExports.jsx(n,{})})))]})]})};exports.default=u;

package/dist/{Topbar-S3zgo3N8.js → Topbar-oTx7a12r.js}

@@ -1,7 +1,7 @@
 import { j as c } from "./jsx-runtime-WbnYoNE9.js";
 import z, { useMemo as V, Suspense as n } from "react";
 import { FontFamilyIcon as o, EyeOpenIcon as M } from "@radix-ui/react-icons";
-import { h as s, aj as u, ak as d, al as C, am as L, ay as m, az as p, an as i, z as F, B as g, q as w, S as v, aA as B } from "./index-MaXiXghQ.js";
+import { h as s, aj as u, ak as d, al as C, am as L, ay as m, az as p, an as i, z as F, B as g, q as w, S as v, aA as B } from "./index-WP7IRkij.js";
 import { G as f } from "./index-YpnaudSM.js";
 import { useTranslation as e } from "react-i18next";
 import "./_commonjsHelpers-UyOWmZb0.js";
@@ -11,9 +11,9 @@ import "clsx";
 import "tailwind-merge";
 import "@chaibuilder/runtime";
 import "jotai";
-import "flat-to-nested";
 import "./MODIFIERS-WQdaNvb8.js";
 import "@react-hookz/web";
+import "flat-to-nested";
 import "@radix-ui/react-toggle";
 import "class-variance-authority";
 import "./Class-3k8xjeiM.js";
@@ -38,6 +38,7 @@ import "@radix-ui/react-context-menu";
 import "react-icons-picker";
 import "react-dom";
 import "react-quill";
+import "lodash";
 const x = () => s("languages", ["en"]), S = () => x().length === 1 ? null : /* @__PURE__ */ c.jsx("div", { className: "flex items-center", children: /* @__PURE__ */ c.jsxs(u, { children: [
   /* @__PURE__ */ c.jsx(d, { className: "w-[150px] border-0", children: /* @__PURE__ */ c.jsx(
     C,
@@ -104,7 +105,7 @@ const R = () => {
       ]
     }
   ) : null;
-}, d1 = () => {
+}, C1 = () => {
   const l = s("topBarComponents.left", []), t = s("topBarComponents.center", []), r = s("topBarComponents.right", []), h = s("editable", !0);
   return /* @__PURE__ */ c.jsxs("div", { className: "flex h-14 items-center justify-between px-2", children: [
     /* @__PURE__ */ c.jsx("div", { className: "flex items-center space-x-2", children: /* @__PURE__ */ c.jsx("div", { className: "flex items-center space-x-2 font-bold", children: z.Children.toArray(
@@ -125,5 +126,5 @@ const R = () => {
   ] });
 };
 export {
-  d1 as default
+  C1 as default
 };

package/dist/{UnsplashImages-132gZ842.js → UnsplashImages-5A21uzMK.js}

@@ -3,7 +3,7 @@ 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 V } from "unsplash-js";
-import { h as B, bd as F, aV as K, aW as U, aX as O, aj as P, ak as C, al as S, am as k, an as h, bg as Q, B as H } from "./index-MaXiXghQ.js";
+import { h as B, bd as F, aV as K, aW as U, aX as O, aj as P, ak as C, al as S, am as k, an as h, bg as Q, B as H } from "./index-WP7IRkij.js";
 import { useDebouncedState as R } from "@react-hookz/web";
 import { Loader as W } from "lucide-react";
 import "./_commonjsHelpers-UyOWmZb0.js";
@@ -12,8 +12,8 @@ import "clsx";
 import "tailwind-merge";
 import "@chaibuilder/runtime";
 import "jotai";
-import "flat-to-nested";
 import "./MODIFIERS-WQdaNvb8.js";
+import "flat-to-nested";
 import "@radix-ui/react-toggle";
 import "class-variance-authority";
 import "./Class-3k8xjeiM.js";
@@ -38,12 +38,13 @@ import "@radix-ui/react-context-menu";
 import "react-icons-picker";
 import "react-dom";
 import "react-quill";
+import "lodash";
 import "react-i18next";
 const I = async (x, g) => new Promise((o, r) => {
   V({ accessKey: g }).search.getPhotos(x).then((i) => {
     o(i);
   }).catch((i) => r(i));
-}), De = ({ isModalView: x, onSelect: g }) => {
+}), Ee = ({ isModalView: x, onSelect: g }) => {
   const o = B("unsplashAccessKey", ""), [r, j] = p([]), [i, v] = p(0), [l, A] = p(), [n, q] = p(), [z, y] = p(0), [u, T] = R("", 1e3), [f, c] = p(!1), _ = async (s) => {
     if (d(u))
       return;
@@ -193,6 +194,6 @@ const I = async (x, g) => new Promise((o, r) => {
   ] });
 };
 export {
-  De as default,
+  Ee as default,
   I as fetchImage
 };