@chaibuilder/sdk 1.2.33 → 1.2.35

package/dist/{SidePanels-bLwsW29O.js → SidePanels-QwN_fVWJ.js}

@@ -1,31 +1,34 @@
 import { j as e } from "./jsx-runtime-WbnYoNE9.js";
-import { KeyboardIcon as U, PlusIcon as J, Half2Icon as W } from "@radix-ui/react-icons";
-import j, { useState as p, useEffect as Y, useMemo as Z, memo as q, lazy as w, Suspense as N } from "react";
+import { KeyboardIcon as U, PlusIcon as J, Half2Icon as Z } from "@radix-ui/react-icons";
+import j, { useState as h, useEffect as W, useMemo as Y, memo as $, lazy as w, Suspense as N } from "react";
 import { useAtom as O } from "jotai";
-import { filter as y, map as K, isNull as $, find as G, isEmpty as Q, each as X, get as ee } from "lodash-es";
-import { ad as M, ae as H, af as F, ag as R, 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 E, ao as je, ap as ve, aq as ge, B as v, ar as be, as as B, h as T, at as Ne, S as z, au as V, av as I, aw as A, ax as S } from "./index-hH5SIZ29.js";
-import { ListTreeIcon as _, DatabaseIcon as ye } from "lucide-react";
-import { getChaiDataProviders as we } from "@chaibuilder/runtime";
+import { filter as y, map as K, isNull as q, find as G, isEmpty as Q, each as X, get as ee } from "lodash-es";
+import { Z as M, _ as H, $ as F, a0 as R, a1 as se, a2 as re, A as ae, a as le, b as ie, c as te, d as oe, e as ne, f as ce, g as de, a3 as me, a4 as xe, a5 as he, a6 as pe, a7 as ue, a8 as fe, a9 as je, aa as E, ab as ve, ac as ge, ad as be, B as v, ae as Ne, af as B, h as T, ag as ye, ah as z, ai as V, aj as I, ak as _, al as A } from "./ChaiBuilderEditor-ChKigulx.js";
+import { ListTreeIcon as S, DatabaseIcon as we } from "lucide-react";
+import { getChaiDataProviders as ke } from "@chaibuilder/runtime";
 import { useTranslation as g } from "react-i18next";
-import { J as ke, a as Ce, d as De } from "./index-e0c8PmRQ.js";
-import { E as Te } from "./index-AJalHhkO.js";
+import { J as De, a as Ce, d as Te } from "./index-e0c8PmRQ.js";
 import { O as i } from "./STRINGS--j49GZJP.js";
-import { c as Ae } from "./Functions-7jnEwJyw.js";
+import { c as _e } from "./Functions-7jnEwJyw.js";
 import "./_commonjsHelpers-UyOWmZb0.js";
+import "clsx";
+import "react-dom";
+import "@radix-ui/react-scroll-area";
+import "@floating-ui/react-dom";
+import "i18next";
+import "flagged";
 import "@react-hookz/web";
 import "./MODIFIERS-cBT31iqE.js";
-import "./Class-6Hz2KzYb.js";
-import "clsx";
-import "tailwind-merge";
 import "@radix-ui/react-toggle";
 import "class-variance-authority";
+import "./Class-6Hz2KzYb.js";
+import "tailwind-merge";
 import "@radix-ui/react-switch";
 import "@radix-ui/react-slot";
 import "@radix-ui/react-accordion";
 import "@radix-ui/react-alert-dialog";
 import "@radix-ui/react-dialog";
 import "@radix-ui/react-label";
-import "@radix-ui/react-scroll-area";
 import "@radix-ui/react-tabs";
 import "@radix-ui/react-tooltip";
 import "@radix-ui/react-popover";
@@ -38,16 +41,13 @@ import "@radix-ui/react-toast";
 import "cmdk";
 import "@radix-ui/react-context-menu";
 import "react-icons-picker";
-import "react-dom";
 import "react-quill";
-import "i18next";
-import "@floating-ui/react-dom";
-import "flagged";
 import "react-hotkeys-hook";
-const Se = ({ provider: s, onClose: o }) => {
-  const { t: l } = g(), [a, h] = p(null);
-  return Y(() => {
-    s && (s.mockFn ? s.mockFn : s.dataFn)().then((n) => h(n));
+import "lodash";
+const Ae = ({ provider: s, onClose: o }) => {
+  const { t: l } = g(), [a, p] = h(null);
+  return W(() => {
+    s && (s.mockFn ? s.mockFn : s.dataFn)().then((n) => p(n));
   }, [s]), s ? /* @__PURE__ */ e.jsx(M, { onOpenChange: (d) => d ? "" : o(), defaultOpen: !0, children: /* @__PURE__ */ e.jsxs(H, { children: [
     /* @__PURE__ */ e.jsxs(F, { children: [
       /* @__PURE__ */ e.jsxs(R, { children: [
@@ -57,13 +57,13 @@ const Se = ({ provider: s, onClose: o }) => {
       ] }),
       /* @__PURE__ */ e.jsx(se, { children: s.description })
     ] }),
-    /* @__PURE__ */ e.jsx(Te, { children: /* @__PURE__ */ e.jsx(
-      ke,
+    /* @__PURE__ */ e.jsx(re, { children: /* @__PURE__ */ e.jsx(
+      De,
       {
         data: a,
         shouldExpandNode: Ce,
         style: {
-          ...De,
+          ...Te,
           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"
@@ -72,42 +72,42 @@ const Se = ({ provider: s, onClose: o }) => {
     ) })
   ] }) }) : null;
 };
-function _e({
+function Se({
   children: s,
   name: o,
   onRemove: l
 }) {
   const { t: a } = g();
-  return /* @__PURE__ */ e.jsxs(re, { children: [
-    /* @__PURE__ */ e.jsx(ae, { asChild: !0, children: s }),
-    /* @__PURE__ */ e.jsxs(le, { children: [
-      /* @__PURE__ */ e.jsxs(ie, { children: [
+  return /* @__PURE__ */ e.jsxs(ae, { children: [
+    /* @__PURE__ */ e.jsx(le, { asChild: !0, children: s }),
+    /* @__PURE__ */ e.jsxs(ie, { children: [
+      /* @__PURE__ */ e.jsxs(te, { children: [
         /* @__PURE__ */ e.jsx(
-          te,
+          oe,
           {
             dangerouslySetInnerHTML: { __html: a("remove_provider_confirmation").replace("{name}", o) }
           }
         ),
-        /* @__PURE__ */ e.jsx(oe, { children: a("remove_provider_warning") })
+        /* @__PURE__ */ e.jsx(ne, { children: a("remove_provider_warning") })
       ] }),
-      /* @__PURE__ */ e.jsxs(ne, { children: [
-        /* @__PURE__ */ e.jsx(ce, { children: a("cancel") }),
-        /* @__PURE__ */ e.jsx(de, { onClick: l, className: "bg-red-600 hover:bg-red-700", children: a("remove") })
+      /* @__PURE__ */ e.jsxs(ce, { children: [
+        /* @__PURE__ */ e.jsx(de, { children: a("cancel") }),
+        /* @__PURE__ */ e.jsx(me, { onClick: l, className: "bg-red-600 hover:bg-red-700", children: a("remove") })
       ] })
     ] })
   ] });
 }
 const Pe = () => {
-  const { t: s } = g(), o = Z(() => we(), []), [l, a] = me(), [, h] = O(xe), [d, n] = p(
+  const { t: s } = g(), o = Y(() => ke(), []), [l, a] = xe(), [, p] = O(he), [d, n] = h(
     y(o, (r) => K(l, "providerKey").includes(r.providerKey))
-  ), [k, u] = p(""), [b, c] = p(null), C = y(
+  ), [k, u] = h(""), [b, c] = h(null), D = y(
     o.map((r) => K(d, "providerKey").includes(r.providerKey) ? null : { value: r.providerKey, label: r.name }),
-    (r) => !$(r)
-  ), D = (r) => {
+    (r) => !q(r)
+  ), C = (r) => {
     const x = G(o, { providerKey: r });
-    n((m) => [...m, x]), a((m) => [...m, { providerKey: x.providerKey, args: {} }]), u(""), h("UNSAVED");
+    n((m) => [...m, x]), a((m) => [...m, { providerKey: x.providerKey, args: {} }]), u(""), p("UNSAVED");
   }, t = (r) => {
-    n((x) => y(x, (m) => m.providerKey !== r.providerKey)), a((x) => y(x, (m) => m.providerKey !== r.providerKey)), h("UNSAVED");
+    n((x) => y(x, (m) => m.providerKey !== r.providerKey)), a((x) => y(x, (m) => m.providerKey !== r.providerKey)), p("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: [
     s("no_data_providers"),
@@ -116,11 +116,11 @@ const Pe = () => {
   ] }) }) : /* @__PURE__ */ e.jsxs("div", { className: "px-1", children: [
     /* @__PURE__ */ e.jsx("br", {}),
     /* @__PURE__ */ e.jsx("label", { children: /* @__PURE__ */ e.jsx("p", { className: "mb-1.5 text-xs text-gray-500", children: s("add_data_providers") }) }),
-    /* @__PURE__ */ e.jsx("div", { className: "flex items-center space-x-1", children: /* @__PURE__ */ e.jsxs(pe, { value: k, onValueChange: (r) => D(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("div", { className: "flex items-center space-x-1", children: /* @__PURE__ */ e.jsxs(pe, { value: k, onValueChange: (r) => C(r), children: [
+      /* @__PURE__ */ e.jsx(ue, { className: "w-full", children: /* @__PURE__ */ e.jsx(fe, { placeholder: s("select_provider") }) }),
+      /* @__PURE__ */ e.jsxs(je, { children: [
         /* @__PURE__ */ e.jsx(E, { value: "", children: s("choose") }),
-        C.map((r) => /* @__PURE__ */ e.jsx(E, { value: r.value, children: r.label }, r.value))
+        D.map((r) => /* @__PURE__ */ e.jsx(E, { value: r.value, children: r.label }, r.value))
       ] })
     ] }) }),
     /* @__PURE__ */ e.jsx("br", {}),
@@ -169,7 +169,7 @@ const Pe = () => {
                   ]
                 }
               ),
-              /* @__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(Se, { 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.jsxs(
                   "svg",
                   {
@@ -197,10 +197,10 @@ const Pe = () => {
         },
         r.providerKey
       )) }),
-      /* @__PURE__ */ e.jsx(Se, { onClose: () => c(null), provider: b })
+      /* @__PURE__ */ e.jsx(Ae, { onClose: () => c(null), provider: b })
     ] })
   ] });
-}, Ke = q(() => {
+}, Ke = $(() => {
   const { t: s } = g(), o = {
     "ctrl + Z": "Undo",
     "ctrl + Y": "Redo",
@@ -212,9 +212,9 @@ const Pe = () => {
     del: "Delete block"
   };
   return /* @__PURE__ */ e.jsxs(M, { children: [
-    /* @__PURE__ */ e.jsx(je, { children: /* @__PURE__ */ e.jsxs(ve, { children: [
-      /* @__PURE__ */ e.jsx(ge, { children: /* @__PURE__ */ e.jsx(v, { size: "sm", className: "w-10", variant: "outline", children: /* @__PURE__ */ e.jsx(U, {}) }) }),
-      /* @__PURE__ */ e.jsx(be, { children: /* @__PURE__ */ e.jsx("p", { children: s("Keyboard shortcuts") }) })
+    /* @__PURE__ */ e.jsx(ve, { children: /* @__PURE__ */ e.jsxs(ge, { children: [
+      /* @__PURE__ */ e.jsx(be, { children: /* @__PURE__ */ e.jsx(v, { size: "sm", className: "w-10", variant: "outline", children: /* @__PURE__ */ e.jsx(U, {}) }) }),
+      /* @__PURE__ */ e.jsx(Ne, { children: /* @__PURE__ */ e.jsx("p", { children: s("Keyboard shortcuts") }) })
     ] }) }),
     /* @__PURE__ */ e.jsxs(H, { className: "sm:max-w-[525px]", children: [
       /* @__PURE__ */ e.jsx(F, { children: /* @__PURE__ */ e.jsx(R, { children: s("Keyboard shortcuts") }) }),
@@ -230,10 +230,10 @@ const Pe = () => {
       ] }) })
     ] })
   ] });
-}), Ee = w(() => import("./AddBlocks-0eVRNr1d.js")), P = w(() => import("./ListTree-0ZrRreCs.js")), Be = w(() => import("./BrandingOptions-yYAznnw2.js")), ze = w(() => import("./index-hH5SIZ29.js").then((s) => s.cu));
+}), Ee = w(() => import("./AddBlocks-fpRgZNZT.js")), P = w(() => import("./ListTree-_JJ1Ka3e.js")), Be = w(() => import("./BrandingOptions-RxIUds41.js")), ze = w(() => import("./ChaiBuilderEditor-ChKigulx.js").then((s) => s.co));
 let L = null;
-const As = () => {
-  const s = T("sideBarComponents.top", []), o = T("sideBarComponents.bottom", []), [l, a] = O(Ne), [h, d] = p(l), [n, k] = p(null), { t: u } = g(), b = {
+const _s = () => {
+  const s = T("sideBarComponents.top", []), o = T("sideBarComponents.bottom", []), [l, a] = O(ye), [p, d] = h(l), [n, k] = h(null), { t: u } = g(), b = {
     "add-blocks": Ee,
     [i]: P,
     "branding-options": Be,
@@ -244,8 +244,8 @@ const As = () => {
   });
   const c = (t) => {
     clearTimeout(L), l !== i && t === i ? L = setTimeout(() => a(i), 500) : d(t), a(t);
-  }, C = T("dataBindingSupport", !1);
-  function D() {
+  }, D = T("dataBindingSupport", !1);
+  function C() {
     const t = setTimeout(() => {
       n && (c(i), clearTimeout(n));
     }, 500);
@@ -255,7 +255,7 @@ const As = () => {
     l !== i ? /* @__PURE__ */ e.jsx(
       "div",
       {
-        onMouseEnter: D,
+        onMouseEnter: C,
         onClick: () => c(i),
         className: "fixed inset-0 z-[50] bg-black/20"
       }
@@ -279,7 +279,7 @@ const As = () => {
             onClick: () => c(i),
             size: "sm",
             variant: l === i ? "default" : "outline",
-            children: /* @__PURE__ */ e.jsx(_, { className: "w-4" })
+            children: /* @__PURE__ */ e.jsx(S, { className: "w-4" })
           }
         ),
         /* @__PURE__ */ e.jsx(
@@ -288,7 +288,7 @@ const As = () => {
             onClick: () => c("branding-options"),
             size: "sm",
             variant: l === "branding-options" ? "default" : "outline",
-            children: /* @__PURE__ */ e.jsx(W, { className: "w-4 max-w-[40px] text-xs" })
+            children: /* @__PURE__ */ e.jsx(Z, { className: "w-4 max-w-[40px] text-xs" })
           }
         ),
         j.Children.toArray(
@@ -326,7 +326,7 @@ const As = () => {
             children: /* @__PURE__ */ e.jsx(
               "div",
               {
-                className: Ae("relative z-[100] h-full max-h-[98%] overflow-y-auto overflow-x-hidden bg-background p-1"),
+                className: _e("relative z-[100] h-full max-h-[98%] overflow-y-auto overflow-x-hidden bg-background p-1"),
                 onMouseEnter: () => {
                   n && clearTimeout(n);
                 },
@@ -345,28 +345,28 @@ const As = () => {
           /* @__PURE__ */ e.jsx("div", { className: "h-16 w-full bg-gray-200" }),
           /* @__PURE__ */ e.jsx("div", { className: "h-16 w-full bg-gray-200" })
         ] }),
-        children: C ? /* @__PURE__ */ e.jsxs(V, { defaultValue: i, className: "flex h-full w-full flex-col py-1", children: [
+        children: D ? /* @__PURE__ */ e.jsxs(V, { defaultValue: i, className: "flex h-full w-full flex-col py-1", children: [
           /* @__PURE__ */ e.jsxs(I, { className: "mx-1 grid h-10 grid-cols-2", children: [
-            /* @__PURE__ */ e.jsxs(A, { value: i, children: [
-              /* @__PURE__ */ e.jsx(_, { className: "mr-2 h-3" }),
+            /* @__PURE__ */ e.jsxs(_, { value: i, children: [
+              /* @__PURE__ */ e.jsx(S, { className: "mr-2 h-3" }),
               " ",
               u("Outline")
             ] }),
-            /* @__PURE__ */ e.jsxs(A, { value: "data-provider", children: [
-              /* @__PURE__ */ e.jsx(ye, { className: "mr-2 w-3" }),
+            /* @__PURE__ */ e.jsxs(_, { value: "data-provider", children: [
+              /* @__PURE__ */ e.jsx(we, { className: "mr-2 w-3" }),
               u("Data")
             ] })
           ] }),
-          /* @__PURE__ */ e.jsx(S, { value: i, className: "no-scrollbar h-full flex-1 overflow-y-auto overflow-x-hidden", children: j.createElement(P) }),
-          /* @__PURE__ */ e.jsx(S, { value: "data-provider", className: "flex-1 overflow-y-auto overflow-x-hidden", children: /* @__PURE__ */ e.jsx(Pe, {}) })
+          /* @__PURE__ */ e.jsx(A, { value: i, className: "no-scrollbar h-full flex-1 overflow-y-auto overflow-x-hidden", children: j.createElement(P) }),
+          /* @__PURE__ */ e.jsx(A, { value: "data-provider", className: "flex-1 overflow-y-auto overflow-x-hidden", children: /* @__PURE__ */ e.jsx(Pe, {}) })
         ] }) : /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs(V, { defaultValue: i, className: "flex h-full w-full flex-col py-1", children: [
-          /* @__PURE__ */ e.jsx(I, { className: "mx-1 grid h-10 grid-cols-1", children: /* @__PURE__ */ e.jsxs(A, { value: i, children: [
-            /* @__PURE__ */ e.jsx(_, { className: "mr-2 h-3" }),
+          /* @__PURE__ */ e.jsx(I, { className: "mx-1 grid h-10 grid-cols-1", children: /* @__PURE__ */ e.jsxs(_, { value: i, children: [
+            /* @__PURE__ */ e.jsx(S, { className: "mr-2 h-3" }),
             " ",
             u("Outline")
           ] }) }),
           /* @__PURE__ */ e.jsx(
-            S,
+            A,
             {
               value: i,
               className: "no-scrollbar h-full flex-1 overflow-y-auto overflow-x-hidden",
@@ -379,5 +379,5 @@ const As = () => {
   ] });
 };
 export {
-  As as default
+  _s as default
 };

package/dist/Topbar-_k5gwR_4.js

@@ -0,0 +1,133 @@
+import { j as e } from "./jsx-runtime-WbnYoNE9.js";
+import o, { useMemo as h, Suspense as c } from "react";
+import { FontFamilyIcon as j, EyeOpenIcon as g } from "@radix-ui/react-icons";
+import { h as r, a6 as f, a7 as v, a8 as b, a9 as N, am as S, an as w, aa as l, V as y, B as p, ao as C, E as B, ah as m, ap as A } from "./ChaiBuilderEditor-ChKigulx.js";
+import { useTranslation as x } from "react-i18next";
+import "./_commonjsHelpers-UyOWmZb0.js";
+import "clsx";
+import "react-dom";
+import "@radix-ui/react-scroll-area";
+import "@floating-ui/react-dom";
+import "jotai";
+import "i18next";
+import "flagged";
+import "lodash-es";
+import "./STRINGS--j49GZJP.js";
+import "./Functions-7jnEwJyw.js";
+import "tailwind-merge";
+import "@chaibuilder/runtime";
+import "@react-hookz/web";
+import "./MODIFIERS-cBT31iqE.js";
+import "@radix-ui/react-toggle";
+import "class-variance-authority";
+import "./Class-6Hz2KzYb.js";
+import "@radix-ui/react-switch";
+import "@radix-ui/react-slot";
+import "@radix-ui/react-accordion";
+import "@radix-ui/react-alert-dialog";
+import "@radix-ui/react-dialog";
+import "@radix-ui/react-label";
+import "@radix-ui/react-tabs";
+import "@radix-ui/react-tooltip";
+import "@radix-ui/react-popover";
+import "@radix-ui/react-menubar";
+import "@radix-ui/react-hover-card";
+import "@radix-ui/react-select";
+import "@radix-ui/react-dropdown-menu";
+import "@radix-ui/react-separator";
+import "@radix-ui/react-toast";
+import "cmdk";
+import "@radix-ui/react-context-menu";
+import "react-icons-picker";
+import "react-quill";
+import "react-hotkeys-hook";
+import "lodash";
+import "lucide-react";
+const P = () => r("languages", ["en"]), k = () => P().length === 1 ? null : /* @__PURE__ */ e.jsx("div", { className: "flex items-center", children: /* @__PURE__ */ e.jsxs(f, { children: [
+  /* @__PURE__ */ e.jsx(v, { className: "w-[150px] border-0", children: /* @__PURE__ */ e.jsx(
+    b,
+    {
+      placeholder: /* @__PURE__ */ e.jsxs("span", { className: "flex items-center", children: [
+        /* @__PURE__ */ e.jsx(j, { className: "h-4 w-4" }),
+        " English(US)"
+      ] })
+    }
+  ) }),
+  /* @__PURE__ */ e.jsx(N, { children: /* @__PURE__ */ e.jsxs(S, { children: [
+    /* @__PURE__ */ e.jsx(w, { children: "Fruits" }),
+    /* @__PURE__ */ e.jsx(l, { value: "apple", children: "Apple" }),
+    /* @__PURE__ */ e.jsx(l, { value: "banana", children: "Banana" }),
+    /* @__PURE__ */ e.jsx(l, { value: "blueberry", children: "Blueberry" }),
+    /* @__PURE__ */ e.jsx(l, { value: "grapes", children: "Grapes" }),
+    /* @__PURE__ */ e.jsx(l, { value: "pineapple", children: "Pineapple" })
+  ] }) })
+] }) }), V = () => {
+  const { savePage: n, saveState: t } = y(), { t: a } = x(), i = r("hideSaveButton", !1), s = h(() => {
+    switch (t) {
+      case "SAVING":
+        return "animate-pulse bg-gray-300 text-gray-900";
+      case "SAVED":
+        return "bg-green-500 text-white hover:bg-green-600 hover:text-white";
+      default:
+        return "bg-gray-200 text-gray-500 hover:bg-gray-100";
+    }
+  }, [t]);
+  if (i)
+    return null;
+  const u = /* @__PURE__ */ e.jsxs(
+    p,
+    {
+      disabled: t === "SAVING",
+      onClick: (d) => {
+        d.preventDefault(), n();
+      },
+      className: `flex h-auto w-fit items-center gap-x-2 rounded-full p-1.5 px-3 ${s}`,
+      size: "sm",
+      variant: "outline",
+      children: [
+        /* @__PURE__ */ e.jsx(C, { className: "text-lg" }),
+        /* @__PURE__ */ e.jsx("span", { className: "text-sm", children: t === "SAVING" ? "Saving..." : a(t === "SAVED" ? "Saved" : "Unsaved") })
+      ]
+    }
+  );
+  return /* @__PURE__ */ e.jsx("div", { className: "flex items-center", children: u });
+}, E = function() {
+  const t = r("previewComponent"), [, a] = B(), { t: i } = x();
+  return t ? /* @__PURE__ */ e.jsxs(
+    p,
+    {
+      onClick: (s) => {
+        s.preventDefault(), a(!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: [
+        /* @__PURE__ */ e.jsx(g, { className: "text-xs" }),
+        /* @__PURE__ */ e.jsx("span", { className: "text-sm", children: i("Preview") })
+      ]
+    }
+  ) : null;
+}, we = () => {
+  const n = r("topBarComponents.left", []), t = r("topBarComponents.center", []), a = r("topBarComponents.right", []), i = r("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(
+      n.map((s) => /* @__PURE__ */ e.jsx(c, { fallback: /* @__PURE__ */ e.jsx(m, { className: "h-10" }), children: /* @__PURE__ */ e.jsx(s, {}) }))
+    ) }) }),
+    /* @__PURE__ */ e.jsx("div", { className: "flex items-center space-x-2", children: o.Children.toArray(
+      t.map((s) => /* @__PURE__ */ e.jsx(c, { fallback: /* @__PURE__ */ e.jsx(m, { className: "h-10" }), children: /* @__PURE__ */ e.jsx(s, {}) }))
+    ) }),
+    /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
+      /* @__PURE__ */ e.jsx(k, {}),
+      /* @__PURE__ */ e.jsx(E, {}),
+      /* @__PURE__ */ e.jsx(A, { orientation: "vertical" }),
+      i ? /* @__PURE__ */ e.jsx(V, {}) : null,
+      o.Children.toArray(
+        a.map((s) => /* @__PURE__ */ e.jsx(c, { fallback: /* @__PURE__ */ e.jsx(m, { className: "h-10" }), children: /* @__PURE__ */ e.jsx(s, {}) }))
+      )
+    ] })
+  ] });
+};
+export {
+  we as default
+};

package/dist/Topbar-cRmIAzUg.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-Z_BpKhVy.cjs"),n=require("react"),a=require("@radix-ui/react-icons"),r=require("./ChaiBuilderEditor-pWAMhLiq.cjs"),l=require("react-i18next");require("./_commonjsHelpers-wDK0ZLPo.cjs");require("clsx");require("react-dom");require("@radix-ui/react-scroll-area");require("@floating-ui/react-dom");require("jotai");require("i18next");require("flagged");require("lodash-es");require("./STRINGS-gPz7CUOk.cjs");require("./Functions-N3yhPYKY.cjs");require("tailwind-merge");require("@chaibuilder/runtime");require("@react-hookz/web");require("./MODIFIERS-YPHRtwrM.cjs");require("@radix-ui/react-toggle");require("class-variance-authority");require("./Class-Zc8hpE7f.cjs");require("@radix-ui/react-switch");require("@radix-ui/react-slot");require("@radix-ui/react-accordion");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-dialog");require("@radix-ui/react-label");require("@radix-ui/react-tabs");require("@radix-ui/react-tooltip");require("@radix-ui/react-popover");require("@radix-ui/react-menubar");require("@radix-ui/react-hover-card");require("@radix-ui/react-select");require("@radix-ui/react-dropdown-menu");require("@radix-ui/react-separator");require("@radix-ui/react-toast");require("cmdk");require("@radix-ui/react-context-menu");require("react-icons-picker");require("react-quill");require("react-hotkeys-hook");require("lodash");require("lucide-react");const p=()=>r.useBuilderProp("languages",["en"]),m=()=>p().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(a.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"})]})})]})}),j=()=>{const{savePage:u,saveState:s}=r.useSavePage(),{t:i}=l.useTranslation(),x=r.useBuilderProp("hideSaveButton",!1),t=n.useMemo(()=>{switch(s){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"}},[s]);if(x)return null;const o=e.jsxRuntimeExports.jsxs(r.Button,{disabled:s==="SAVING",onClick:c=>{c.preventDefault(),u()},className:`flex h-auto w-fit items-center gap-x-2 rounded-full p-1.5 px-3 ${t}`,size:"sm",variant:"outline",children:[e.jsxRuntimeExports.jsx(r.FaCircleCheck,{className:"text-lg"}),e.jsxRuntimeExports.jsx("span",{className:"text-sm",children:s==="SAVING"?"Saving...":i(s==="SAVED"?"Saved":"Unsaved")})]});return e.jsxRuntimeExports.jsx("div",{className:"flex items-center",children:o})},d=function(){const s=r.useBuilderProp("previewComponent"),[,i]=r.usePreviewMode(),{t:x}=l.useTranslation();return s?e.jsxRuntimeExports.jsxs(r.Button,{onClick:t=>{t.preventDefault(),i(!0)},className:"flex h-auto w-fit items-center gap-x-2 rounded-full bg-gray-200 px-3 py-1",size:"sm",variant:"outline",children:[e.jsxRuntimeExports.jsx(a.EyeOpenIcon,{className:"text-xs"}),e.jsxRuntimeExports.jsx("span",{className:"text-sm",children:x("Preview")})]}):null},h=()=>{const u=r.useBuilderProp("topBarComponents.left",[]),s=r.useBuilderProp("topBarComponents.center",[]),i=r.useBuilderProp("topBarComponents.right",[]),x=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(u.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(m,{}),e.jsxRuntimeExports.jsx(d,{}),e.jsxRuntimeExports.jsx(r.Separator,{orientation:"vertical"}),x?e.jsxRuntimeExports.jsx(j,{}):null,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,{})})))]})]})};exports.default=h;

package/dist/{UnsplashImages-NYwOOgYa.js → UnsplashImages-hI0Zvl2t.js}

@@ -3,28 +3,32 @@ import { useState as p, useEffect as D } from "react";
 import { isEmpty as d, startCase as E } from "lodash-es";
 import { MixerHorizontalIcon as L } from "@radix-ui/react-icons";
 import { createApi as B } from "unsplash-js";
-import { h as F, bg as K, aW as U, aX as V, aY as O, aj as P, ak as C, al as S, am as k, an as h, bi as Q, B as H } from "./index-hH5SIZ29.js";
+import { h as F, b8 as K, aO as O, aP as Q, aQ as U, a6 as P, a7 as C, a8 as S, a9 as I, aa as h, ba as V, B as H } from "./ChaiBuilderEditor-ChKigulx.js";
 import { useDebouncedState as R } from "@react-hookz/web";
-import { Loader as W } from "lucide-react";
+import { Loader as $ } from "lucide-react";
 import "./_commonjsHelpers-UyOWmZb0.js";
-import "./Functions-7jnEwJyw.js";
 import "clsx";
-import "tailwind-merge";
-import "@chaibuilder/runtime";
+import "react-dom";
+import "@radix-ui/react-scroll-area";
+import "@floating-ui/react-dom";
 import "jotai";
+import "i18next";
+import "react-i18next";
+import "flagged";
 import "./STRINGS--j49GZJP.js";
+import "./Functions-7jnEwJyw.js";
+import "tailwind-merge";
+import "@chaibuilder/runtime";
 import "./MODIFIERS-cBT31iqE.js";
-import "./Class-6Hz2KzYb.js";
-import "react-i18next";
 import "@radix-ui/react-toggle";
 import "class-variance-authority";
+import "./Class-6Hz2KzYb.js";
 import "@radix-ui/react-switch";
 import "@radix-ui/react-slot";
 import "@radix-ui/react-accordion";
 import "@radix-ui/react-alert-dialog";
 import "@radix-ui/react-dialog";
 import "@radix-ui/react-label";
-import "@radix-ui/react-scroll-area";
 import "@radix-ui/react-tabs";
 import "@radix-ui/react-tooltip";
 import "@radix-ui/react-popover";
@@ -37,20 +41,21 @@ import "@radix-ui/react-toast";
 import "cmdk";
 import "@radix-ui/react-context-menu";
 import "react-icons-picker";
-import "react-dom";
 import "react-quill";
-const I = async (x, g) => new Promise((o, r) => {
+import "react-hotkeys-hook";
+import "lodash";
+const k = async (x, g) => new Promise((o, r) => {
   B({ accessKey: g }).search.getPhotos(x).then((i) => {
     o(i);
   }).catch((i) => r(i));
-}), De = ({ isModalView: x, onSelect: g }) => {
+}), Ke = ({ 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] = R("", 1e3), [f, c] = p(!1), _ = async (s) => {
     if (d(u))
       return;
     let t = i + 1;
     s && (s.preventDefault(), t = 1), c(!0), v(t);
     const m = { query: u, page: t };
-    l && (m.orientation = l), n && (m.color = n), I(m, o).then((a) => {
+    l && (m.orientation = l), n && (m.color = n), k(m, o).then((a) => {
       var N, b, w;
       j(t === 1 ? ((N = a == null ? void 0 : a.response) == null ? void 0 : N.results) || [] : [...r, ...((b = a == null ? void 0 : a.response) == null ? void 0 : b.results) || []]), y((w = a == null ? void 0 : a.response) == null ? void 0 : w.total_pages), c(!1);
     }).catch(() => {
@@ -61,7 +66,7 @@ const I = async (x, g) => new Promise((o, r) => {
     if (!d(u) && o) {
       c(!0);
       const s = { query: u, page: 1 };
-      l && (s.orientation = l), n && (s.color = n), v(1), I(s, o).then((t) => {
+      l && (s.orientation = l), n && (s.color = n), v(1), k(s, o).then((t) => {
         var m, a;
         j(((m = t == null ? void 0 : t.response) == null ? void 0 : m.results) || []), y((a = t == null ? void 0 : t.response) == null ? void 0 : a.total_pages), c(!1);
       }).catch(() => {
@@ -92,10 +97,10 @@ const I = async (x, g) => new Promise((o, r) => {
           onChange: (s) => T(s.target.value)
         }
       ),
-      /* @__PURE__ */ e.jsxs(U, { children: [
-        /* @__PURE__ */ e.jsx(V, { asChild: !0, className: "h-full w-10 cursor-pointer p-2.5 hover:bg-slate-200", children: /* @__PURE__ */ e.jsx(L, {}) }),
+      /* @__PURE__ */ e.jsxs(O, { children: [
+        /* @__PURE__ */ e.jsx(Q, { asChild: !0, className: "h-full w-10 cursor-pointer p-2.5 hover:bg-slate-200", children: /* @__PURE__ */ e.jsx(L, {}) }),
         /* @__PURE__ */ e.jsx(
-          O,
+          U,
           {
             side: x ? "bottom" : "right",
             className: "z-[9999] flex w-max items-center justify-center",
@@ -103,7 +108,7 @@ const I = async (x, g) => new Promise((o, r) => {
               /* @__PURE__ */ e.jsx("div", { className: "py-1 text-sm font-medium", children: "Orientation" }),
               /* @__PURE__ */ e.jsxs(P, { defaultValue: l, onValueChange: (s) => A(s), children: [
                 /* @__PURE__ */ e.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.jsxs(I, { className: "z-[9999]", children: [
                   /* @__PURE__ */ e.jsx(h, { value: "", children: "All" }),
                   /* @__PURE__ */ e.jsx(h, { value: "landscape", children: "Landscape" }),
                   /* @__PURE__ */ e.jsx(h, { value: "portrait", children: "Portrait" }),
@@ -113,7 +118,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) => 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.jsxs(I, { className: "z-[9999]", children: [
                   /* @__PURE__ */ e.jsx(h, { value: "", children: "All" }),
                   [
                     "black_and_white",
@@ -136,7 +141,7 @@ const I = async (x, g) => new Promise((o, r) => {
       ] })
     ] }),
     /* @__PURE__ */ e.jsxs(
-      Q,
+      V,
       {
         className: `h-full ${x && !d(r) ? "-mx-2 flex flex-wrap px-2" : "-mx-2 flex flex-col pb-8 pt-2"}`,
         children: [
@@ -173,7 +178,7 @@ const I = async (x, g) => new Promise((o, r) => {
             ) }) }, s.id)
           )),
           f && /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-center py-8", children: [
-            /* @__PURE__ */ e.jsx(W, { className: "animate-spin w-6 h-6" }),
+            /* @__PURE__ */ e.jsx($, { className: "animate-spin w-6 h-6" }),
             "  Loading..."
           ] }),
           !d(r) && i < z && !f && /* @__PURE__ */ e.jsx(
@@ -193,6 +198,6 @@ const I = async (x, g) => new Promise((o, r) => {
   ] });
 };
 export {
-  De as default,
-  I as fetchImage
+  Ke as default,
+  k as fetchImage
 };

package/dist/UnsplashImages-texUmBiW.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("./ChaiBuilderEditor-pWAMhLiq.cjs"),A=require("@react-hookz/web"),T=require("lucide-react");require("./_commonjsHelpers-wDK0ZLPo.cjs");require("clsx");require("react-dom");require("@radix-ui/react-scroll-area");require("@floating-ui/react-dom");require("jotai");require("i18next");require("react-i18next");require("flagged");require("./STRINGS-gPz7CUOk.cjs");require("./Functions-N3yhPYKY.cjs");require("tailwind-merge");require("@chaibuilder/runtime");require("./MODIFIERS-YPHRtwrM.cjs");require("@radix-ui/react-toggle");require("class-variance-authority");require("./Class-Zc8hpE7f.cjs");require("@radix-ui/react-switch");require("@radix-ui/react-slot");require("@radix-ui/react-accordion");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-dialog");require("@radix-ui/react-label");require("@radix-ui/react-tabs");require("@radix-ui/react-tooltip");require("@radix-ui/react-popover");require("@radix-ui/react-menubar");require("@radix-ui/react-hover-card");require("@radix-ui/react-select");require("@radix-ui/react-dropdown-menu");require("@radix-ui/react-separator");require("@radix-ui/react-toast");require("cmdk");require("@radix-ui/react-context-menu");require("react-icons-picker");require("react-quill");require("react-hotkeys-hook");require("lodash");const E=async(d,q)=>new Promise((a,n)=>{k.createApi({accessKey:q}).search.getPhotos(d).then(u=>{a(u)}).catch(u=>n(u))}),z=({isModalView:d,onSelect:q})=>{const a=t.useBuilderProp("unsplashAccessKey",""),[n,f]=o.useState([]),[u,g]=o.useState(0),[c,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=u+1;s&&(s.preventDefault(),i=1),m(!0),g(i);const p={query:j,page:i};c&&(p.orientation=c),x&&(p.color=x),E(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};c&&(s.orientation=c),x&&(s.color=x),g(1),E(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)})}},[c,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:c,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:()=>q(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)&&u<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=E;