@chaibuilder/sdk 1.2.70 → 1.2.72

package/dist/{CodeEditor-C78__cda.js → CodeEditor-3hwsNnPr.js}

@@ -3,7 +3,7 @@ import k from "@monaco-editor/react";
 import { B as C } from "./context-menu-zu6r7B6f.js";
 import { useTranslation as j } from "react-i18next";
 import { useState as l, useCallback as v, useEffect as g } from "react";
-import { u as y, a as N, b as T, c as E } from "./index-id8x-JN2.js";
+import { u as y, a as N, b as T, c as E } from "./index-ZUADC6Lh.js";
 import { Cross2Icon as w } from "@radix-ui/react-icons";
 import { useThrottledCallback as B } from "@react-hookz/web";
 import "@radix-ui/react-switch";
@@ -55,12 +55,11 @@ import "react-autosuggest";
 import "fuse.js";
 import "i18next";
 import "framer-motion";
-import "lodash";
 const a = (r) => {
   const i = document.createElement("div");
   return i.innerHTML = r, i.innerHTML;
 };
-function zt() {
+function Pt() {
   const { t: r } = j(), [i, n] = l(!1), [m, c] = l(""), [o, s] = y(), [p] = N(), d = T(), u = E(), f = B(
     (e) => {
       const b = a(e);
@@ -123,5 +122,5 @@ function zt() {
   ] });
 }
 export {
-  zt as default
+  Pt as default
 };

package/dist/CodeEditor-ciIVJGiC.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-JYMCiFoE.cjs"),b=require("@monaco-editor/react"),k=require("./context-menu-Lx_MAqsu.cjs"),C=require("react-i18next"),u=require("react"),n=require("./index-xFV80sAn.cjs"),E=require("@radix-ui/react-icons"),R=require("@react-hookz/web");require("@radix-ui/react-switch");require("@radix-ui/react-accordion");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-slot");require("class-variance-authority");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-separator");require("@radix-ui/react-toast");require("cmdk");require("@radix-ui/react-dialog");require("@radix-ui/react-context-menu");require("clsx");require("tailwind-merge");require("lodash-es");require("jotai");require("./iconBase-vJD0OXxU.cjs");require("@chaibuilder/runtime");require("./plugin-_F-KZp1i.cjs");require("tree-model");require("react-quill");require("./STRINGS-hZpwIZMT.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("re-resizable");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("i18next");require("framer-motion");const a=s=>{const i=document.createElement("div");return i.innerHTML=s,i.innerHTML};function g(){const{t:s}=C.useTranslation(),[i,d]=u.useState(!1),[l,q]=u.useState(""),[r,o]=n.useCodeEditor(),[c]=n.useSelectedBlockIds(),x=n.useUpdateBlocksProps(),m=n.useUpdateBlocksPropsRealtime(),p=R.useThrottledCallback(t=>{const h=a(t);m([r.blockId],{[r.blockProp]:h})},[],300),j=u.useCallback(()=>{if(i){const t=a(l);x([r.blockId],{[r.blockProp]:t})}},[i,l]);u.useEffect(()=>{c.includes(r==null?void 0:r.blockId)||(j(),o(null))},[c]);const f=()=>{o(null)};return e.jsxRuntimeExports.jsxs("div",{className:"h-full rounded-t-lg border-t-4 border-black bg-black text-white",children:[e.jsxRuntimeExports.jsx("button",{onClick:f,className:"fixed inset-0 z-[100000] cursor-default bg-gray-400/20"}),e.jsxRuntimeExports.jsxs("div",{className:"relative z-[100001] h-full w-full flex-col gap-y-1",children:[e.jsxRuntimeExports.jsxs("div",{className:"-mt-1 flex items-center justify-between px-2 py-2",children:[e.jsxRuntimeExports.jsxs("h3",{className:"space-x-3 text-sm font-semibold",children:[e.jsxRuntimeExports.jsx("span",{children:s("HTML Code Editor |")}),e.jsxRuntimeExports.jsx("span",{className:"text-xs text-gray-400",children:s("Scripts will be only executed in preview and live mode.")})]}),e.jsxRuntimeExports.jsx("div",{className:"flex gap-x-2",children:e.jsxRuntimeExports.jsx(k.Button,{onClick:()=>o(null),size:"sm",variant:"destructive",className:"h-6 w-fit",children:e.jsxRuntimeExports.jsx(E.Cross2Icon,{})})})]}),e.jsxRuntimeExports.jsx(b,{onMount:t=>{t.setValue(r.initialCode)},onChange:t=>{d(!0),q(t),p(t)},height:"100%",defaultLanguage:"html",theme:"vs-dark",defaultValue:"",options:{minimap:{enabled:!1}}})]})]})}exports.default=g;

package/dist/Topbar-Uzi5PgkN.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-JYMCiFoE.cjs"),u=require("react"),o=require("@radix-ui/react-icons"),r=require("./select-FnytvxNn.cjs"),s=require("./index-xFV80sAn.cjs"),x=require("./context-menu-Lx_MAqsu.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-hZpwIZMT.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("re-resizable");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("i18next");require("@radix-ui/react-scroll-area");require("framer-motion");require("@radix-ui/react-switch");require("@radix-ui/react-accordion");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-slot");require("class-variance-authority");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-separator");require("@radix-ui/react-toast");require("cmdk");require("@radix-ui/react-dialog");require("@radix-ui/react-context-menu");const j=()=>s.useBuilderProp("languages",["en"]),d=()=>j().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"})]})})]})}),q=()=>{const{savePage:a,saveState:t}=s.useSavePage(),l=s.useBuilderProp("hideSaveButton",!1),{t:n}=c.useTranslation(),i=u.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(l)return null;const p=e.jsxRuntimeExports.jsxs(x.Button,{disabled:t==="SAVING",onClick:m=>{m.preventDefault(),a()},className:`flex h-auto w-fit items-center gap-x-2 p-1 px-2 ${i}`,size:"sm",variant:"outline",children:[e.jsxRuntimeExports.jsx(s.FaCheck,{className:"text-sm text-white"}),e.jsxRuntimeExports.jsx("span",{className:"text-sm",children:n(t==="SAVING"?"saving":t==="SAVED"?"saved":"unsaved")})]});return e.jsxRuntimeExports.jsx("div",{className:"flex items-center",children:p})},h=function(){const t=s.useBuilderProp("previewComponent"),[,l]=s.usePreviewMode(),{t:n}=c.useTranslation();return t?e.jsxRuntimeExports.jsxs(x.Button,{onClick:i=>{i.preventDefault(),l(!0)},className:"flex h-auto w-fit items-center gap-x-2 bg-gray-200 p-1 px-2",size:"sm",variant:"outline",children:[e.jsxRuntimeExports.jsx(o.EyeOpenIcon,{className:"text-xs"}),e.jsxRuntimeExports.jsx("span",{className:"text-sm",children:n("preview")})]}):null},E=()=>{const a=s.useBuilderProp("topBarComponents.left",[]),t=s.useBuilderProp("topBarComponents.center",[]),l=s.useBuilderProp("topBarComponents.right",[]),n=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:u.Children.toArray(a.map(i=>e.jsxRuntimeExports.jsx(u.Suspense,{fallback:e.jsxRuntimeExports.jsx(x.Skeleton,{className:"h-10"}),children:e.jsxRuntimeExports.jsx(i,{})})))})}),e.jsxRuntimeExports.jsx("div",{className:"flex items-center space-x-2",children:u.Children.toArray(t.map(i=>e.jsxRuntimeExports.jsx(u.Suspense,{fallback:e.jsxRuntimeExports.jsx(x.Skeleton,{className:"h-10"}),children:e.jsxRuntimeExports.jsx(i,{})})))}),e.jsxRuntimeExports.jsxs("div",{className:"flex items-center space-x-1",children:[e.jsxRuntimeExports.jsx(d,{}),e.jsxRuntimeExports.jsx(h,{}),e.jsxRuntimeExports.jsx(x.Separator,{orientation:"vertical"}),n?e.jsxRuntimeExports.jsx(q,{}):null,u.Children.toArray(l.map(i=>e.jsxRuntimeExports.jsx(u.Suspense,{fallback:e.jsxRuntimeExports.jsx(x.Skeleton,{className:"h-10"}),children:e.jsxRuntimeExports.jsx(i,{})})))]})]})};exports.default=E;

package/dist/{Topbar-RGj3h8fc.js → Topbar-nImmHCEI.js}

@@ -1,8 +1,8 @@
 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 { S as g, c as v, b, d as N, a as S, e as w, f as n } from "./select-1WwjQDp6.js";
-import { d as a, e as y, F as C, f as B } from "./index-id8x-JN2.js";
+import { S as g, c as v, b, d as N, a as S, e as w, f as o } from "./select-1WwjQDp6.js";
+import { d as a, e as y, F as C, f as B } from "./index-ZUADC6Lh.js";
 import { B as c, S as p, ac as A } from "./context-menu-zu6r7B6f.js";
 import { useTranslation as x } from "react-i18next";
 import "@radix-ui/react-select";
@@ -40,7 +40,6 @@ import "fuse.js";
 import "i18next";
 import "@radix-ui/react-scroll-area";
 import "framer-motion";
-import "lodash";
 import "@radix-ui/react-switch";
 import "@radix-ui/react-accordion";
 import "@radix-ui/react-alert-dialog";
@@ -69,14 +68,14 @@ const P = () => a("languages", ["en"]), k = () => P().length === 1 ? null : /* @
   ) }),
   /* @__PURE__ */ e.jsx(N, { children: /* @__PURE__ */ e.jsxs(S, { children: [
     /* @__PURE__ */ e.jsx(w, { children: "Fruits" }),
-    /* @__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" })
+    /* @__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" })
   ] }) })
 ] }) }), I = () => {
-  const { savePage: i, saveState: t } = y(), o = a("hideSaveButton", !1), { t: s } = x(), r = h(() => {
+  const { savePage: i, saveState: t } = y(), n = a("hideSaveButton", !1), { t: s } = x(), r = h(() => {
     switch (t) {
       case "SAVING":
         return "animate-pulse bg-gray-300 text-gray-900";
@@ -86,7 +85,7 @@ const P = () => a("languages", ["en"]), k = () => P().length === 1 ? null : /* @
         return "bg-gray-200 text-gray-500 hover:bg-gray-100";
     }
   }, [t]);
-  if (o)
+  if (n)
     return null;
   const u = /* @__PURE__ */ e.jsxs(
     c,
@@ -106,12 +105,12 @@ const P = () => a("languages", ["en"]), k = () => P().length === 1 ? null : /* @
   );
   return /* @__PURE__ */ e.jsx("div", { className: "flex items-center", children: u });
 }, V = function() {
-  const t = a("previewComponent"), [, o] = B(), { t: s } = x();
+  const t = a("previewComponent"), [, n] = B(), { t: s } = x();
   return t ? /* @__PURE__ */ e.jsxs(
     c,
     {
       onClick: (r) => {
-        r.preventDefault(), o(!0);
+        r.preventDefault(), n(!0);
       },
       className: "flex h-auto w-fit items-center gap-x-2 bg-gray-200 p-1 px-2",
       size: "sm",
@@ -122,8 +121,8 @@ const P = () => a("languages", ["en"]), k = () => P().length === 1 ? null : /* @
       ]
     }
   ) : null;
-}, Me = () => {
-  const i = a("topBarComponents.left", []), t = a("topBarComponents.center", []), o = a("topBarComponents.right", []), s = a("editable", !0);
+}, Le = () => {
+  const i = a("topBarComponents.left", []), t = a("topBarComponents.center", []), n = a("topBarComponents.right", []), s = a("editable", !0);
   return /* @__PURE__ */ e.jsxs("div", { className: "flex h-14 items-center justify-between px-2", children: [
     /* @__PURE__ */ e.jsx("div", { className: "flex items-center space-x-2", children: /* @__PURE__ */ e.jsx("div", { className: "flex items-center space-x-2 font-bold", children: l.Children.toArray(
       i.map((r) => /* @__PURE__ */ e.jsx(m, { fallback: /* @__PURE__ */ e.jsx(p, { className: "h-10" }), children: /* @__PURE__ */ e.jsx(r, {}) }))
@@ -137,11 +136,11 @@ const P = () => a("languages", ["en"]), k = () => P().length === 1 ? null : /* @
       /* @__PURE__ */ e.jsx(A, { orientation: "vertical" }),
       s ? /* @__PURE__ */ e.jsx(I, {}) : null,
       l.Children.toArray(
-        o.map((r) => /* @__PURE__ */ e.jsx(m, { fallback: /* @__PURE__ */ e.jsx(p, { className: "h-10" }), children: /* @__PURE__ */ e.jsx(r, {}) }))
+        n.map((r) => /* @__PURE__ */ e.jsx(m, { fallback: /* @__PURE__ */ e.jsx(p, { className: "h-10" }), children: /* @__PURE__ */ e.jsx(r, {}) }))
       )
     ] })
   ] });
 };
 export {
-  Me as default
+  Le as default
 };

package/dist/UnsplashImages-04AO5K1O.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-Lx_MAqsu.cjs"),r=require("./select-FnytvxNn.cjs");require("react-i18next");const T=require("./index-xFV80sAn.cjs"),z=require("@react-hookz/web"),_=require("lucide-react");require("@radix-ui/react-switch");require("@radix-ui/react-accordion");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-slot");require("class-variance-authority");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-separator");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-hZpwIZMT.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("re-resizable");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("framer-motion");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-BEiNW8AF.js → UnsplashImages-zXULBalZ.js}

@@ -6,7 +6,7 @@ import { createApi as V } from "unsplash-js";
 import { N as B, P as F, r as K, s as U, V as O, B as Q } from "./context-menu-zu6r7B6f.js";
 import { S as P, c as S, b as C, d as I, f as h } from "./select-1WwjQDp6.js";
 import "react-i18next";
-import { d as H } from "./index-id8x-JN2.js";
+import { d as H } from "./index-ZUADC6Lh.js";
 import { useDebouncedState as R } from "@react-hookz/web";
 import { Loader as $ } from "lucide-react";
 import "@radix-ui/react-switch";
@@ -57,34 +57,33 @@ import "react-autosuggest";
 import "fuse.js";
 import "i18next";
 import "framer-motion";
-import "lodash";
 const k = async (x, g) => new Promise((o, a) => {
   V({ accessKey: g }).search.getPhotos(x).then((i) => {
     o(i);
   }).catch((i) => a(i));
-}), Ze = ({ 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, m] = p(!1), _ = async (s) => {
+}), Ye = ({ 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 r = i + 1;
-    s && (s.preventDefault(), r = 1), m(!0), v(r);
-    const c = { query: u, page: r };
-    l && (c.orientation = l), n && (c.color = n), k(c, o).then((t) => {
+    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), m(!1);
+      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(() => {
-      m(!1);
+      c(!1);
     });
   };
   return D(() => {
     if (!d(u) && o) {
-      m(!0);
+      c(!0);
       const s = { query: u, page: 1 };
       l && (s.orientation = l), n && (s.color = n), v(1), k(s, o).then((r) => {
-        var c, t;
-        j(((c = r == null ? void 0 : r.response) == null ? void 0 : c.results) || []), y((t = r == null ? void 0 : r.response) == null ? void 0 : t.total_pages), m(!1);
+        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(() => {
-        m(!1);
+        c(!1);
       });
     }
   }, [l, n, u, o]), d(o) ? /* @__PURE__ */ e.jsx("div", { className: "h-full flex flex-col items-center justify-center", children: /* @__PURE__ */ e.jsxs("p", { className: "max-w-3xl text-center text-gray-500", children: [
@@ -212,6 +211,6 @@ const k = async (x, g) => new Promise((o, a) => {
   ] });
 };
 export {
-  Ze as default,
+  Ye as default,
   k as fetchImage
 };

package/dist/UploadImages-JMzuKDus.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-JYMCiFoE.cjs"),i=require("react"),n=require("lodash-es"),E=require("jotai"),I=require("./context-menu-Lx_MAqsu.cjs"),w=require("react-i18next"),g=require("./index-xFV80sAn.cjs"),b=require("lucide-react");require("@radix-ui/react-switch");require("@radix-ui/react-accordion");require("@radix-ui/react-icons");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-slot");require("class-variance-authority");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-separator");require("@radix-ui/react-toast");require("cmdk");require("@radix-ui/react-dialog");require("@radix-ui/react-context-menu");require("clsx");require("tailwind-merge");require("./iconBase-vJD0OXxU.cjs");require("@chaibuilder/runtime");require("./plugin-_F-KZp1i.cjs");require("@react-hookz/web");require("tree-model");require("react-quill");require("./STRINGS-hZpwIZMT.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("re-resizable");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("framer-motion");const k=E.atom([]),S=({isModalView:a,onSelect:o})=>{const{t:s}=w.useTranslation(),d=g.useBuilderProp("uploadMediaCallback"),x=g.useBuilderProp("fetchMediaCallback"),[u,c]=E.useAtom(k),[y,p]=i.useState(!1),[j,h]=i.useState(!1),[,R]=i.useState(),[q,m]=i.useState("");i.useEffect(()=>{(async()=>{if(!x)return;h(!0);const r=await x();c(r||[]),h(!1)})()},[]);const N=r=>{var t,l;if(m(""),r&&((l=(t=r==null?void 0:r.target)==null?void 0:t.files)==null?void 0:l.length)>0){const f=r.target.files[0];f.type.startsWith("image")?v(f):m(s("Please select an image"))}},v=async r=>{if(d){p(!0);try{const{url:t}=await d(r);o(t),R(void 0);const l=await x();c(l)}catch(t){c([]),m((t==null?void 0:t.message)||"Something went wrong.")}p(!1)}};return e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsxs("label",{htmlFor:a?"upload-in-modal":"upload-in-panel",children:[e.jsxRuntimeExports.jsx("div",{className:"flex flex-col items-center rounded-lg",children:e.jsxRuntimeExports.jsxs("label",{htmlFor:"image-upload",className:"flex w-full cursor-pointer flex-col items-center justify-center rounded-lg border-2 border-dashed border-gray-300 bg-gray-50 hover:bg-gray-100",children:[e.jsxRuntimeExports.jsxs("div",{className:"flex flex-col items-center justify-center pb-6 pt-5",children:[e.jsxRuntimeExports.jsx(b.Upload,{className:"mb-3 h-10 w-10 text-gray-400"}),e.jsxRuntimeExports.jsx("p",{className:"mb-2 text-sm text-gray-500 dark:text-gray-400",children:e.jsxRuntimeExports.jsx("span",{className:"font-semibold",children:s("Click to upload")})}),e.jsxRuntimeExports.jsx("p",{className:"text-xs text-gray-500 dark:text-gray-400",children:s("SVG, PNG, JPG or GIF (Max. 2mb)")})]}),y?e.jsxRuntimeExports.jsxs("div",{className:"flex h-full w-full items-center justify-center",children:[e.jsxRuntimeExports.jsx(b.Loader,{className:"h-6 w-6 animate-spin"}),e.jsxRuntimeExports.jsx("span",{className:"ml-2 text-sm text-gray-500",children:s("Uploading...")})]}):null,q&&e.jsxRuntimeExports.jsx("p",{className:"pb-2 text-xs text-red-500",children:q||s("Something went wrong")})]})}),e.jsxRuntimeExports.jsx("input",{type:"file",id:"image-upload",accept:"image/*",hidden:!0,onChange:N})]}),e.jsxRuntimeExports.jsxs(I.ScrollArea,{className:`-mx-2 flex h-full flex-col pb-8 pt-2 ${a?"px-2":""} pt-2`,children:[n.isEmpty(u)&&j&&e.jsxRuntimeExports.jsx("div",{className:"flex flex-col items-center justify-center py-6",children:e.jsxRuntimeExports.jsx("div",{className:"animate-pulse font-medium",children:s("Fetching...")})}),n.isEmpty(u)&&!j&&e.jsxRuntimeExports.jsxs("div",{className:"flex h-full flex-col items-center justify-center text-center",children:[e.jsxRuntimeExports.jsx("div",{className:"mb-4 h-12 rounded-full p-6"}),e.jsxRuntimeExports.jsx("h3",{className:"mb-2 text-sm font-semibold",children:s("No images found")}),e.jsxRuntimeExports.jsx("p",{className:"mb-4 max-w-sm text-muted-foreground",children:s("It looks like you haven't uploaded any images yet. Start by clicking the upload button above.")})]}),a?e.jsxRuntimeExports.jsx("div",{className:"h-full columns-5 py-2",children:n.map(u,r=>e.jsxRuntimeExports.jsx("div",{role:"button",tabIndex:0,className:"my-1 flex",onClick:()=>o(r.url),children:e.jsxRuntimeExports.jsx("div",{className:"relative overflow-hidden rounded-md bg-cover bg-no-repeat",children:e.jsxRuntimeExports.jsx("img",{className:"h-auto flex-1 cursor-pointer rounded-md transition duration-300 ease-in-out hover:scale-105",alt:r.name,src:r.thumbUrl})})},r.id))}):n.map(u,r=>e.jsxRuntimeExports.jsx("div",{role:"button",tabIndex:0,className:"px-2 py-1",onClick:()=>o(r.url),children:e.jsxRuntimeExports.jsx("div",{className:"relative overflow-hidden rounded-md bg-cover bg-no-repeat",children:e.jsxRuntimeExports.jsx("img",{className:"h-auto w-full cursor-pointer transition duration-300 ease-in-out hover:scale-105",alt:r.name,src:r.url})})},r.id))]})]})};exports.default=S;

package/dist/{UploadImages-G1FUqJ45.js → UploadImages-ogOFKUZM.js}

@@ -4,7 +4,7 @@ import { isEmpty as j, map as b } from "lodash-es";
 import { atom as F, useAtom as U } from "jotai";
 import { V as C } from "./context-menu-zu6r7B6f.js";
 import { useTranslation as E } from "react-i18next";
-import { d as y } from "./index-id8x-JN2.js";
+import { d as y } from "./index-ZUADC6Lh.js";
 import { Upload as G, Loader as P } from "lucide-react";
 import "@radix-ui/react-switch";
 import "@radix-ui/react-accordion";
@@ -54,9 +54,8 @@ import "react-autosuggest";
 import "fuse.js";
 import "i18next";
 import "framer-motion";
-import "lodash";
-const S = F([]), Le = ({ isModalView: o, onSelect: m }) => {
-  const { t: r } = E(), c = y("uploadMediaCallback"), n = y("fetchMediaCallback"), [a, d] = U(S), [N, u] = l(!1), [x, f] = l(!1), [, v] = l(), [h, p] = l("");
+const S = F([]), Je = ({ isModalView: o, onSelect: m }) => {
+  const { t: r } = E(), p = y("uploadMediaCallback"), n = y("fetchMediaCallback"), [a, d] = U(S), [N, u] = l(!1), [x, f] = l(!1), [, v] = l(), [h, c] = l("");
   k(() => {
     (async () => {
       if (!n)
@@ -68,20 +67,20 @@ const S = F([]), Le = ({ isModalView: o, onSelect: m }) => {
   }, []);
   const w = (t) => {
     var s, i;
-    if (p(""), t && ((i = (s = t == null ? void 0 : t.target) == null ? void 0 : s.files) == null ? void 0 : i.length) > 0) {
+    if (c(""), t && ((i = (s = t == null ? void 0 : t.target) == null ? void 0 : s.files) == null ? void 0 : i.length) > 0) {
       const g = t.target.files[0];
-      g.type.startsWith("image") ? I(g) : p(r("Please select an image"));
+      g.type.startsWith("image") ? I(g) : c(r("Please select an image"));
     }
   }, I = async (t) => {
-    if (c) {
+    if (p) {
       u(!0);
       try {
-        const { url: s } = await c(t);
+        const { url: s } = await p(t);
         m(s), v(void 0);
         const i = await n();
         d(i);
       } catch (s) {
-        d([]), p((s == null ? void 0 : s.message) || "Something went wrong.");
+        d([]), c((s == null ? void 0 : s.message) || "Something went wrong.");
       }
       u(!1);
     }
@@ -147,5 +146,5 @@ const S = F([]), Le = ({ isModalView: o, onSelect: m }) => {
   ] });
 };
 export {
-  Le as default
+  Je as default
 };

package/dist/core.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-33fJMZES.cjs"),r=require("./iconBase-vJD0OXxU.cjs"),s=require("react-i18next"),u=require("i18next");require("./jsx-runtime-JYMCiFoE.cjs");require("react");require("./context-menu-Lx_MAqsu.cjs");require("@radix-ui/react-switch");require("@radix-ui/react-accordion");require("@radix-ui/react-icons");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-slot");require("class-variance-authority");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-separator");require("@radix-ui/react-toast");require("cmdk");require("@radix-ui/react-dialog");require("@radix-ui/react-context-menu");require("clsx");require("tailwind-merge");require("lodash-es");require("jotai");require("@chaibuilder/runtime");require("./plugin-_F-KZp1i.cjs");require("@react-hookz/web");require("tree-model");require("react-quill");require("./STRINGS-hZpwIZMT.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("re-resizable");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("framer-motion");require("lodash");exports.AISetContext=e.AISetContext;exports.AIUserPrompt=e.AIUserPrompt;exports.AddBlocksPanel=e.AddBlocksPanel;exports.BlockAttributesEditor=e.BlockAttributesEditor;exports.BlockPropsEditor=e.BlockSettings;exports.BlockStyleEditor=e.BlockStyling;exports.ChaiBuilderCanvas=e.CanvasArea;exports.ChaiBuilderEditor=e.ChaiBuilderEditor;exports.DarkModeSwitcher=e.DarkMode;exports.ImportHTML=e.ImportHTML;exports.Outline=e.Outline;exports.ScreenSizes=e.Breakpoints;exports.ThemeOptions=e.ThemeOptions;exports.UILibraries=e.UILibraries;exports.UndoRedo=e.UndoRedo;exports.getBlocksFromHTML=e.getBlocksFromHTML;exports.useActiveModal=e.useActiveModal;exports.useActivePanel=e.useActivePanel;exports.useAddBlock=e.useAddBlock;exports.useAddBlockParent=e.useAddBlockParent;exports.useAddClassesToBlocks=e.useAddClassesToBlocks;exports.useAllBlocks=e.useAllBlocks;exports.useBlocksStore=e.useBlocksStore;exports.useBrandingOptions=e.useBrandingOptions;exports.useBuilderProp=e.useBuilderProp;exports.useBuilderReset=e.useBuilderReset;exports.useCanvasWidth=e.useCanvasWidth;exports.useCanvasZoom=e.useCanvasZoom;exports.useCodeEditor=e.useCodeEditor;exports.useCopyBlockIds=e.useCopyBlockIds;exports.useCopyToClipboard=e.useCopyToClipboard;exports.useCurrentPage=e.useCurrentPage;exports.useCutBlockIds=e.useCutBlockIds;exports.useDarkMode=e.useDarkMode;exports.useDuplicateBlocks=e.useDuplicateBlocks;exports.useGetPageData=e.useGetPageData;exports.useHiddenBlockIds=e.useHiddenBlockIds;exports.useHighlightBlockId=e.useHighlightBlockId;exports.usePasteBlocks=e.usePasteBlocks;exports.usePreviewMode=e.usePreviewMode;exports.useReadOnlyMode=e.useReadOnlyMode;exports.useRemoveBlocks=e.useRemoveBlocks;exports.useRemoveClassesFromBlocks=e.useRemoveClassesFromBlocks;exports.useSavePage=e.useSavePage;exports.useSelectedBlock=e.useSelectedBlock;exports.useSelectedBlockAllClasses=e.useSelectedBlockAllClasses;exports.useSelectedBlockCurrentClasses=e.useSelectedBlockCurrentClasses;exports.useSelectedBlockIds=e.useSelectedBlockIds;exports.useSelectedBlocksDisplayChild=e.useSelectedBlocksDisplayChild;exports.useSelectedBreakpoints=e.useSelectedBreakpoints;exports.useSelectedStylingBlocks=e.useSelectedStylingBlocks;exports.useStylingBreakpoint=e.useStylingBreakpoint;exports.useStylingState=e.useStylingState;exports.useUILibraryBlocks=e.useUILibraryBlocks;exports.useUndoManager=e.useUndoManager;exports.useUpdateBlocksProps=e.useUpdateBlocksProps;exports.useUpdateBlocksPropsRealtime=e.useUpdateBlocksPropsRealtime;exports.generateBlockId=r.generateUUID;exports.mergeClasses=r.cn;Object.defineProperty(exports,"useTranslation",{enumerable:!0,get:()=>s.useTranslation});exports.i18n=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-xFV80sAn.cjs"),r=require("./iconBase-vJD0OXxU.cjs"),s=require("react-i18next"),u=require("i18next");require("./jsx-runtime-JYMCiFoE.cjs");require("react");require("./context-menu-Lx_MAqsu.cjs");require("@radix-ui/react-switch");require("@radix-ui/react-accordion");require("@radix-ui/react-icons");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-slot");require("class-variance-authority");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-separator");require("@radix-ui/react-toast");require("cmdk");require("@radix-ui/react-dialog");require("@radix-ui/react-context-menu");require("clsx");require("tailwind-merge");require("lodash-es");require("jotai");require("@chaibuilder/runtime");require("./plugin-_F-KZp1i.cjs");require("@react-hookz/web");require("tree-model");require("react-quill");require("./STRINGS-hZpwIZMT.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("re-resizable");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("framer-motion");exports.AISetContext=e.AISetContext;exports.AIUserPrompt=e.AIUserPrompt;exports.AddBlocksPanel=e.AddBlocksPanel;exports.BlockAttributesEditor=e.BlockAttributesEditor;exports.BlockPropsEditor=e.BlockSettings;exports.BlockStyleEditor=e.BlockStyling;exports.ChaiBuilderCanvas=e.CanvasArea;exports.ChaiBuilderEditor=e.ChaiBuilderEditor;exports.DarkModeSwitcher=e.DarkMode;exports.ImportHTML=e.ImportHTML;exports.Outline=e.Outline;exports.ScreenSizes=e.Breakpoints;exports.ThemeOptions=e.ThemeOptions;exports.UILibraries=e.UILibraries;exports.UndoRedo=e.UndoRedo;exports.getBlocksFromHTML=e.getBlocksFromHTML;exports.useActiveModal=e.useActiveModal;exports.useActivePanel=e.useActivePanel;exports.useAddBlock=e.useAddBlock;exports.useAddBlockParent=e.useAddBlockParent;exports.useAddClassesToBlocks=e.useAddClassesToBlocks;exports.useAllBlocks=e.useAllBlocks;exports.useBlocksStore=e.useBlocksStore;exports.useBrandingOptions=e.useBrandingOptions;exports.useBuilderProp=e.useBuilderProp;exports.useBuilderReset=e.useBuilderReset;exports.useCanvasWidth=e.useCanvasWidth;exports.useCanvasZoom=e.useCanvasZoom;exports.useCodeEditor=e.useCodeEditor;exports.useCopyBlockIds=e.useCopyBlockIds;exports.useCopyToClipboard=e.useCopyToClipboard;exports.useCurrentPage=e.useCurrentPage;exports.useCutBlockIds=e.useCutBlockIds;exports.useDarkMode=e.useDarkMode;exports.useDuplicateBlocks=e.useDuplicateBlocks;exports.useGetPageData=e.useGetPageData;exports.useHiddenBlockIds=e.useHiddenBlockIds;exports.useHighlightBlockId=e.useHighlightBlockId;exports.usePasteBlocks=e.usePasteBlocks;exports.usePreviewMode=e.usePreviewMode;exports.useReadOnlyMode=e.useReadOnlyMode;exports.useRemoveBlocks=e.useRemoveBlocks;exports.useRemoveClassesFromBlocks=e.useRemoveClassesFromBlocks;exports.useSavePage=e.useSavePage;exports.useSelectedBlock=e.useSelectedBlock;exports.useSelectedBlockAllClasses=e.useSelectedBlockAllClasses;exports.useSelectedBlockCurrentClasses=e.useSelectedBlockCurrentClasses;exports.useSelectedBlockIds=e.useSelectedBlockIds;exports.useSelectedBlocksDisplayChild=e.useSelectedBlocksDisplayChild;exports.useSelectedBreakpoints=e.useSelectedBreakpoints;exports.useSelectedStylingBlocks=e.useSelectedStylingBlocks;exports.useStylingBreakpoint=e.useStylingBreakpoint;exports.useStylingState=e.useStylingState;exports.useUILibraryBlocks=e.useUILibraryBlocks;exports.useUndoManager=e.useUndoManager;exports.useUpdateBlocksProps=e.useUpdateBlocksProps;exports.useUpdateBlocksPropsRealtime=e.useUpdateBlocksPropsRealtime;exports.generateBlockId=r.generateUUID;exports.mergeClasses=r.cn;Object.defineProperty(exports,"useTranslation",{enumerable:!0,get:()=>s.useTranslation});exports.i18n=u;

package/dist/core.d.ts

@@ -73,8 +73,9 @@ export declare const ChaiBuilderCanvas: React_3.FC;
 export declare const ChaiBuilderEditor: (props: ChaiBuilderEditorProps) => JSX_2.Element;
 
 export declare interface ChaiBuilderEditorProps {
+    translations?: Record<string, Record<string, any>>;
     onLoad?: (editorInstance: ChaiBuilderInstance) => void;
-    customRootLayout?: React_3.ComponentType;
+    layout?: React_3.ComponentType;
     htmlDir?: "ltr" | "rtl";
     hideSaveButton?: boolean;
     filterChaiBlock?: (block: any) => boolean;
@@ -123,9 +124,9 @@ export declare interface ChaiBuilderEditorProps {
     sideBarComponents?: {
         bottom?: ReactComponentType[];
         top?: {
-            icon: ReactComponentType | string;
-            name: string;
-            panel: ReactComponentType;
+            icon: ReactNode;
+            label: string;
+            component: ReactComponentType;
         }[];
     };
     topBarComponents?: {

package/dist/core.js

@@ -1,7 +1,7 @@
-import { h as es, i as os, A as ts, j as as, B as rs, g as is, C as ps, k as ms, D as ls, I as us, O as ds, l as cs, T as Bs, U as ks, m as ns, n as Cs, s as Ss, a0 as gs, t as Ps, a1 as As, v as Is, $ as vs, o as ys, P as hs, d as Ms, q as Us, w as Rs, x as Ts, u as fs, y as xs, z as Ds, E as Es, G as bs, H as Hs, J as Ls, K as Os, L as ws, M as zs, N as Fs, f as Gs, r as Ws, Q as Zs, R as js, e as qs, W as Js, V as Ks, S as Ns, a as Qs, _ as Vs, a2 as Xs, a3 as Ys, X as _s, Z as $s, Y as se, p as ee, b as oe, c as te } from "./index-id8x-JN2.js";
-import { g as re, c as ie } from "./iconBase-zweRWSz0.js";
-import { useTranslation as me } from "react-i18next";
-import { default as ue } from "i18next";
+import { h as ss, i as es, A as os, j as as, B as ts, g as rs, C as is, k as ps, D as ms, I as ls, O as us, l as ds, T as cs, U as Bs, m as ks, n as ns, s as Cs, a0 as Ss, t as gs, a1 as Ps, v as As, $ as Is, o as vs, P as ys, d as hs, q as Ms, w as Us, x as Rs, u as Ts, y as fs, z as xs, E as Ds, G as Es, H as bs, J as Hs, K as Ls, L as Os, M as ws, N as zs, f as Fs, r as Gs, Q as Ws, R as Zs, e as js, W as qs, V as Js, S as Ks, a as Ns, _ as Qs, a2 as Vs, a3 as Xs, X as Ys, Z as _s, Y as $s, p as se, b as ee, c as oe } from "./index-ZUADC6Lh.js";
+import { g as te, c as re } from "./iconBase-zweRWSz0.js";
+import { useTranslation as pe } from "react-i18next";
+import { default as le } from "i18next";
 import "./jsx-runtime-Sp0orL4X.js";
 import "react";
 import "./context-menu-zu6r7B6f.js";
@@ -54,67 +54,66 @@ import "react-icons-picker";
 import "react-autosuggest";
 import "fuse.js";
 import "framer-motion";
-import "lodash";
 export {
-  es as AISetContext,
-  os as AIUserPrompt,
-  ts as AddBlocksPanel,
+  ss as AISetContext,
+  es as AIUserPrompt,
+  os as AddBlocksPanel,
   as as BlockAttributesEditor,
-  rs as BlockPropsEditor,
-  is as BlockStyleEditor,
-  ps as ChaiBuilderCanvas,
-  ms as ChaiBuilderEditor,
-  ls as DarkModeSwitcher,
-  us as ImportHTML,
-  ds as Outline,
-  cs as ScreenSizes,
-  Bs as ThemeOptions,
-  ks as UILibraries,
-  ns as UndoRedo,
-  re as generateBlockId,
-  Cs as getBlocksFromHTML,
-  ue as i18n,
-  ie as mergeClasses,
-  Ss as useActiveModal,
-  gs as useActivePanel,
-  Ps as useAddBlock,
-  As as useAddBlockParent,
-  Is as useAddClassesToBlocks,
-  vs as useAllBlocks,
-  ys as useBlocksStore,
-  hs as useBrandingOptions,
-  Ms as useBuilderProp,
-  Us as useBuilderReset,
-  Rs as useCanvasWidth,
-  Ts as useCanvasZoom,
-  fs as useCodeEditor,
-  xs as useCopyBlockIds,
-  Ds as useCopyToClipboard,
-  Es as useCurrentPage,
-  bs as useCutBlockIds,
-  Hs as useDarkMode,
-  Ls as useDuplicateBlocks,
-  Os as useGetPageData,
-  ws as useHiddenBlockIds,
-  zs as useHighlightBlockId,
-  Fs as usePasteBlocks,
-  Gs as usePreviewMode,
-  Ws as useReadOnlyMode,
-  Zs as useRemoveBlocks,
-  js as useRemoveClassesFromBlocks,
-  qs as useSavePage,
-  Js as useSelectedBlock,
-  Ks as useSelectedBlockAllClasses,
-  Ns as useSelectedBlockCurrentClasses,
-  Qs as useSelectedBlockIds,
-  Vs as useSelectedBlocksDisplayChild,
-  Xs as useSelectedBreakpoints,
-  Ys as useSelectedStylingBlocks,
-  _s as useStylingBreakpoint,
-  $s as useStylingState,
-  me as useTranslation,
-  se as useUILibraryBlocks,
-  ee as useUndoManager,
-  oe as useUpdateBlocksProps,
-  te as useUpdateBlocksPropsRealtime
+  ts as BlockPropsEditor,
+  rs as BlockStyleEditor,
+  is as ChaiBuilderCanvas,
+  ps as ChaiBuilderEditor,
+  ms as DarkModeSwitcher,
+  ls as ImportHTML,
+  us as Outline,
+  ds as ScreenSizes,
+  cs as ThemeOptions,
+  Bs as UILibraries,
+  ks as UndoRedo,
+  te as generateBlockId,
+  ns as getBlocksFromHTML,
+  le as i18n,
+  re as mergeClasses,
+  Cs as useActiveModal,
+  Ss as useActivePanel,
+  gs as useAddBlock,
+  Ps as useAddBlockParent,
+  As as useAddClassesToBlocks,
+  Is as useAllBlocks,
+  vs as useBlocksStore,
+  ys as useBrandingOptions,
+  hs as useBuilderProp,
+  Ms as useBuilderReset,
+  Us as useCanvasWidth,
+  Rs as useCanvasZoom,
+  Ts as useCodeEditor,
+  fs as useCopyBlockIds,
+  xs as useCopyToClipboard,
+  Ds as useCurrentPage,
+  Es as useCutBlockIds,
+  bs as useDarkMode,
+  Hs as useDuplicateBlocks,
+  Ls as useGetPageData,
+  Os as useHiddenBlockIds,
+  ws as useHighlightBlockId,
+  zs as usePasteBlocks,
+  Fs as usePreviewMode,
+  Gs as useReadOnlyMode,
+  Ws as useRemoveBlocks,
+  Zs as useRemoveClassesFromBlocks,
+  js as useSavePage,
+  qs as useSelectedBlock,
+  Js as useSelectedBlockAllClasses,
+  Ks as useSelectedBlockCurrentClasses,
+  Ns as useSelectedBlockIds,
+  Qs as useSelectedBlocksDisplayChild,
+  Vs as useSelectedBreakpoints,
+  Xs as useSelectedStylingBlocks,
+  Ys as useStylingBreakpoint,
+  _s as useStylingState,
+  pe as useTranslation,
+  $s as useUILibraryBlocks,
+  se as useUndoManager,
+  ee as useUpdateBlocksProps,
+  oe as useUpdateBlocksPropsRealtime
 };