@chaibuilder/sdk 1.2.6 → 1.2.8

package/dist/{SidePanels-rXx-fGjB.js → SidePanels-Vdc-J5wK.js}

@@ -1,14 +1,15 @@
 import { j as e } from "./jsx-runtime-WbnYoNE9.js";
-import { PlusIcon as V, Half2Icon as H } from "@radix-ui/react-icons";
-import x, { useState as p, useEffect as I, useMemo as L, lazy as y, Suspense as j } from "react";
-import { useAtom as E } from "jotai";
-import { filter as g, map as P, isNull as M, find as F, isEmpty as O, each as R, get as J } from "lodash-es";
-import { ak as U, al as $, am as q, an as G, ao as Y, D as Z, E as Q, F as W, G as X, H as ee, I as se, J as re, K as ae, ap as ie, s as le, t as te, aq as oe, ar as ne, as as ce, at as de, au as S, i as k, av as me, B as b, S as T, aw as xe, ax as pe, ay as _, az as z } from "./index-_OgCuSUz.js";
+import { PlusIcon as V, Half2Icon as I } from "@radix-ui/react-icons";
+import h, { useState as x, useEffect as L, useMemo as M, lazy as y, Suspense as j } from "react";
+import { useAtom as z } from "jotai";
+import { filter as g, map as P, isNull as F, find as H, isEmpty as J, each as R, get as O } from "lodash-es";
+import { al as U, am as $, an as q, ao as G, ap as Z, E as Q, F as W, G as X, H as Y, I as ee, J as se, K as re, L as ae, aq as te, s as ie, t as le, ar as oe, as as ne, at as ce, au as de, av as S, i as k, aw as me, B as b, S as _, ax as xe, ay as pe, az as T, aA as E } from "./index-niHREMmR.js";
 import { ListTreeIcon as C, DatabaseIcon as ue } from "lucide-react";
 import { getChaiDataProviders as he } from "@chaibuilder/runtime";
 import { useTranslation as A } from "react-i18next";
-import { E as fe } from "./index-482XFRhB.js";
-import { c as ve } from "./Functions-7jnEwJyw.js";
+import { J as fe, a as ve, d as je } from "./index-e0c8PmRQ.js";
+import { E as ge } from "./index-EGUphg4R.js";
+import { c as be } from "./Functions-7jnEwJyw.js";
 import "./_commonjsHelpers-UyOWmZb0.js";
 import "@radix-ui/react-toggle";
 import "class-variance-authority";
@@ -39,6 +40,7 @@ import "react-dom";
 import "react-quill";
 import "flat-to-nested";
 import "redux-undo";
+import "lodash";
 import "@react-hookz/web";
 import "i18next";
 import "@floating-ui/react-dom";
@@ -48,77 +50,78 @@ import "react-dnd";
 import "@minoru/react-dnd-treeview";
 import "react-hotkeys-hook";
 import "sonner";
-import "./html-to-json-yjzEN9OX.js";
+import "./html-to-json-57841sEK.js";
 import "himalaya";
-import "lodash";
 import "./web-blocks.js";
 import "./controls-XPXGHKht.js";
-const je = x.lazy(() => import("react-json-view")), ge = ({ provider: r, onClose: t }) => {
-  const { t: a } = A(), [l, u] = p(null);
-  return I(() => {
-    r && (r.mockFn ? r.mockFn : r.dataFn)().then((o) => u(o));
-  }, [r]), r ? /* @__PURE__ */ e.jsx(U, { onOpenChange: (n) => n ? "" : t(), defaultOpen: !0, children: /* @__PURE__ */ e.jsxs($, { children: [
+const ye = ({ provider: r, onClose: l }) => {
+  const { t: a } = A(), [i, p] = x(null);
+  return L(() => {
+    r && (r.mockFn ? r.mockFn : r.dataFn)().then((o) => p(o));
+  }, [r]), r ? /* @__PURE__ */ e.jsx(U, { onOpenChange: (n) => n ? "" : l(), defaultOpen: !0, children: /* @__PURE__ */ e.jsxs($, { children: [
     /* @__PURE__ */ e.jsxs(q, { children: [
       /* @__PURE__ */ e.jsxs(G, { children: [
         a("data_provider"),
         ": ",
         r.name
       ] }),
-      /* @__PURE__ */ e.jsx(Y, { children: r.description })
+      /* @__PURE__ */ e.jsx(Z, { children: r.description })
     ] }),
-    /* @__PURE__ */ e.jsx(fe, { children: /* @__PURE__ */ e.jsx(
-      je,
+    /* @__PURE__ */ e.jsx(ge, { children: /* @__PURE__ */ e.jsx(
+      fe,
       {
-        style: { maxHeight: "80vh", overflowY: "auto" },
-        name: r.providerKey,
-        enableClipboard: !1,
-        displayObjectSize: !1,
-        displayDataTypes: !1,
-        src: l
+        data: i,
+        shouldExpandNode: ve,
+        style: {
+          ...je,
+          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 be({
+function we({
   children: r,
-  name: t,
+  name: l,
   onRemove: a
 }) {
-  const { t: l } = A();
-  return /* @__PURE__ */ e.jsxs(Z, { children: [
-    /* @__PURE__ */ e.jsx(Q, { asChild: !0, children: r }),
-    /* @__PURE__ */ e.jsxs(W, { children: [
-      /* @__PURE__ */ e.jsxs(X, { children: [
-        /* @__PURE__ */ e.jsx(ee, { children: l("remove_provider_confirmation", { name: t }) }),
-        /* @__PURE__ */ e.jsx(se, { children: l("remove_provider_warning") })
+  const { t: i } = A();
+  return /* @__PURE__ */ e.jsxs(Q, { children: [
+    /* @__PURE__ */ e.jsx(W, { asChild: !0, children: r }),
+    /* @__PURE__ */ e.jsxs(X, { children: [
+      /* @__PURE__ */ e.jsxs(Y, { children: [
+        /* @__PURE__ */ e.jsx(ee, { children: i("remove_provider_confirmation", { name: l }) }),
+        /* @__PURE__ */ e.jsx(se, { children: i("remove_provider_warning") })
       ] }),
       /* @__PURE__ */ e.jsxs(re, { children: [
-        /* @__PURE__ */ e.jsx(ae, { children: l("cancel") }),
-        /* @__PURE__ */ e.jsx(ie, { onClick: a, className: "bg-red-600 hover:bg-red-700", children: l("remove") })
+        /* @__PURE__ */ e.jsx(ae, { children: i("cancel") }),
+        /* @__PURE__ */ e.jsx(te, { onClick: a, className: "bg-red-600 hover:bg-red-700", children: i("remove") })
       ] })
     ] })
   ] });
 }
-const ye = () => {
-  const { t: r } = A(), t = L(() => he(), []), [a, l] = le(), [, u] = E(te), [n, o] = p(
-    g(t, (s) => P(a, "providerKey").includes(s.providerKey))
-  ), [w, f] = p(""), [c, v] = p(null), N = g(
-    t.map((s) => P(n, "providerKey").includes(s.providerKey) ? null : { value: s.providerKey, label: s.name }),
-    (s) => !M(s)
-  ), i = (s) => {
-    const m = F(t, { providerKey: s });
-    o((d) => [...d, m]), l((d) => [...d, { providerKey: m.providerKey, args: {} }]), f(""), u("UNSAVED");
-  }, h = (s) => {
-    o((m) => g(m, (d) => d.providerKey !== s.providerKey)), l((m) => g(m, (d) => d.providerKey !== s.providerKey)), u("UNSAVED");
+const Ne = () => {
+  const { t: r } = A(), l = M(() => he(), []), [a, i] = ie(), [, p] = z(le), [n, o] = x(
+    g(l, (s) => P(a, "providerKey").includes(s.providerKey))
+  ), [w, f] = x(""), [c, v] = x(null), N = g(
+    l.map((s) => P(n, "providerKey").includes(s.providerKey) ? null : { value: s.providerKey, label: s.name }),
+    (s) => !F(s)
+  ), t = (s) => {
+    const m = H(l, { providerKey: s });
+    o((d) => [...d, m]), i((d) => [...d, { providerKey: m.providerKey, args: {} }]), f(""), p("UNSAVED");
+  }, u = (s) => {
+    o((m) => g(m, (d) => d.providerKey !== s.providerKey)), i((m) => g(m, (d) => d.providerKey !== s.providerKey)), p("UNSAVED");
   }, B = (s) => v(s);
-  return O(t) ? /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsxs("p", { className: "text-gray-500 mb-1.5 text-xs p-4", children: [
+  return J(l) ? /* @__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"),
     /* @__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.jsxs("div", { className: "px-1", children: [
     /* @__PURE__ */ e.jsx("br", {}),
-    /* @__PURE__ */ e.jsx("label", { children: /* @__PURE__ */ e.jsx("p", { className: "text-gray-500 mb-1.5 text-xs", children: r("add_data_providers") }) }),
-    /* @__PURE__ */ e.jsx("div", { className: "flex items-center space-x-1", children: /* @__PURE__ */ e.jsxs(oe, { value: w, onValueChange: (s) => i(s), children: [
+    /* @__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(oe, { value: w, onValueChange: (s) => t(s), children: [
       /* @__PURE__ */ e.jsx(ne, { className: "w-full", children: /* @__PURE__ */ e.jsx(ce, { placeholder: r("select_provider") }) }),
       /* @__PURE__ */ e.jsxs(de, { children: [
         /* @__PURE__ */ e.jsx(S, { value: "", children: r("choose") }),
@@ -127,26 +130,26 @@ const ye = () => {
     ] }) }),
     /* @__PURE__ */ e.jsx("br", {}),
     /* @__PURE__ */ e.jsxs("div", { className: `border-t ${n.length ? "block" : "hidden"}`, children: [
-      /* @__PURE__ */ e.jsxs("p", { className: "text-gray-500 pt-4 pb-1.5 text-xs flex-1 font-medium", 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"),
         ":"
       ] }),
       /* @__PURE__ */ e.jsx("div", { className: "space-y-2", children: n.map((s) => /* @__PURE__ */ e.jsxs(
         "div",
         {
-          className: "rounded-lg border bg-card text-card-foreground shadow-sm w-full",
+          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 justify-between items-center", children: /* @__PURE__ */ e.jsxs("div", { 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: "text-xs text-gray-400 pt-1", children: s.description })
+              /* @__PURE__ */ e.jsx("p", { className: "pt-1 text-xs text-gray-400", children: s.description })
             ] }) }) }),
-            /* @__PURE__ */ e.jsxs("div", { className: "items-center p-2 py-2 flex justify-between", children: [
+            /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between p-2 py-2", children: [
               /* @__PURE__ */ e.jsxs(
                 "button",
                 {
                   onClick: () => B(s),
-                  className: "inline-flex items-center justify-center text-xs font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 underline-offset-4 hover:underline h-9 rounded-md px-3 text-blue-500",
+                  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(
                       "svg",
@@ -160,7 +163,7 @@ const ye = () => {
                         "stroke-width": "2",
                         "stroke-linecap": "round",
                         "stroke-linejoin": "round",
-                        className: "w-4 h-4 mr-2",
+                        className: "mr-2 h-4 w-4",
                         children: [
                           /* @__PURE__ */ e.jsx("path", { d: "M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z" }),
                           /* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "12", r: "3" })
@@ -171,7 +174,7 @@ const ye = () => {
                   ]
                 }
               ),
-              /* @__PURE__ */ e.jsx(be, { onRemove: () => h(s), name: s.name, children: /* @__PURE__ */ e.jsxs("button", { className: "inline-flex items-center justify-center text-xs font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 underline-offset-4 hover:underline h-9 rounded-md px-3 text-red-500", children: [
+              /* @__PURE__ */ e.jsx(we, { onRemove: () => u(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.jsxs(
                   "svg",
                   {
@@ -184,7 +187,7 @@ const ye = () => {
                     "stroke-width": "2",
                     "stroke-linecap": "round",
                     "stroke-linejoin": "round",
-                    className: "w-4 h-4 mr-2",
+                    className: "mr-2 h-4 w-4",
                     children: [
                       /* @__PURE__ */ e.jsx("path", { d: "M3 6h18" }),
                       /* @__PURE__ */ e.jsx("path", { d: "M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6" }),
@@ -199,37 +202,37 @@ const ye = () => {
         },
         s.providerKey
       )) }),
-      /* @__PURE__ */ e.jsx(ge, { onClose: () => v(null), provider: c })
+      /* @__PURE__ */ e.jsx(ye, { onClose: () => v(null), provider: c })
     ] })
   ] });
-}, we = y(() => import("./AddBlocks-gbfzju1d.js")), D = y(() => import("./Layers-NDtp2-im.js")), Ne = y(() => import("./BrandingOptions-mZXO7thQ.js")), ke = y(() => import("./index-_OgCuSUz.js").then((r) => r.cw));
+}, ke = y(() => import("./AddBlocks-tMxKPoen.js")), D = y(() => import("./Layers-rehZkz78.js")), Ce = y(() => import("./BrandingOptions-QJJ1y5ez.js")), De = y(() => import("./index-niHREMmR.js").then((r) => r.cw));
 let K = null;
-const Ds = () => {
-  const r = k("sideBarComponents.top", []), t = k("sideBarComponents.bottom", []), [a, l] = E(me), [u, n] = p(a), [o, w] = p(null), f = {
-    "add-blocks": we,
+const Ss = () => {
+  const r = k("sideBarComponents.top", []), l = k("sideBarComponents.bottom", []), [a, i] = z(me), [p, n] = x(a), [o, w] = x(null), f = {
+    "add-blocks": ke,
     layers: D,
-    "branding-options": Ne,
-    images: ke
+    "branding-options": Ce,
+    images: De
   };
-  R(r, ({ name: i, panel: h }) => {
-    f[i] = h;
+  R(r, ({ name: t, panel: u }) => {
+    f[t] = u;
   });
-  const c = (i) => {
-    clearTimeout(K), a !== "layers" && i === "layers" ? K = setTimeout(() => l("layers"), 500) : n(i), l(i);
+  const c = (t) => {
+    clearTimeout(K), a !== "layers" && t === "layers" ? K = setTimeout(() => i("layers"), 500) : n(t), i(t);
   }, v = k("dataBindingSupport", !1);
   function N() {
-    const i = setTimeout(() => {
+    const t = setTimeout(() => {
       o && (c("layers"), clearTimeout(o));
     }, 500);
-    w(i);
+    w(t);
   }
-  return /* @__PURE__ */ e.jsxs("div", { className: "relative flex ", children: [
+  return /* @__PURE__ */ e.jsxs("div", { className: "relative flex", children: [
     a !== "layers" ? /* @__PURE__ */ e.jsx(
       "div",
       {
         onMouseEnter: N,
         onClick: () => c("layers"),
-        className: "fixed inset-0 bg-black/20 z-[50]"
+        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: [
@@ -260,24 +263,24 @@ const Ds = () => {
             onClick: () => c("branding-options"),
             size: "sm",
             variant: a === "branding-options" ? "default" : "outline",
-            children: /* @__PURE__ */ e.jsx(H, { className: "w-4 max-w-[40px] text-xs" })
+            children: /* @__PURE__ */ e.jsx(I, { className: "w-4 max-w-[40px] text-xs" })
           }
         ),
-        x.Children.toArray(
-          r.map(({ name: i, icon: h }) => /* @__PURE__ */ e.jsx(j, { fallback: /* @__PURE__ */ e.jsx(T, { className: "h-10" }), children: /* @__PURE__ */ e.jsx(
+        h.Children.toArray(
+          r.map(({ name: t, icon: u }) => /* @__PURE__ */ e.jsx(j, { fallback: /* @__PURE__ */ e.jsx(_, { className: "h-10" }), children: /* @__PURE__ */ e.jsx(
             b,
             {
-              onClick: () => c(i),
+              onClick: () => c(t),
               size: "sm",
               className: "w-10",
-              variant: a === i ? "default" : "outline",
-              children: /* @__PURE__ */ e.jsx(h, {})
+              variant: a === t ? "default" : "outline",
+              children: /* @__PURE__ */ e.jsx(u, {})
             }
           ) }))
         )
       ] }),
-      /* @__PURE__ */ e.jsx("div", { className: "relative z-[100] flex w-14 flex-col items-center space-y-2", children: x.Children.toArray(
-        t.map((i) => /* @__PURE__ */ e.jsx(j, { fallback: /* @__PURE__ */ e.jsx(T, { className: "h-10" }), children: /* @__PURE__ */ e.jsx(i, {}) }))
+      /* @__PURE__ */ e.jsx("div", { className: "relative z-[100] flex w-14 flex-col items-center space-y-2", children: h.Children.toArray(
+        l.map((t) => /* @__PURE__ */ e.jsx(j, { fallback: /* @__PURE__ */ e.jsx(_, { className: "h-10" }), children: /* @__PURE__ */ e.jsx(t, {}) }))
       ) })
     ] }),
     /* @__PURE__ */ e.jsx(
@@ -295,14 +298,14 @@ const Ds = () => {
             children: /* @__PURE__ */ e.jsx(
               "div",
               {
-                className: ve(
+                className: be(
                   "relative h-full max-h-[93%] overflow-y-auto overflow-x-hidden bg-background p-1",
                   a === "layers" ? "" : "z-[100]"
                 ),
                 onMouseEnter: () => {
                   o && clearTimeout(o);
                 },
-                children: x.createElement(J(f, a, () => /* @__PURE__ */ e.jsx("div", {})))
+                children: h.createElement(O(f, a, () => /* @__PURE__ */ e.jsx("div", {})))
               }
             )
           }
@@ -318,29 +321,29 @@ const Ds = () => {
           /* @__PURE__ */ e.jsx("div", { className: "h-16 w-full bg-gray-200" })
         ] }),
         children: v ? /* @__PURE__ */ e.jsxs(xe, { defaultValue: "layers", className: "flex h-full w-full flex-col py-1", children: [
-          /* @__PURE__ */ e.jsxs(pe, { className: "mx-1 h-10 grid grid-cols-2", children: [
-            /* @__PURE__ */ e.jsxs(_, { value: "layers", children: [
-              /* @__PURE__ */ e.jsx(C, { className: "h-3 mr-2" }),
+          /* @__PURE__ */ e.jsxs(pe, { className: "mx-1 grid h-10 grid-cols-2", children: [
+            /* @__PURE__ */ e.jsxs(T, { value: "layers", children: [
+              /* @__PURE__ */ e.jsx(C, { className: "mr-2 h-3" }),
               " Layers"
             ] }),
-            /* @__PURE__ */ e.jsxs(_, { value: "data-provider", children: [
-              /* @__PURE__ */ e.jsx(ue, { className: "w-3 mr-2" }),
+            /* @__PURE__ */ e.jsxs(T, { value: "data-provider", children: [
+              /* @__PURE__ */ e.jsx(ue, { className: "mr-2 w-3" }),
               "Data"
             ] })
           ] }),
-          /* @__PURE__ */ e.jsx(z, { value: "layers", className: "no-scrollbar h-full flex-1 overflow-y-auto overflow-x-hidden", children: x.createElement(D) }),
-          /* @__PURE__ */ e.jsx(z, { value: "data-provider", className: "flex-1 overflow-y-auto overflow-x-hidden", children: /* @__PURE__ */ e.jsx(ye, {}) })
+          /* @__PURE__ */ e.jsx(E, { value: "layers", className: "no-scrollbar h-full flex-1 overflow-y-auto overflow-x-hidden", children: h.createElement(D) }),
+          /* @__PURE__ */ e.jsx(E, { value: "data-provider", className: "flex-1 overflow-y-auto overflow-x-hidden", children: /* @__PURE__ */ e.jsx(Ne, {}) })
         ] }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-          /* @__PURE__ */ e.jsxs("div", { className: "flex items-center bg-gray-200  rounded-md py-1", children: [
-            /* @__PURE__ */ e.jsx(C, { className: "h-4 mr-2 ml-2" }),
+          /* @__PURE__ */ e.jsxs("div", { className: "flex items-center rounded-md bg-gray-200 py-1", children: [
+            /* @__PURE__ */ e.jsx(C, { className: "ml-2 mr-2 h-4" }),
             " Layers"
           ] }),
-          /* @__PURE__ */ e.jsx("div", { className: "no-scrollbar h-full flex-1 overflow-y-auto overflow-x-hidden", children: x.createElement(D) })
+          /* @__PURE__ */ e.jsx("div", { className: "no-scrollbar h-full flex-1 overflow-y-auto overflow-x-hidden", children: h.createElement(D) })
         ] })
       }
     ) })
   ] });
 };
 export {
-  Ds as default
+  Ss as default
 };

package/dist/SidePanels-t0g9ZQFT.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-Z_BpKhVy.cjs"),w=require("@radix-ui/react-icons"),i=require("react"),k=require("jotai"),a=require("lodash-es"),s=require("./index-H6vIwGfD.cjs"),E=require("lucide-react"),C=require("@chaibuilder/runtime"),q=require("react-i18next"),b=require("./index-gi1LIOCw.cjs"),P=require("./index-jw8RxsTv.cjs"),T=require("./Functions-N3yhPYKY.cjs");require("./_commonjsHelpers-wDK0ZLPo.cjs");require("@radix-ui/react-toggle");require("class-variance-authority");require("./utils-PTxFk6qT.cjs");require("./MODIFIERS-2FeVfZQ9.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("flat-to-nested");require("redux-undo");require("lodash");require("@react-hookz/web");require("i18next");require("@floating-ui/react-dom");require("react-textarea-autosize");require("flagged");require("react-dnd");require("@minoru/react-dnd-treeview");require("react-hotkeys-hook");require("sonner");require("./html-to-json-2PeOCVey.cjs");require("himalaya");require("./web-blocks.cjs");require("./controls-Dy1qa8Dc.cjs");const D=({provider:t,onClose:x})=>{const{t:n}=q.useTranslation(),[l,p]=i.useState(null);return i.useEffect(()=>{t&&(t.mockFn?t.mockFn:t.dataFn)().then(u=>p(u))},[t]),t?e.jsxRuntimeExports.jsx(s.Dialog,{onOpenChange:c=>c?"":x(),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(P.ErrorBoundary,{children:e.jsxRuntimeExports.jsx(b.JsonView,{data:l,shouldExpandNode:b.allExpanded,style:{...b.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 A({children:t,name:x,onRemove:n}){const{t:l}=q.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,{children:l("remove_provider_confirmation",{name:x})}),e.jsxRuntimeExports.jsx(s.AlertDialogDescription,{children:l("remove_provider_warning")})]}),e.jsxRuntimeExports.jsxs(s.AlertDialogFooter,{children:[e.jsxRuntimeExports.jsx(s.AlertDialogCancel,{children:l("cancel")}),e.jsxRuntimeExports.jsx(s.AlertDialogAction,{onClick:n,className:"bg-red-600 hover:bg-red-700",children:l("remove")})]})]})]})}const _=()=>{const{t}=q.useTranslation(),x=i.useMemo(()=>C.getChaiDataProviders(),[]),[n,l]=s.usePageDataProviders(),[,p]=k.useAtom(s.pageSyncStateAtom),[c,u]=i.useState(a.filter(x,r=>a.map(n,"providerKey").includes(r.providerKey))),[g,v]=i.useState(""),[d,f]=i.useState(null),R=a.filter(x.map(r=>a.map(c,"providerKey").includes(r.providerKey)?null:{value:r.providerKey,label:r.name}),r=>!a.isNull(r)),o=r=>{const j=a.find(x,{providerKey:r});u(m=>[...m,j]),l(m=>[...m,{providerKey:j.providerKey,args:{}}]),v(""),p("UNSAVED")},h=r=>{u(j=>a.filter(j,m=>m.providerKey!==r.providerKey)),l(j=>a.filter(j,m=>m.providerKey!==r.providerKey)),p("UNSAVED")},S=r=>f(r);return a.isEmpty(x)?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:g,onValueChange:r=>o(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")}),R.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 ${c.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:c.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:()=>S(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(A,{onRemove:()=>h(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(D,{onClose:()=>f(null),provider:d})]})]})},B=i.lazy(()=>Promise.resolve().then(()=>require("./AddBlocks-x2LkOHSj.cjs"))),y=i.lazy(()=>Promise.resolve().then(()=>require("./Layers-v-7k3W2I.cjs"))),z=i.lazy(()=>Promise.resolve().then(()=>require("./BrandingOptions-EzT9UYd6.cjs"))),K=i.lazy(()=>Promise.resolve().then(()=>require("./index-H6vIwGfD.cjs")).then(t=>t.ImagesPanel));let N=null;const I=()=>{const t=s.useBuilderProp("sideBarComponents.top",[]),x=s.useBuilderProp("sideBarComponents.bottom",[]),[n,l]=k.useAtom(s.activePanelAtom),[p,c]=i.useState(n),[u,g]=i.useState(null),v={"add-blocks":B,layers:y,"branding-options":z,images:K};a.each(t,({name:o,panel:h})=>{v[o]=h});const d=o=>{clearTimeout(N),n!=="layers"&&o==="layers"?N=setTimeout(()=>l("layers"),500):c(o),l(o)},f=s.useBuilderProp("dataBindingSupport",!1);function R(){const o=setTimeout(()=>{u&&(d("layers"),clearTimeout(u))},500);g(o)}return e.jsxRuntimeExports.jsxs("div",{className:"relative flex",children:[n!=="layers"?e.jsxRuntimeExports.jsx("div",{onMouseEnter:R,onClick:()=>d("layers"),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:()=>{d("add-blocks")},size:"sm",variant:n==="add-blocks"?"default":"outline",children:e.jsxRuntimeExports.jsx(w.PlusIcon,{className:"text-xl"})}),e.jsxRuntimeExports.jsx(s.Button,{onClick:()=>d("layers"),size:"sm",variant:n==="layers"?"default":"outline",children:e.jsxRuntimeExports.jsx(E.ListTreeIcon,{className:"w-4"})}),e.jsxRuntimeExports.jsx(s.Button,{onClick:()=>d("branding-options"),size:"sm",variant:n==="branding-options"?"default":"outline",children:e.jsxRuntimeExports.jsx(w.Half2Icon,{className:"w-4 max-w-[40px] text-xs"})}),i.Children.toArray(t.map(({name:o,icon:h})=>e.jsxRuntimeExports.jsx(i.Suspense,{fallback:e.jsxRuntimeExports.jsx(s.Skeleton,{className:"h-10"}),children:e.jsxRuntimeExports.jsx(s.Button,{onClick:()=>d(o),size:"sm",className:"w-10",variant:n===o?"default":"outline",children:e.jsxRuntimeExports.jsx(h,{})})})))]}),e.jsxRuntimeExports.jsx("div",{className:"relative z-[100] flex w-14 flex-col items-center space-y-2",children:i.Children.toArray(x.map(o=>e.jsxRuntimeExports.jsx(i.Suspense,{fallback:e.jsxRuntimeExports.jsx(s.Skeleton,{className:"h-10"}),children:e.jsxRuntimeExports.jsx(o,{})})))})]}),e.jsxRuntimeExports.jsx("div",{className:`absolute left-14 z-[50] h-full w-96 border-r bg-background duration-500 ease-in-out ${n!=="layers"?"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:T.cn("relative h-full max-h-[93%] overflow-y-auto overflow-x-hidden bg-background p-1",n==="layers"?"":"z-[100]"),onMouseEnter:()=>{u&&clearTimeout(u)},children:i.createElement(a.get(v,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:f?e.jsxRuntimeExports.jsxs(s.Tabs,{defaultValue:"layers",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:"layers",children:[e.jsxRuntimeExports.jsx(E.ListTreeIcon,{className:"mr-2 h-3"})," Layers"]}),e.jsxRuntimeExports.jsxs(s.TabsTrigger,{value:"data-provider",children:[e.jsxRuntimeExports.jsx(E.DatabaseIcon,{className:"mr-2 w-3"}),"Data"]})]}),e.jsxRuntimeExports.jsx(s.TabsContent,{value:"layers",className:"no-scrollbar h-full flex-1 overflow-y-auto overflow-x-hidden",children:i.createElement(y)}),e.jsxRuntimeExports.jsx(s.TabsContent,{value:"data-provider",className:"flex-1 overflow-y-auto overflow-x-hidden",children:e.jsxRuntimeExports.jsx(_,{})})]}):e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs("div",{className:"flex items-center rounded-md bg-gray-200 py-1",children:[e.jsxRuntimeExports.jsx(E.ListTreeIcon,{className:"ml-2 mr-2 h-4"})," Layers"]}),e.jsxRuntimeExports.jsx("div",{className:"no-scrollbar h-full flex-1 overflow-y-auto overflow-x-hidden",children:i.createElement(y)})]})})})]})};exports.default=I;

package/dist/Topbar-V8xCetWF.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-Z_BpKhVy.cjs"),n=require("react"),l=require("@radix-ui/react-icons"),r=require("./index-H6vIwGfD.cjs"),a=require("react-i18next");require("./_commonjsHelpers-wDK0ZLPo.cjs");require("@radix-ui/react-toggle");require("class-variance-authority");require("./utils-PTxFk6qT.cjs");require("lodash-es");require("./MODIFIERS-2FeVfZQ9.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("jotai");require("flat-to-nested");require("./Functions-N3yhPYKY.cjs");require("redux-undo");require("@chaibuilder/runtime");require("lodash");require("@react-hookz/web");const o=()=>r.useBuilderProp("languages",["en"]),c=()=>o().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(l.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"})]})})]})}),p=()=>{const{savePage:i,syncState:s}=r.useSavePage(),{t:x}=a.useTranslation(),u=n.useMemo(()=>{switch(s){case"SAVING":return"animate-pulse bg-gray-500 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"}},[s]);return e.jsxRuntimeExports.jsx("div",{className:"flex items-center",children:e.jsxRuntimeExports.jsxs(r.Tooltip,{children:[e.jsxRuntimeExports.jsx(r.TooltipTrigger,{asChild:!0,children:e.jsxRuntimeExports.jsxs(r.Toggle,{onClick:t=>{t.preventDefault(),i()},className:`flex h-auto w-20 items-center gap-x-1 rounded-full p-1 px-2 ${u}`,size:"sm",variant:"outline",children:[e.jsxRuntimeExports.jsx("svg",{fill:"currentColor",width:"16",height:"16",viewBox:"0 0 0.32 0.32",xmlns:"http://www.w3.org/2000/svg",children:e.jsxRuntimeExports.jsx("path",{fillRule:"evenodd",d:"M.274.086a.02.02 0 0 1 0 .028l-.12.12a.02.02 0 0 1-.028 0l-.06-.06A.02.02 0 0 1 .094.146L.14.192.246.086a.02.02 0 0 1 .028 0Z"})}),s==="SAVING"?"Saving...":s==="SAVED"?x("Saved"):"Save"]})}),e.jsxRuntimeExports.jsx(r.TooltipContent,{children:e.jsxRuntimeExports.jsx("p",{children:s==="SAVING"?"Saving...":s==="SAVED"?"Saved":"Save changes"})})]})})},m=()=>{const i=r.useBuilderProp("topBarComponents.left",[]),s=r.useBuilderProp("topBarComponents.center",[]),x=r.useBuilderProp("topBarComponents.right",[]),u=r.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:n.Children.toArray(i.map(t=>e.jsxRuntimeExports.jsx(n.Suspense,{fallback:e.jsxRuntimeExports.jsx(r.Skeleton,{className:"h-10"}),children:e.jsxRuntimeExports.jsx(t,{})})))})}),e.jsxRuntimeExports.jsx("div",{className:"flex items-center space-x-2",children:n.Children.toArray(s.map(t=>e.jsxRuntimeExports.jsx(n.Suspense,{fallback:e.jsxRuntimeExports.jsx(r.Skeleton,{className:"h-10"}),children:e.jsxRuntimeExports.jsx(t,{})})))}),e.jsxRuntimeExports.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsxRuntimeExports.jsx(c,{}),e.jsxRuntimeExports.jsx(r.Separator,{orientation:"vertical"}),u?e.jsxRuntimeExports.jsx(p,{}):null,n.Children.toArray(x.map(t=>e.jsxRuntimeExports.jsx(n.Suspense,{fallback:e.jsxRuntimeExports.jsx(r.Skeleton,{className:"h-10"}),children:e.jsxRuntimeExports.jsx(t,{})})))]})]})};exports.default=m;

package/dist/{Topbar-ks1ckGLz.js → Topbar-j4t4AgCq.js}

@@ -1,7 +1,7 @@
 import { j as e } from "./jsx-runtime-WbnYoNE9.js";
 import o, { useMemo as m, Suspense as c } from "react";
 import { FontFamilyIcon as x } from "@radix-ui/react-icons";
-import { i as a, aq as d, ar as h, as as u, at as g, aA as j, aB as v, au as r, ag as f, aC as S, aD as b, aE as N, aF as C, S as p, aG as w } from "./index-_OgCuSUz.js";
+import { i as a, ar as d, as as h, at as u, au as g, aB as j, aC as v, av as r, ah as f, aD as S, aE as b, aF as N, aG as C, S as p, aH as w } from "./index-niHREMmR.js";
 import { useTranslation as y } from "react-i18next";
 import "./_commonjsHelpers-UyOWmZb0.js";
 import "@radix-ui/react-toggle";
@@ -37,6 +37,7 @@ import "flat-to-nested";
 import "./Functions-7jnEwJyw.js";
 import "redux-undo";
 import "@chaibuilder/runtime";
+import "lodash";
 import "@react-hookz/web";
 const A = () => a("languages", ["en"]), B = () => A().length === 1 ? null : /* @__PURE__ */ e.jsx("div", { className: "flex items-center", children: /* @__PURE__ */ e.jsxs(d, { children: [
   /* @__PURE__ */ e.jsx(h, { className: "w-[150px] border-0", children: /* @__PURE__ */ e.jsx(
@@ -91,7 +92,7 @@ const A = () => a("languages", ["en"]), B = () => A().length === 1 ? null : /* @
     ) }),
     /* @__PURE__ */ e.jsx(C, { children: /* @__PURE__ */ e.jsx("p", { children: t === "SAVING" ? "Saving..." : t === "SAVED" ? "Saved" : "Save changes" }) })
   ] }) });
-}, ue = () => {
+}, ge = () => {
   const i = a("topBarComponents.left", []), t = a("topBarComponents.center", []), l = a("topBarComponents.right", []), n = a("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: o.Children.toArray(
@@ -111,5 +112,5 @@ const A = () => a("languages", ["en"]), B = () => A().length === 1 ? null : /* @
   ] });
 };
 export {
-  ue as default
+  ge as default
 };

package/dist/{UnsplashImages-8vJPuqrF.js → UnsplashImages-41Y3q5_Q.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 B } from "unsplash-js";
-import { i as F, bk as K, a$ as U, b0 as V, b1 as O, aq as P, ar as C, as as S, at as k, au as h, bn as Q, B as $ } from "./index-_OgCuSUz.js";
+import { i as F, bk as K, a$ as U, b0 as V, b1 as O, ar as P, as as C, at as S, au as k, av as h, bn as Q, B as $ } from "./index-niHREMmR.js";
 import { useDebouncedState as H } from "@react-hookz/web";
 import { Loader as R } from "lucide-react";
 import "./_commonjsHelpers-UyOWmZb0.js";
@@ -39,13 +39,14 @@ import "flat-to-nested";
 import "./Functions-7jnEwJyw.js";
 import "redux-undo";
 import "@chaibuilder/runtime";
+import "lodash";
 import "react-i18next";
 const I = async (x, g) => new Promise((o, r) => {
   B({ accessKey: g }).search.getPhotos(x).then((i) => {
     o(i);
   }).catch((i) => r(i));
-}), Ee = ({ isModalView: x, onSelect: g }) => {
-  const o = F("unsplashAccessKey", ""), [r, j] = p([]), [i, v] = p(0), [l, q] = p(), [n, A] = p(), [z, y] = p(0), [u, T] = H("", 1e3), [f, c] = p(!1), _ = async (s) => {
+}), Le = ({ isModalView: x, onSelect: g }) => {
+  const o = F("unsplashAccessKey", ""), [r, j] = p([]), [i, v] = p(0), [l, A] = p(), [n, q] = p(), [z, y] = p(0), [u, T] = H("", 1e3), [f, c] = p(!1), _ = async (s) => {
     if (d(u))
       return;
     let t = i + 1;
@@ -102,7 +103,7 @@ const I = async (x, g) => new Promise((o, r) => {
             className: "z-[9999] flex w-max items-center justify-center",
             children: /* @__PURE__ */ e.jsxs("div", { children: [
               /* @__PURE__ */ e.jsx("div", { className: "py-1 text-sm font-medium", children: "Orientation" }),
-              /* @__PURE__ */ e.jsxs(P, { defaultValue: l, onValueChange: (s) => q(s), children: [
+              /* @__PURE__ */ e.jsxs(P, { defaultValue: l, onValueChange: (s) => A(s), children: [
                 /* @__PURE__ */ e.jsx(C, { className: "h-auto w-40 p-1 px-3", children: /* @__PURE__ */ e.jsx(S, { placeholder: "Select" }) }),
                 /* @__PURE__ */ e.jsxs(k, { className: "z-[9999]", children: [
                   /* @__PURE__ */ e.jsx(h, { value: "", children: "All" }),
@@ -112,7 +113,7 @@ const I = async (x, g) => new Promise((o, r) => {
                 ] })
               ] }),
               /* @__PURE__ */ e.jsx("div", { className: "pb-1 pt-2 text-sm font-medium", children: "Color" }),
-              /* @__PURE__ */ e.jsxs(P, { defaultValue: n, onValueChange: (s) => A(s), children: [
+              /* @__PURE__ */ e.jsxs(P, { defaultValue: n, onValueChange: (s) => q(s), children: [
                 /* @__PURE__ */ e.jsx(C, { className: "h-auto w-40 p-1 px-3", children: /* @__PURE__ */ e.jsx(S, { placeholder: "Select" }) }),
                 /* @__PURE__ */ e.jsxs(k, { className: "z-[9999]", children: [
                   /* @__PURE__ */ e.jsx(h, { value: "", children: "All" }),
@@ -194,6 +195,6 @@ const I = async (x, g) => new Promise((o, r) => {
   ] });
 };
 export {
-  Ee as default,
+  Le as default,
   I as fetchImage
 };

package/dist/UnsplashImages-DbHky6cj.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-Z_BpKhVy.cjs"),o=require("react"),l=require("lodash-es"),C=require("@radix-ui/react-icons"),k=require("unsplash-js"),t=require("./index-H6vIwGfD.cjs"),A=require("@react-hookz/web"),T=require("lucide-react");require("./_commonjsHelpers-wDK0ZLPo.cjs");require("@radix-ui/react-toggle");require("class-variance-authority");require("./utils-PTxFk6qT.cjs");require("./MODIFIERS-2FeVfZQ9.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("jotai");require("flat-to-nested");require("./Functions-N3yhPYKY.cjs");require("redux-undo");require("@chaibuilder/runtime");require("lodash");require("react-i18next");const g=async(d,E)=>new Promise((a,n)=>{k.createApi({accessKey:E}).search.getPhotos(d).then(c=>{a(c)}).catch(c=>n(c))}),z=({isModalView:d,onSelect:E})=>{const a=t.useBuilderProp("unsplashAccessKey",""),[n,f]=o.useState([]),[c,q]=o.useState(0),[u,S]=o.useState(),[x,b]=o.useState(),[I,R]=o.useState(0),[j,w]=A.useDebouncedState("",1e3),[h,m]=o.useState(!1),P=async s=>{if(l.isEmpty(j))return;let i=c+1;s&&(s.preventDefault(),i=1),m(!0),q(i);const p={query:j,page:i};u&&(p.orientation=u),x&&(p.color=x),g(p,a).then(r=>{var y,v,N;f(i===1?((y=r==null?void 0:r.response)==null?void 0:y.results)||[]:[...n,...((v=r==null?void 0:r.response)==null?void 0:v.results)||[]]),R((N=r==null?void 0:r.response)==null?void 0:N.total_pages),m(!1)}).catch(()=>{m(!1)})};return o.useEffect(()=>{if(!l.isEmpty(j)&&a){m(!0);const s={query:j,page:1};u&&(s.orientation=u),x&&(s.color=x),q(1),g(s,a).then(i=>{var p,r;f(((p=i==null?void 0:i.response)==null?void 0:p.results)||[]),R((r=i==null?void 0:i.response)==null?void 0:r.total_pages),m(!1)}).catch(()=>{m(!1)})}},[u,x,j,a]),l.isEmpty(a)?e.jsxRuntimeExports.jsx("div",{className:"h-full flex flex-col items-center justify-center",children:e.jsxRuntimeExports.jsxs("p",{className:"max-w-3xl text-center text-gray-500",children:["To enable Unsplash, kindly provide your",e.jsxRuntimeExports.jsx("a",{href:"https://unsplash.com/documentation#public-authentication",className:"underline px-1 hover:text-blue-400",target:"_blank",rel:"noopener noreferrer",children:"Unsplash Access Key"})]})}):e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs("form",{className:"flex items-center rounded-md border bg-gray-100 p-px",children:[e.jsxRuntimeExports.jsx(t.Input,{type:"text",name:"query",className:"input",placeholder:'Try "dog" or "apple"',onChange:s=>w(s.target.value)}),e.jsxRuntimeExports.jsxs(t.Popover,{children:[e.jsxRuntimeExports.jsx(t.PopoverTrigger,{asChild:!0,className:"h-full w-10 cursor-pointer p-2.5 hover:bg-slate-200",children:e.jsxRuntimeExports.jsx(C.MixerHorizontalIcon,{})}),e.jsxRuntimeExports.jsx(t.PopoverContent,{side:d?"bottom":"right",className:"z-[9999] flex w-max items-center justify-center",children:e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsx("div",{className:"py-1 text-sm font-medium",children:"Orientation"}),e.jsxRuntimeExports.jsxs(t.Select,{defaultValue:u,onValueChange:s=>S(s),children:[e.jsxRuntimeExports.jsx(t.SelectTrigger,{className:"h-auto w-40 p-1 px-3",children:e.jsxRuntimeExports.jsx(t.SelectValue,{placeholder:"Select"})}),e.jsxRuntimeExports.jsxs(t.SelectContent,{className:"z-[9999]",children:[e.jsxRuntimeExports.jsx(t.SelectItem,{value:"",children:"All"}),e.jsxRuntimeExports.jsx(t.SelectItem,{value:"landscape",children:"Landscape"}),e.jsxRuntimeExports.jsx(t.SelectItem,{value:"portrait",children:"Portrait"}),e.jsxRuntimeExports.jsx(t.SelectItem,{value:"squarish",children:"Square"})]})]}),e.jsxRuntimeExports.jsx("div",{className:"pb-1 pt-2 text-sm font-medium",children:"Color"}),e.jsxRuntimeExports.jsxs(t.Select,{defaultValue:x,onValueChange:s=>b(s),children:[e.jsxRuntimeExports.jsx(t.SelectTrigger,{className:"h-auto w-40 p-1 px-3",children:e.jsxRuntimeExports.jsx(t.SelectValue,{placeholder:"Select"})}),e.jsxRuntimeExports.jsxs(t.SelectContent,{className:"z-[9999]",children:[e.jsxRuntimeExports.jsx(t.SelectItem,{value:"",children:"All"}),["black_and_white","black","white","yellow","orange","red","purple","magenta","green","teal","blue"].map(s=>e.jsxRuntimeExports.jsx(t.SelectItem,{value:s,children:l.startCase(s)},s))]})]})]})})]})]}),e.jsxRuntimeExports.jsxs(t.ScrollArea,{className:`h-full ${d&&!l.isEmpty(n)?"-mx-2 flex flex-wrap px-2":"-mx-2 flex flex-col pb-8 pt-2"}`,children:[l.isEmpty(n)&&!h&&e.jsxRuntimeExports.jsxs("div",{className:"flex flex-col items-center justify-center py-6",children:[e.jsxRuntimeExports.jsx("div",{className:"font-medium",children:"No Data"}),e.jsxRuntimeExports.jsx("div",{className:"text-sm text-gray-500",children:"Enter query and press enter"})]}),d?e.jsxRuntimeExports.jsx("div",{className:"h-full columns-5 py-2",children:n.map(s=>e.jsxRuntimeExports.jsx("div",{role:"button",tabIndex:0,className:"my-1 flex",onClick:()=>E(s.urls.regular),children:e.jsxRuntimeExports.jsx("div",{className:"relative overflow-hidden rounded-md bg-cover bg-no-repeat",children:e.jsxRuntimeExports.jsx("img",{className:"h-auto flex-1 cursor-pointer rounded-md transition duration-300 ease-in-out hover:scale-105",alt:s.alt_description,src:s.urls.small})})},s.id))}):n.map(s=>e.jsxRuntimeExports.jsx("div",{className:"w-full px-2 py-1",children:e.jsxRuntimeExports.jsx("div",{className:"relative overflow-hidden rounded-md bg-cover bg-no-repeat",children:e.jsxRuntimeExports.jsx("img",{className:"h-auto cursor-pointer transition duration-300 ease-in-out hover:scale-105",alt:s.alt_description,src:s.urls.small})})},s.id)),h&&e.jsxRuntimeExports.jsxs("div",{className:"flex items-center justify-center py-8",children:[e.jsxRuntimeExports.jsx(T.Loader,{className:"animate-spin w-6 h-6"}),"  Loading..."]}),!l.isEmpty(n)&&c<I&&!h&&e.jsxRuntimeExports.jsx(t.Button,{size:"sm",variant:"link",className:"w-full",onClick:()=>P(void 0),disabled:h,children:h?"":"Load More"})]})]})};exports.default=z;exports.fetchImage=g;

package/dist/UploadImages-DnQ95_NW.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-Z_BpKhVy.cjs"),s=require("react"),l=require("lodash-es"),d=require("@radix-ui/react-icons"),b=require("jotai"),m=require("./index-H6vIwGfD.cjs");require("./_commonjsHelpers-wDK0ZLPo.cjs");require("@radix-ui/react-toggle");require("class-variance-authority");require("./utils-PTxFk6qT.cjs");require("./MODIFIERS-2FeVfZQ9.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("flat-to-nested");require("./Functions-N3yhPYKY.cjs");require("redux-undo");require("@chaibuilder/runtime");require("lodash");require("@react-hookz/web");require("react-i18next");const N=b.atom([]),I=({isModalView:t,onSelect:a})=>{const E=m.useBuilderProp("uploadMediaCallback",()=>""),p=m.useBuilderProp("fetchMediaCallback",()=>[]),[i,u]=b.useAtom(N),[n,j]=s.useState(!1),[h,f]=s.useState(!1),[x,c]=s.useState(),[g,R]=s.useState("");s.useEffect(()=>{(async()=>{f(!0);const r=await p();u(r||[]),f(!1)})()},[]);const v=r=>{var o,q;r&&((q=(o=r==null?void 0:r.target)==null?void 0:o.files)==null?void 0:q.length)>0&&c(r.target.files[0])},y=async()=>{j(!0);try{const{url:r}=await E(x);a(r),c(void 0);const o=await p();u(o)}catch(r){u([]),R((r==null?void 0:r.message)||"Something went wrong.")}j(!1)};return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[x?e.jsxRuntimeExports.jsxs("div",{className:"relative flex w-full flex-col items-center justify-center rounded-md border bg-slate-50 p-2 px-1",children:[e.jsxRuntimeExports.jsx("img",{src:URL.createObjectURL(x),alt:"",className:"h-auto w-full max-w-sm rounded-md  max-h-96 object-contain"}),g&&e.jsxRuntimeExports.jsx("div",{className:"w-full pt-2 text-center text-sm text-red-500",children:g}),e.jsxRuntimeExports.jsxs("div",{className:"flex w-full items-center justify-center gap-2 pt-2",children:[e.jsxRuntimeExports.jsxs("button",{type:"button",onClick:y,disabled:n,className:"flex items-center rounded-full bg-blue-500 px-3 py-1 text-sm text-white hover:bg-blue-600 hover:text-white",children:[n?e.jsxRuntimeExports.jsx(d.GearIcon,{className:"animate-spin"}):e.jsxRuntimeExports.jsx(d.UploadIcon,{className:"animate-bounce"}),"  ",n?"Uploading...":"Upload"]}),!n&&e.jsxRuntimeExports.jsxs("button",{type:"button",className:"flex items-center rounded-full border border-gray-300 px-3 py-1 text-sm hover:bg-gray-200",onClick:()=>c(void 0),children:[e.jsxRuntimeExports.jsx(d.Cross1Icon,{}),"  Cancel"]})]})]}):e.jsxRuntimeExports.jsxs("label",{htmlFor:t?"upload-in-modal":"upload-in-panel",children:[e.jsxRuntimeExports.jsxs("div",{className:"flex w-full cursor-pointer flex-col items-center justify-center rounded-md border border-dashed border-blue-900 bg-gray-200 py-8 hover:bg-blue-50",children:[e.jsxRuntimeExports.jsx("div",{className:"text-3xl",children:"+"}),e.jsxRuntimeExports.jsx("div",{children:"Click to choose file"})]}),e.jsxRuntimeExports.jsx("input",{type:"file",id:t?"upload-in-modal":"upload-in-panel",hidden:!0,onChange:v})]}),e.jsxRuntimeExports.jsxs(m.ScrollArea,{className:`-mx-2 flex h-full flex-col pb-8 pt-2 ${t?"px-2":""} pt-2`,children:[l.isEmpty(i)&&h&&e.jsxRuntimeExports.jsx("div",{className:"flex flex-col items-center justify-center py-6",children:e.jsxRuntimeExports.jsx("div",{className:"animate-pulse font-medium",children:"Fetching..."})}),l.isEmpty(i)&&!h&&e.jsxRuntimeExports.jsx("div",{className:"flex flex-col items-center justify-center py-6",children:e.jsxRuntimeExports.jsx("div",{className:"font-medium",children:"No Images"})}),t?e.jsxRuntimeExports.jsx("div",{className:"h-full columns-5 py-2",children:l.map(i,r=>e.jsxRuntimeExports.jsx("div",{role:"button",tabIndex:0,className:"my-1 flex",onClick:()=>a(r.url),children:e.jsxRuntimeExports.jsx("div",{className:"relative overflow-hidden rounded-md bg-cover bg-no-repeat",children:e.jsxRuntimeExports.jsx("img",{className:"h-auto flex-1 cursor-pointer rounded-md transition duration-300 ease-in-out hover:scale-105",alt:r.name,src:r.thumbUrl})})},r.id))}):l.map(i,r=>e.jsxRuntimeExports.jsx("div",{role:"button",tabIndex:0,className:"px-2 py-1",onClick:()=>a(r.url),children:e.jsxRuntimeExports.jsx("div",{className:"relative overflow-hidden rounded-md bg-cover bg-no-repeat",children:e.jsxRuntimeExports.jsx("img",{className:"h-auto w-full cursor-pointer transition duration-300 ease-in-out hover:scale-105",alt:r.name,src:r.url})})},r.id))]})]})};exports.default=I;

package/dist/{UploadImages-6N6UrjLo.js → UploadImages-xBg-kbKv.js}

@@ -3,7 +3,7 @@ import { useState as i, useEffect as w } from "react";
 import { isEmpty as g, map as b } from "lodash-es";
 import { GearIcon as C, UploadIcon as U, Cross1Icon as k } from "@radix-ui/react-icons";
 import { atom as F, useAtom as E } from "jotai";
-import { i as j, bn as A } from "./index-_OgCuSUz.js";
+import { i as j, bn as A } from "./index-niHREMmR.js";
 import "./_commonjsHelpers-UyOWmZb0.js";
 import "@radix-ui/react-toggle";
 import "class-variance-authority";
@@ -36,10 +36,11 @@ import "flat-to-nested";
 import "./Functions-7jnEwJyw.js";
 import "redux-undo";
 import "@chaibuilder/runtime";
+import "lodash";
 import "@react-hookz/web";
 import "react-i18next";
-const R = F([]), be = ({ isModalView: r, onSelect: a }) => {
-  const v = j("uploadMediaCallback", () => ""), c = j("fetchMediaCallback", () => []), [s, m] = E(R), [o, p] = i(!1), [u, x] = i(!1), [n, d] = i(), [f, y] = i("");
+const R = F([]), je = ({ isModalView: r, onSelect: a }) => {
+  const v = j("uploadMediaCallback", () => ""), c = j("fetchMediaCallback", () => []), [o, m] = E(R), [s, p] = i(!1), [u, x] = i(!1), [n, d] = i(), [f, y] = i("");
   w(() => {
     (async () => {
       x(!0);
@@ -79,16 +80,16 @@ const R = F([]), be = ({ isModalView: r, onSelect: a }) => {
           {
             type: "button",
             onClick: I,
-            disabled: o,
+            disabled: s,
             className: "flex items-center rounded-full bg-blue-500 px-3 py-1 text-sm text-white hover:bg-blue-600 hover:text-white",
             children: [
-              o ? /* @__PURE__ */ e.jsx(C, { className: "animate-spin" }) : /* @__PURE__ */ e.jsx(U, { className: "animate-bounce" }),
+              s ? /* @__PURE__ */ e.jsx(C, { className: "animate-spin" }) : /* @__PURE__ */ e.jsx(U, { className: "animate-bounce" }),
               "  ",
-              o ? "Uploading..." : "Upload"
+              s ? "Uploading..." : "Upload"
             ]
           }
         ),
-        !o && /* @__PURE__ */ e.jsxs(
+        !s && /* @__PURE__ */ e.jsxs(
           "button",
           {
             type: "button",
@@ -109,16 +110,16 @@ const R = F([]), be = ({ isModalView: r, onSelect: a }) => {
       /* @__PURE__ */ e.jsx("input", { type: "file", id: r ? "upload-in-modal" : "upload-in-panel", hidden: !0, onChange: N })
     ] }),
     /* @__PURE__ */ e.jsxs(A, { className: `-mx-2 flex h-full flex-col pb-8 pt-2 ${r ? "px-2" : ""} pt-2`, children: [
-      g(s) && u && /* @__PURE__ */ e.jsx("div", { className: "flex flex-col items-center justify-center py-6", children: /* @__PURE__ */ e.jsx("div", { className: "animate-pulse font-medium", children: "Fetching..." }) }),
-      g(s) && !u && /* @__PURE__ */ e.jsx("div", { className: "flex flex-col items-center justify-center py-6", children: /* @__PURE__ */ e.jsx("div", { className: "font-medium", children: "No Images" }) }),
-      r ? /* @__PURE__ */ e.jsx("div", { className: "h-full columns-5 py-2", children: b(s, (t) => /* @__PURE__ */ e.jsx("div", { role: "button", tabIndex: 0, className: "my-1 flex", onClick: () => a(t.url), children: /* @__PURE__ */ e.jsx("div", { className: "relative overflow-hidden rounded-md bg-cover bg-no-repeat", children: /* @__PURE__ */ e.jsx(
+      g(o) && u && /* @__PURE__ */ e.jsx("div", { className: "flex flex-col items-center justify-center py-6", children: /* @__PURE__ */ e.jsx("div", { className: "animate-pulse font-medium", children: "Fetching..." }) }),
+      g(o) && !u && /* @__PURE__ */ e.jsx("div", { className: "flex flex-col items-center justify-center py-6", children: /* @__PURE__ */ e.jsx("div", { className: "font-medium", children: "No Images" }) }),
+      r ? /* @__PURE__ */ e.jsx("div", { className: "h-full columns-5 py-2", children: b(o, (t) => /* @__PURE__ */ e.jsx("div", { role: "button", tabIndex: 0, className: "my-1 flex", onClick: () => a(t.url), children: /* @__PURE__ */ e.jsx("div", { className: "relative overflow-hidden rounded-md bg-cover bg-no-repeat", children: /* @__PURE__ */ e.jsx(
         "img",
         {
           className: "h-auto flex-1 cursor-pointer rounded-md transition duration-300 ease-in-out hover:scale-105",
           alt: t.name,
           src: t.thumbUrl
         }
-      ) }) }, t.id)) }) : b(s, (t) => (
+      ) }) }, t.id)) }) : b(o, (t) => (
         // TODO: Drag and Drop Image to Canvas from Here use `pic.url` for image quality
         /* @__PURE__ */ e.jsx("div", { role: "button", tabIndex: 0, className: "px-2 py-1", onClick: () => a(t.url), children: /* @__PURE__ */ e.jsx("div", { className: "relative overflow-hidden rounded-md bg-cover bg-no-repeat", children: /* @__PURE__ */ e.jsx(
           "img",
@@ -133,5 +134,5 @@ const R = F([]), be = ({ isModalView: r, onSelect: a }) => {
   ] });
 };
 export {
-  be as default
+  je as default
 };