@chaibuilder/sdk 1.2.65 → 1.2.67

package/dist/{UILibrariesPanel-NVUMUPUj.js → UILibrariesPanel-ES8YzN9C.js}

@@ -1,50 +1,22 @@
-import { j as e } from "./jsx-runtime-WbnYoNE9.js";
-import { noop as T, get as g, has as I, first as x, isEmpty as L, values as U, groupBy as D, map as _, capitalize as O } from "lodash-es";
+import { j as e } from "./jsx-runtime-Sp0orL4X.js";
+import { values as D, first as x, groupBy as U, get as g, map as _, capitalize as z, noop as T, has as I, isEmpty as L } from "lodash-es";
 import * as R from "react";
-import S, { useState as A, useCallback as z, useEffect as G, useRef as M } from "react";
-import { a4 as H, a5 as F, B as J, a6 as W, a7 as $, a8 as K, a9 as V, aa as Y, ab as q, ac as Q, h as C, U as X, j as Z, V as ee, T as te, v as se, w as oe, b5 as re, aO as ae, a3 as ie, aJ as ne } from "./index-C7mB4XFm.js";
-import { syncBlocksWithDefaults as le, useChaiBlocks as ce } from "@chaibuilder/runtime";
-import { Loader as me } from "lucide-react";
-import { useAtom as w, atom as de } from "jotai";
-import { c as E } from "./Functions-7jnEwJyw.js";
-import { CaretSortIcon as pe, CheckIcon as ue, CaretRightIcon as xe } from "@radix-ui/react-icons";
-import { O as fe } from "./MODIFIERS-fd5XOmum.js";
+import S, { useState as A, useRef as O, useCallback as G, useEffect as M } from "react";
+import { w as H, c as C, e as F, s as W, i as $, t as J, r as K } from "./index-Zu-K_BX7.js";
 import { useTranslation as P } from "react-i18next";
-import { c as he } from "./index-lFgDm1oa.js";
+import { useChaiBlocks as X, syncBlocksWithDefaults as Y } from "@chaibuilder/runtime";
+import { Loader as q } from "lucide-react";
+import { atom as Q, useAtom as w } from "jotai";
+import { c as E } from "./iconBase-zweRWSz0.js";
+import { CaretSortIcon as V, CheckIcon as Z, CaretRightIcon as ee } from "@radix-ui/react-icons";
+import { P as te, s as se, B as oe, t as re, u as ae, v as ie, w as ne, x as le, y as ce, z as de, S as me, X as ue, T as pe, d as xe, e as fe } from "./context-menu-sks9vdzC.js";
+import { O as he } from "./STRINGS--j49GZJP.js";
 import ge from "clsx";
 import { useFeature as je } from "flagged";
-import "./_commonjsHelpers-UyOWmZb0.js";
-import "@radix-ui/react-toggle";
-import "class-variance-authority";
-import "./utils-VpVqnC9m.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";
-import "@radix-ui/react-menubar";
-import "@radix-ui/react-hover-card";
-import "@radix-ui/react-select";
-import "@radix-ui/react-dropdown-menu";
-import "@radix-ui/react-separator";
-import "@radix-ui/react-toast";
-import "cmdk";
-import "@radix-ui/react-context-menu";
-import "react-icons-picker";
-import "react-dom";
-import "react-quill";
+import "./plugin-sJ3Hzvpv.js";
 import "@react-hookz/web";
 import "tree-model";
-import "i18next";
-import "react-arborist";
-import "./index-VBXQixVm.js";
-import "prop-types";
+import "react-quill";
 import "react-hotkeys-hook";
 import "@floating-ui/dom";
 import "@floating-ui/react-dom";
@@ -52,55 +24,74 @@ import "@tailwindcss/typography";
 import "@tailwindcss/forms";
 import "@tailwindcss/aspect-ratio";
 import "tailwindcss-palette-generator";
-import "./html-to-json-l_mw5y-e.js";
-import "himalaya";
-import "lodash";
+import "tailwind-merge";
 import "react-wrap-balancer";
-import "@rjsf/core";
+import "react-dom";
+import "prop-types";
 import "@rjsf/validator-ajv8";
+import "@rjsf/core";
+import "react-arborist";
+import "himalaya";
+import "react-icons-picker";
 import "react-autosuggest";
 import "fuse.js";
-import "./controls-yjgoZzB6.js";
+import "i18next";
+import "@radix-ui/react-scroll-area";
+import "@radix-ui/react-switch";
+import "@radix-ui/react-accordion";
+import "class-variance-authority";
+import "@radix-ui/react-alert-dialog";
+import "@radix-ui/react-slot";
+import "@radix-ui/react-label";
+import "@radix-ui/react-tabs";
+import "@radix-ui/react-tooltip";
+import "@radix-ui/react-popover";
+import "@radix-ui/react-hover-card";
+import "@radix-ui/react-dropdown-menu";
+import "@radix-ui/react-toast";
+import "cmdk";
+import "@radix-ui/react-dialog";
+import "@radix-ui/react-context-menu";
 function ke({
   uiLibraries: t,
   library: a,
   setLibrary: i
 }) {
-  var p;
-  const [m, l] = R.useState(!1), { t: s } = P();
-  return a ? /* @__PURE__ */ e.jsxs(H, { open: m, onOpenChange: l, children: [
-    /* @__PURE__ */ e.jsx(F, { asChild: !0, children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-x-2", children: [
+  var u;
+  const [d, l] = R.useState(!1), { t: s } = P();
+  return a ? /* @__PURE__ */ e.jsxs(te, { open: d, onOpenChange: l, children: [
+    /* @__PURE__ */ e.jsx(se, { asChild: !0, children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-x-2", children: [
       /* @__PURE__ */ e.jsx("span", { children: s("Choose Library") }),
       /* @__PURE__ */ e.jsxs(
-        J,
+        oe,
         {
           variant: "outline",
           size: "sm",
           role: "combobox",
-          "aria-expanded": m,
+          "aria-expanded": d,
           className: "w-[200px] justify-between",
           children: [
-            a ? (p = t.find((o) => o.uuid === a)) == null ? void 0 : p.name : s("Select library"),
-            /* @__PURE__ */ e.jsx(pe, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
+            a ? (u = t.find((o) => o.uuid === a)) == null ? void 0 : u.name : s("Select library"),
+            /* @__PURE__ */ e.jsx(V, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
           ]
         }
       )
     ] }) }),
-    /* @__PURE__ */ e.jsx(W, { className: "w-[200px] p-0", children: /* @__PURE__ */ e.jsxs($, { children: [
-      /* @__PURE__ */ e.jsx(K, { placeholder: "Search library...", className: "h-9" }),
-      /* @__PURE__ */ e.jsxs(V, { children: [
-        /* @__PURE__ */ e.jsx(Y, { children: "No library found." }),
-        /* @__PURE__ */ e.jsx(q, { children: t.map((o) => /* @__PURE__ */ e.jsxs(
-          Q,
+    /* @__PURE__ */ e.jsx(re, { className: "w-[200px] p-0", children: /* @__PURE__ */ e.jsxs(ae, { children: [
+      /* @__PURE__ */ e.jsx(ie, { placeholder: "Search library...", className: "h-9" }),
+      /* @__PURE__ */ e.jsxs(ne, { children: [
+        /* @__PURE__ */ e.jsx(le, { children: "No library found." }),
+        /* @__PURE__ */ e.jsx(ce, { children: t.map((o) => /* @__PURE__ */ e.jsxs(
+          de,
           {
             value: o.uuid,
-            onSelect: (u) => {
-              i(u), l(!1);
+            onSelect: (p) => {
+              i(p), l(!1);
             },
             children: [
               o.name,
               /* @__PURE__ */ e.jsx(
-                ue,
+                Z,
                 {
                   className: E("ml-auto h-4 w-4", a === o.uuid ? "opacity-100" : "opacity-0")
                 }
@@ -118,26 +109,26 @@ const we = ({
   closePopover: a,
   library: i
 }) => {
-  const [m, l] = A(!1), s = C("getUILibraryBlock", T), { addCoreBlock: p, addPredefinedBlock: o } = X(), [u, j] = Z(), [, k] = ee(), f = g(t, "name", g(t, "label")), b = je("dnd"), [, v] = w(he), n = (r) => {
-    const d = I(r, "styles_attrs.data-page-section");
-    return r._type === "Box" && d;
-  }, B = z(
+  const [d, l] = A(!1), s = C("getUILibraryBlock", T), { addCoreBlock: u, addPredefinedBlock: o } = W(), [p, j] = $(), [, k] = J(), f = g(t, "name", g(t, "label")), v = je("dnd"), [, B] = w(K), n = (r) => {
+    const m = I(r, "styles_attrs.data-page-section");
+    return r._type === "Box" && m;
+  }, b = G(
     async (r) => {
       if (r.stopPropagation(), I(t, "component")) {
-        p(t, x(u)), a();
+        u(t, x(p)), a();
         return;
       }
       l(!0);
-      const d = await s(i, t);
-      let h = x(u);
-      n(x(d)) && (h = null), L(d) || o(le(d), h), a();
+      const m = await s(i, t);
+      let h = x(p);
+      n(x(m)) && (h = null), L(m) || o(Y(m), h), a();
     },
     [t]
   ), c = async (r) => {
-    const d = await s(i, t);
-    let h = x(u);
-    if (n(x(d)) && (h = null), !L(d)) {
-      const y = { blocks: d, uiLibrary: !0, parent: h };
+    const m = await s(i, t);
+    let h = x(p);
+    if (n(x(m)) && (h = null), !L(m)) {
+      const y = { blocks: m, uiLibrary: !0, parent: h };
       if (r.dataTransfer.setData("text/plain", JSON.stringify(y)), t.preview) {
         const N = new Image();
         N.src = t.preview, N.onload = () => {
@@ -145,58 +136,58 @@ const we = ({
         };
       } else
         r.dataTransfer.setDragImage(new Image(), 0, 0);
-      v(y), setTimeout(() => {
+      B(y), setTimeout(() => {
         j([]), k(null), a();
       }, 200);
     }
   };
-  return /* @__PURE__ */ e.jsxs(te, { children: [
-    /* @__PURE__ */ e.jsx(se, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
+  return /* @__PURE__ */ e.jsxs(pe, { children: [
+    /* @__PURE__ */ e.jsx(xe, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
       "div",
       {
-        onClick: m ? () => {
-        } : B,
-        draggable: b ? "true" : "false",
+        onClick: d ? () => {
+        } : b,
+        draggable: v ? "true" : "false",
         onDragStart: c,
         className: ge(
           "relative mt-2 cursor-pointer overflow-hidden rounded-md border border-gray-300 bg-white duration-200 hover:border-blue-500 hover:shadow-xl"
         ),
         children: [
-          m && /* @__PURE__ */ e.jsxs("div", { className: "absolute flex h-full w-full items-center justify-center bg-black/70", children: [
-            /* @__PURE__ */ e.jsx(me, { className: "animate-spin", size: 15, color: "white" }),
+          d && /* @__PURE__ */ e.jsxs("div", { className: "absolute flex h-full w-full items-center justify-center bg-black/70", children: [
+            /* @__PURE__ */ e.jsx(q, { className: "animate-spin", size: 15, color: "white" }),
             /* @__PURE__ */ e.jsx("span", { className: "pl-2 text-sm text-white", children: "Adding..." })
           ] }),
           t.preview ? /* @__PURE__ */ e.jsx("img", { src: t.preview, className: "min-h-[25px] w-full rounded-md", alt: f }) : /* @__PURE__ */ e.jsx("div", { className: "flex h-20 items-center justify-center rounded-md border border-border border-gray-300 bg-gray-200", children: /* @__PURE__ */ e.jsx("p", { className: "max-w-xs text-center text-sm text-gray-700", children: f }) })
         ]
       }
     ) }),
-    /* @__PURE__ */ e.jsx(oe, { children: /* @__PURE__ */ e.jsx("p", { children: f }) })
+    /* @__PURE__ */ e.jsx(fe, { children: /* @__PURE__ */ e.jsx("p", { children: f }) })
   ] });
-}, be = de({}), ve = (t) => {
-  const [a, i] = w(be), m = C("getUILibraryBlocks", T), l = g(a, `${t == null ? void 0 : t.uuid}.blocks`, []), s = g(a, `${t == null ? void 0 : t.uuid}.loading`, !1);
-  return G(() => {
+}, ve = Q({}), Be = (t) => {
+  const [a, i] = w(ve), d = C("getUILibraryBlocks", T), l = g(a, `${t == null ? void 0 : t.uuid}.blocks`, []), s = g(a, `${t == null ? void 0 : t.uuid}.loading`, !1);
+  return M(() => {
     (async () => {
       if (s || l.length > 0 || !t)
         return;
       i((o) => ({ ...o, [t == null ? void 0 : t.uuid]: { loading: !0, blocks: [] } }));
-      const p = await m(t);
-      i((o) => ({ ...o, [t == null ? void 0 : t.uuid]: { loading: !1, blocks: p || [] } }));
+      const u = await d(t);
+      i((o) => ({ ...o, [t == null ? void 0 : t.uuid]: { loading: !1, blocks: u || [] } }));
     })();
   }, [t, l, s]), { data: l, isLoading: s };
-}, Be = re("_selectedLibrary", null), Ne = () => {
-  const [t, a] = w(Be), i = C("uiLibraries", []), m = ce(), l = U(m).filter((c) => c.category === "custom"), s = i.find((c) => c.uuid === t) || x(i), { data: p, isLoading: o } = ve(s), u = D([...p, ...l], "group"), [j, k] = A("Hero"), [, f] = w(ae), b = g(u, j, []), { t: v } = P(), n = M(null), B = (c) => {
+}, be = H("_selectedLibrary", null), Ne = () => {
+  const [t, a] = w(be), i = C("uiLibraries", []), d = X(), l = D(d).filter((c) => c.category === "custom"), s = i.find((c) => c.uuid === t) || x(i), { data: u, isLoading: o } = Be(s), p = U([...u, ...l], "group"), [j, k] = A("Hero"), [, f] = w(F), v = g(p, j, []), { t: B } = P(), n = O(null), b = (c) => {
     n.current && (clearTimeout(n.current), n.current = null), n.current = setTimeout(() => {
       n.current && k(c);
     }, 300);
   };
-  return o ? /* @__PURE__ */ e.jsx(ie, { className: "h-full w-full" }) : /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { className: "relative flex h-full max-h-full w-[460px] flex-col overflow-hidden bg-background", children: [
+  return o ? /* @__PURE__ */ e.jsx(me, { className: "h-full w-full" }) : /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { className: "relative flex h-full max-h-full w-[460px] flex-col overflow-hidden bg-background", children: [
     s != null && s.uuid ? /* @__PURE__ */ e.jsx("div", { className: "sticky top-0 flex h-fit flex-col", children: /* @__PURE__ */ e.jsx("div", { className: "mb-2 flex flex-col justify-between rounded-md bg-background/30 p-1", children: /* @__PURE__ */ e.jsx("h1", { className: "flex w-full flex-col items-baseline truncate px-1 text-sm font-semibold xl:flex-col", children: /* @__PURE__ */ e.jsx(ke, { library: s == null ? void 0 : s.uuid, setLibrary: a, uiLibraries: i }) }) }) }) : null,
     /* @__PURE__ */ e.jsxs("div", { className: "flex h-[95%] border-t border-gray-300 pt-2", children: [
       /* @__PURE__ */ e.jsx("div", { className: "flex h-full w-40 flex-col gap-1 px-1", children: S.Children.toArray(
-        _(u, (c, r) => /* @__PURE__ */ e.jsxs(
+        _(p, (c, r) => /* @__PURE__ */ e.jsxs(
           "div",
           {
-            onMouseEnter: () => B(r),
+            onMouseEnter: () => b(r),
             onMouseLeave: () => clearTimeout(n.current),
             onClick: () => k(r),
             className: E(
@@ -204,22 +195,22 @@ const we = ({
               r === j ? "bg-blue-500 text-white hover:bg-blue-600" : ""
             ),
             children: [
-              /* @__PURE__ */ e.jsx("span", { children: O(r) }),
-              /* @__PURE__ */ e.jsx(xe, { className: "ml-2 h-5 w-5" })
+              /* @__PURE__ */ e.jsx("span", { children: z(r) }),
+              /* @__PURE__ */ e.jsx(ee, { className: "ml-2 h-5 w-5" })
             ]
           },
           r
         ))
       ) }),
       /* @__PURE__ */ e.jsxs(
-        ne,
+        ue,
         {
           onMouseEnter: () => n.current ? clearTimeout(n.current) : null,
           className: "z-10 -mt-2 flex h-full max-h-full w-[300px] flex-col gap-2 border-l border-gray-300 transition-all ease-linear",
           children: [
-            /* @__PURE__ */ e.jsx("div", { className: "sticky top-0 z-30 border-b border-gray-300 bg-gray-200 p-2 text-[9px] font-light leading-3 text-gray-500", children: v("Click on a block to add it to the page") }),
+            /* @__PURE__ */ e.jsx("div", { className: "sticky top-0 z-30 border-b border-gray-300 bg-gray-200 p-2 text-[9px] font-light leading-3 text-gray-500", children: B("Click on a block to add it to the page") }),
             /* @__PURE__ */ e.jsx("div", { className: "flex flex-col gap-2 px-2", children: S.Children.toArray(
-              b.map((c) => /* @__PURE__ */ e.jsx(we, { block: c, library: s, closePopover: () => f(fe) }))
+              v.map((c) => /* @__PURE__ */ e.jsx(we, { block: c, library: s, closePopover: () => f(he) }))
             ) }),
             /* @__PURE__ */ e.jsx("br", {}),
             /* @__PURE__ */ e.jsx("br", {}),
@@ -229,7 +220,7 @@ const we = ({
       )
     ] })
   ] }) });
-}, Pt = () => /* @__PURE__ */ e.jsx(Ne, {});
+}, Nt = () => /* @__PURE__ */ e.jsx(Ne, {});
 export {
-  Pt as default
+  Nt as default
 };

package/dist/UILibrariesPanel-H8t36R6M.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-JYMCiFoE.cjs"),s=require("lodash-es"),g=require("react"),p=require("./index-5hfuDpYs.cjs"),S=require("react-i18next"),C=require("@chaibuilder/runtime"),T=require("lucide-react"),R=require("jotai"),I=require("./iconBase-vJD0OXxU.cjs"),N=require("@radix-ui/react-icons"),i=require("./context-menu-_8TFbFEJ.cjs"),L=require("./STRINGS-gPz7CUOk.cjs"),A=require("clsx"),P=require("flagged");require("./plugin-_F-KZp1i.cjs");require("@react-hookz/web");require("tree-model");require("react-quill");require("react-hotkeys-hook");require("@floating-ui/dom");require("@floating-ui/react-dom");require("@tailwindcss/typography");require("@tailwindcss/forms");require("@tailwindcss/aspect-ratio");require("tailwindcss-palette-generator");require("tailwind-merge");require("react-wrap-balancer");require("react-dom");require("prop-types");require("@rjsf/validator-ajv8");require("@rjsf/core");require("react-arborist");require("himalaya");require("react-icons-picker");require("react-autosuggest");require("fuse.js");require("i18next");require("@radix-ui/react-scroll-area");require("@radix-ui/react-switch");require("@radix-ui/react-accordion");require("class-variance-authority");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-slot");require("@radix-ui/react-label");require("@radix-ui/react-tabs");require("@radix-ui/react-tooltip");require("@radix-ui/react-popover");require("@radix-ui/react-hover-card");require("@radix-ui/react-dropdown-menu");require("@radix-ui/react-toast");require("cmdk");require("@radix-ui/react-dialog");require("@radix-ui/react-context-menu");function O(t){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const o in t)if(o!=="default"){const l=Object.getOwnPropertyDescriptor(t,o);Object.defineProperty(n,o,l.get?l:{enumerable:!0,get:()=>t[o]})}}return n.default=t,Object.freeze(n)}const D=O(g);function _({uiLibraries:t,library:n,setLibrary:o}){var j;const[l,x]=D.useState(!1),{t:r}=S.useTranslation();return n?e.jsxRuntimeExports.jsxs(i.Popover,{open:l,onOpenChange:x,children:[e.jsxRuntimeExports.jsx(i.PopoverTrigger,{asChild:!0,children:e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-x-2",children:[e.jsxRuntimeExports.jsx("span",{children:r("Choose Library")}),e.jsxRuntimeExports.jsxs(i.Button,{variant:"outline",size:"sm",role:"combobox","aria-expanded":l,className:"w-[200px] justify-between",children:[n?(j=t.find(u=>u.uuid===n))==null?void 0:j.name:r("Select library"),e.jsxRuntimeExports.jsx(N.CaretSortIcon,{className:"ml-2 h-4 w-4 shrink-0 opacity-50"})]})]})}),e.jsxRuntimeExports.jsx(i.PopoverContent,{className:"w-[200px] p-0",children:e.jsxRuntimeExports.jsxs(i.Command,{children:[e.jsxRuntimeExports.jsx(i.CommandInput,{placeholder:"Search library...",className:"h-9"}),e.jsxRuntimeExports.jsxs(i.CommandList,{children:[e.jsxRuntimeExports.jsx(i.CommandEmpty,{children:"No library found."}),e.jsxRuntimeExports.jsx(i.CommandGroup,{children:t.map(u=>e.jsxRuntimeExports.jsxs(i.CommandItem,{value:u.uuid,onSelect:f=>{o(f),x(!1)},children:[u.name,e.jsxRuntimeExports.jsx(N.CheckIcon,{className:I.cn("ml-auto h-4 w-4",n===u.uuid?"opacity-100":"opacity-0")})]},u.uuid))})]})]})})]}):null}const M=({block:t,closePopover:n,library:o})=>{const[l,x]=g.useState(!1),r=p.useBuilderProp("getUILibraryBlock",s.noop),{addCoreBlock:j,addPredefinedBlock:u}=p.useAddBlock(),[f,q]=p.useSelectedBlockIds(),[,b]=p.useHighlightBlockId(),h=s.get(t,"name",s.get(t,"label")),k=P.useFeature("dnd"),[,v]=R.useAtom(p.draggedBlockAtom),a=c=>{const m=s.has(c,"styles_attrs.data-page-section");return c._type==="Box"&&m},w=g.useCallback(async c=>{if(c.stopPropagation(),s.has(t,"component")){j(t,s.first(f)),n();return}x(!0);const m=await r(o,t);let E=s.first(f);a(s.first(m))&&(E=null),s.isEmpty(m)||u(C.syncBlocksWithDefaults(m),E),n()},[t]),d=async c=>{const m=await r(o,t);let E=s.first(f);if(a(s.first(m))&&(E=null),!s.isEmpty(m)){const y={blocks:m,uiLibrary:!0,parent:E};if(c.dataTransfer.setData("text/plain",JSON.stringify(y)),t.preview){const B=new Image;B.src=t.preview,B.onload=()=>{c.dataTransfer.setDragImage(B,0,0)}}else c.dataTransfer.setDragImage(new Image,0,0);v(y),setTimeout(()=>{q([]),b(null),n()},200)}};return e.jsxRuntimeExports.jsxs(i.Tooltip,{children:[e.jsxRuntimeExports.jsx(i.TooltipTrigger,{asChild:!0,children:e.jsxRuntimeExports.jsxs("div",{onClick:l?()=>{}:w,draggable:k?"true":"false",onDragStart:d,className:A("relative mt-2 cursor-pointer overflow-hidden rounded-md border border-gray-300 bg-white duration-200 hover:border-blue-500 hover:shadow-xl"),children:[l&&e.jsxRuntimeExports.jsxs("div",{className:"absolute flex h-full w-full items-center justify-center bg-black/70",children:[e.jsxRuntimeExports.jsx(T.Loader,{className:"animate-spin",size:15,color:"white"}),e.jsxRuntimeExports.jsx("span",{className:"pl-2 text-sm text-white",children:"Adding..."})]}),t.preview?e.jsxRuntimeExports.jsx("img",{src:t.preview,className:"min-h-[25px] w-full rounded-md",alt:h}):e.jsxRuntimeExports.jsx("div",{className:"flex h-20 items-center justify-center rounded-md border border-border border-gray-300 bg-gray-200",children:e.jsxRuntimeExports.jsx("p",{className:"max-w-xs text-center text-sm text-gray-700",children:h})})]})}),e.jsxRuntimeExports.jsx(i.TooltipContent,{children:e.jsxRuntimeExports.jsx("p",{children:h})})]})},U=R.atom({}),z=t=>{const[n,o]=R.useAtom(U),l=p.useBuilderProp("getUILibraryBlocks",s.noop),x=s.get(n,`${t==null?void 0:t.uuid}.blocks`,[]),r=s.get(n,`${t==null?void 0:t.uuid}.loading`,!1);return g.useEffect(()=>{(async()=>{if(r||x.length>0||!t)return;o(u=>({...u,[t==null?void 0:t.uuid]:{loading:!0,blocks:[]}}));const j=await l(t);o(u=>({...u,[t==null?void 0:t.uuid]:{loading:!1,blocks:j||[]}}))})()},[t,x,r]),{data:x,isLoading:r}},G=p.atomWithStorage("_selectedLibrary",null),H=()=>{const[t,n]=R.useAtom(G),o=p.useBuilderProp("uiLibraries",[]),l=C.useChaiBlocks(),x=s.values(l).filter(d=>d.category==="custom"),r=o.find(d=>d.uuid===t)||s.first(o),{data:j,isLoading:u}=z(r),f=s.groupBy([...j,...x],"group"),[q,b]=g.useState("Hero"),[,h]=R.useAtom(p.activePanelAtom),k=s.get(f,q,[]),{t:v}=S.useTranslation(),a=g.useRef(null),w=d=>{a.current&&(clearTimeout(a.current),a.current=null),a.current=setTimeout(()=>{a.current&&b(d)},300)};return u?e.jsxRuntimeExports.jsx(i.Skeleton,{className:"h-full w-full"}):e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsxs("div",{className:"relative flex h-full max-h-full w-[460px] flex-col overflow-hidden bg-background",children:[r!=null&&r.uuid?e.jsxRuntimeExports.jsx("div",{className:"sticky top-0 flex h-fit flex-col",children:e.jsxRuntimeExports.jsx("div",{className:"mb-2 flex flex-col justify-between rounded-md bg-background/30 p-1",children:e.jsxRuntimeExports.jsx("h1",{className:"flex w-full flex-col items-baseline truncate px-1 text-sm font-semibold xl:flex-col",children:e.jsxRuntimeExports.jsx(_,{library:r==null?void 0:r.uuid,setLibrary:n,uiLibraries:o})})})}):null,e.jsxRuntimeExports.jsxs("div",{className:"flex h-[95%] border-t border-gray-300 pt-2",children:[e.jsxRuntimeExports.jsx("div",{className:"flex h-full w-40 flex-col gap-1 px-1",children:g.Children.toArray(s.map(f,(d,c)=>e.jsxRuntimeExports.jsxs("div",{onMouseEnter:()=>w(c),onMouseLeave:()=>clearTimeout(a.current),onClick:()=>b(c),className:I.cn("flex w-full cursor-pointer items-center justify-between rounded-md p-1 text-sm transition-all ease-in-out hover:bg-gray-200",c===q?"bg-blue-500 text-white hover:bg-blue-600":""),children:[e.jsxRuntimeExports.jsx("span",{children:s.capitalize(c)}),e.jsxRuntimeExports.jsx(N.CaretRightIcon,{className:"ml-2 h-5 w-5"})]},c)))}),e.jsxRuntimeExports.jsxs(i.ScrollArea,{onMouseEnter:()=>a.current?clearTimeout(a.current):null,className:"z-10 -mt-2 flex h-full max-h-full w-[300px] flex-col gap-2 border-l border-gray-300 transition-all ease-linear",children:[e.jsxRuntimeExports.jsx("div",{className:"sticky top-0 z-30 border-b border-gray-300 bg-gray-200 p-2 text-[9px] font-light leading-3 text-gray-500",children:v("Click on a block to add it to the page")}),e.jsxRuntimeExports.jsx("div",{className:"flex flex-col gap-2 px-2",children:g.Children.toArray(k.map(d=>e.jsxRuntimeExports.jsx(M,{block:d,library:r,closePopover:()=>h(L.OUTLINE_KEY)})))}),e.jsxRuntimeExports.jsx("br",{}),e.jsxRuntimeExports.jsx("br",{}),e.jsxRuntimeExports.jsx("br",{})]})]})]})})},F=()=>e.jsxRuntimeExports.jsx(H,{});exports.default=F;

package/dist/UnsplashImages--MXx-DYM.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-JYMCiFoE.cjs"),o=require("react"),l=require("lodash-es"),k=require("@radix-ui/react-icons"),A=require("unsplash-js"),d=require("./context-menu-_8TFbFEJ.cjs"),r=require("./select-fXj5tdMX.cjs");require("react-i18next");const T=require("./index-5hfuDpYs.cjs"),z=require("@react-hookz/web"),_=require("lucide-react");require("@radix-ui/react-switch");require("@radix-ui/react-accordion");require("class-variance-authority");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-slot");require("@radix-ui/react-label");require("@radix-ui/react-scroll-area");require("@radix-ui/react-tabs");require("@radix-ui/react-tooltip");require("@radix-ui/react-popover");require("@radix-ui/react-hover-card");require("@radix-ui/react-dropdown-menu");require("@radix-ui/react-toast");require("cmdk");require("@radix-ui/react-dialog");require("@radix-ui/react-context-menu");require("clsx");require("tailwind-merge");require("@radix-ui/react-select");require("jotai");require("./iconBase-vJD0OXxU.cjs");require("@chaibuilder/runtime");require("./plugin-_F-KZp1i.cjs");require("tree-model");require("react-quill");require("./STRINGS-gPz7CUOk.cjs");require("react-hotkeys-hook");require("@floating-ui/dom");require("@floating-ui/react-dom");require("flagged");require("@tailwindcss/typography");require("@tailwindcss/forms");require("@tailwindcss/aspect-ratio");require("tailwindcss-palette-generator");require("react-wrap-balancer");require("react-dom");require("prop-types");require("@rjsf/validator-ajv8");require("@rjsf/core");require("react-arborist");require("himalaya");require("react-icons-picker");require("react-autosuggest");require("fuse.js");require("i18next");const g=async(j,E)=>new Promise((a,n)=>{A.createApi({accessKey:E}).search.getPhotos(j).then(u=>{a(u)}).catch(u=>n(u))}),D=({isModalView:j,onSelect:E})=>{const a=T.useBuilderProp("unsplashAccessKey",""),[n,f]=o.useState([]),[u,R]=o.useState(0),[c,b]=o.useState(),[x,I]=o.useState(),[w,y]=o.useState(0),[h,P]=z.useDebouncedState("",1e3),[q,m]=o.useState(!1),C=async s=>{if(l.isEmpty(h))return;let i=u+1;s&&(s.preventDefault(),i=1),m(!0),R(i);const p={query:h,page:i};c&&(p.orientation=c),x&&(p.color=x),g(p,a).then(t=>{var v,N,S;f(i===1?((v=t==null?void 0:t.response)==null?void 0:v.results)||[]:[...n,...((N=t==null?void 0:t.response)==null?void 0:N.results)||[]]),y((S=t==null?void 0:t.response)==null?void 0:S.total_pages),m(!1)}).catch(()=>{m(!1)})};return o.useEffect(()=>{if(!l.isEmpty(h)&&a){m(!0);const s={query:h,page:1};c&&(s.orientation=c),x&&(s.color=x),R(1),g(s,a).then(i=>{var p,t;f(((p=i==null?void 0:i.response)==null?void 0:p.results)||[]),y((t=i==null?void 0:i.response)==null?void 0:t.total_pages),m(!1)}).catch(()=>{m(!1)})}},[c,x,h,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(d.Input,{type:"text",name:"query",className:"input",placeholder:'Try "dog" or "apple"',onChange:s=>P(s.target.value)}),e.jsxRuntimeExports.jsxs(d.Popover,{children:[e.jsxRuntimeExports.jsx(d.PopoverTrigger,{asChild:!0,className:"h-full w-10 cursor-pointer p-2.5 hover:bg-slate-200",children:e.jsxRuntimeExports.jsx(k.MixerHorizontalIcon,{})}),e.jsxRuntimeExports.jsx(d.PopoverContent,{side:j?"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(r.Select,{defaultValue:c,onValueChange:s=>b(s),children:[e.jsxRuntimeExports.jsx(r.SelectTrigger,{className:"h-auto w-40 p-1 px-3",children:e.jsxRuntimeExports.jsx(r.SelectValue,{placeholder:"Select"})}),e.jsxRuntimeExports.jsxs(r.SelectContent,{className:"z-[9999]",children:[e.jsxRuntimeExports.jsx(r.SelectItem,{value:"",children:"All"}),e.jsxRuntimeExports.jsx(r.SelectItem,{value:"landscape",children:"Landscape"}),e.jsxRuntimeExports.jsx(r.SelectItem,{value:"portrait",children:"Portrait"}),e.jsxRuntimeExports.jsx(r.SelectItem,{value:"squarish",children:"Square"})]})]}),e.jsxRuntimeExports.jsx("div",{className:"pb-1 pt-2 text-sm font-medium",children:"Color"}),e.jsxRuntimeExports.jsxs(r.Select,{defaultValue:x,onValueChange:s=>I(s),children:[e.jsxRuntimeExports.jsx(r.SelectTrigger,{className:"h-auto w-40 p-1 px-3",children:e.jsxRuntimeExports.jsx(r.SelectValue,{placeholder:"Select"})}),e.jsxRuntimeExports.jsxs(r.SelectContent,{className:"z-[9999]",children:[e.jsxRuntimeExports.jsx(r.SelectItem,{value:"",children:"All"}),["black_and_white","black","white","yellow","orange","red","purple","magenta","green","teal","blue"].map(s=>e.jsxRuntimeExports.jsx(r.SelectItem,{value:s,children:l.startCase(s)},s))]})]})]})})]})]}),e.jsxRuntimeExports.jsxs(d.ScrollArea,{className:`h-full ${j&&!l.isEmpty(n)?"-mx-2 flex flex-wrap px-2":"-mx-2 flex flex-col pb-8 pt-2"}`,children:[l.isEmpty(n)&&!q&&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"})]}),j?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)),q&&e.jsxRuntimeExports.jsxs("div",{className:"flex items-center justify-center py-8",children:[e.jsxRuntimeExports.jsx(_.Loader,{className:"animate-spin w-6 h-6"}),"  Loading..."]}),!l.isEmpty(n)&&u<w&&!q&&e.jsxRuntimeExports.jsx(d.Button,{size:"sm",variant:"link",className:"w-full",onClick:()=>C(void 0),disabled:q,children:q?"":"Load More"})]})]})};exports.default=D;exports.fetchImage=g;

package/dist/{UnsplashImages-UkHihhA5.js → UnsplashImages-sotLcz6r.js}

@@ -1,58 +1,73 @@
-import { j as e } from "./jsx-runtime-WbnYoNE9.js";
+import { j as e } from "./jsx-runtime-Sp0orL4X.js";
 import { useState as p, useEffect as D } from "react";
 import { isEmpty as d, startCase as E } from "lodash-es";
-import { MixerHorizontalIcon as F } from "@radix-ui/react-icons";
-import { createApi as L } from "unsplash-js";
-import { h as B, aF as K, a4 as U, a5 as V, a6 as O, bw as P, bx as C, by as S, bz as A, bA as h, aJ as Q, B as H } from "./index-C7mB4XFm.js";
-import { useDebouncedState as J } from "@react-hookz/web";
-import { Loader as R } from "lucide-react";
-import "./_commonjsHelpers-UyOWmZb0.js";
-import "@radix-ui/react-toggle";
-import "class-variance-authority";
-import "./utils-VpVqnC9m.js";
-import "./MODIFIERS-fd5XOmum.js";
-import "clsx";
-import "tailwind-merge";
+import { MixerHorizontalIcon as L } from "@radix-ui/react-icons";
+import { createApi as B } from "unsplash-js";
+import { Q as F, P as K, s as Q, t as U, X as V, B as O } from "./context-menu-sks9vdzC.js";
+import { S as P, c as S, b as C, d as I, f as h } from "./select-JW3OMYm-.js";
+import "react-i18next";
+import { c as H } from "./index-Zu-K_BX7.js";
+import { useDebouncedState as R } from "@react-hookz/web";
+import { Loader as X } from "lucide-react";
 import "@radix-ui/react-switch";
-import "@radix-ui/react-slot";
 import "@radix-ui/react-accordion";
+import "class-variance-authority";
 import "@radix-ui/react-alert-dialog";
-import "@radix-ui/react-dialog";
+import "@radix-ui/react-slot";
 import "@radix-ui/react-label";
 import "@radix-ui/react-scroll-area";
 import "@radix-ui/react-tabs";
 import "@radix-ui/react-tooltip";
 import "@radix-ui/react-popover";
-import "@radix-ui/react-menubar";
 import "@radix-ui/react-hover-card";
-import "@radix-ui/react-select";
 import "@radix-ui/react-dropdown-menu";
-import "@radix-ui/react-separator";
 import "@radix-ui/react-toast";
 import "cmdk";
+import "@radix-ui/react-dialog";
 import "@radix-ui/react-context-menu";
-import "react-icons-picker";
-import "react-dom";
-import "react-quill";
-import "./Functions-7jnEwJyw.js";
-import "@chaibuilder/runtime";
+import "clsx";
+import "tailwind-merge";
+import "@radix-ui/react-select";
 import "jotai";
+import "./iconBase-zweRWSz0.js";
+import "@chaibuilder/runtime";
+import "./plugin-sJ3Hzvpv.js";
 import "tree-model";
-import "react-i18next";
-const I = async (x, g) => new Promise((o, r) => {
-  L({ accessKey: g }).search.getPhotos(x).then((i) => {
+import "react-quill";
+import "./STRINGS--j49GZJP.js";
+import "react-hotkeys-hook";
+import "@floating-ui/dom";
+import "@floating-ui/react-dom";
+import "flagged";
+import "@tailwindcss/typography";
+import "@tailwindcss/forms";
+import "@tailwindcss/aspect-ratio";
+import "tailwindcss-palette-generator";
+import "react-wrap-balancer";
+import "react-dom";
+import "prop-types";
+import "@rjsf/validator-ajv8";
+import "@rjsf/core";
+import "react-arborist";
+import "himalaya";
+import "react-icons-picker";
+import "react-autosuggest";
+import "fuse.js";
+import "i18next";
+const k = async (x, g) => new Promise((o, a) => {
+  B({ accessKey: g }).search.getPhotos(x).then((i) => {
     o(i);
-  }).catch((i) => r(i));
-}), De = ({ isModalView: x, onSelect: g }) => {
-  const o = B("unsplashAccessKey", ""), [r, j] = p([]), [i, v] = p(0), [l, k] = p(), [n, q] = p(), [z, y] = p(0), [u, T] = J("", 1e3), [f, c] = p(!1), _ = async (s) => {
+  }).catch((i) => a(i));
+}), Je = ({ isModalView: x, onSelect: g }) => {
+  const o = H("unsplashAccessKey", ""), [a, 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) => {
-      var b, N, w;
-      j(t === 1 ? ((b = a == null ? void 0 : a.response) == null ? void 0 : b.results) || [] : [...r, ...((N = a == null ? void 0 : a.response) == null ? void 0 : N.results) || []]), y((w = a == null ? void 0 : a.response) == null ? void 0 : w.total_pages), c(!1);
+    let r = i + 1;
+    s && (s.preventDefault(), r = 1), c(!0), v(r);
+    const m = { query: u, page: r };
+    l && (m.orientation = l), n && (m.color = n), k(m, o).then((t) => {
+      var N, b, w;
+      j(r === 1 ? ((N = t == null ? void 0 : t.response) == null ? void 0 : N.results) || [] : [...a, ...((b = t == null ? void 0 : t.response) == null ? void 0 : b.results) || []]), y((w = t == null ? void 0 : t.response) == null ? void 0 : w.total_pages), c(!1);
     }).catch(() => {
       c(!1);
     });
@@ -61,9 +76,9 @@ 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) => {
-        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);
+      l && (s.orientation = l), n && (s.color = n), v(1), k(s, o).then((r) => {
+        var m, t;
+        j(((m = r == null ? void 0 : r.response) == null ? void 0 : m.results) || []), y((t = r == null ? void 0 : r.response) == null ? void 0 : t.total_pages), c(!1);
       }).catch(() => {
         c(!1);
       });
@@ -83,7 +98,7 @@ const I = async (x, g) => new Promise((o, r) => {
   ] }) }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsxs("form", { className: "flex items-center rounded-md border bg-gray-100 p-px", children: [
       /* @__PURE__ */ e.jsx(
-        K,
+        F,
         {
           type: "text",
           name: "query",
@@ -92,18 +107,18 @@ 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(F, {}) }),
+      /* @__PURE__ */ e.jsxs(K, { 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",
             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) => k(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(A, { className: "z-[9999]", children: [
+              /* @__PURE__ */ e.jsxs(P, { defaultValue: l, onValueChange: (s) => A(s), children: [
+                /* @__PURE__ */ e.jsx(S, { className: "h-auto w-40 p-1 px-3", children: /* @__PURE__ */ e.jsx(C, { placeholder: "Select" }) }),
+                /* @__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" }),
@@ -112,8 +127,8 @@ 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(A, { className: "z-[9999]", children: [
+                /* @__PURE__ */ e.jsx(S, { className: "h-auto w-40 p-1 px-3", children: /* @__PURE__ */ e.jsx(C, { placeholder: "Select" }) }),
+                /* @__PURE__ */ e.jsxs(I, { className: "z-[9999]", children: [
                   /* @__PURE__ */ e.jsx(h, { value: "", children: "All" }),
                   [
                     "black_and_white",
@@ -136,15 +151,15 @@ 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"}`,
+        className: `h-full ${x && !d(a) ? "-mx-2 flex flex-wrap px-2" : "-mx-2 flex flex-col pb-8 pt-2"}`,
         children: [
-          d(r) && !f && /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col items-center justify-center py-6", children: [
+          d(a) && !f && /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col items-center justify-center py-6", children: [
             /* @__PURE__ */ e.jsx("div", { className: "font-medium", children: "No Data" }),
             /* @__PURE__ */ e.jsx("div", { className: "text-sm text-gray-500", children: "Enter query and press enter" })
           ] }),
-          x ? /* @__PURE__ */ e.jsx("div", { className: "h-full columns-5 py-2", children: r.map((s) => /* @__PURE__ */ e.jsx(
+          x ? /* @__PURE__ */ e.jsx("div", { className: "h-full columns-5 py-2", children: a.map((s) => /* @__PURE__ */ e.jsx(
             "div",
             {
               role: "button",
@@ -161,7 +176,7 @@ const I = async (x, g) => new Promise((o, r) => {
               ) })
             },
             s.id
-          )) }) : r.map((s) => (
+          )) }) : a.map((s) => (
             // TODO: Drag and Drop Image to Canvas from Here use `pic.urls.[small, regular, full]` for image quality
             /* @__PURE__ */ e.jsx("div", { className: "w-full px-2 py-1", children: /* @__PURE__ */ e.jsx("div", { className: "relative overflow-hidden rounded-md bg-cover bg-no-repeat", children: /* @__PURE__ */ e.jsx(
               "img",
@@ -173,11 +188,11 @@ 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(R, { className: "animate-spin w-6 h-6" }),
+            /* @__PURE__ */ e.jsx(X, { className: "animate-spin w-6 h-6" }),
             "  Loading..."
           ] }),
-          !d(r) && i < z && !f && /* @__PURE__ */ e.jsx(
-            H,
+          !d(a) && i < z && !f && /* @__PURE__ */ e.jsx(
+            O,
             {
               size: "sm",
               variant: "link",
@@ -193,6 +208,6 @@ const I = async (x, g) => new Promise((o, r) => {
   ] });
 };
 export {
-  De as default,
-  I as fetchImage
+  Je as default,
+  k as fetchImage
 };