@chaibuilder/sdk 1.2.64 → 1.2.66

package/dist/{Topbar-1O05wogM.js → Topbar-Xgd6YI66.js}

@@ -1,53 +1,64 @@
-import { j as e } from "./jsx-runtime-WbnYoNE9.js";
-import l, { useMemo as h, Suspense as c } from "react";
+import { j as e } from "./jsx-runtime-Sp0orL4X.js";
+import l, { useMemo as h, Suspense as m } from "react";
 import { FontFamilyIcon as j, EyeOpenIcon as f } from "@radix-ui/react-icons";
-import { h as r, bs as g, bt as v, bu as b, bv as N, bz as S, bA as w, bw as o, ad as y, B as p, _ as C, $ as m, bB as B } from "./index-b33n_-zO.js";
-import { b as A } from "./index-wRAIA8zZ.js";
+import { S as g, c as v, b as S, d as b, a as N, e as w, f as n } from "./select-JW3OMYm-.js";
+import { c as s, f as y, F as C, g as B } from "./index-Dgo2PNEV.js";
+import { S as A } from "./separator-sgwOa1FE.js";
+import { B as c, S as p } from "./context-menu-sks9vdzC.js";
 import { useTranslation as x } from "react-i18next";
-import "./_commonjsHelpers-UyOWmZb0.js";
-import "@radix-ui/react-toggle";
-import "class-variance-authority";
-import "./utils-VpVqnC9m.js";
+import "@radix-ui/react-select";
 import "lodash-es";
-import "./MODIFIERS-fd5XOmum.js";
+import "jotai";
+import "./iconBase-zweRWSz0.js";
 import "clsx";
 import "tailwind-merge";
+import "@chaibuilder/runtime";
+import "./plugin-sJ3Hzvpv.js";
+import "@react-hookz/web";
+import "tree-model";
+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 "lodash";
+import "react-wrap-balancer";
+import "react-dom";
+import "prop-types";
+import "@rjsf/validator-ajv8";
+import "@rjsf/core";
+import "react-arborist";
+import "lucide-react";
+import "himalaya";
+import "react-icons-picker";
+import "react-autosuggest";
+import "fuse.js";
+import "@radix-ui/react-scroll-area";
+import "i18next";
+import "@radix-ui/react-separator";
 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 "jotai";
-import "@react-hookz/web";
-import "tree-model";
-import "i18next";
-import "react-arborist";
-import "lucide-react";
-import "./index-VBXQixVm.js";
-import "@floating-ui/react-dom";
-import "flagged";
-import "react-hotkeys-hook";
-const P = () => r("languages", ["en"]), k = () => P().length === 1 ? null : /* @__PURE__ */ e.jsx("div", { className: "flex items-center", children: /* @__PURE__ */ e.jsxs(g, { children: [
+const P = () => s("languages", ["en"]), k = () => P().length === 1 ? null : /* @__PURE__ */ e.jsx("div", { className: "flex items-center", children: /* @__PURE__ */ e.jsxs(g, { children: [
   /* @__PURE__ */ e.jsx(v, { className: "w-[150px] border-0", children: /* @__PURE__ */ e.jsx(
-    b,
+    S,
     {
       placeholder: /* @__PURE__ */ e.jsxs("span", { className: "flex items-center", children: [
         /* @__PURE__ */ e.jsx(j, { className: "h-4 w-4" }),
@@ -55,16 +66,16 @@ const P = () => r("languages", ["en"]), k = () => P().length === 1 ? null : /* @
       ] })
     }
   ) }),
-  /* @__PURE__ */ e.jsx(N, { children: /* @__PURE__ */ e.jsxs(S, { children: [
+  /* @__PURE__ */ e.jsx(b, { children: /* @__PURE__ */ e.jsxs(N, { children: [
     /* @__PURE__ */ e.jsx(w, { children: "Fruits" }),
-    /* @__PURE__ */ e.jsx(o, { value: "apple", children: "Apple" }),
-    /* @__PURE__ */ e.jsx(o, { value: "banana", children: "Banana" }),
-    /* @__PURE__ */ e.jsx(o, { value: "blueberry", children: "Blueberry" }),
-    /* @__PURE__ */ e.jsx(o, { value: "grapes", children: "Grapes" }),
-    /* @__PURE__ */ e.jsx(o, { value: "pineapple", children: "Pineapple" })
+    /* @__PURE__ */ e.jsx(n, { value: "apple", children: "Apple" }),
+    /* @__PURE__ */ e.jsx(n, { value: "banana", children: "Banana" }),
+    /* @__PURE__ */ e.jsx(n, { value: "blueberry", children: "Blueberry" }),
+    /* @__PURE__ */ e.jsx(n, { value: "grapes", children: "Grapes" }),
+    /* @__PURE__ */ e.jsx(n, { value: "pineapple", children: "Pineapple" })
   ] }) })
 ] }) }), I = () => {
-  const { savePage: n, saveState: t } = y(), { t: a } = x(), i = r("hideSaveButton", !1), s = h(() => {
+  const { savePage: i, saveState: t } = y(), { t: a } = x(), o = s("hideSaveButton", !1), r = h(() => {
     switch (t) {
       case "SAVING":
         return "animate-pulse bg-gray-300 text-gray-900";
@@ -74,62 +85,62 @@ const P = () => r("languages", ["en"]), k = () => P().length === 1 ? null : /* @
         return "bg-gray-200 text-gray-500 hover:bg-gray-100";
     }
   }, [t]);
-  if (i)
+  if (o)
     return null;
   const u = /* @__PURE__ */ e.jsxs(
-    p,
+    c,
     {
       disabled: t === "SAVING",
       onClick: (d) => {
-        d.preventDefault(), n();
+        d.preventDefault(), i();
       },
-      className: `flex h-auto w-fit items-center gap-x-2 rounded-full p-1.5 px-3 ${s}`,
+      className: `flex h-auto w-fit items-center gap-x-2 rounded-full p-1.5 px-3 ${r}`,
       size: "sm",
       variant: "outline",
       children: [
-        /* @__PURE__ */ e.jsx(A, { className: "text-lg" }),
+        /* @__PURE__ */ e.jsx(C, { className: "text-lg" }),
         /* @__PURE__ */ e.jsx("span", { className: "text-sm", children: t === "SAVING" ? "Saving..." : a(t === "SAVED" ? "Saved" : "Unsaved") })
       ]
     }
   );
   return /* @__PURE__ */ e.jsx("div", { className: "flex items-center", children: u });
 }, V = function() {
-  const t = r("previewComponent"), [, a] = C(), { t: i } = x();
+  const t = s("previewComponent"), [, a] = B(), { t: o } = x();
   return t ? /* @__PURE__ */ e.jsxs(
-    p,
+    c,
     {
-      onClick: (s) => {
-        s.preventDefault(), a(!0);
+      onClick: (r) => {
+        r.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(f, { className: "text-xs" }),
-        /* @__PURE__ */ e.jsx("span", { className: "text-sm", children: i("Preview") })
+        /* @__PURE__ */ e.jsx("span", { className: "text-sm", children: o("Preview") })
       ]
     }
   ) : null;
-}, Ce = () => {
-  const n = r("topBarComponents.left", []), t = r("topBarComponents.center", []), a = r("topBarComponents.right", []), i = r("editable", !0);
+}, Le = () => {
+  const i = s("topBarComponents.left", []), t = s("topBarComponents.center", []), a = s("topBarComponents.right", []), o = s("editable", !0);
   return /* @__PURE__ */ e.jsxs("div", { className: "flex h-14 items-center justify-between px-2", children: [
     /* @__PURE__ */ e.jsx("div", { className: "flex items-center space-x-2", children: /* @__PURE__ */ e.jsx("div", { className: "flex items-center space-x-2 font-bold", children: l.Children.toArray(
-      n.map((s) => /* @__PURE__ */ e.jsx(c, { fallback: /* @__PURE__ */ e.jsx(m, { className: "h-10" }), children: /* @__PURE__ */ e.jsx(s, {}) }))
+      i.map((r) => /* @__PURE__ */ e.jsx(m, { fallback: /* @__PURE__ */ e.jsx(p, { className: "h-10" }), children: /* @__PURE__ */ e.jsx(r, {}) }))
     ) }) }),
     /* @__PURE__ */ e.jsx("div", { className: "flex items-center space-x-2", children: l.Children.toArray(
-      t.map((s) => /* @__PURE__ */ e.jsx(c, { fallback: /* @__PURE__ */ e.jsx(m, { className: "h-10" }), children: /* @__PURE__ */ e.jsx(s, {}) }))
+      t.map((r) => /* @__PURE__ */ e.jsx(m, { fallback: /* @__PURE__ */ e.jsx(p, { className: "h-10" }), children: /* @__PURE__ */ e.jsx(r, {}) }))
     ) }),
     /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
       /* @__PURE__ */ e.jsx(k, {}),
       /* @__PURE__ */ e.jsx(V, {}),
-      /* @__PURE__ */ e.jsx(B, { orientation: "vertical" }),
-      i ? /* @__PURE__ */ e.jsx(I, {}) : null,
+      /* @__PURE__ */ e.jsx(A, { orientation: "vertical" }),
+      o ? /* @__PURE__ */ e.jsx(I, {}) : null,
       l.Children.toArray(
-        a.map((s) => /* @__PURE__ */ e.jsx(c, { fallback: /* @__PURE__ */ e.jsx(m, { className: "h-10" }), children: /* @__PURE__ */ e.jsx(s, {}) }))
+        a.map((r) => /* @__PURE__ */ e.jsx(m, { fallback: /* @__PURE__ */ e.jsx(p, { className: "h-10" }), children: /* @__PURE__ */ e.jsx(r, {}) }))
       )
     ] })
   ] });
 };
 export {
-  Ce as default
+  Le as default
 };

package/dist/Topbar-eIenyfZu.cjs

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

package/dist/UILibrariesPanel-ADjJse3_.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-jhNzBWrV.cjs"),S=require("react-i18next"),C=require("@chaibuilder/runtime"),T=require("lucide-react"),q=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("lodash");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("@radix-ui/react-scroll-area");require("i18next");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,R]=p.useSelectedBlockIds(),[,b]=p.useHighlightBlockId(),h=s.get(t,"name",s.get(t,"label")),k=P.useFeature("dnd"),[,v]=q.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(()=>{R([]),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=q.atom({}),z=t=>{const[n,o]=q.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]=q.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"),[R,b]=g.useState("Hero"),[,h]=q.useAtom(p.activePanelAtom),k=s.get(f,R,[]),{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===R?"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/{UILibrariesPanel-vshiYI6G.js → UILibrariesPanel-a7TrMuAU.js}

@@ -1,88 +1,100 @@
-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 R, capitalize as _ } from "lodash-es";
-import * as O from "react";
-import S, { useState as A, useCallback as z, useEffect as G, useRef as M } from "react";
-import { aN as H, aO as $, B as F, aP as W, aQ as Y, aR as q, aS as J, aT as K, aU as Q, aV as V, h as C, aq as X, j as Z, aA as ee, T as te, v as se, w as oe, Y as re, bf as ae, $ as ne, ai as ie } from "./index-b33n_-zO.js";
-import { syncBlocksWithDefaults as le, useChaiBlocks as ce } from "@chaibuilder/runtime";
-import { Loader as de } from "lucide-react";
-import { useAtom as w, atom as me } from "jotai";
-import { c as P } from "./Functions-7jnEwJyw.js";
-import { CaretSortIcon as ue, CheckIcon as pe, CaretRightIcon as xe } from "@radix-ui/react-icons";
-import { O as fe } from "./MODIFIERS-fd5XOmum.js";
-import { useTranslation as E } from "react-i18next";
-import { d as he } from "./atoms-Oomqut88.js";
+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, 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-Dgo2PNEV.js";
+import { useTranslation as P } from "react-i18next";
+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 me, S as de, 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 "./plugin-sJ3Hzvpv.js";
+import "@react-hookz/web";
+import "tree-model";
+import "react-quill";
+import "react-hotkeys-hook";
+import "@floating-ui/dom";
+import "@floating-ui/react-dom";
+import "@tailwindcss/typography";
+import "@tailwindcss/forms";
+import "@tailwindcss/aspect-ratio";
+import "tailwindcss-palette-generator";
 import "tailwind-merge";
+import "lodash";
+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 "@radix-ui/react-scroll-area";
+import "i18next";
 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 "@react-hookz/web";
-import "tree-model";
 function ke({
   uiLibraries: t,
   library: a,
-  setLibrary: n
+  setLibrary: i
 }) {
   var u;
-  const [d, l] = O.useState(!1), { t: s } = E();
-  return a ? /* @__PURE__ */ e.jsxs(H, { open: d, onOpenChange: l, children: [
-    /* @__PURE__ */ e.jsx($, { asChild: !0, children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-x-2", children: [
+  const [m, l] = R.useState(!1), { t: s } = P();
+  return a ? /* @__PURE__ */ e.jsxs(te, { open: m, 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(
-        F,
+        oe,
         {
           variant: "outline",
           size: "sm",
           role: "combobox",
-          "aria-expanded": d,
+          "aria-expanded": m,
           className: "w-[200px] justify-between",
           children: [
             a ? (u = t.find((o) => o.uuid === a)) == null ? void 0 : u.name : s("Select library"),
-            /* @__PURE__ */ e.jsx(ue, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
+            /* @__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(Y, { children: [
-      /* @__PURE__ */ e.jsx(q, { placeholder: "Search library...", className: "h-9" }),
-      /* @__PURE__ */ e.jsxs(J, { children: [
-        /* @__PURE__ */ e.jsx(K, { children: "No library found." }),
-        /* @__PURE__ */ e.jsx(Q, { children: t.map((o) => /* @__PURE__ */ e.jsxs(
-          V,
+    /* @__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(
+          me,
           {
             value: o.uuid,
             onSelect: (p) => {
-              n(p), l(!1);
+              i(p), l(!1);
             },
             children: [
               o.name,
               /* @__PURE__ */ e.jsx(
-                pe,
+                Z,
                 {
-                  className: P("ml-auto h-4 w-4", a === o.uuid ? "opacity-100" : "opacity-0")
+                  className: E("ml-auto h-4 w-4", a === o.uuid ? "opacity-100" : "opacity-0")
                 }
               )
             ]
@@ -96,28 +108,28 @@ function ke({
 const we = ({
   block: t,
   closePopover: a,
-  library: n
+  library: i
 }) => {
-  const [d, l] = A(!1), s = C("getUILibraryBlock", T), { addCoreBlock: u, addPredefinedBlock: o } = X(), [p, j] = Z(), [, k] = ee(), f = g(t, "name", g(t, "label")), v = je("dnd"), [, b] = w(he), i = (r) => {
-    const m = I(r, "styles_attrs.data-page-section");
-    return r._type === "Box" && m;
-  }, B = z(
+  const [m, 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 d = I(r, "styles_attrs.data-page-section");
+    return r._type === "Box" && d;
+  }, b = G(
     async (r) => {
       if (r.stopPropagation(), I(t, "component")) {
         u(t, x(p)), a();
         return;
       }
       l(!0);
-      const m = await s(n, t);
+      const d = await s(i, t);
       let h = x(p);
-      i(x(m)) && (h = null), L(m) || o(le(m), h), a();
+      n(x(d)) && (h = null), L(d) || o(Y(d), h), a();
     },
     [t]
   ), c = async (r) => {
-    const m = await s(n, t);
+    const d = await s(i, t);
     let h = x(p);
-    if (i(x(m)) && (h = null), !L(m)) {
-      const y = { blocks: m, uiLibrary: !0, parent: h };
+    if (n(x(d)) && (h = null), !L(d)) {
+      const y = { blocks: d, 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 = () => {
@@ -125,81 +137,81 @@ const we = ({
         };
       } else
         r.dataTransfer.setDragImage(new Image(), 0, 0);
-      b(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: d ? () => {
-        } : B,
+        onClick: m ? () => {
+        } : 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: [
-          d && /* @__PURE__ */ e.jsxs("div", { className: "absolute flex h-full w-full items-center justify-center bg-black/70", children: [
-            /* @__PURE__ */ e.jsx(de, { className: "animate-spin", size: 15, color: "white" }),
+          m && /* @__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 }) })
   ] });
-}, ve = me({}), be = (t) => {
-  const [a, n] = 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 G(() => {
+}, ve = Q({}), Be = (t) => {
+  const [a, i] = w(ve), 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 M(() => {
     (async () => {
       if (s || l.length > 0 || !t)
         return;
-      n((o) => ({ ...o, [t == null ? void 0 : t.uuid]: { loading: !0, blocks: [] } }));
-      const u = await d(t);
-      n((o) => ({ ...o, [t == null ? void 0 : t.uuid]: { loading: !1, blocks: u || [] } }));
+      i((o) => ({ ...o, [t == null ? void 0 : t.uuid]: { loading: !0, blocks: [] } }));
+      const u = await m(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), n = C("uiLibraries", []), d = ce(), l = U(d).filter((c) => c.category === "custom"), s = n.find((c) => c.uuid === t) || x(n), { data: u, isLoading: o } = be(s), p = D([...u, ...l], "group"), [j, k] = A("Hero"), [, f] = w(ae), v = g(p, j, []), { t: b } = E(), i = M(null), B = (c) => {
-    i.current && (clearTimeout(i.current), i.current = null), i.current = setTimeout(() => {
-      i.current && k(c);
+}, be = H("_selectedLibrary", null), Ne = () => {
+  const [t, a] = w(be), i = C("uiLibraries", []), m = X(), l = D(m).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(ne, { 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: n }) }) }) }) : null,
+  return o ? /* @__PURE__ */ e.jsx(de, { 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(
-        R(p, (c, r) => /* @__PURE__ */ e.jsxs(
+        _(p, (c, r) => /* @__PURE__ */ e.jsxs(
           "div",
           {
-            onMouseEnter: () => B(r),
-            onMouseLeave: () => clearTimeout(i.current),
+            onMouseEnter: () => b(r),
+            onMouseLeave: () => clearTimeout(n.current),
             onClick: () => k(r),
-            className: P(
+            className: E(
               "flex w-full cursor-pointer items-center justify-between rounded-md p-1 text-sm transition-all ease-in-out hover:bg-gray-200",
               r === j ? "bg-blue-500 text-white hover:bg-blue-600" : ""
             ),
             children: [
-              /* @__PURE__ */ e.jsx("span", { children: _(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(
-        ie,
+        ue,
         {
-          onMouseEnter: () => i.current ? clearTimeout(i.current) : null,
+          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: b("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(
-              v.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", {}),
@@ -209,7 +221,7 @@ const we = ({
       )
     ] })
   ] }) });
-}, pt = () => /* @__PURE__ */ e.jsx(Ne, {});
+}, Ct = () => /* @__PURE__ */ e.jsx(Ne, {});
 export {
-  pt as default
+  Ct as default
 };