@chaibuilder/sdk 1.2.30 → 1.2.32

package/dist/{AddBlocks-u1FkSHNj.js → AddBlocks-0eVRNr1d.js}

@@ -3,7 +3,7 @@ import y, { createElement as D, useState as g, useCallback as O, useMemo as U, u
 import { has as F, isFunction as W, first as h, omit as Y, noop as J, isEmpty as b, filter as v, values as k, groupBy as w, mergeWith as K, isArray as L, keys as Q, get as X, map as A, uniq as Z, includes as $, find as ee, reject as I } from "lodash-es";
 import { useAtom as N } from "jotai";
 import { useTranslation as H } from "react-i18next";
-import { L as _, r as S, Y as se, at as P, ap as te, aq as re, ar as oe, h as T, a3 as G, aj as le, ak as ae, al as ie, am as ce, an as E, bo as ne, bp as de, bq as me, br as pe, aB as ue, bs as xe, bt as he, B as fe, bu as ge, bv as je, bw as be, au as ve, av as ke, aw as C, bi as ye, bb as Be, bc as Ne, bd as Ce, be as we, S as Ae } from "./index-HiiWSXkE.js";
+import { L as _, r as S, Y as se, at as P, ap as te, aq as re, ar as oe, h as T, a3 as G, aj as le, ak as ae, al as ie, am as ce, an as E, bo as ne, bp as de, bq as me, br as pe, aB as ue, bs as xe, bt as he, B as fe, bu as ge, bv as je, bw as be, au as ve, av as ke, aw as C, bi as ye, bb as Be, bc as Ne, bd as Ce, be as we, S as Ae } from "./index-hH5SIZ29.js";
 import { BoxIcon as Te } from "@radix-ui/react-icons";
 import { syncBlocksWithDefaults as M, useChaiBlocks as q } from "@chaibuilder/runtime";
 import { useFeature as _e } from "flagged";

package/dist/{AddBlocks-UxJOFB9M.cjs → AddBlocks-t0hKDSud.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-Z_BpKhVy.cjs"),n=require("react"),t=require("lodash-es"),y=require("jotai"),v=require("react-i18next"),s=require("./index-12HbDLon.cjs"),B=require("@radix-ui/react-icons"),b=require("@chaibuilder/runtime"),q=require("flagged"),R=require("./STRINGS-gPz7CUOk.cjs"),N=require("lucide-react"),C=require("./html-to-json-Xhu27KFD.cjs");require("./_commonjsHelpers-wDK0ZLPo.cjs");require("./Functions-N3yhPYKY.cjs");require("clsx");require("tailwind-merge");require("@react-hookz/web");require("./MODIFIERS-YPHRtwrM.cjs");require("./Class-Zc8hpE7f.cjs");require("@radix-ui/react-toggle");require("class-variance-authority");require("@radix-ui/react-switch");require("@radix-ui/react-slot");require("@radix-ui/react-accordion");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-dialog");require("@radix-ui/react-label");require("@radix-ui/react-scroll-area");require("@radix-ui/react-tabs");require("@radix-ui/react-tooltip");require("@radix-ui/react-popover");require("@radix-ui/react-menubar");require("@radix-ui/react-hover-card");require("@radix-ui/react-select");require("@radix-ui/react-dropdown-menu");require("@radix-ui/react-separator");require("@radix-ui/react-toast");require("cmdk");require("@radix-ui/react-context-menu");require("react-icons-picker");require("react-dom");require("react-quill");require("himalaya");const T=({block:r})=>{const{type:i,icon:u,label:c}=r,{addCoreBlock:m,addPredefinedBlock:d}=s.useAddBlock(),[x,o]=s.useSelectedBlockIds(),[,j]=s.useHighlightBlockId(),[,p]=y.useAtom(s.activePanelAtom),l=()=>{if(t.has(r,"blocks")){const h=t.isFunction(r.blocks)?r.blocks():r.blocks;d(b.syncBlocksWithDefaults(h),t.first(x))}else m(r,t.first(x));p(R.OUTLINE_KEY)},a=q.useFeature("dnd");return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsxs(s.Tooltip,{children:[e.jsxRuntimeExports.jsx(s.TooltipTrigger,{asChild:!0,children:e.jsxRuntimeExports.jsxs("button",{onClick:l,type:"button",onDragStart:h=>{h.dataTransfer.setData("text/plain",JSON.stringify(t.omit(r,["component","icon"]))),setTimeout(()=>{o([]),j(null),p(R.OUTLINE_KEY)},200)},draggable:a?"true":"false",className:"space-y-2 rounded-lg border border-border p-3 text-center hover:bg-slate-300/50 "+(a?"cursor-grab":"cursor-pointer"),children:[n.createElement(u||B.BoxIcon,{className:"w-4 h-4 mx-auto"}),e.jsxRuntimeExports.jsx("p",{className:"text-xs",children:c||i})]})}),e.jsxRuntimeExports.jsx(s.TooltipContent,{children:e.jsxRuntimeExports.jsx("p",{children:c||i})})]})})},A=({block:r,closePopover:i})=>{const[u,c]=n.useState(!1),m=s.useBuilderProp("getExternalPredefinedBlock",t.noop()),{addCoreBlock:d,addPredefinedBlock:x}=s.useAddBlock(),[o]=s.useSelectedBlockIds(),j=n.useCallback(async p=>{if(p.stopPropagation(),t.has(r,"component")){d(r,t.first(o)),i();return}c(!0);const l=await m(r);t.isEmpty(l)||x(b.syncBlocksWithDefaults(l),t.first(o)),i()},[r]);return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsxs("div",{onClick:u?()=>{}:j,className:"relative cursor-pointer overflow-hidden rounded-md border border-transparent duration-200 hover:scale-x-105 hover:border-foreground/20 hover:shadow-2xl",children:[u&&e.jsxRuntimeExports.jsxs("div",{className:"absolute flex h-full w-full items-center justify-center bg-black bg-opacity-70",children:[e.jsxRuntimeExports.jsx(N.Loader,{className:"animate-spin",size:15,color:"white"})," ",e.jsxRuntimeExports.jsx("span",{className:"pl-2 text-sm text-white",children:"Adding..."})]}),r.preview?e.jsxRuntimeExports.jsx("img",{src:r.preview,className:"min-h-[50px] w-full rounded-md border border-gray-300",alt:r.label}):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:r.label})})]})})},w=()=>{const{data:r}=s.useUILibraryBlocks(),i=b.useChaiBlocks(),u=t.filter(t.values(i),{category:"custom"}),c=t.groupBy(u,"group"),m=t.groupBy(r,"group"),d=n.useMemo(()=>t.mergeWith(c,m,(l,a)=>{if(t.isArray(l)&&t.isArray(a))return[...l,...a]}),[c,m]),[x,o]=n.useState(t.first(t.keys(d))||""),[,j]=y.useAtom(s.activePanelAtom),p=t.get(d,x,[]);return e.jsxRuntimeExports.jsxs("div",{className:"relative flex h-full max-h-full flex-col overflow-hidden py-2",children:[e.jsxRuntimeExports.jsx("div",{className:"sticky top-0 flex w-full items-center p-3",children:e.jsxRuntimeExports.jsxs(s.Select,{value:x,onValueChange:l=>o(l),children:[e.jsxRuntimeExports.jsx(s.SelectTrigger,{className:"w-full",children:e.jsxRuntimeExports.jsx(s.SelectValue,{placeholder:"Select a provider"})}),e.jsxRuntimeExports.jsxs(s.SelectContent,{children:[e.jsxRuntimeExports.jsx(s.SelectItem,{value:"",children:"Choose"}),n.Children.toArray(t.map(d,(l,a)=>e.jsxRuntimeExports.jsx(s.SelectItem,{value:a,children:a},a)))]})]})}),e.jsxRuntimeExports.jsx("div",{className:"h-full w-full space-y-2 overflow-y-auto px-2",children:n.Children.toArray(p.map(l=>e.jsxRuntimeExports.jsx(A,{block:l,closePopover:()=>j(R.OUTLINE_KEY)})))})]})},S=()=>{const{t:r}=v.useTranslation(),[i,u]=n.useState(""),{addPredefinedBlock:c}=s.useAddBlock(),[m]=s.useSelectedBlockIds(),[,d]=y.useAtom(s.activePanelAtom),x=()=>{const o=C.getBlocksFromHTML(i);c([...o],t.first(m)||null),u(""),d(R.OUTLINE_KEY)};return e.jsxRuntimeExports.jsxs(s.Card,{className:"border-border/0 p-0 shadow-none",children:[e.jsxRuntimeExports.jsx(s.CardHeader,{className:"p-3",children:e.jsxRuntimeExports.jsx(s.CardDescription,{children:r("html_snippet_description")})}),e.jsxRuntimeExports.jsx(s.CardContent,{className:"space-y-2 px-3 py-0",children:e.jsxRuntimeExports.jsxs("div",{className:"space-y-1",children:[e.jsxRuntimeExports.jsx(s.Label,{htmlFor:"current",className:"text-sm",children:r("tailwind_html_snippet")}),e.jsxRuntimeExports.jsx(s.Textarea,{autoFocus:!0,tabIndex:1,ref:o=>o&&o.focus(),onChange:o=>u(o.target.value),rows:12,value:i,placeholder:r("enter_code_snippet"),className:"resize-none overflow-x-auto whitespace-pre bg-gray-100 font-mono text-xs font-normal"})]})}),e.jsxRuntimeExports.jsxs(s.CardFooter,{className:"flex flex-col justify-end p-3",children:[e.jsxRuntimeExports.jsx(s.Button,{disabled:i.trim()==="",onClick:()=>x(),size:"sm",className:"w-full",children:r("import_html")}),e.jsxRuntimeExports.jsx(s.Alert,{variant:"default",className:"mt-2 border-none p-1 text-gray-400",children:e.jsxRuntimeExports.jsx(s.AlertTitle,{className:"text-xs font-normal leading-4",children:r("note_imported_html")})})]})]})},_=()=>{const{t:r}=v.useTranslation(),[i,u]=n.useState("core"),[c,m]=n.useState("basic"),d=b.useChaiBlocks(),[,x]=y.useAtom(s.showPredefinedBlockCategoryAtom),o=s.useBuilderProp("importHTMLSupport",!0),j=s.useBuilderProp("filterChaiBlock",()=>!0),{data:p,isLoading:l}=s.useUILibraryBlocks(),a=t.filter(d,j),h=t.groupBy(a,"category"),g=t.uniq(t.map(h.core,"group"));n.useEffect(()=>{!t.includes(g,c)&&!t.isEmpty(g)&&!t.isEmpty(c)&&m(t.first(g))},[g,c]);const E=!l&&!t.isEmpty(p)||t.find(t.values(a),{category:"custom"})!==void 0;return e.jsxRuntimeExports.jsxs("div",{className:"flex h-full w-72 flex-col overflow-hidden",children:[e.jsxRuntimeExports.jsxs("div",{className:"mb-2 flex flex-col justify-between rounded-md bg-background/30 p-1",children:[e.jsxRuntimeExports.jsx("h1",{className:"flex flex-col items-baseline px-1 text-xl font-semibold xl:flex-col",children:r("add_block")}),e.jsxRuntimeExports.jsx("span",{className:"p-0 text-xs font-light leading-3 opacity-80 xl:pl-1",children:r(i==="html"?"enter_paste_tailwind_html":"click_to_add_block")})]}),e.jsxRuntimeExports.jsx(s.Tabs,{onValueChange:f=>{x(""),u(f)},value:i,className:"h-max",children:e.jsxRuntimeExports.jsxs(s.TabsList,{className:"grid w-full "+(E&&o?"grid-cols-3":E&&!o||!E&&o?"grid-cols-2":"grid-cols-1"),children:[e.jsxRuntimeExports.jsx(s.TabsTrigger,{value:"core",children:r("Blocks")}),E?e.jsxRuntimeExports.jsx(s.TabsTrigger,{value:"ui-blocks",children:r("ui_library")}):null,o?e.jsxRuntimeExports.jsx(s.TabsTrigger,{value:"html",children:r("import")}):null]})}),i==="core"&&e.jsxRuntimeExports.jsx(s.ScrollArea,{className:"-mx-1.5 h-full",children:e.jsxRuntimeExports.jsx("div",{className:"mt-2 w-full",children:n.Children.toArray(t.map(g,f=>t.reject(t.filter(t.values(h.core),{group:f}),{hidden:!0}).length?e.jsxRuntimeExports.jsx(s.Accordion,{type:"single",value:f,collapsible:!0,className:"w-full",children:e.jsxRuntimeExports.jsxs(s.AccordionItem,{value:f,children:[e.jsxRuntimeExports.jsx(s.AccordionTrigger,{className:"rounded-md bg-gray-100 px-4 py-2 capitalize",children:f}),e.jsxRuntimeExports.jsx(s.AccordionContent,{className:"p-3",children:e.jsxRuntimeExports.jsx("div",{className:"grid grid-cols-3 gap-2",children:n.Children.toArray(t.reject(t.filter(t.values(h.core),{group:f}),{hidden:!0}).map(k=>e.jsxRuntimeExports.jsx(T,{block:k})))})})]})}):null))})}),i==="ui-blocks"&&e.jsxRuntimeExports.jsx(n.Suspense,{fallback:e.jsxRuntimeExports.jsx(s.Skeleton,{className:"h-32 w-full"}),children:e.jsxRuntimeExports.jsx(w,{})}),i==="html"&&o?e.jsxRuntimeExports.jsx(S,{}):null]})};exports.default=_;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-Z_BpKhVy.cjs"),n=require("react"),t=require("lodash-es"),y=require("jotai"),v=require("react-i18next"),s=require("./index-FPBudsRF.cjs"),B=require("@radix-ui/react-icons"),b=require("@chaibuilder/runtime"),q=require("flagged"),R=require("./STRINGS-gPz7CUOk.cjs"),N=require("lucide-react"),C=require("./html-to-json-Xhu27KFD.cjs");require("./_commonjsHelpers-wDK0ZLPo.cjs");require("./Functions-N3yhPYKY.cjs");require("clsx");require("tailwind-merge");require("@react-hookz/web");require("./MODIFIERS-YPHRtwrM.cjs");require("./Class-Zc8hpE7f.cjs");require("@radix-ui/react-toggle");require("class-variance-authority");require("@radix-ui/react-switch");require("@radix-ui/react-slot");require("@radix-ui/react-accordion");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-dialog");require("@radix-ui/react-label");require("@radix-ui/react-scroll-area");require("@radix-ui/react-tabs");require("@radix-ui/react-tooltip");require("@radix-ui/react-popover");require("@radix-ui/react-menubar");require("@radix-ui/react-hover-card");require("@radix-ui/react-select");require("@radix-ui/react-dropdown-menu");require("@radix-ui/react-separator");require("@radix-ui/react-toast");require("cmdk");require("@radix-ui/react-context-menu");require("react-icons-picker");require("react-dom");require("react-quill");require("himalaya");const T=({block:r})=>{const{type:i,icon:u,label:c}=r,{addCoreBlock:m,addPredefinedBlock:d}=s.useAddBlock(),[x,o]=s.useSelectedBlockIds(),[,j]=s.useHighlightBlockId(),[,p]=y.useAtom(s.activePanelAtom),l=()=>{if(t.has(r,"blocks")){const h=t.isFunction(r.blocks)?r.blocks():r.blocks;d(b.syncBlocksWithDefaults(h),t.first(x))}else m(r,t.first(x));p(R.OUTLINE_KEY)},a=q.useFeature("dnd");return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsxs(s.Tooltip,{children:[e.jsxRuntimeExports.jsx(s.TooltipTrigger,{asChild:!0,children:e.jsxRuntimeExports.jsxs("button",{onClick:l,type:"button",onDragStart:h=>{h.dataTransfer.setData("text/plain",JSON.stringify(t.omit(r,["component","icon"]))),setTimeout(()=>{o([]),j(null),p(R.OUTLINE_KEY)},200)},draggable:a?"true":"false",className:"space-y-2 rounded-lg border border-border p-3 text-center hover:bg-slate-300/50 "+(a?"cursor-grab":"cursor-pointer"),children:[n.createElement(u||B.BoxIcon,{className:"w-4 h-4 mx-auto"}),e.jsxRuntimeExports.jsx("p",{className:"text-xs",children:c||i})]})}),e.jsxRuntimeExports.jsx(s.TooltipContent,{children:e.jsxRuntimeExports.jsx("p",{children:c||i})})]})})},A=({block:r,closePopover:i})=>{const[u,c]=n.useState(!1),m=s.useBuilderProp("getExternalPredefinedBlock",t.noop()),{addCoreBlock:d,addPredefinedBlock:x}=s.useAddBlock(),[o]=s.useSelectedBlockIds(),j=n.useCallback(async p=>{if(p.stopPropagation(),t.has(r,"component")){d(r,t.first(o)),i();return}c(!0);const l=await m(r);t.isEmpty(l)||x(b.syncBlocksWithDefaults(l),t.first(o)),i()},[r]);return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsxs("div",{onClick:u?()=>{}:j,className:"relative cursor-pointer overflow-hidden rounded-md border border-transparent duration-200 hover:scale-x-105 hover:border-foreground/20 hover:shadow-2xl",children:[u&&e.jsxRuntimeExports.jsxs("div",{className:"absolute flex h-full w-full items-center justify-center bg-black bg-opacity-70",children:[e.jsxRuntimeExports.jsx(N.Loader,{className:"animate-spin",size:15,color:"white"})," ",e.jsxRuntimeExports.jsx("span",{className:"pl-2 text-sm text-white",children:"Adding..."})]}),r.preview?e.jsxRuntimeExports.jsx("img",{src:r.preview,className:"min-h-[50px] w-full rounded-md border border-gray-300",alt:r.label}):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:r.label})})]})})},w=()=>{const{data:r}=s.useUILibraryBlocks(),i=b.useChaiBlocks(),u=t.filter(t.values(i),{category:"custom"}),c=t.groupBy(u,"group"),m=t.groupBy(r,"group"),d=n.useMemo(()=>t.mergeWith(c,m,(l,a)=>{if(t.isArray(l)&&t.isArray(a))return[...l,...a]}),[c,m]),[x,o]=n.useState(t.first(t.keys(d))||""),[,j]=y.useAtom(s.activePanelAtom),p=t.get(d,x,[]);return e.jsxRuntimeExports.jsxs("div",{className:"relative flex h-full max-h-full flex-col overflow-hidden py-2",children:[e.jsxRuntimeExports.jsx("div",{className:"sticky top-0 flex w-full items-center p-3",children:e.jsxRuntimeExports.jsxs(s.Select,{value:x,onValueChange:l=>o(l),children:[e.jsxRuntimeExports.jsx(s.SelectTrigger,{className:"w-full",children:e.jsxRuntimeExports.jsx(s.SelectValue,{placeholder:"Select a provider"})}),e.jsxRuntimeExports.jsxs(s.SelectContent,{children:[e.jsxRuntimeExports.jsx(s.SelectItem,{value:"",children:"Choose"}),n.Children.toArray(t.map(d,(l,a)=>e.jsxRuntimeExports.jsx(s.SelectItem,{value:a,children:a},a)))]})]})}),e.jsxRuntimeExports.jsx("div",{className:"h-full w-full space-y-2 overflow-y-auto px-2",children:n.Children.toArray(p.map(l=>e.jsxRuntimeExports.jsx(A,{block:l,closePopover:()=>j(R.OUTLINE_KEY)})))})]})},S=()=>{const{t:r}=v.useTranslation(),[i,u]=n.useState(""),{addPredefinedBlock:c}=s.useAddBlock(),[m]=s.useSelectedBlockIds(),[,d]=y.useAtom(s.activePanelAtom),x=()=>{const o=C.getBlocksFromHTML(i);c([...o],t.first(m)||null),u(""),d(R.OUTLINE_KEY)};return e.jsxRuntimeExports.jsxs(s.Card,{className:"border-border/0 p-0 shadow-none",children:[e.jsxRuntimeExports.jsx(s.CardHeader,{className:"p-3",children:e.jsxRuntimeExports.jsx(s.CardDescription,{children:r("html_snippet_description")})}),e.jsxRuntimeExports.jsx(s.CardContent,{className:"space-y-2 px-3 py-0",children:e.jsxRuntimeExports.jsxs("div",{className:"space-y-1",children:[e.jsxRuntimeExports.jsx(s.Label,{htmlFor:"current",className:"text-sm",children:r("tailwind_html_snippet")}),e.jsxRuntimeExports.jsx(s.Textarea,{autoFocus:!0,tabIndex:1,ref:o=>o&&o.focus(),onChange:o=>u(o.target.value),rows:12,value:i,placeholder:r("enter_code_snippet"),className:"resize-none overflow-x-auto whitespace-pre bg-gray-100 font-mono text-xs font-normal"})]})}),e.jsxRuntimeExports.jsxs(s.CardFooter,{className:"flex flex-col justify-end p-3",children:[e.jsxRuntimeExports.jsx(s.Button,{disabled:i.trim()==="",onClick:()=>x(),size:"sm",className:"w-full",children:r("import_html")}),e.jsxRuntimeExports.jsx(s.Alert,{variant:"default",className:"mt-2 border-none p-1 text-gray-400",children:e.jsxRuntimeExports.jsx(s.AlertTitle,{className:"text-xs font-normal leading-4",children:r("note_imported_html")})})]})]})},_=()=>{const{t:r}=v.useTranslation(),[i,u]=n.useState("core"),[c,m]=n.useState("basic"),d=b.useChaiBlocks(),[,x]=y.useAtom(s.showPredefinedBlockCategoryAtom),o=s.useBuilderProp("importHTMLSupport",!0),j=s.useBuilderProp("filterChaiBlock",()=>!0),{data:p,isLoading:l}=s.useUILibraryBlocks(),a=t.filter(d,j),h=t.groupBy(a,"category"),g=t.uniq(t.map(h.core,"group"));n.useEffect(()=>{!t.includes(g,c)&&!t.isEmpty(g)&&!t.isEmpty(c)&&m(t.first(g))},[g,c]);const E=!l&&!t.isEmpty(p)||t.find(t.values(a),{category:"custom"})!==void 0;return e.jsxRuntimeExports.jsxs("div",{className:"flex h-full w-72 flex-col overflow-hidden",children:[e.jsxRuntimeExports.jsxs("div",{className:"mb-2 flex flex-col justify-between rounded-md bg-background/30 p-1",children:[e.jsxRuntimeExports.jsx("h1",{className:"flex flex-col items-baseline px-1 text-xl font-semibold xl:flex-col",children:r("add_block")}),e.jsxRuntimeExports.jsx("span",{className:"p-0 text-xs font-light leading-3 opacity-80 xl:pl-1",children:r(i==="html"?"enter_paste_tailwind_html":"click_to_add_block")})]}),e.jsxRuntimeExports.jsx(s.Tabs,{onValueChange:f=>{x(""),u(f)},value:i,className:"h-max",children:e.jsxRuntimeExports.jsxs(s.TabsList,{className:"grid w-full "+(E&&o?"grid-cols-3":E&&!o||!E&&o?"grid-cols-2":"grid-cols-1"),children:[e.jsxRuntimeExports.jsx(s.TabsTrigger,{value:"core",children:r("Blocks")}),E?e.jsxRuntimeExports.jsx(s.TabsTrigger,{value:"ui-blocks",children:r("ui_library")}):null,o?e.jsxRuntimeExports.jsx(s.TabsTrigger,{value:"html",children:r("import")}):null]})}),i==="core"&&e.jsxRuntimeExports.jsx(s.ScrollArea,{className:"-mx-1.5 h-full",children:e.jsxRuntimeExports.jsx("div",{className:"mt-2 w-full",children:n.Children.toArray(t.map(g,f=>t.reject(t.filter(t.values(h.core),{group:f}),{hidden:!0}).length?e.jsxRuntimeExports.jsx(s.Accordion,{type:"single",value:f,collapsible:!0,className:"w-full",children:e.jsxRuntimeExports.jsxs(s.AccordionItem,{value:f,children:[e.jsxRuntimeExports.jsx(s.AccordionTrigger,{className:"rounded-md bg-gray-100 px-4 py-2 capitalize",children:f}),e.jsxRuntimeExports.jsx(s.AccordionContent,{className:"p-3",children:e.jsxRuntimeExports.jsx("div",{className:"grid grid-cols-3 gap-2",children:n.Children.toArray(t.reject(t.filter(t.values(h.core),{group:f}),{hidden:!0}).map(k=>e.jsxRuntimeExports.jsx(T,{block:k})))})})]})}):null))})}),i==="ui-blocks"&&e.jsxRuntimeExports.jsx(n.Suspense,{fallback:e.jsxRuntimeExports.jsx(s.Skeleton,{className:"h-32 w-full"}),children:e.jsxRuntimeExports.jsx(w,{})}),i==="html"&&o?e.jsxRuntimeExports.jsx(S,{}):null]})};exports.default=_;

package/dist/{BrandingOptions-RDn_Nhcq.cjs → BrandingOptions-NVmCxZfD.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./jsx-runtime-Z_BpKhVy.cjs"),B=require("react"),R=require("@rjsf/validator-ajv8"),E=require("@rjsf/core"),p=require("./index-12HbDLon.cjs"),r=require("./controls-KK2oLIa8.cjs"),f=require("lodash-es");require("./_commonjsHelpers-wDK0ZLPo.cjs");require("./Functions-N3yhPYKY.cjs");require("clsx");require("tailwind-merge");require("@chaibuilder/runtime");require("jotai");require("./STRINGS-gPz7CUOk.cjs");require("@react-hookz/web");require("./MODIFIERS-YPHRtwrM.cjs");require("./Class-Zc8hpE7f.cjs");require("react-i18next");require("@radix-ui/react-toggle");require("class-variance-authority");require("@radix-ui/react-switch");require("@radix-ui/react-slot");require("@radix-ui/react-accordion");require("@radix-ui/react-icons");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-dialog");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-menubar");require("@radix-ui/react-hover-card");require("@radix-ui/react-select");require("@radix-ui/react-dropdown-menu");require("@radix-ui/react-separator");require("@radix-ui/react-toast");require("cmdk");require("@radix-ui/react-context-menu");require("react-icons-picker");require("react-dom");require("react-quill");function N(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const i in t)if(i!=="default"){const l=Object.getOwnPropertyDescriptor(t,i);Object.defineProperty(e,i,l.get?l:{enumerable:!0,get:()=>t[i]})}}return e.default=t,Object.freeze(e)}const x=N(B),k=({value:t,onChange:e,id:i,onBlur:l})=>{const n=f.debounce(e,200),v=u=>n(u.target.value);return a.jsxRuntimeExports.jsx("div",{className:"mt-1.5 flex items-center gap-x-3",children:a.jsxRuntimeExports.jsx("div",{className:"flex w-3/5 flex-col",children:a.jsxRuntimeExports.jsx("input",{type:"color",className:"text-xs p-0",value:t,onBlur:({target:{value:u}})=>l(i,u),onChange:v})})})},m=[{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"}],P=()=>{const t=p.useBuilderProp("onSaveBrandingOptions",f.noop),[e,i]=p.useBrandingOptions(),[l]=p.useBlocksContainer(),n=x.useRef(e);x.useEffect(()=>()=>{f.isEqual(e,n.current)||t(n.current)},[]);const v=({formData:o},c)=>{c&&(i(o),n.current=o)},{bodyFont:u,headingFont:q,primaryColor:b,bodyTextDarkColor:h,bodyTextLightColor:y,bodyBgDarkColor:S,secondaryColor:C,bodyBgLightColor:O,roundedCorners:j}=e;let s={headingFont:r.s({title:"Heading font",default:q,options:m}),bodyFont:r.s({title:"Body font",default:u,options:m}),roundedCorners:r.c({title:"Rounded Corner",default:parseInt(j||5,10)}),primaryColor:r.f({title:"Primary",default:b}),secondaryColor:r.f({title:"Secondary",default:C})};l||(s={...s,bodyBgLightColor:r.f({title:"Body Background (Light Mode)",default:O}),bodyTextLightColor:r.f({title:"Body Text (Light Mode)",default:h}),bodyBgDarkColor:r.f({title:"Body Background (Dark mode)",default:S}),bodyTextDarkColor:r.f({title:"Body Text (Dark mode)",default:y})});const d={type:"object",properties:{}},g={};return Object.keys(s).forEach(o=>{const c=s[o];return d.properties||(d.properties={}),d.properties[o]=c.schema,g[o]=c.uiSchema,!0}),a.jsxRuntimeExports.jsxs("div",{className:"flex h-full w-60 select-none flex-col",children:[a.jsxRuntimeExports.jsx("div",{className:"rounded-md bg-background/30 p-1",children:a.jsxRuntimeExports.jsx("h1",{className:"px-1 font-semibold",children:"Branding Options"})}),a.jsxRuntimeExports.jsx("div",{className:"-mx-2",children:a.jsxRuntimeExports.jsx(E,{widgets:{color:k},idSeparator:".",autoComplete:"off",omitExtraData:!0,liveOmit:!0,liveValidate:!0,uiSchema:g,schema:d,formData:e,validator:R,onChange:v})})]})};exports.default=P;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./jsx-runtime-Z_BpKhVy.cjs"),B=require("react"),R=require("@rjsf/validator-ajv8"),E=require("@rjsf/core"),p=require("./index-FPBudsRF.cjs"),r=require("./controls-KK2oLIa8.cjs"),f=require("lodash-es");require("./_commonjsHelpers-wDK0ZLPo.cjs");require("./Functions-N3yhPYKY.cjs");require("clsx");require("tailwind-merge");require("@chaibuilder/runtime");require("jotai");require("./STRINGS-gPz7CUOk.cjs");require("@react-hookz/web");require("./MODIFIERS-YPHRtwrM.cjs");require("./Class-Zc8hpE7f.cjs");require("react-i18next");require("@radix-ui/react-toggle");require("class-variance-authority");require("@radix-ui/react-switch");require("@radix-ui/react-slot");require("@radix-ui/react-accordion");require("@radix-ui/react-icons");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-dialog");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-menubar");require("@radix-ui/react-hover-card");require("@radix-ui/react-select");require("@radix-ui/react-dropdown-menu");require("@radix-ui/react-separator");require("@radix-ui/react-toast");require("cmdk");require("@radix-ui/react-context-menu");require("react-icons-picker");require("react-dom");require("react-quill");function N(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const i in t)if(i!=="default"){const l=Object.getOwnPropertyDescriptor(t,i);Object.defineProperty(e,i,l.get?l:{enumerable:!0,get:()=>t[i]})}}return e.default=t,Object.freeze(e)}const x=N(B),k=({value:t,onChange:e,id:i,onBlur:l})=>{const n=f.debounce(e,200),v=u=>n(u.target.value);return a.jsxRuntimeExports.jsx("div",{className:"mt-1.5 flex items-center gap-x-3",children:a.jsxRuntimeExports.jsx("div",{className:"flex w-3/5 flex-col",children:a.jsxRuntimeExports.jsx("input",{type:"color",className:"text-xs p-0",value:t,onBlur:({target:{value:u}})=>l(i,u),onChange:v})})})},m=[{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"}],P=()=>{const t=p.useBuilderProp("onSaveBrandingOptions",f.noop),[e,i]=p.useBrandingOptions(),[l]=p.useBlocksContainer(),n=x.useRef(e);x.useEffect(()=>()=>{f.isEqual(e,n.current)||t(n.current)},[]);const v=({formData:o},c)=>{c&&(i(o),n.current=o)},{bodyFont:u,headingFont:q,primaryColor:b,bodyTextDarkColor:h,bodyTextLightColor:y,bodyBgDarkColor:S,secondaryColor:C,bodyBgLightColor:O,roundedCorners:j}=e;let s={headingFont:r.s({title:"Heading font",default:q,options:m}),bodyFont:r.s({title:"Body font",default:u,options:m}),roundedCorners:r.c({title:"Rounded Corner",default:parseInt(j||5,10)}),primaryColor:r.f({title:"Primary",default:b}),secondaryColor:r.f({title:"Secondary",default:C})};l||(s={...s,bodyBgLightColor:r.f({title:"Body Background (Light Mode)",default:O}),bodyTextLightColor:r.f({title:"Body Text (Light Mode)",default:h}),bodyBgDarkColor:r.f({title:"Body Background (Dark mode)",default:S}),bodyTextDarkColor:r.f({title:"Body Text (Dark mode)",default:y})});const d={type:"object",properties:{}},g={};return Object.keys(s).forEach(o=>{const c=s[o];return d.properties||(d.properties={}),d.properties[o]=c.schema,g[o]=c.uiSchema,!0}),a.jsxRuntimeExports.jsxs("div",{className:"flex h-full w-60 select-none flex-col",children:[a.jsxRuntimeExports.jsx("div",{className:"rounded-md bg-background/30 p-1",children:a.jsxRuntimeExports.jsx("h1",{className:"px-1 font-semibold",children:"Branding Options"})}),a.jsxRuntimeExports.jsx("div",{className:"-mx-2",children:a.jsxRuntimeExports.jsx(E,{widgets:{color:k},idSeparator:".",autoComplete:"off",omitExtraData:!0,liveOmit:!0,liveValidate:!0,uiSchema:g,schema:d,formData:e,validator:R,onChange:v})})]})};exports.default=P;

package/dist/{BrandingOptions-A3_c_sd7.js → BrandingOptions-yYAznnw2.js}

@@ -2,7 +2,7 @@ import { j as t } from "./jsx-runtime-WbnYoNE9.js";
 import * as c from "react";
 import N from "@rjsf/validator-ajv8";
 import j from "@rjsf/core";
-import { h as k, F as D, bD as w } from "./index-HiiWSXkE.js";
+import { h as k, F as D, bD as w } from "./index-hH5SIZ29.js";
 import { s as f, c as P, f as a } from "./controls-OfJWSEqC.js";
 import { debounce as R, noop as F, isEqual as L } from "lodash-es";
 import "./_commonjsHelpers-UyOWmZb0.js";

package/dist/{CanvasArea-3D9rpjpk.js → CanvasArea-2b4oSjRx.js}

@@ -2,10 +2,10 @@ var Le = Object.defineProperty;
 var Re = (n, o, e) => o in n ? Le(n, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[o] = e;
 var _ = (n, o, e) => (Re(n, typeof o != "symbol" ? o + "" : o, e), e);
 import { j as r } from "./jsx-runtime-WbnYoNE9.js";
-import A, { createElement as se, useCallback as P, useState as j, useEffect as b, Component as ue, Children as Fe, Suspense as he, useRef as oe, useMemo as Pe } from "react";
+import N, { createElement as se, useCallback as P, useState as j, useEffect as b, Component as ue, Children as Fe, Suspense as he, useRef as oe, useMemo as Pe } from "react";
 import { map as F, includes as ne, toUpper as Y, round as Oe, noop as T, has as Q, throttle as me, isEmpty as S, first as z, omit as He, pick as ze, get as f, isString as X, memoize as Ue, each as We, find as qe, filter as ge, isNull as Ke } from "lodash-es";
 import { ResetIcon as re, MobileIcon as ie, LaptopIcon as Ye, DesktopIcon as Je, DotsVerticalIcon as Qe, EraserIcon as Ze, ZoomInIcon as Ge, DragHandleDots2Icon as Xe, ArrowUpIcon as Ve, CopyIcon as et, TrashIcon as tt } from "@radix-ui/react-icons";
-import { v as fe, B as U, V as xe, aB as st, aC as ot, aD as nt, aE as rt, aF as it, N as V, ab as at, h as W, aG as lt, aH as ct, aI as dt, aJ as pt, aK as ut, aL as ht, aM as mt, r as C, ac as N, A as gt, a as ft, b as xt, c as $t, d as vt, e as yt, f as bt, g as kt, ai as wt, O as $e, aA as H, L as jt, aN as Ct, Y as E, a5 as Bt, aO as L, aP as St, E as ee, t as ve, q as ye, s as be, z as Dt, aQ as It, aR as ke, aS as _t, aT as At, F as Nt, aU as Et, a1 as Mt, aV as Tt, S as we } from "./index-HiiWSXkE.js";
+import { v as fe, B as U, V as xe, aB as st, aC as ot, aD as nt, aE as rt, aF as it, N as V, ab as at, h as W, aG as lt, aH as ct, aI as dt, aJ as pt, aK as ut, aL as ht, aM as mt, r as C, ac as A, A as gt, a as ft, b as xt, c as $t, d as vt, e as yt, f as bt, g as kt, ai as wt, O as $e, aA as H, L as jt, aN as Ct, Y as M, a5 as Bt, aO as L, aP as St, E as ee, t as ve, q as ye, s as be, z as Dt, aQ as It, aR as ke, aS as _t, aT as Nt, F as At, aU as Mt, a1 as Et, aV as Tt, S as we } from "./index-hH5SIZ29.js";
 import { useTranslation as q } from "react-i18next";
 import { useAtom as k } from "jotai";
 import ae from "react-dom";
@@ -15,16 +15,16 @@ import { useFeature as je } from "flagged";
 import { flip as Rt } from "@floating-ui/dom";
 import { useFloating as Ft, shift as Pt } from "@floating-ui/react-dom";
 import { useResizeObserver as Ot } from "@react-hookz/web";
-import { tailwindcssPaletteGenerator as Ht } from "@bobthered/tailwindcss-palette-generator";
-import zt from "@tailwindcss/typography";
-import Ut from "@tailwindcss/forms";
-import Wt from "@tailwindcss/aspect-ratio";
+import Ht from "@tailwindcss/typography";
+import zt from "@tailwindcss/forms";
+import Ut from "@tailwindcss/aspect-ratio";
+import Wt from "tailwindcss-palette-generator";
 import { Provider as qt } from "react-wrap-balancer";
 import { twMerge as Kt } from "tailwind-merge";
 import { S as le, a as Ce } from "./STRINGS--j49GZJP.js";
 import { getBlockComponent as Yt } from "@chaibuilder/runtime";
-import { u as Jt, B as Qt, E as Zt } from "./index-SEJRE2ab.js";
-import { u as Gt } from "./useCanvasSettings-unTQUdlP.js";
+import { u as Jt, B as Qt, E as Zt } from "./index-AJalHhkO.js";
+import { u as Gt } from "./useCanvasSettings-ikt217kv.js";
 import "./_commonjsHelpers-UyOWmZb0.js";
 import "./Functions-7jnEwJyw.js";
 import "clsx";
@@ -208,7 +208,7 @@ const ce = ({ landscape: n = !1 }) => /* @__PURE__ */ r.jsxs(
     ] })
   ] });
 }, ss = () => {
-  const { t: n } = q(), { setNewBlocks: o } = mt(), [, e] = C(), [, t] = N(), s = P(() => {
+  const { t: n } = q(), { setNewBlocks: o } = mt(), [, e] = C(), [, t] = A(), s = P(() => {
     o([]), e([]), t([]);
   }, [o]);
   return /* @__PURE__ */ r.jsx("div", { className: "flex items-center", children: /* @__PURE__ */ r.jsxs(gt, { children: [
@@ -330,7 +330,7 @@ const ce = ({ landscape: n = !1 }) => /* @__PURE__ */ r.jsxs(
 let Be, Se;
 typeof document < "u" && (Be = document);
 typeof window < "u" && (Se = window);
-const De = A.createContext({ document: Be, window: Se }), K = () => A.useContext(De), { Provider: is, Consumer: Eo } = De;
+const De = N.createContext({ document: Be, window: Se }), K = () => N.useContext(De), { Provider: is, Consumer: Mo } = De;
 class Ie extends ue {
   componentDidMount() {
     this.props.contentDidMount();
@@ -363,7 +363,7 @@ class Z extends ue {
     _(this, "loadCheck", () => setInterval(() => {
       this.handleLoad();
     }, 500));
-    this._isMounted = !1, this.nodeRef = A.createRef(), this.state = { iframeLoaded: !1 };
+    this._isMounted = !1, this.nodeRef = N.createRef(), this.state = { iframeLoaded: !1 };
   }
   componentDidMount() {
     this._isMounted = !0, this.getDoc() && this.nodeRef.current.contentWindow.addEventListener("DOMContentLoaded", this.handleLoad);
@@ -421,7 +421,7 @@ _(Z, "propTypes", {
   },
   initialContent: '<!DOCTYPE html><html><head></head><body><div class="frame-root"></div></body></html>'
 });
-const as = A.forwardRef((n, o) => /* @__PURE__ */ r.jsx(Z, { ...n, forwardedRef: o })), ls = () => {
+const as = N.forwardRef((n, o) => /* @__PURE__ */ r.jsx(Z, { ...n, forwardedRef: o })), ls = () => {
   const { addCoreBlock: n } = jt(), o = W("getExternalPredefinedBlock", T);
   return P(
     async (e) => {
@@ -450,7 +450,7 @@ const pe = (n, o, e) => {
   );
   _e = O.indexOf(c), o === "vertical" ? (s.style.top = n.offsetTop + c + "px", s.style.left = n.offsetLeft + d + "px") : (s.style.top = n.offsetTop + a + "px", s.style.left = n.offsetLeft + c + "px");
 }, ds = (n) => {
-  const o = Ae(n), e = window.getComputedStyle(n), t = o === "horizontal", s = parseInt(e.paddingLeft), d = parseInt(e.paddingTop);
+  const o = Ne(n), e = window.getComputedStyle(n), t = o === "horizontal", s = parseInt(e.paddingLeft), d = parseInt(e.paddingTop);
   let a = t ? s : d;
   O = [a], Array.from(n.children).forEach((i) => {
     const l = window.getComputedStyle(i), c = parseInt(
@@ -459,7 +459,7 @@ const pe = (n, o, e) => {
     O.push(a + p + c), a += p + c;
   });
 };
-function Ae(n) {
+function Ne(n) {
   const o = window.getComputedStyle(n).display, e = window.getComputedStyle(n).flexDirection;
   if (o === "flex")
     return e === "column" || e === "column-reverse" ? "vertical" : "horizontal";
@@ -473,7 +473,7 @@ function Ae(n) {
   return o === "block" ? "vertical" : "horizontal";
 }
 const ps = me((n) => {
-  const o = n.target, e = Ae(o);
+  const o = n.target, e = Ne(o);
   if (e === "vertical") {
     const t = n.clientY - o.offsetTop;
     pe(o, e, t);
@@ -489,7 +489,7 @@ function J() {
   n.style.display = "none";
 }
 const hs = () => {
-  const { document: n } = K(), [o, e] = k(Ct), t = ls(), s = je("dnd"), [, d] = E(), [, a] = C();
+  const { document: n } = K(), [o, e] = k(Ct), t = ls(), s = je("dnd"), [, d] = M(), [, a] = C();
   return B = n, {
     isDragging: o,
     "data-dnd": "branch",
@@ -526,7 +526,7 @@ function ms(n) {
   o && o.parentNode.removeChild(o), n = null;
 }
 const gs = () => {
-  const n = ["Heading", "Paragraph", "Text", "Link", "Span", "Button"], o = Bt(), [, e] = E(), [t, s] = k(L);
+  const n = ["Heading", "Paragraph", "Text", "Link", "Span", "Button"], o = Bt(), [, e] = M(), [t, s] = k(L);
   return (d) => {
     var m;
     if (t)
@@ -546,7 +546,7 @@ const gs = () => {
     l.addEventListener("blur", p, !0), c.focus(), (m = l.querySelector(".ql-clipboard")) == null || m.remove(), s(a.getAttribute("data-block-id"));
   };
 }, fs = () => {
-  const [, n] = N(), [, o] = C(), [, e] = E(), [t] = k(L), [s] = k(St);
+  const [, n] = A(), [, o] = C(), [, e] = M(), [t] = k(L), [s] = k(St);
   return (d) => {
     if (t)
       return;
@@ -567,17 +567,17 @@ const gs = () => {
   const e = te(n.target);
   e != null && e.getAttribute("data-style-id") && o(e.getAttribute("data-style-id"));
 }, 100), $s = () => {
-  const [, n] = E(), [o] = k(L);
+  const [, n] = M(), [o] = k(L);
   return (e) => {
     o || xs(e, n);
   };
 }, vs = ({ children: n }) => {
-  const { document: o } = K(), [e] = C(), [t, s] = N();
+  const { document: o } = K(), [e] = C(), [t, s] = A();
   b(() => {
     setTimeout(() => {
       if (!S(t))
         return;
-      const c = Ne(o, z(e));
+      const c = Ae(o, z(e));
       if (c) {
         const p = c.getAttribute("data-style-prop");
         if (p) {
@@ -601,11 +601,11 @@ const gs = () => {
       children: n
     }
   );
-}, Ne = (n, o) => n.querySelector(`[data-block-id="${o}"]`), ys = () => {
-  const { window: n } = K(), [o, e] = C(), [t] = ee(), [, s] = N(), { undo: d, redo: a } = fe(), i = ve(), [, l] = ye(), c = be(), { savePage: p } = Dt(), [m] = k(L), [, h] = k(It), v = (g) => {
+}, Ae = (n, o) => n.querySelector(`[data-block-id="${o}"]`), ys = () => {
+  const { window: n } = K(), [o, e] = C(), [t] = ee(), [, s] = A(), { undo: d, redo: a } = fe(), i = ve(), [, l] = ye(), c = be(), { savePage: p } = Dt(), [m] = k(L), [, h] = k(It), $ = (g) => {
     g.key === "Enter" && (g.preventDefault(), o.length === 1 && h(z(o)));
   }, w = (g) => {
-    const u = t.find(($) => $._id === g);
+    const u = t.find((v) => v._id === g);
     return u ? u._parent : null;
   };
   return b(() => {
@@ -614,11 +614,11 @@ const gs = () => {
         e([]), s([]);
         return;
       }
-      if (v(u), !m && (u.key === "Delete" || u.key === "Backspace") && (u.preventDefault(), c(o)), u.ctrlKey || u.metaKey) {
+      if ($(u), !m && (u.key === "Delete" || u.key === "Backspace") && (u.preventDefault(), c(o)), u.ctrlKey || u.metaKey) {
         if (u.key === "ArrowUp") {
           u.preventDefault();
-          const $ = o.length > 0 ? w(o[0]) : null;
-          $ && e([$]);
+          const v = o.length > 0 ? w(o[0]) : null;
+          v && e([v]);
         }
         if (["z", "y", "d", "x", "c", "p", "s", "v"].includes(u.key)) {
           if (m && ["x", "z", "v"].includes(u.key))
@@ -633,7 +633,7 @@ const gs = () => {
     };
   }, [o, e, d, c, l, a, i, m, p, n]), null;
 }, bs = ({ block: n, label: o }) => {
-  const [, e] = C(), [, t] = E(), [, s] = k(ke), d = je("dnd");
+  const [, e] = C(), [, t] = M(), [, s] = k(ke), d = je("dnd");
   return /* @__PURE__ */ r.jsxs(
     "div",
     {
@@ -651,7 +651,7 @@ const gs = () => {
     }
   );
 }, ks = ({ selectedBlockElement: n, block: o }) => {
-  const e = be(), t = ve(), [, s] = C(), [, d] = N(), [a] = k(L), { floatingStyles: i, refs: l, update: c } = Ft({
+  const e = be(), t = ve(), [, s] = C(), [, d] = A(), [a] = k(L), { floatingStyles: i, refs: l, update: c } = Ft({
     placement: "top-start",
     middleware: [Pt(), Rt()],
     elements: {
@@ -685,7 +685,7 @@ const gs = () => {
             }
           ),
           _t(f(o, "_type", "")) ? /* @__PURE__ */ r.jsx(et, { className: "hover:scale-105", onClick: () => t([o == null ? void 0 : o._id]) }) : null,
-          At(f(o, "_type", "")) ? /* @__PURE__ */ r.jsx(tt, { className: "hover:scale-105", onClick: () => e([o == null ? void 0 : o._id]) }) : null
+          Nt(f(o, "_type", "")) ? /* @__PURE__ */ r.jsx(tt, { className: "hover:scale-105", onClick: () => e([o == null ? void 0 : o._id]) }) : null
         ] })
       ]
     }
@@ -944,7 +944,7 @@ const gs = () => {
     e(({ className: s }) => `.auto .${o(`hs-auto-mode-active${t}${s}`)}`);
   });
 }, js = ({ model: n }) => {
-  const [o] = Nt(), [e] = C(), [t] = xe(), [s] = E(), [d] = N(), [a] = k(ke), { document: i, window: l } = K(), [c] = j(i == null ? void 0 : i.getElementById("highlighted-block")), [p] = j(
+  const [o] = At(), [e] = C(), [t] = xe(), [s] = M(), [d] = A(), [a] = k(ke), { document: i, window: l } = K(), [c] = j(i == null ? void 0 : i.getElementById("highlighted-block")), [p] = j(
     i == null ? void 0 : i.getElementById("selected-block")
   ), [m] = j(
     i == null ? void 0 : i.getElementById("selected-styling-block")
@@ -952,31 +952,29 @@ const gs = () => {
   b(() => {
     t ? i == null || i.documentElement.classList.add("dark") : i == null || i.documentElement.classList.remove("dark");
   }, [t, i]);
-  const v = f(o, "headingFont", "DM Sans"), w = f(o, "bodyFont", "DM Sans");
+  const $ = f(o, "headingFont", "DM Sans"), w = f(o, "bodyFont", "DM Sans");
   return b(() => {
-    const g = f(o, "primaryColor", "#000"), u = f(o, "secondaryColor", "#FFF"), $ = Ht({
-      colors: [g, u],
-      names: ["primary", "secondary"]
-    });
-    $.primary.DEFAULT = g, $.secondary.DEFAULT = u;
-    const M = f(o, "roundedCorners", "0");
+    const g = f(o, "primaryColor", "#000"), u = f(o, "secondaryColor", "#FFF"), v = Wt([
+      { color: g, name: "primary" },
+      { color: u, name: "secondary" }
+    ]), E = f(o, "roundedCorners", "0");
     !l || !l.tailwind || (l.tailwind.config = {
       darkMode: "class",
       theme: {
         fontFamily: {
-          heading: [v],
+          heading: [$],
           body: [w]
         },
         extend: {
           borderRadius: {
-            global: `${M || "0"}px`
+            global: `${E || "0"}px`
           },
-          colors: $
+          colors: v
         }
       },
-      plugins: [zt, Ut, Wt, l.tailwind.plugin.withOptions(() => ws)]
+      plugins: [Ht, zt, Ut, l.tailwind.plugin.withOptions(() => ws)]
     });
-  }, [o, l, v, w]), b(() => {
+  }, [o, l, $, w]), b(() => {
     p && (p.textContent = `${F(e, (g) => `[data-block-id="${g}"]`).join(",")}{
                 outline: 1px solid ${e.length === 1 ? "#42a1fc" : "orange"} !important; outline-offset: -1px;
             }`);
@@ -993,23 +991,23 @@ const gs = () => {
                 outline: 1px solid #42a1fc !important; outline-offset: -1px;
             }`);
   }, [d, m]), b(() => {
-    const g = f(o, "bodyTextLightColor", "#64748b"), u = f(o, "bodyTextDarkColor", "#94a3b8"), $ = f(o, "bodyBgLightColor", "#FFFFFF"), M = f(o, "bodyBgDarkColor", "#0f172a");
-    i.body.className = `font-body antialiased text-[${g}] bg-[${$}] dark:text-[${u}] dark:bg-[${M}]`;
+    const g = f(o, "bodyTextLightColor", "#64748b"), u = f(o, "bodyTextDarkColor", "#94a3b8"), v = f(o, "bodyBgLightColor", "#FFFFFF"), E = f(o, "bodyBgDarkColor", "#0f172a");
+    i.body.className = `font-body antialiased text-[${g}] bg-[${v}] dark:text-[${u}] dark:bg-[${E}]`;
   }, [o, i, n]), n === "page" ? /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-    v && /* @__PURE__ */ r.jsx(
+    $ && /* @__PURE__ */ r.jsx(
       "link",
       {
         id: "heading-font",
         rel: "stylesheet",
         type: "text/css",
-        href: `https://fonts.googleapis.com/css2?family=${v.replace(
+        href: `https://fonts.googleapis.com/css2?family=${$.replace(
           / /g,
           "+"
         )}:wght@300;400;500;600;700;800;900&display=swap`,
         media: "all"
       }
     ),
-    w && v !== w && /* @__PURE__ */ r.jsx(
+    w && $ !== w && /* @__PURE__ */ r.jsx(
       "link",
       {
         id: "body-font",
@@ -1022,7 +1020,7 @@ const gs = () => {
         media: "all"
       }
     ),
-    v && /* @__PURE__ */ r.jsx("style", { children: `h1,h2,h3,h4,h5,h6{font-family: "${v}",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";}` })
+    $ && /* @__PURE__ */ r.jsx("style", { children: `h1,h2,h3,h4,h5,h6{font-family: "${$}",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;
 }, Cs = (n) => {
   const o = {};
@@ -1065,23 +1063,23 @@ function G({ blocks: n }) {
     }, {}),
     [e, o]
   );
-  return /* @__PURE__ */ r.jsx(r.Fragment, { children: A.Children.toArray(
+  return /* @__PURE__ */ r.jsx(r.Fragment, { children: N.Children.toArray(
     n.map((i, l) => {
       if (d === i._id)
         return null;
       const c = Cs(i), p = {};
       S(c) || Object.keys(c).forEach((u) => {
-        p[u] = A.Children.toArray(
-          c[u].map(($) => /* @__PURE__ */ r.jsx(G, { blocks: [qe(o, { _id: $ })] }))
+        p[u] = N.Children.toArray(
+          c[u].map((v) => /* @__PURE__ */ r.jsx(G, { blocks: [qe(o, { _id: v })] }))
         );
       });
       const m = ge(o, { _parent: i._id });
       p.children = m.length ? /* @__PURE__ */ r.jsx(G, { blocks: m }) : null;
-      const h = Yt(i._type), v = f(h, "builderComponent", f(h, "component", null));
-      if (Ke(v))
+      const h = Yt(i._type), $ = f(h, "builderComponent", f(h, "component", null));
+      if (Ke($))
         return /* @__PURE__ */ r.jsx("noscript", { children: `<!-- ${i == null ? void 0 : i._type} not registered -->` });
       const w = Q(h, "getBlockStateFrom") ? h == null ? void 0 : h.getBlockStateFrom(i, o) : [], g = a(w);
-      return /* @__PURE__ */ r.jsx(he, { children: A.createElement(v, {
+      return /* @__PURE__ */ r.jsx(he, { children: N.createElement($, {
         blockProps: {
           "data-block-id": i._id,
           "data-block-type": i._type,
@@ -1100,32 +1098,32 @@ function G({ blocks: n }) {
 const _s = () => {
   const [n] = ee(), o = S(n) ? null : /* @__PURE__ */ r.jsx(Qt, { children: /* @__PURE__ */ r.jsx(G, { blocks: ge(n, (e) => S(e._parent)) }) });
   return /* @__PURE__ */ r.jsx(qt, { children: o });
-}, As = (n, o) => n.querySelector(`[data-style-id="${o}"]`), Ns = () => {
-  const [n] = k(Et), [o] = ye(), [e] = V(), [, t] = C(), s = Mt(), [, d] = E(), a = oe(null), i = oe(null), [l, c] = j({ width: 0, height: 0 }), p = rs(l), [m, h] = j(0), [v, w] = j([]), [, g] = j([]), [, u] = k(Tt), [$, M] = N(), Ee = W("loading", !1);
+}, Ns = (n, o) => n.querySelector(`[data-style-id="${o}"]`), As = () => {
+  const [n] = k(Mt), [o] = ye(), [e] = V(), [, t] = C(), s = Et(), [, d] = M(), a = oe(null), i = oe(null), [l, c] = j({ width: 0, height: 0 }), p = rs(l), [m, h] = j(0), [$, w] = j([]), [, g] = j([]), [, u] = k(Tt), [v, E] = A(), Me = W("loading", !1);
   b(() => {
     const { clientWidth: x, clientHeight: D } = i.current;
     c({ width: x, height: D }), m === 0 && h(x);
   }, [i, e, m]);
-  const Me = (x, D = 0) => {
+  const Ee = (x, D = 0) => {
     const { top: I } = x.getBoundingClientRect();
     return I + D >= 0 && I - D <= window.innerHeight;
   };
   b(() => {
     var x, D;
     if (s && s.type !== "Multiple" && a.current) {
-      const I = Ne(a.current.contentDocument, s._id);
-      I && (Me(I) || (D = (x = a.current) == null ? void 0 : x.contentWindow) == null || D.scrollTo({ top: I.offsetTop, behavior: "smooth" }), w([I]));
+      const I = Ae(a.current.contentDocument, s._id);
+      I && (Ee(I) || (D = (x = a.current) == null ? void 0 : x.contentWindow) == null || D.scrollTo({ top: I.offsetTop, behavior: "smooth" }), w([I]));
     }
   }, [s]), b(() => {
-    if (!S($) && a.current) {
-      const x = As(
+    if (!S(v) && a.current) {
+      const x = Ns(
         a.current.contentDocument,
-        z($).id
+        z(v).id
       );
       g(x ? [x] : [null]);
     } else
       g([null]);
-  }, [$]);
+  }, [v]);
   const Te = Pe(() => {
     let x = ns;
     return n === "offline" && (x = x.replace(
@@ -1137,7 +1135,7 @@ const _s = () => {
     "div",
     {
       onClick: () => {
-        t([]), M([]);
+        t([]), E([]);
       },
       onMouseLeave: () => setTimeout(() => d(""), 300),
       className: "relative mx-auto h-full w-full overflow-hidden",
@@ -1158,11 +1156,11 @@ const _s = () => {
               ks,
               {
                 block: s,
-                selectedBlockElement: z(v)
+                selectedBlockElement: z($)
               }
             ),
             /* @__PURE__ */ r.jsx(js, { model: "page" }),
-            /* @__PURE__ */ r.jsx(vs, { children: Ee ? /* @__PURE__ */ r.jsx("div", { className: "h-full p-4", children: /* @__PURE__ */ r.jsx(we, { className: "h-full" }) }) : /* @__PURE__ */ r.jsx(_s, {}) }),
+            /* @__PURE__ */ r.jsx(vs, { children: Me ? /* @__PURE__ */ r.jsx("div", { className: "h-full p-4", children: /* @__PURE__ */ r.jsx(we, { className: "h-full" }) }) : /* @__PURE__ */ r.jsx(_s, {}) }),
             /* @__PURE__ */ r.jsx("br", {}),
             /* @__PURE__ */ r.jsx("div", { id: "placeholder", className: "absolute z-[99999] max-w-full bg-green-500 transition-transform" })
           ]
@@ -1170,10 +1168,10 @@ const _s = () => {
       )
     }
   );
-}, Mo = () => /* @__PURE__ */ r.jsxs("div", { className: "flex h-full w-full flex-col", children: [
+}, Eo = () => /* @__PURE__ */ r.jsxs("div", { className: "flex h-full w-full flex-col", children: [
   /* @__PURE__ */ r.jsx(os, {}),
-  /* @__PURE__ */ r.jsx("div", { className: "relative h-full overflow-hidden bg-slate-800/90 bg-[linear-gradient(to_right,#222_0.5px,transparent_0.5px),linear-gradient(to_bottom,#222_0.5px,transparent_0.5px)] bg-[size:12px_12px] px-2", children: /* @__PURE__ */ r.jsx(he, { fallback: /* @__PURE__ */ r.jsx(we, { className: "h-full" }), children: /* @__PURE__ */ r.jsx(Zt, { children: /* @__PURE__ */ r.jsx(Ns, {}) }) }) })
+  /* @__PURE__ */ r.jsx("div", { className: "relative h-full overflow-hidden bg-slate-800/90 bg-[linear-gradient(to_right,#222_0.5px,transparent_0.5px),linear-gradient(to_bottom,#222_0.5px,transparent_0.5px)] bg-[size:12px_12px] px-2", children: /* @__PURE__ */ r.jsx(he, { fallback: /* @__PURE__ */ r.jsx(we, { className: "h-full" }), children: /* @__PURE__ */ r.jsx(Zt, { children: /* @__PURE__ */ r.jsx(As, {}) }) }) })
 ] });
 export {
-  Mo as default
+  Eo as default
 };