@chaibuilder/sdk 1.0.10 → 1.0.11

package/dist/AddBlocks-7ACJv8LW.cjs

@@ -0,0 +1,3 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-JYMCiFoE.cjs"),i=require("react"),s=require("lodash"),b=require("jotai"),w=require("./accordion-ynvFtV_p.cjs"),L=require("./scroll-area-FiHvy-TZ.cjs"),k=require("./tabs-iWeaaVrg.cjs"),y=require("./skeleton-JHP9zwL2.cjs"),v=require("react-dnd"),C=require("@radix-ui/react-icons"),d=require("./ChaiBuilderEditor-BoE-sArB.cjs"),q=require("./useAddBlock-dCKRFPRU.cjs");require("react-i18next");const A=require("./index-HAue58ea.cjs"),I=require("./useUiLibraries-9FhQCpKo.cjs"),P=require("lucide-react"),S=require("./utils-qK_SjzzV.cjs"),M=require("./useAllBlocks-6hvuNuyw.cjs"),f=require("./textarea-1kZEh7ki.cjs"),F=require("./label-tFm8HZdb.cjs"),H=require("./html-to-json-P6GpbcQX.cjs");require("@radix-ui/react-accordion");require("@radix-ui/react-scroll-area");require("@radix-ui/react-tabs");require("@radix-ui/react-slot");require("class-variance-authority");require("@radix-ui/react-tooltip");require("@radix-ui/react-toast");require("./MODIFIERS-Fx6WAZcw.cjs");require("clsx");require("react-dom");require("@floating-ui/react-dom");require("i18next");require("flagged");require("@minoru/react-dnd-treeview");require("react-hotkeys-hook");require("flat-to-nested");require("./functions-uw7QP2kT.cjs");require("redux-undo");require("@react-hookz/web");require("./controls-xUKa23ic.cjs");require("tailwind-merge");require("@radix-ui/react-label");require("himalaya");const D=({block:t})=>{const{type:r,icon:o,label:a}=t,{addCoreBlock:u,addPredefinedBlock:m}=q.useAddBlock(),[p]=d.useSelectedBlockIds(),[,x]=b.useAtom(d.activePanelAtom),[,l]=b.useAtom(d.addBlocksModalAtom),E=()=>{s.has(t,"blocks")?m(A.P(t.blocks),s.first(p)):u(t,s.first(p)),l(!1),x("layers")},[,g,j]=v.useDrag(()=>({type:"CHAI_BLOCK",item:t}));return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(v.DragPreviewImage,{connect:j,src:"https://placehold.co/100x30/000000/FFF?text="+(a||r).replace(/ /g,"+")}),e.jsxRuntimeExports.jsxs(y.Tooltip,{children:[e.jsxRuntimeExports.jsx(y.TooltipTrigger,{asChild:!0,children:e.jsxRuntimeExports.jsxs("button",{onClick:E,type:"button",ref:g,className:"cursor-grab space-y-2 rounded-lg border border-border p-3 text-center hover:bg-slate-300/50",children:[i.createElement(o||C.BoxIcon,{className:"w-4 h-4 mx-auto"}),e.jsxRuntimeExports.jsx("p",{className:"truncate text-xs",children:a||r})]})}),e.jsxRuntimeExports.jsx(y.TooltipContent,{children:e.jsxRuntimeExports.jsx("p",{children:a||r})})]})]})},O=({block:t,closePopover:r})=>{var j;const[o,a]=i.useState(!1),u=y.useBuilderProp("getExternalPredefinedBlock"),{addCoreBlock:m,addPredefinedBlock:p}=q.useAddBlock(),[x]=d.useSelectedBlockIds(),[,l,E]=v.useDrag(()=>({type:"CHAI_BLOCK",item:t}),[t]),g=i.useCallback(async R=>{if(R.stopPropagation(),s.has(t,"component")){m(t,s.first(x)),r();return}a(!0);const n=await u(t);s.isEmpty(n)||p(A.P(n),s.first(x)),r()},[t]);return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(v.DragPreviewImage,{connect:E,src:"https://placehold.co/100x30/000000/FFF?text="+((j=t.name||t.label)==null?void 0:j.replace(" ","+"))}),e.jsxRuntimeExports.jsxs("div",{ref:l,onClick:o?()=>{}:g,className:"relative cursor-grab overflow-hidden rounded-md border border-transparent duration-200 hover:scale-x-105 hover:border-foreground/20 hover:shadow-2xl",children:[o&&e.jsxRuntimeExports.jsxs("div",{className:"absolute flex h-full w-full items-center justify-center bg-black bg-opacity-70",children:[e.jsxRuntimeExports.jsx(P.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-[50px] w-full rounded-md border border-gray-300",alt:t.name}):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:t.name})})]})]})},U=()=>{const{data:t,isLoading:r}=I.useUILibraryBlocks(),o=A.C(),a=s.filter(s.values(o),{category:"custom"}),u=s.groupBy(a,"group"),m=s.groupBy(t,"group"),[p,x]=i.useState(null),l=i.useMemo(()=>s.mergeWith(u,m,(n,h)=>{if(s.isArray(n)&&s.isArray(h))return[...n,...h]}),[u,m]),[,E]=b.useAtom(d.addBlocksModalAtom),[g,j]=i.useState("Navbar"),R=s.get(l,g,[]);return e.jsxRuntimeExports.jsxs("div",{className:"relative flex h-full max-h-full overflow-hidden py-2",children:[e.jsxRuntimeExports.jsx("ul",{className:"sticky top-0 h-full w-48 space-y-1 overflow-y-auto border-r px-2",children:r?e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx("li",{className:"h-8 w-full animate-pulse bg-gray-200"}),e.jsxRuntimeExports.jsx("li",{className:"mt-2 h-8 w-full animate-pulse bg-gray-200"}),e.jsxRuntimeExports.jsx("li",{className:"mt-2 h-8 w-full animate-pulse bg-gray-200"}),e.jsxRuntimeExports.jsx("li",{className:"mt-2 h-8 w-full animate-pulse bg-gray-200"}),e.jsxRuntimeExports.jsx("li",{className:"mt-2 h-8 w-full animate-pulse bg-gray-200"}),e.jsxRuntimeExports.jsx("li",{className:"mt-2 h-8 w-full animate-pulse bg-gray-200"})]}):i.Children.toArray(s.map(l,(n,h)=>e.jsxRuntimeExports.jsx("li",{onMouseOut:()=>{clearTimeout(p),x(null)},onMouseEnter:()=>{const B=setTimeout(()=>{j(h)},300);x(B)},onClick:()=>j(h),className:S.cn("-mx-2 cursor-default rounded-md rounded-r-none px-2 py-1 text-sm font-medium capitalize",g===h?"bg-blue-500 text-white":" text-gray-700 hover:bg-foreground/10"),children:h})))}),e.jsxRuntimeExports.jsx("div",{className:"h-full w-full space-y-2 overflow-y-auto px-8",children:i.Children.toArray(R.map(n=>e.jsxRuntimeExports.jsx(O,{block:n,closePopover:()=>E(!1)})))})]})},z=()=>{const[t,r]=i.useState(""),{addPredefinedBlock:o}=q.useAddBlock(),[a]=d.useSelectedBlockIds(),[,u]=b.useAtom(d.addBlockOffCanvasAtom),[,m]=b.useAtom(d.activePanelAtom),[,p]=b.useAtom(d.addBlocksModalAtom),x=()=>{const l=H.getBlocksFromHTML(t);o([...l],s.first(a)||null),r(""),u(!1),m("layers"),p(!1)};return e.jsxRuntimeExports.jsxs(f.Card,{className:"border-border/0 p-0 shadow-none",children:[e.jsxRuntimeExports.jsxs(f.CardHeader,{className:"p-3",children:[e.jsxRuntimeExports.jsx(f.CardTitle,{children:"Import HTML"}),e.jsxRuntimeExports.jsx(f.CardDescription,{children:"Use HTML snippets from component libraries like Tailwind UI, Flowbite, Preline, Kitwind, Tailblocks etc. or just copy paste your own HTML code. Only Tailwind CSS markup is supported."})]}),e.jsxRuntimeExports.jsx(f.CardContent,{className:"space-y-2 px-3 py-0",children:e.jsxRuntimeExports.jsxs("div",{className:"space-y-1",children:[e.jsxRuntimeExports.jsx(F.Label,{htmlFor:"current",className:"text-sm",children:"Enter HTML Code:"}),e.jsxRuntimeExports.jsx(f.Textarea,{autoFocus:!0,tabIndex:1,ref:l=>l&&l.focus(),defaultValue:t,onChange:l=>r(l.target.value),rows:12,placeholder:`<div>
+    <h1>Enter code here</h1>
+</div>`,className:"resize-none overflow-x-auto whitespace-pre font-mono font-normal"})]})}),e.jsxRuntimeExports.jsxs(f.CardFooter,{className:"flex flex-col justify-end p-3",children:[e.jsxRuntimeExports.jsx(y.Button,{disabled:t.trim()==="",onClick:()=>x(),size:"sm",className:"w-full",children:"Import"}),e.jsxRuntimeExports.jsxs(f.Alert,{variant:"default",className:"mt-2 p-1 text-blue-400",children:[e.jsxRuntimeExports.jsx(C.ExclamationTriangleIcon,{className:"h-4 w-4"}),e.jsxRuntimeExports.jsx(f.AlertTitle,{className:"text-sm leading-4",children:"Imported html will be added to the currently selected block. If no block is selected, the html will be added to the page."})]})]})]})},G=z,N=["ListItem","TableHead","TableBody","TableRow","TableCell","Column"],_=(t,r)=>{if(!t)return!s.includes(N,r);const o=t._type;return o==="List"?r==="ListItem":o==="Table"?r==="TableHead"||r==="TableBody":o==="TableHead"||o==="TableBody"?r==="TableRow":o==="TableRow"?r==="TableCell":o==="Row"?r==="Column":!s.includes(N,r)},K=()=>{const[t,r]=i.useState("core"),[o,a]=i.useState("basic"),u=A.C(),[,m]=b.useAtom(d.showPredefinedBlockCategoryAtom),[,p]=b.useAtom(d.addBlocksModalAtom),[x]=d.useSelectedBlockIds(),l=M.useAllBlocks(),E=s.find(l,{_id:s.first(x)}),{data:g,isLoading:j}=I.useUILibraryBlocks(),R=s.groupBy(s.filter(u,c=>_(E,c.type)),"category"),n=s.uniq(s.map(R.core,"group"));i.useEffect(()=>{!s.includes(n,o)&&!s.isEmpty(n)&&!s.isEmpty(o)&&a(s.first(n))},[n,o]);const h=c=>a(T=>T===c?"":c),B=!j&&!s.isEmpty(g)||s.find(s.values(u),{category:"custom"})!==void 0;return e.jsxRuntimeExports.jsxs("div",{className:"flex h-full flex-col overflow-hidden",children:[e.jsxRuntimeExports.jsxs("div",{className:"mb-2 flex justify-between rounded-md bg-background/30 p-1",children:[e.jsxRuntimeExports.jsxs("h1",{className:"flex flex-col items-baseline px-1 text-2xl font-semibold xl:flex-row",children:["Add block",e.jsxRuntimeExports.jsx("span",{className:"p-0 text-xs font-light leading-3 opacity-80 xl:pl-1",children:t==="html"?"(Enter or paste your own HTML code)":"(Drag & drop into tree view or click to add)"})]}),e.jsxRuntimeExports.jsxs("button",{onClick:()=>p(!1),className:"flex h-max items-center gap-x-1 rounded-full border p-px text-xs text-gray-800 hover:bg-gray-100 md:p-2",children:[e.jsxRuntimeExports.jsx(C.Cross1Icon,{width:12})," Close"]})]}),e.jsxRuntimeExports.jsx(k.Tabs,{onValueChange:c=>{m(""),r(c)},value:t,className:"h-max",children:e.jsxRuntimeExports.jsxs(k.TabsList,{className:"grid w-full "+(B?"grid-cols-3":"grid-cols-2"),children:[e.jsxRuntimeExports.jsx(k.TabsTrigger,{value:"core",children:"Core"}),B?e.jsxRuntimeExports.jsx(k.TabsTrigger,{value:"ui-blocks",children:"UI Blocks"}):null,e.jsxRuntimeExports.jsx(k.TabsTrigger,{value:"html",children:"Import"})]})}),t==="core"&&e.jsxRuntimeExports.jsx(L.ScrollArea,{className:"-mx-1.5 h-full",children:e.jsxRuntimeExports.jsx(w.Accordion,{type:"single",value:o,className:"w-full px-3",children:i.Children.toArray(s.map(n,c=>s.reject(s.filter(s.values(R.core),{group:c}),{hidden:!0}).length?e.jsxRuntimeExports.jsxs(w.AccordionItem,{value:c,className:"border-border",children:[e.jsxRuntimeExports.jsx(w.AccordionTrigger,{onClick:()=>h(c),className:"py-2 capitalize",children:c}),e.jsxRuntimeExports.jsx(w.AccordionContent,{children:e.jsxRuntimeExports.jsx("div",{className:"grid grid-cols-4 gap-2",children:i.Children.toArray(s.reject(s.filter(s.values(R.core),{group:c}),{hidden:!0}).map(T=>e.jsxRuntimeExports.jsx(D,{block:T})))})})]}):null))})}),t==="ui-blocks"&&e.jsxRuntimeExports.jsx(i.Suspense,{fallback:e.jsxRuntimeExports.jsx(y.Skeleton,{className:"h-32 w-full"}),children:e.jsxRuntimeExports.jsx(U,{})}),t==="html"&&e.jsxRuntimeExports.jsx(G,{})]})};exports.default=K;

package/dist/{AddBlocks-xR2s2BVa.js → AddBlocks-H7BZYHUC.js}

@@ -1,6 +1,6 @@
 import { j as e } from "./jsx-runtime-Sp0orL4X.js";
-import T, { createElement as K, useState as j, useMemo as q, useCallback as V, useEffect as W, Suspense as Q } from "react";
-import { has as R, first as b, filter as w, values as k, groupBy as I, mergeWith as $, isArray as H, get as J, map as L, isEmpty as B, find as M, uniq as X, includes as P, reject as E } from "lodash";
+import v, { createElement as K, useState as j, useMemo as q, useCallback as V, useEffect as Q, Suspense as W } from "react";
+import { has as R, first as b, filter as w, values as k, groupBy as I, mergeWith as $, isArray as H, get as J, map as L, isEmpty as T, find as M, uniq as X, includes as P, reject as E } from "lodash";
 import { useAtom as h } from "jotai";
 import { A as Y, a as Z, b as ee, c as se } from "./accordion-oPUeqPCZ.js";
 import { S as re } from "./scroll-area-ewXbxc3n.js";
@@ -8,15 +8,15 @@ import { T as oe, a as te, b as A } from "./tabs-Gb9v5dVb.js";
 import { T as le, a as ae, c as ce, u as ie, B as ne, S as de } from "./skeleton-CU_FIbg3.js";
 import { useDrag as _, DragPreviewImage as O } from "react-dnd";
 import { BoxIcon as me, ExclamationTriangleIcon as ue, Cross1Icon as pe } from "@radix-ui/react-icons";
-import { l as v, w as z, x as C, P as xe, Q as he } from "./ChaiBuilderEditor-h9bXC4l-.js";
-import { u as F } from "./useAddBlock-BOjrGBEO.js";
+import { l as C, w as z, x as B, P as xe, Q as he } from "./ChaiBuilderEditor-hEuUONQ3.js";
+import { u as F } from "./useAddBlock-WJc3OgG8.js";
 import "react-i18next";
-import { syncBlocksWithDefaults as D, useChaiBlocks as G } from "@chaibuilder/blocks";
-import { u as U } from "./useUiLibraries-4hPOi8DI.js";
+import { P as G, C as U } from "./index-ehKdBRUK.js";
+import { u as D } from "./useUiLibraries-4hPOi8DI.js";
 import { Loader as fe } from "lucide-react";
 import { c as ge } from "./utils-dze1SGvB.js";
-import { u as be } from "./useAllBlocks-lX6uVO39.js";
-import { C as je, c as ye, e as we, f as ke, g as Be, T as Te, d as ve, A as Ce, a as Ne } from "./textarea-b2QvVhrK.js";
+import { u as be } from "./useAllBlocks-PQKYvs-e.js";
+import { C as je, c as ye, e as we, f as ke, g as Te, T as ve, d as Ce, A as Be, a as Ne } from "./textarea-b2QvVhrK.js";
 import { L as Ae } from "./label-KaP7MRrs.js";
 import { g as Ie } from "./html-to-json-pdHQfRkN.js";
 import "@radix-ui/react-accordion";
@@ -43,8 +43,8 @@ import "tailwind-merge";
 import "@radix-ui/react-label";
 import "himalaya";
 const Le = ({ block: s }) => {
-  const { type: r, icon: o, label: a } = s, { addCoreBlock: i, addPredefinedBlock: d } = F(), [m] = v(), [, n] = h(z), [, t] = h(C), f = () => {
-    R(s, "blocks") ? d(D(s.blocks), b(m)) : i(s, b(m)), t(!1), n("layers");
+  const { type: r, icon: o, label: a } = s, { addCoreBlock: i, addPredefinedBlock: d } = F(), [m] = C(), [, n] = h(z), [, t] = h(B), f = () => {
+    R(s, "blocks") ? d(G(s.blocks), b(m)) : i(s, b(m)), t(!1), n("layers");
   }, [, x, u] = _(() => ({
     type: "CHAI_BLOCK",
     item: s
@@ -76,7 +76,7 @@ const Le = ({ block: s }) => {
   ] });
 }, Pe = ({ block: s, closePopover: r }) => {
   var u;
-  const [o, a] = j(!1), i = ie("getExternalPredefinedBlock"), { addCoreBlock: d, addPredefinedBlock: m } = F(), [n] = v(), [, t, f] = _(
+  const [o, a] = j(!1), i = ie("getExternalPredefinedBlock"), { addCoreBlock: d, addPredefinedBlock: m } = F(), [n] = C(), [, t, f] = _(
     () => ({
       type: "CHAI_BLOCK",
       item: s
@@ -90,7 +90,7 @@ const Le = ({ block: s }) => {
       }
       a(!0);
       const l = await i(s);
-      B(l) || m(D(l), b(n)), r();
+      T(l) || m(G(l), b(n)), r();
     },
     [s]
   );
@@ -121,10 +121,10 @@ const Le = ({ block: s }) => {
     )
   ] });
 }, Fe = () => {
-  const { data: s, isLoading: r } = U(), o = G(), a = w(k(o), { category: "custom" }), i = I(a, "group"), d = I(s, "group"), [m, n] = j(null), t = q(() => $(i, d, (l, p) => {
+  const { data: s, isLoading: r } = D(), o = U(), a = w(k(o), { category: "custom" }), i = I(a, "group"), d = I(s, "group"), [m, n] = j(null), t = q(() => $(i, d, (l, p) => {
     if (H(l) && H(p))
       return [...l, ...p];
-  }), [i, d]), [, f] = h(C), [x, u] = j("Navbar"), g = J(t, x, []);
+  }), [i, d]), [, f] = h(B), [x, u] = j("Navbar"), g = J(t, x, []);
   return /* @__PURE__ */ e.jsxs("div", { className: "relative flex h-full max-h-full overflow-hidden py-2", children: [
     /* @__PURE__ */ e.jsx("ul", { className: "sticky top-0 h-full w-48 space-y-1 overflow-y-auto border-r px-2", children: r ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       /* @__PURE__ */ e.jsx("li", { className: "h-8 w-full animate-pulse bg-gray-200" }),
@@ -133,7 +133,7 @@ const Le = ({ block: s }) => {
       /* @__PURE__ */ e.jsx("li", { className: "mt-2 h-8 w-full animate-pulse bg-gray-200" }),
       /* @__PURE__ */ e.jsx("li", { className: "mt-2 h-8 w-full animate-pulse bg-gray-200" }),
       /* @__PURE__ */ e.jsx("li", { className: "mt-2 h-8 w-full animate-pulse bg-gray-200" })
-    ] }) : T.Children.toArray(
+    ] }) : v.Children.toArray(
       L(t, (l, p) => /* @__PURE__ */ e.jsx(
         "li",
         {
@@ -155,12 +155,12 @@ const Le = ({ block: s }) => {
         }
       ))
     ) }),
-    /* @__PURE__ */ e.jsx("div", { className: "h-full w-full space-y-2 overflow-y-auto px-8", children: T.Children.toArray(
+    /* @__PURE__ */ e.jsx("div", { className: "h-full w-full space-y-2 overflow-y-auto px-8", children: v.Children.toArray(
       g.map((l) => /* @__PURE__ */ e.jsx(Pe, { block: l, closePopover: () => f(!1) }))
     ) })
   ] });
 }, He = () => {
-  const [s, r] = j(""), { addPredefinedBlock: o } = F(), [a] = v(), [, i] = h(xe), [, d] = h(z), [, m] = h(C), n = () => {
+  const [s, r] = j(""), { addPredefinedBlock: o } = F(), [a] = C(), [, i] = h(xe), [, d] = h(z), [, m] = h(B), n = () => {
     const t = Ie(s);
     o([...t], b(a) || null), r(""), i(!1), d("layers"), m(!1);
   };
@@ -169,10 +169,10 @@ const Le = ({ block: s }) => {
       /* @__PURE__ */ e.jsx(we, { children: "Import HTML" }),
       /* @__PURE__ */ e.jsx(ke, { children: "Use HTML snippets from component libraries like Tailwind UI, Flowbite, Preline, Kitwind, Tailblocks etc. or just copy paste your own HTML code. Only Tailwind CSS markup is supported." })
     ] }),
-    /* @__PURE__ */ e.jsx(Be, { className: "space-y-2 px-3 py-0", children: /* @__PURE__ */ e.jsxs("div", { className: "space-y-1", children: [
+    /* @__PURE__ */ e.jsx(Te, { className: "space-y-2 px-3 py-0", children: /* @__PURE__ */ e.jsxs("div", { className: "space-y-1", children: [
       /* @__PURE__ */ e.jsx(Ae, { htmlFor: "current", className: "text-sm", children: "Enter HTML Code:" }),
       /* @__PURE__ */ e.jsx(
-        Te,
+        ve,
         {
           autoFocus: !0,
           tabIndex: 1,
@@ -187,9 +187,9 @@ const Le = ({ block: s }) => {
         }
       )
     ] }) }),
-    /* @__PURE__ */ e.jsxs(ve, { className: "flex flex-col justify-end p-3", children: [
+    /* @__PURE__ */ e.jsxs(Ce, { className: "flex flex-col justify-end p-3", children: [
       /* @__PURE__ */ e.jsx(ne, { disabled: s.trim() === "", onClick: () => n(), size: "sm", className: "w-full", children: "Import" }),
-      /* @__PURE__ */ e.jsxs(Ce, { variant: "default", className: "mt-2 p-1 text-blue-400", children: [
+      /* @__PURE__ */ e.jsxs(Be, { variant: "default", className: "mt-2 p-1 text-blue-400", children: [
         /* @__PURE__ */ e.jsx(ue, { className: "h-4 w-4" }),
         /* @__PURE__ */ e.jsx(Ne, { className: "text-sm leading-4", children: "Imported html will be added to the currently selected block. If no block is selected, the html will be added to the page." })
       ] })
@@ -200,15 +200,15 @@ const Le = ({ block: s }) => {
     return !P(S, r);
   const o = s._type;
   return o === "List" ? r === "ListItem" : o === "Table" ? r === "TableHead" || r === "TableBody" : o === "TableHead" || o === "TableBody" ? r === "TableRow" : o === "TableRow" ? r === "TableCell" : o === "Row" ? r === "Column" : !P(S, r);
-}, Cs = () => {
-  const [s, r] = j("core"), [o, a] = j("basic"), i = G(), [, d] = h(he), [, m] = h(C), [n] = v(), t = be(), f = M(t, { _id: b(n) }), { data: x, isLoading: u } = U(), g = I(
+}, Bs = () => {
+  const [s, r] = j("core"), [o, a] = j("basic"), i = U(), [, d] = h(he), [, m] = h(B), [n] = C(), t = be(), f = M(t, { _id: b(n) }), { data: x, isLoading: u } = D(), g = I(
     w(i, (c) => Ee(f, c.type)),
     "category"
   ), l = X(L(g.core, "group"));
-  W(() => {
-    !P(l, o) && !B(l) && !B(o) && a(b(l));
+  Q(() => {
+    !P(l, o) && !T(l) && !T(o) && a(b(l));
   }, [l, o]);
-  const p = (c) => a((N) => N === c ? "" : c), y = !u && !B(x) || M(k(i), { category: "custom" }) !== void 0;
+  const p = (c) => a((N) => N === c ? "" : c), y = !u && !T(x) || M(k(i), { category: "custom" }) !== void 0;
   return /* @__PURE__ */ e.jsxs("div", { className: "flex h-full flex-col overflow-hidden", children: [
     /* @__PURE__ */ e.jsxs("div", { className: "mb-2 flex justify-between rounded-md bg-background/30 p-1", children: [
       /* @__PURE__ */ e.jsxs("h1", { className: "flex flex-col items-baseline px-1 text-2xl font-semibold xl:flex-row", children: [
@@ -242,23 +242,23 @@ const Le = ({ block: s }) => {
         ] })
       }
     ),
-    s === "core" && /* @__PURE__ */ e.jsx(re, { className: "-mx-1.5 h-full", children: /* @__PURE__ */ e.jsx(Y, { type: "single", value: o, className: "w-full px-3", children: T.Children.toArray(
+    s === "core" && /* @__PURE__ */ e.jsx(re, { className: "-mx-1.5 h-full", children: /* @__PURE__ */ e.jsx(Y, { type: "single", value: o, className: "w-full px-3", children: v.Children.toArray(
       L(
         l,
         (c) => E(w(k(g.core), { group: c }), {
           hidden: !0
         }).length ? /* @__PURE__ */ e.jsxs(Z, { value: c, className: "border-border", children: [
           /* @__PURE__ */ e.jsx(ee, { onClick: () => p(c), className: "py-2 capitalize", children: c }),
-          /* @__PURE__ */ e.jsx(se, { children: /* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-4 gap-2", children: T.Children.toArray(
+          /* @__PURE__ */ e.jsx(se, { children: /* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-4 gap-2", children: v.Children.toArray(
             E(w(k(g.core), { group: c }), { hidden: !0 }).map((N) => /* @__PURE__ */ e.jsx(Le, { block: N }))
           ) }) })
         ] }) : null
       )
     ) }) }),
-    s === "ui-blocks" && /* @__PURE__ */ e.jsx(Q, { fallback: /* @__PURE__ */ e.jsx(de, { className: "h-32 w-full" }), children: /* @__PURE__ */ e.jsx(Fe, {}) }),
+    s === "ui-blocks" && /* @__PURE__ */ e.jsx(W, { fallback: /* @__PURE__ */ e.jsx(de, { className: "h-32 w-full" }), children: /* @__PURE__ */ e.jsx(Fe, {}) }),
     s === "html" && /* @__PURE__ */ e.jsx(Me, {})
   ] });
 };
 export {
-  Cs as default
+  Bs as default
 };

package/dist/BrandingOptions-5j-XszLM.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./jsx-runtime-JYMCiFoE.cjs"),O=require("react"),C=require("@rjsf/validator-ajv8"),B=require("@rjsf/core"),j=require("./ChaiBuilderEditor-BoE-sArB.cjs");require("react-i18next");const R=require("./skeleton-JHP9zwL2.cjs"),e=require("./controls-W97-POR_.cjs"),k=require("lodash");require("./MODIFIERS-Fx6WAZcw.cjs");require("clsx");require("@radix-ui/react-scroll-area");require("react-dom");require("@floating-ui/react-dom");require("jotai");require("i18next");require("flagged");require("react-dnd");require("@minoru/react-dnd-treeview");require("./utils-qK_SjzzV.cjs");require("tailwind-merge");require("react-hotkeys-hook");require("flat-to-nested");require("./functions-uw7QP2kT.cjs");require("redux-undo");require("@react-hookz/web");require("./index-HAue58ea.cjs");require("@radix-ui/react-slot");require("class-variance-authority");require("@radix-ui/react-tooltip");require("@radix-ui/react-icons");require("@radix-ui/react-toast");function P(i){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(i){for(const a in i)if(a!=="default"){const r=Object.getOwnPropertyDescriptor(i,a);Object.defineProperty(t,a,r.get?r:{enumerable:!0,get:()=>i[a]})}}return t.default=i,Object.freeze(t)}const c=P(O),v=[{title:"Roboto",value:"Roboto"},{title:"Open Sans",value:"Open Sans"},{title:"Montserrat",value:"Montserrat"},{title:"Lato",value:"Lato"},{title:"Poppins",value:"Poppins"},{title:"Oswald",value:"Oswald"},{title:"Raleway",value:"Raleway"},{title:"Ubuntu",value:"Ubuntu"},{title:"Nunito",value:"Nunito"},{title:"Merriweather",value:"Merriweather"},{title:"Nunito Sans",value:"Nunito Sans"},{title:"Playfair Display",value:"Playfair Display"},{title:"Rubik",value:"Rubik"},{title:"Inter",value:"Inter"},{title:"Lora",value:"Lora"},{title:"Kanit",value:"Kanit"},{title:"Fira Sans",value:"Fira Sans"},{title:"Hind",value:"Hind"},{title:"Quicksand",value:"Quicksand"},{title:"Mulish",value:"Mulish"},{title:"Barlow",value:"Barlow"},{title:"Inconsolata",value:"Inconsolata"},{title:"Titillium Web",value:"Titillium Web"},{title:"Heebo",value:"Heebo"},{title:"IBM Plex Sans",value:"IBM Plex Sans"},{title:"DM Sans",value:"DM Sans"},{title:"Nanum Gothic",value:"Nanum Gothic"},{title:"Karla",value:"Karla"},{title:"Arimo",value:"Arimo"},{title:"Cabin",value:"Cabin"},{title:"Oxygen",value:"Oxygen"},{title:"Overpass",value:"Overpass"},{title:"Assistant",value:"Assistant"},{title:"Tajawal",value:"Tajawal"},{title:"Play",value:"Play"},{title:"Exo",value:"Exo"},{title:"Cinzel",value:"Cinzel"},{title:"Faustina",value:"Faustina"},{title:"Philosopher",value:"Philosopher"},{title:"Gelasio",value:"Gelasio"},{title:"Sofia Sans Condensed",value:"Sofia Sans Condensed"},{title:"Noto Sans Devanagari",value:"Noto Sans Devanagari"},{title:"Actor",value:"Actor"},{title:"Epilogue",value:"Epilogue"},{title:"Glegoo",value:"Glegoo"},{title:"Overlock",value:"Overlock"},{title:"Lustria",value:"Lustria"},{title:"Ovo",value:"Ovo"},{title:"Suranna",value:"Suranna"}],D=()=>{const i=R.useBuilderProp("onSaveBrandingOptions",async()=>{}),[t,a]=j.useBrandingOptions(),r=c.useRef(t);c.useEffect(()=>()=>{k.isEqual(t,r.current)||i(r.current)},[]);const p=({formData:l},u)=>{u&&(a(l),r.current=l)},{bodyFont:y,headingFont:f,primaryColor:g,bodyTextDarkColor:b,bodyTextLightColor:m,bodyBgDarkColor:h,secondaryColor:q,bodyBgLightColor:x,roundedCorners:S}=t,s={headingFont:e.f({title:"Heading font",default:f,options:v}),bodyFont:e.f({title:"Body font",default:y,options:v}),roundedCorners:e.c({title:"Rounded Corner",default:parseInt(S||5,10)}),primaryColor:e.y({title:"Primary",default:g}),secondaryColor:e.y({title:"Secondary",default:q}),bodyBgLightColor:e.y({title:"Body Background (Light)",default:x}),bodyBgDarkColor:e.y({title:"Body Background (Dark)",default:h}),bodyTextLightColor:e.y({title:"Body Text (Light)",default:b}),bodyTextDarkColor:e.y({title:"Body Text (Dark)",default:m})},n={type:"object",properties:{}},d={};return Object.keys(s).forEach(l=>{const u=s[l];return n.properties||(n.properties={}),n.properties[l]=u.schema,d[l]=u.uiSchema,!0}),o.jsxRuntimeExports.jsxs("div",{className:"flex h-full select-none flex-col",children:[o.jsxRuntimeExports.jsx("div",{className:"rounded-md bg-background/30 p-1",children:o.jsxRuntimeExports.jsx("h1",{className:"px-1 font-semibold",children:"Branding Options"})}),o.jsxRuntimeExports.jsx("div",{className:"-mx-2",children:o.jsxRuntimeExports.jsx(B,{idSeparator:".",autoComplete:"off",omitExtraData:!0,liveOmit:!0,liveValidate:!0,uiSchema:d,schema:n,formData:t,validator:C,onChange:p})})]})};exports.default=D;

package/dist/{BrandingOptions-cHK2bVZy.js → BrandingOptions-PAgY-kvj.js}

@@ -1,11 +1,11 @@
 import { j as a } from "./jsx-runtime-Sp0orL4X.js";
 import * as s from "react";
-import B from "@rjsf/validator-ajv8";
+import O from "@rjsf/validator-ajv8";
 import k from "@rjsf/core";
-import { j as N } from "./ChaiBuilderEditor-h9bXC4l-.js";
+import { j } from "./ChaiBuilderEditor-hEuUONQ3.js";
 import "react-i18next";
-import { u as j } from "./skeleton-CU_FIbg3.js";
-import { SelectOption as p, Numeric as D, Color as e } from "@chaibuilder/blocks";
+import { u as D } from "./skeleton-CU_FIbg3.js";
+import { f as p, c as N, y as e } from "./controls-enQY7NI8.js";
 import { isEqual as P } from "lodash";
 import "./MODIFIERS-DsEzQ3aH.js";
 import "clsx";
@@ -24,6 +24,7 @@ import "flat-to-nested";
 import "./functions-pcUZhFJM.js";
 import "redux-undo";
 import "@react-hookz/web";
+import "./index-ehKdBRUK.js";
 import "@radix-ui/react-slot";
 import "class-variance-authority";
 import "@radix-ui/react-tooltip";
@@ -79,9 +80,9 @@ const d = [
   { title: "Lustria", value: "Lustria" },
   { title: "Ovo", value: "Ovo" },
   { title: "Suranna", value: "Suranna" }
-], rt = () => {
-  const m = j("onSaveBrandingOptions", async () => {
-  }), [o, v] = N(), r = s.useRef(o);
+], nt = () => {
+  const m = D("onSaveBrandingOptions", async () => {
+  }), [o, v] = j(), r = s.useRef(o);
   s.useEffect(() => () => {
     P(o, r.current) || m(r.current);
   }, []);
@@ -96,7 +97,7 @@ const d = [
     bodyBgDarkColor: S,
     secondaryColor: x,
     bodyBgLightColor: C,
-    roundedCorners: O
+    roundedCorners: B
   } = o, n = {
     headingFont: p({
       title: "Heading font",
@@ -108,9 +109,9 @@ const d = [
       default: f,
       options: d
     }),
-    roundedCorners: D({
+    roundedCorners: N({
       title: "Rounded Corner",
-      default: parseInt(O || 5, 10)
+      default: parseInt(B || 5, 10)
     }),
     primaryColor: e({ title: "Primary", default: y }),
     secondaryColor: e({ title: "Secondary", default: x }),
@@ -151,12 +152,12 @@ const d = [
         uiSchema: u,
         schema: i,
         formData: o,
-        validator: B,
+        validator: O,
         onChange: c
       }
     ) })
   ] });
 };
 export {
-  rt as default
+  nt as default
 };

package/dist/{CanvasArea-Br8bBSeT.cjs → CanvasArea-Dnm-yeus.cjs}

@@ -1,4 +1,4 @@
-"use strict";var $e=Object.defineProperty;var Ue=(n,t,s)=>t in n?$e(n,t,{enumerable:!0,configurable:!0,writable:!0,value:s}):n[t]=s;var z=(n,t,s)=>(Ue(n,typeof t!="symbol"?t+"":t,s),s);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-JYMCiFoE.cjs"),x=require("react"),u=require("lodash"),M=require("@radix-ui/react-icons"),K=require("./skeleton-JHP9zwL2.cjs"),h=require("./ChaiBuilderEditor-SacH75l4.cjs"),Se=require("react-i18next"),Q=require("./separator-3Civ-6hb.cjs"),G=require("./useDarkMode-zeTW_UUR.cjs"),L=require("./dropdown-menu-sMXR59cB.cjs"),He=require("./label-tFm8HZdb.cjs"),ee=require("./useFeatureSupport-tZ0QfBxp.cjs"),$=require("./alert-dialog-Mv0-wAvS.cjs"),X=require("jotai"),ze=require("@floating-ui/dom"),me=require("@floating-ui/react-dom"),Ke=require("react-dnd"),te=require("./useAllBlocks-RU_Xw8j9.cjs"),Ye=require("@react-hookz/web"),Ve=require("@bobthered/tailwindcss-palette-generator"),Xe=require("react-wrap-balancer"),Ze=require("tailwind-merge"),Z=require("./MODIFIERS-Fx6WAZcw.cjs"),Ce=require("@chaibuilder/blocks"),Te=require("./useChaiExternalData-DkyBJ81C.cjs"),ye=require("react-dom");require("@radix-ui/react-slot");require("class-variance-authority");require("./utils-qK_SjzzV.cjs");require("clsx");require("@radix-ui/react-tooltip");require("@radix-ui/react-toast");require("@radix-ui/react-scroll-area");require("i18next");require("flagged");require("@minoru/react-dnd-treeview");require("react-hotkeys-hook");require("flat-to-nested");require("./functions-uw7QP2kT.cjs");require("redux-undo");require("@radix-ui/react-separator");require("@radix-ui/react-switch");require("@radix-ui/react-hover-card");require("@radix-ui/react-dropdown-menu");require("@radix-ui/react-label");require("@radix-ui/react-alert-dialog");const Ge=()=>x.useMemo(()=>Ce.getChaiDataProviders(),[]),Je=({children:n})=>{const[,t]=Te.useChaiExternalData(),[s]=h.usePageDataProviders(),a=Ge();return x.useEffect(()=>(t({}),u.each(s,l=>{const r=u.find(a,{providerKey:l.providerKey});if(r){const i=(r==null?void 0:r.mockFn)||(r==null?void 0:r.dataFn);i&&i(l.args).then(d=>t(v=>({...v,[l.providerKey]:d})))}}),()=>{u.each(s,l=>{t(r=>(delete r[l.providerKey],r))})}),[a,s,t]),e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:n})},Qe=()=>{const{undoCount:n,redoCount:t,undo:s,redo:a}=h.useCanvasHistory();return e.jsxRuntimeExports.jsxs("div",{className:"flex items-center",children:[e.jsxRuntimeExports.jsx(K.Button,{disabled:!n,size:"sm",onClick:s,className:"rounded-full",variant:"ghost",children:e.jsxRuntimeExports.jsx(M.ResetIcon,{})}),e.jsxRuntimeExports.jsx(K.Button,{disabled:!t,onClick:a,size:"sm",className:"rounded-full",variant:"ghost",children:e.jsxRuntimeExports.jsx(M.ResetIcon,{className:"rotate-180 scale-y-[-1] transform"})})]})};function et(){const[n,t]=G.useDarkMode(),{t:s}=Se.useTranslation();return e.jsxRuntimeExports.jsxs("div",{className:"flex items-center",children:[e.jsxRuntimeExports.jsx(He.Label,{htmlFor:"dark-mode-switch",children:s("dark_mode")}),e.jsxRuntimeExports.jsxs(L.Switch,{id:"dark-mode-switch",checked:n,onCheckedChange:()=>{t(!n)},className:`${n?"bg-violet-600":"bg-violet-300"}
+"use strict";var $e=Object.defineProperty;var Ue=(n,t,s)=>t in n?$e(n,t,{enumerable:!0,configurable:!0,writable:!0,value:s}):n[t]=s;var z=(n,t,s)=>(Ue(n,typeof t!="symbol"?t+"":t,s),s);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-JYMCiFoE.cjs"),x=require("react"),u=require("lodash"),M=require("@radix-ui/react-icons"),K=require("./skeleton-JHP9zwL2.cjs"),h=require("./ChaiBuilderEditor-BoE-sArB.cjs"),Se=require("react-i18next"),Q=require("./separator-3Civ-6hb.cjs"),G=require("./useDarkMode-dV6FM6l-.cjs"),L=require("./dropdown-menu-sMXR59cB.cjs"),He=require("./label-tFm8HZdb.cjs"),ee=require("./useFeatureSupport-c9IgPW2t.cjs"),$=require("./alert-dialog-Mv0-wAvS.cjs"),X=require("jotai"),ze=require("@floating-ui/dom"),me=require("@floating-ui/react-dom"),Ke=require("react-dnd"),te=require("./useAllBlocks-6hvuNuyw.cjs"),Ye=require("@react-hookz/web"),Ve=require("@bobthered/tailwindcss-palette-generator"),Xe=require("react-wrap-balancer"),Ze=require("tailwind-merge"),Z=require("./MODIFIERS-Fx6WAZcw.cjs"),Ce=require("./index-HAue58ea.cjs"),Te=require("./useChaiExternalData-DkyBJ81C.cjs"),ye=require("react-dom");require("@radix-ui/react-slot");require("class-variance-authority");require("./utils-qK_SjzzV.cjs");require("clsx");require("@radix-ui/react-tooltip");require("@radix-ui/react-toast");require("@radix-ui/react-scroll-area");require("i18next");require("flagged");require("@minoru/react-dnd-treeview");require("react-hotkeys-hook");require("flat-to-nested");require("./functions-uw7QP2kT.cjs");require("redux-undo");require("@radix-ui/react-separator");require("@radix-ui/react-switch");require("@radix-ui/react-hover-card");require("@radix-ui/react-dropdown-menu");require("@radix-ui/react-label");require("@radix-ui/react-alert-dialog");const Ge=()=>x.useMemo(()=>Ce.A(),[]),Je=({children:n})=>{const[,t]=Te.useChaiExternalData(),[s]=h.usePageDataProviders(),a=Ge();return x.useEffect(()=>(t({}),u.each(s,l=>{const r=u.find(a,{providerKey:l.providerKey});if(r){const i=(r==null?void 0:r.mockFn)||(r==null?void 0:r.dataFn);i&&i(l.args).then(d=>t(v=>({...v,[l.providerKey]:d})))}}),()=>{u.each(s,l=>{t(r=>(delete r[l.providerKey],r))})}),[a,s,t]),e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:n})},Qe=()=>{const{undoCount:n,redoCount:t,undo:s,redo:a}=h.useCanvasHistory();return e.jsxRuntimeExports.jsxs("div",{className:"flex items-center",children:[e.jsxRuntimeExports.jsx(K.Button,{disabled:!n,size:"sm",onClick:s,className:"rounded-full",variant:"ghost",children:e.jsxRuntimeExports.jsx(M.ResetIcon,{})}),e.jsxRuntimeExports.jsx(K.Button,{disabled:!t,onClick:a,size:"sm",className:"rounded-full",variant:"ghost",children:e.jsxRuntimeExports.jsx(M.ResetIcon,{className:"rotate-180 scale-y-[-1] transform"})})]})};function et(){const[n,t]=G.useDarkMode(),{t:s}=Se.useTranslation();return e.jsxRuntimeExports.jsxs("div",{className:"flex items-center",children:[e.jsxRuntimeExports.jsx(He.Label,{htmlFor:"dark-mode-switch",children:s("dark_mode")}),e.jsxRuntimeExports.jsxs(L.Switch,{id:"dark-mode-switch",checked:n,onCheckedChange:()=>{t(!n)},className:`${n?"bg-violet-600":"bg-violet-300"}
           relative ml-2 inline-flex h-[20px] w-[40px] shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out focus:outline-none focus-visible:ring-2  focus-visible:ring-white focus-visible:ring-opacity-75`,children:[e.jsxRuntimeExports.jsx("span",{className:"sr-only",children:"Use setting"}),e.jsxRuntimeExports.jsx("span",{"aria-hidden":"true",className:`${n?"translate-x-5":"translate-x-0"}
             pointer-events-none -mt-px inline-block h-[18px] w-[20px] transform rounded-full bg-white shadow-lg ring-0 transition duration-200 ease-in-out`})]})]})}const ge=({landscape:n=!1})=>e.jsxRuntimeExports.jsxs("svg",{className:n?"rotate-90":"",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 13 13",xmlSpace:"preserve",width:13,height:13,children:[e.jsxRuntimeExports.jsx("g",{strokeWidth:0}),e.jsxRuntimeExports.jsx("g",{strokeLinecap:"round",strokeLinejoin:"round"}),e.jsxRuntimeExports.jsx("path",{d:"M10.65 0H2.349a.851.851 0 0 0-.851.852v11.299c0 .47.382.852.851.852h8.3a.851.851 0 0 0 .851-.852V.852A.851.851 0 0 0 10.65 0zM6.599 12.466a.367.367 0 1 1 0-.735.367.367 0 0 1 0 .735zm3.9-1.267H2.5V1h8.001v10.199z",style:{fill:"#000"}})]}),ve=[{title:"Mobile (XS)",content:"Styles set here are applied to all screen unless edited at higher breakpoint",breakpoint:"xs",icon:e.jsxRuntimeExports.jsx(M.MobileIcon,{}),width:400},{title:"Mobile landscape (SM)",content:"Styles set here are applied at 640px and up unless edited at higher breakpoint",breakpoint:"sm",icon:e.jsxRuntimeExports.jsx(M.MobileIcon,{className:"rotate-90"}),width:640},{title:"Tablet (MD)",content:"Styles set here are applied at 768px and up",breakpoint:"md",icon:e.jsxRuntimeExports.jsx(ge,{}),width:800},{title:"Tablet Landscape (LG)",content:"Styles set here are applied at 1024px and up unless edited at higher breakpoint",breakpoint:"lg",icon:e.jsxRuntimeExports.jsx(ge,{landscape:!0}),width:1024},{title:"Desktop (XL)",content:"Styles set here are applied at 1280px and up unless edited at higher breakpoint",breakpoint:"xl",icon:e.jsxRuntimeExports.jsx(M.LaptopIcon,{}),width:1420},{title:"Large Desktop (2XL)",content:"Styles set here are applied at 1536px and up",breakpoint:"2xl",icon:e.jsxRuntimeExports.jsx(M.DesktopIcon,{}),width:1920}],tt=({title:n,content:t,currentBreakpoint:s,breakpoint:a,width:l,icon:r,onClick:i})=>e.jsxRuntimeExports.jsxs(L.HoverCard,{children:[e.jsxRuntimeExports.jsx(L.HoverCardTrigger,{asChild:!0,children:e.jsxRuntimeExports.jsx(K.Button,{onClick:()=>i(l),size:"sm",variant:a===s?"secondary":"ghost",children:r})}),e.jsxRuntimeExports.jsx(L.HoverCardContent,{className:"w-52 border-border",children:e.jsxRuntimeExports.jsx("div",{className:"flex justify-between space-x-4",children:e.jsxRuntimeExports.jsxs("div",{className:"space-y-1",children:[e.jsxRuntimeExports.jsx("h4",{className:"text-sm font-semibold",children:n}),e.jsxRuntimeExports.jsx("p",{className:"text-xs",children:t})]})})})]}),nt=()=>{const[,n,t]=G.useCanvasWidth(),[s,a]=ee.useSelectedBreakpoints(),l=r=>{s.includes(r)?s.length>2&&a(s.filter(i=>i!==r)):a(i=>[...i,r])};return e.jsxRuntimeExports.jsxs("div",{className:"flex items-center rounded-md",children:[u.map(ve.filter(r=>u.includes(s,u.toUpper(r.breakpoint))),r=>x.createElement(tt,{...r,onClick:t,key:r.breakpoint,currentBreakpoint:n})),e.jsxRuntimeExports.jsxs(L.DropdownMenu,{children:[e.jsxRuntimeExports.jsx(L.DropdownMenuTrigger,{asChild:!0,children:e.jsxRuntimeExports.jsx("span",{className:"cursor-pointer px-2.5 hover:opacity-80",children:e.jsxRuntimeExports.jsx(M.DotsVerticalIcon,{className:"scale-90 transform"})})}),e.jsxRuntimeExports.jsxs(L.DropdownMenuContent,{className:"w-56 border-border text-xs",children:[e.jsxRuntimeExports.jsx(L.DropdownMenuLabel,{children:"Breakpoints"}),e.jsxRuntimeExports.jsx(L.DropdownMenuSeparator,{}),u.map(ve,r=>e.jsxRuntimeExports.jsx(L.DropdownMenuCheckboxItem,{disabled:r.breakpoint==="xs",onCheckedChange:()=>l(u.toUpper(r.breakpoint)),checked:u.includes(s,u.toUpper(r.breakpoint)),children:r.title},r.breakpoint))]})]})]})},st=()=>{const[n]=h.useSetAllBlocks(),{createSnapshot:t}=h.useCanvasHistory(),[,s]=h.useSelectedBlockIds(),[,a]=h.useSelectedStylingBlocks(),l=x.useCallback(()=>{n([]),s([]),a([]),t()},[n,t]);return e.jsxRuntimeExports.jsx("div",{className:"flex items-center",children:e.jsxRuntimeExports.jsxs($.AlertDialog,{children:[e.jsxRuntimeExports.jsx($.AlertDialogTrigger,{asChild:!0,children:e.jsxRuntimeExports.jsxs(K.Button,{size:"sm",variant:"ghost",className:"flex items-center gap-x-1",children:[e.jsxRuntimeExports.jsx(M.EraserIcon,{})," Clear"]})}),e.jsxRuntimeExports.jsxs($.AlertDialogContent,{className:"border-border",children:[e.jsxRuntimeExports.jsxs($.AlertDialogHeader,{children:[e.jsxRuntimeExports.jsx($.AlertDialogTitle,{children:"Clear whole canvas?"}),e.jsxRuntimeExports.jsx($.AlertDialogDescription,{children:"Are you sure you want to clear the whole canvas?"})]}),e.jsxRuntimeExports.jsxs($.AlertDialogFooter,{children:[e.jsxRuntimeExports.jsx($.AlertDialogCancel,{children:"Cancel"}),e.jsxRuntimeExports.jsx($.AlertDialogAction,{onClick:l,children:"Yes"})]})]})]})})},rt=()=>{const n=ee.useFeatureSupport("darkMode",!1),[t]=ee.useCanvasZoom();return e.jsxRuntimeExports.jsxs("div",{className:"flex h-10 items-center justify-between border-b bg-background/70 px-2",children:[e.jsxRuntimeExports.jsxs("div",{className:"flex h-full space-x-2",children:[n?e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(et,{}),e.jsxRuntimeExports.jsx(Q.Separator,{orientation:"vertical"})]}):null,e.jsxRuntimeExports.jsx(nt,{}),e.jsxRuntimeExports.jsx(Q.Separator,{orientation:"vertical"}),e.jsxRuntimeExports.jsxs("div",{className:"flex w-12 items-center justify-center gap-x-1 space-x-0 font-medium",children:[e.jsxRuntimeExports.jsx(M.ZoomInIcon,{className:"h-3.5 w-3.5 flex-shrink-0"})," ",e.jsxRuntimeExports.jsxs("div",{className:"text-xs leading-3",children:[u.round(t,0),"%"]})]}),e.jsxRuntimeExports.jsx(Q.Separator,{orientation:"vertical"}),e.jsxRuntimeExports.jsx(Qe,{})]}),e.jsxRuntimeExports.jsxs("div",{className:"flex h-full items-center space-x-2",children:[e.jsxRuntimeExports.jsx(Q.Separator,{orientation:"vertical"}),e.jsxRuntimeExports.jsx(st,{})]})]})},ot=`<!doctype html>
 <html class="scroll-smooth h-full overflow-y-auto">
@@ -43,4 +43,4 @@ Valid keys: `+JSON.stringify(Object.keys(o),null,"  "));var P=_(b,I,y,C,j+"."+I,
                 outline: 1px solid ${s.length===1?"#42a1fc":"orange"} !important; outline-offset: -1px;
             }`)},[s,R]),x.useEffect(()=>{v&&(v.textContent=l?`[data-style-id="${l}"]{ outline: 1px solid orange !important; outline-offset: -1px;}`:"")},[l,s,v]),x.useEffect(()=>{f&&(f.textContent=`${u.map(r,({id:S})=>`[data-style-id="${S}"]`).join(",")}{
                 outline: 1px solid orange !important; outline-offset: -1px;
-            }`)},[r,f]),x.useEffect(()=>{if(n==="section")return;const S=u.get(t,"bodyTextLightColor","#64748b"),O=u.get(t,"bodyTextDarkColor","#94a3b8"),w=u.get(t,"bodyBgLightColor","#FFFFFF"),D=u.get(t,"bodyBgDarkColor","#0f172a");i.body.className=`font-body antialiased text-[${S}] bg-[${w}] dark:text-[${O}] dark:bg-[${D}]`},[t,i,n]),n==="page"?e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[p&&e.jsxRuntimeExports.jsx("link",{id:"heading-font",rel:"stylesheet",type:"text/css",href:`https://fonts.googleapis.com/css2?family=${p.replace(/ /g,"+")}:wght@300;400;500;600;700;800;900&display=swap`,media:"all"}),g&&p!==g&&e.jsxRuntimeExports.jsx("link",{id:"body-font",rel:"stylesheet",type:"text/css",href:`https://fonts.googleapis.com/css2?family=${g.replace(/ /g,"+")}:wght@300;400;500;600;700;800;900&display=swap`,media:"all"}),p&&e.jsxRuntimeExports.jsx("style",{children:`h1,h2,h3,h4,h5,h6{font-family: "${p}",ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";}`})]}):null},Et=()=>{const{t:n}=Se.useTranslation();return e.jsxRuntimeExports.jsx("div",{className:"my-auto py-24 text-center text-gray-600 dark:text-white",children:e.jsxRuntimeExports.jsx("h1",{className:"mb-10 text-4xl ",children:n("canvas_empty")})})},bt=n=>{const t={};return Object.keys(n).forEach(s=>{u.isString(n[s])&&n[s].startsWith(Z.SLOT_KEY)&&(t[s]=n[s].replace(Z.SLOT_KEY,"").split(","))}),t},Rt=u.memoize(n=>{const t=n.replace(Z.STYLES_KEY,"").split(",");return Ze.twMerge(t[0],t[1])});function kt(n,t){return u.get(n,`${t}_attrs`,{})}function wt(n,t,s,a){const l={};return Object.keys(n).forEach(r=>{if(u.isString(n[r])&&n[r].startsWith(Z.STYLES_KEY)){const i=Rt(n[r]);l[r]={className:i,"data-style-prop":r,"data-block-parent":n._id,"data-style-id":`${r}-${n._id}`,onMouseEnter:t,onMouseLeave:s,onClick:a,...kt(n,r)}}}),l}function St(n,t){const s=u.get(n,"_bindings",{});return u.isEmpty(s)?{...n}:(u.each(s,(a,l)=>{u.isString(a)&&u.get(t,a,null)&&(n[l]=u.get(t,a,null))}),n)}function pe({blocks:n}){const t=te.useAllBlocks(),[,s]=h.useHighlightBlockId(),[,a]=h.useSelectedStylingBlocks(),[,l]=h.useSelectedBlockIds(),r=x.useCallback(f=>{var g;const p=(g=f.currentTarget)==null?void 0:g.getAttribute("data-style-id");s(p||""),f.stopPropagation()},[s]),i=x.useCallback(f=>{s(""),f.stopPropagation()},[s]),d=x.useCallback(f=>{f.stopPropagation();const p=f.currentTarget;if(p.getAttribute("data-block-parent")){const g=p.getAttribute("data-style-prop"),S=p.getAttribute("data-style-id"),O=p.getAttribute("data-block-parent");a([{id:S,prop:g,blockId:O}]),l([O])}else if(p.getAttribute("data-block-id")&&(l([p.getAttribute("data-block-id")]),p.getAttribute("data-block-parent"))){const g=p.getAttribute("data-style-prop"),S=p.getAttribute("data-style-id"),O=p.getAttribute("data-block-parent");a([{id:S,prop:g,blockId:O}])}},[a,l]),v=x.useCallback(f=>wt(f,r,i,d),[d,r,i]),[R]=Te.useChaiExternalData();return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:x.Children.toArray(n.map((f,p)=>{const g=bt(f),S={};u.isEmpty(g)||Object.keys(g).forEach(m=>{S[m]=x.Children.toArray(g[m].map(U=>e.jsxRuntimeExports.jsx(pe,{blocks:[u.find(t,{_id:U})]})))});const O=u.filter(t,{_parent:f._id});S.children=O.length?e.jsxRuntimeExports.jsx(pe,{blocks:O}):null;const w=Ce.getBlockComponent(f._type),D=u.get(w,"component",null);return u.isNull(D)?e.jsxRuntimeExports.jsx("noscript",{children:`<!-- ${f==null?void 0:f._type} not registered -->`}):e.jsxRuntimeExports.jsx(x.Suspense,{children:x.createElement(D,{blockProps:{onClick:d,"data-block-id":f._id,"data-block-type":f._type},inBuilder:!0,index:p,...St(f,R),...v(f),...S})})}))})}const Ct=()=>{const n=te.useAllBlocks();return e.jsxRuntimeExports.jsx(Xe.Provider,{children:u.isEmpty(n)?e.jsxRuntimeExports.jsx(Et,{}):e.jsxRuntimeExports.jsx(Je,{children:e.jsxRuntimeExports.jsx(pe,{blocks:u.filter(n,t=>u.isEmpty(t._parent))})})})},Tt=(n,t)=>n.querySelector(`[data-style-id="${t}"]`),It=()=>{const[n]=X.useAtom(h.networkModeAtom),[t]=h.usePreviewMode(),[s]=G.useCanvasWidth(),[,a]=h.useSelectedBlockIds(),l=h.useSelectedBlock(),[,r]=h.useHighlightBlockId(),i=x.useRef(null),d=x.useRef(null),[v,R]=x.useState({width:0,height:0}),f=it(v),[p,g]=x.useState(0),[S,O]=x.useState([]),[,w]=x.useState([]),[,D]=X.useAtom(h.canvasIframeAtom),[m,U]=h.useSelectedStylingBlocks(),N=K.useBuilderProp("loadingCanvas",!1);x.useEffect(()=>{const{clientWidth:A,clientHeight:F}=d.current;R({width:A,height:F}),p===0&&g(A)},[d,s,p]);const ne=(A,F=0)=>{const{top:W}=A.getBoundingClientRect();return W+F>=0&&W-F<=window.innerHeight};x.useEffect(()=>{var A,F;if(l&&l.type!=="Multiple"&&i.current){const W=Pe(i.current.contentDocument,l._id);W&&(ne(W)||(F=(A=i.current)==null?void 0:A.contentWindow)==null||F.scrollTo({top:W.offsetTop,behavior:"smooth"}),O([W]))}},[l]),x.useEffect(()=>{if(!u.isEmpty(m)&&i.current){const A=Tt(i.current.contentDocument,u.first(m).id);w(A?[A]:[null])}else w([null])},[m]);const se=x.useMemo(()=>{let A=ot;return n==="offline"&&(A=A.replace("https://old.chaibuilder.com/offline/tailwind.cdn.js","/offline/tailwind.cdn.js"),A=A.replace("https://unpkg.com/aos@next/dist/aos.css","/offline/aos.css"),A=A.replace("https://unpkg.com/aos@next/dist/aos.js","/offline/aos.js")),A},[n]);return e.jsxRuntimeExports.jsx("div",{onClick:()=>{a([]),U([])},onMouseLeave:()=>setTimeout(()=>r(""),300),className:"relative mx-auto h-full w-full",style:p>0&&!u.isEmpty(f)?{width:t?"100%":p}:{},ref:d,children:e.jsxRuntimeExports.jsxs(ht,{contentDidMount:()=>D(i.current),ref:i,id:"canvas-iframe",style:{width:`${s}px`,...f},className:"relative mx-auto box-content h-full max-w-full shadow-md transition-all duration-300 ease-linear",initialContent:se,children:[e.jsxRuntimeExports.jsx(yt,{}),e.jsxRuntimeExports.jsx(vt,{block:l,selectedBlockElement:u.first(S)}),e.jsxRuntimeExports.jsx(jt,{model:"page"}),e.jsxRuntimeExports.jsxs(mt,{children:[N?e.jsxRuntimeExports.jsx("div",{className:"h-full p-4",children:e.jsxRuntimeExports.jsx(K.Skeleton,{className:"h-full"})}):e.jsxRuntimeExports.jsx(Ct,{}),e.jsxRuntimeExports.jsx("div",{className:"h-60"})]})]})})},Dt=x.lazy(()=>Promise.resolve().then(()=>require("./AddBlocks-tdvDe7xL.cjs"))),Bt=()=>{const[n,t]=X.useAtom(h.addBlocksModalAtom);return e.jsxRuntimeExports.jsxs("div",{className:"flex h-full w-full flex-col",children:[e.jsxRuntimeExports.jsx(rt,{}),e.jsxRuntimeExports.jsxs("div",{className:"relative flex-1 overflow-hidden bg-slate-800/80 px-2 bg-[linear-gradient(to_right,#EEE_0.5px,transparent_0.5px),linear-gradient(to_bottom,#EEE_0.5px,transparent_0.5px)] bg-[size:12px_12px]",children:[e.jsxRuntimeExports.jsx(x.Suspense,{fallback:e.jsxRuntimeExports.jsx(K.Skeleton,{className:"h-full"}),children:e.jsxRuntimeExports.jsx(h.ErrorBoundary,{children:e.jsxRuntimeExports.jsx(It,{})})}),n?e.jsxRuntimeExports.jsx("div",{onClick:()=>t(!1),className:"absolute inset-0 z-50 flex items-center bg-black/30 backdrop-blur-sm",children:e.jsxRuntimeExports.jsx("div",{onClick:s=>s.stopPropagation(),className:"mx-auto h-[90%] w-[90%] max-w-3xl rounded-md bg-white p-4 shadow-lg shadow-black/10 xl:w-[65%]",children:e.jsxRuntimeExports.jsx(Dt,{})})}):null]})]})};exports.default=Bt;
+            }`)},[r,f]),x.useEffect(()=>{if(n==="section")return;const S=u.get(t,"bodyTextLightColor","#64748b"),O=u.get(t,"bodyTextDarkColor","#94a3b8"),w=u.get(t,"bodyBgLightColor","#FFFFFF"),D=u.get(t,"bodyBgDarkColor","#0f172a");i.body.className=`font-body antialiased text-[${S}] bg-[${w}] dark:text-[${O}] dark:bg-[${D}]`},[t,i,n]),n==="page"?e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[p&&e.jsxRuntimeExports.jsx("link",{id:"heading-font",rel:"stylesheet",type:"text/css",href:`https://fonts.googleapis.com/css2?family=${p.replace(/ /g,"+")}:wght@300;400;500;600;700;800;900&display=swap`,media:"all"}),g&&p!==g&&e.jsxRuntimeExports.jsx("link",{id:"body-font",rel:"stylesheet",type:"text/css",href:`https://fonts.googleapis.com/css2?family=${g.replace(/ /g,"+")}:wght@300;400;500;600;700;800;900&display=swap`,media:"all"}),p&&e.jsxRuntimeExports.jsx("style",{children:`h1,h2,h3,h4,h5,h6{font-family: "${p}",ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";}`})]}):null},Et=()=>{const{t:n}=Se.useTranslation();return e.jsxRuntimeExports.jsx("div",{className:"my-auto py-24 text-center text-gray-600 dark:text-white",children:e.jsxRuntimeExports.jsx("h1",{className:"mb-10 text-4xl ",children:n("canvas_empty")})})},bt=n=>{const t={};return Object.keys(n).forEach(s=>{u.isString(n[s])&&n[s].startsWith(Z.SLOT_KEY)&&(t[s]=n[s].replace(Z.SLOT_KEY,"").split(","))}),t},Rt=u.memoize(n=>{const t=n.replace(Z.STYLES_KEY,"").split(",");return Ze.twMerge(t[0],t[1])});function kt(n,t){return u.get(n,`${t}_attrs`,{})}function wt(n,t,s,a){const l={};return Object.keys(n).forEach(r=>{if(u.isString(n[r])&&n[r].startsWith(Z.STYLES_KEY)){const i=Rt(n[r]);l[r]={className:i,"data-style-prop":r,"data-block-parent":n._id,"data-style-id":`${r}-${n._id}`,onMouseEnter:t,onMouseLeave:s,onClick:a,...kt(n,r)}}}),l}function St(n,t){const s=u.get(n,"_bindings",{});return u.isEmpty(s)?{...n}:(u.each(s,(a,l)=>{u.isString(a)&&u.get(t,a,null)&&(n[l]=u.get(t,a,null))}),n)}function pe({blocks:n}){const t=te.useAllBlocks(),[,s]=h.useHighlightBlockId(),[,a]=h.useSelectedStylingBlocks(),[,l]=h.useSelectedBlockIds(),r=x.useCallback(f=>{var g;const p=(g=f.currentTarget)==null?void 0:g.getAttribute("data-style-id");s(p||""),f.stopPropagation()},[s]),i=x.useCallback(f=>{s(""),f.stopPropagation()},[s]),d=x.useCallback(f=>{f.stopPropagation();const p=f.currentTarget;if(p.getAttribute("data-block-parent")){const g=p.getAttribute("data-style-prop"),S=p.getAttribute("data-style-id"),O=p.getAttribute("data-block-parent");a([{id:S,prop:g,blockId:O}]),l([O])}else if(p.getAttribute("data-block-id")&&(l([p.getAttribute("data-block-id")]),p.getAttribute("data-block-parent"))){const g=p.getAttribute("data-style-prop"),S=p.getAttribute("data-style-id"),O=p.getAttribute("data-block-parent");a([{id:S,prop:g,blockId:O}])}},[a,l]),v=x.useCallback(f=>wt(f,r,i,d),[d,r,i]),[R]=Te.useChaiExternalData();return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:x.Children.toArray(n.map((f,p)=>{const g=bt(f),S={};u.isEmpty(g)||Object.keys(g).forEach(m=>{S[m]=x.Children.toArray(g[m].map(U=>e.jsxRuntimeExports.jsx(pe,{blocks:[u.find(t,{_id:U})]})))});const O=u.filter(t,{_parent:f._id});S.children=O.length?e.jsxRuntimeExports.jsx(pe,{blocks:O}):null;const w=Ce.h(f._type),D=u.get(w,"component",null);return u.isNull(D)?e.jsxRuntimeExports.jsx("noscript",{children:`<!-- ${f==null?void 0:f._type} not registered -->`}):e.jsxRuntimeExports.jsx(x.Suspense,{children:x.createElement(D,{blockProps:{onClick:d,"data-block-id":f._id,"data-block-type":f._type},inBuilder:!0,index:p,...St(f,R),...v(f),...S})})}))})}const Ct=()=>{const n=te.useAllBlocks();return e.jsxRuntimeExports.jsx(Xe.Provider,{children:u.isEmpty(n)?e.jsxRuntimeExports.jsx(Et,{}):e.jsxRuntimeExports.jsx(Je,{children:e.jsxRuntimeExports.jsx(pe,{blocks:u.filter(n,t=>u.isEmpty(t._parent))})})})},Tt=(n,t)=>n.querySelector(`[data-style-id="${t}"]`),It=()=>{const[n]=X.useAtom(h.networkModeAtom),[t]=h.usePreviewMode(),[s]=G.useCanvasWidth(),[,a]=h.useSelectedBlockIds(),l=h.useSelectedBlock(),[,r]=h.useHighlightBlockId(),i=x.useRef(null),d=x.useRef(null),[v,R]=x.useState({width:0,height:0}),f=it(v),[p,g]=x.useState(0),[S,O]=x.useState([]),[,w]=x.useState([]),[,D]=X.useAtom(h.canvasIframeAtom),[m,U]=h.useSelectedStylingBlocks(),N=K.useBuilderProp("loadingCanvas",!1);x.useEffect(()=>{const{clientWidth:A,clientHeight:F}=d.current;R({width:A,height:F}),p===0&&g(A)},[d,s,p]);const ne=(A,F=0)=>{const{top:W}=A.getBoundingClientRect();return W+F>=0&&W-F<=window.innerHeight};x.useEffect(()=>{var A,F;if(l&&l.type!=="Multiple"&&i.current){const W=Pe(i.current.contentDocument,l._id);W&&(ne(W)||(F=(A=i.current)==null?void 0:A.contentWindow)==null||F.scrollTo({top:W.offsetTop,behavior:"smooth"}),O([W]))}},[l]),x.useEffect(()=>{if(!u.isEmpty(m)&&i.current){const A=Tt(i.current.contentDocument,u.first(m).id);w(A?[A]:[null])}else w([null])},[m]);const se=x.useMemo(()=>{let A=ot;return n==="offline"&&(A=A.replace("https://old.chaibuilder.com/offline/tailwind.cdn.js","/offline/tailwind.cdn.js"),A=A.replace("https://unpkg.com/aos@next/dist/aos.css","/offline/aos.css"),A=A.replace("https://unpkg.com/aos@next/dist/aos.js","/offline/aos.js")),A},[n]);return e.jsxRuntimeExports.jsx("div",{onClick:()=>{a([]),U([])},onMouseLeave:()=>setTimeout(()=>r(""),300),className:"relative mx-auto h-full w-full",style:p>0&&!u.isEmpty(f)?{width:t?"100%":p}:{},ref:d,children:e.jsxRuntimeExports.jsxs(ht,{contentDidMount:()=>D(i.current),ref:i,id:"canvas-iframe",style:{width:`${s}px`,...f},className:"relative mx-auto box-content h-full max-w-full shadow-md transition-all duration-300 ease-linear",initialContent:se,children:[e.jsxRuntimeExports.jsx(yt,{}),e.jsxRuntimeExports.jsx(vt,{block:l,selectedBlockElement:u.first(S)}),e.jsxRuntimeExports.jsx(jt,{model:"page"}),e.jsxRuntimeExports.jsxs(mt,{children:[N?e.jsxRuntimeExports.jsx("div",{className:"h-full p-4",children:e.jsxRuntimeExports.jsx(K.Skeleton,{className:"h-full"})}):e.jsxRuntimeExports.jsx(Ct,{}),e.jsxRuntimeExports.jsx("div",{className:"h-60"})]})]})})},Dt=x.lazy(()=>Promise.resolve().then(()=>require("./AddBlocks-7ACJv8LW.cjs"))),Bt=()=>{const[n,t]=X.useAtom(h.addBlocksModalAtom);return e.jsxRuntimeExports.jsxs("div",{className:"flex h-full w-full flex-col",children:[e.jsxRuntimeExports.jsx(rt,{}),e.jsxRuntimeExports.jsxs("div",{className:"relative flex-1 overflow-hidden bg-slate-800/80 px-2 bg-[linear-gradient(to_right,#EEE_0.5px,transparent_0.5px),linear-gradient(to_bottom,#EEE_0.5px,transparent_0.5px)] bg-[size:12px_12px]",children:[e.jsxRuntimeExports.jsx(x.Suspense,{fallback:e.jsxRuntimeExports.jsx(K.Skeleton,{className:"h-full"}),children:e.jsxRuntimeExports.jsx(h.ErrorBoundary,{children:e.jsxRuntimeExports.jsx(It,{})})}),n?e.jsxRuntimeExports.jsx("div",{onClick:()=>t(!1),className:"absolute inset-0 z-50 flex items-center bg-black/30 backdrop-blur-sm",children:e.jsxRuntimeExports.jsx("div",{onClick:s=>s.stopPropagation(),className:"mx-auto h-[90%] w-[90%] max-w-3xl rounded-md bg-white p-4 shadow-lg shadow-black/10 xl:w-[65%]",children:e.jsxRuntimeExports.jsx(Dt,{})})}):null]})]})};exports.default=Bt;

package/dist/{CanvasArea-2zqT1lSE.js → CanvasArea-zn2ox-5h.js}

@@ -6,25 +6,25 @@ import z, { useMemo as Me, useEffect as R, createElement as ft, useCallback as V
 import { each as ue, find as Fe, map as Q, includes as ke, toUpper as se, round as yt, isEmpty as q, first as ee, get as A, memoize as gt, filter as We, isNull as vt, isString as me } from "lodash";
 import { ResetIcon as Ce, DotsVerticalIcon as xt, MobileIcon as Te, LaptopIcon as bt, DesktopIcon as jt, EraserIcon as wt, ZoomInIcon as kt, ArrowUpIcon as Ct, CopyIcon as Tt, TrashIcon as Et, DragHandleDots2Icon as St } from "@radix-ui/react-icons";
 import { B as te, u as Dt, S as $e } from "./skeleton-CU_FIbg3.js";
-import { t as Ot, a as ye, s as It, l as H, q as K, y as qe, e as Ue, d as At, b as Bt, h as Pt, i as ze, k as He, p as Rt, z as _t, A as Mt, j as Nt, g as ge, B as Lt, m as Ft, D as Wt, x as $t, E as qt } from "./ChaiBuilderEditor-h9bXC4l-.js";
+import { t as Ot, a as ye, s as It, l as H, q as K, y as qe, e as Ue, d as At, b as Bt, h as Pt, i as ze, k as He, p as Rt, z as _t, A as Mt, j as Nt, g as ge, B as Lt, m as Ft, D as Wt, x as $t, E as qt } from "./ChaiBuilderEditor-hEuUONQ3.js";
 import { useTranslation as Ke } from "react-i18next";
 import { S as G } from "./separator-SctTn0Qi.js";
-import { a as Ye, u as ve } from "./useDarkMode-JWkrNFpH.js";
+import { a as Ye, u as ve } from "./useDarkMode-ZKCO_gkt.js";
 import { S as Ut, D as zt, c as Ht, d as Kt, h as Yt, i as Vt, f as Xt, H as Jt, a as Zt, b as Gt } from "./dropdown-menu-S03K_fNs.js";
 import { L as Qt } from "./label-KaP7MRrs.js";
-import { b as en, u as tn, a as Ve } from "./useFeatureSupport-jWSuY7wk.js";
+import { b as en, u as tn, a as Ve } from "./useFeatureSupport-OLwNgEZb.js";
 import { A as nn, a as rn, b as sn, c as on, e as an, f as ln, d as cn, h as dn, g as un } from "./alert-dialog-GNfnpqFB.js";
 import { useAtom as J } from "jotai";
 import { flip as pn } from "@floating-ui/dom";
 import { useFloating as fn, shift as hn } from "@floating-ui/react-dom";
 import { useDrag as mn } from "react-dnd";
-import { c as yn, a as gn, u as Xe } from "./useAllBlocks-lX6uVO39.js";
+import { c as yn, a as gn, u as Xe } from "./useAllBlocks-PQKYvs-e.js";
 import { useResizeObserver as vn } from "@react-hookz/web";
 import { tailwindcssPaletteGenerator as xn } from "@bobthered/tailwindcss-palette-generator";
 import { Provider as bn } from "react-wrap-balancer";
 import { twMerge as jn } from "tailwind-merge";
 import { g as wn, S as Je, a as Ee } from "./MODIFIERS-DsEzQ3aH.js";
-import { getChaiDataProviders as kn, getBlockComponent as Cn } from "@chaibuilder/blocks";
+import { A as kn, h as Cn } from "./index-ehKdBRUK.js";
 import { u as Ze } from "./useChaiExternalData-4K9WxANa.js";
 import Se from "react-dom";
 import "@radix-ui/react-slot";
@@ -1269,7 +1269,7 @@ const tr = () => {
       )
     }
   );
-}, sr = mt(() => import("./AddBlocks-xR2s2BVa.js")), Qr = () => {
+}, sr = mt(() => import("./AddBlocks-H7BZYHUC.js")), Qr = () => {
   const [n, t] = J($t);
   return /* @__PURE__ */ e.jsxs("div", { className: "flex h-full w-full flex-col", children: [
     /* @__PURE__ */ e.jsx(Bn, {}),