@chaibuilder/sdk 3.0.23 → 3.0.26

package/dist/index-u0fTC0qG.cjs

@@ -0,0 +1,128 @@
+"use strict";var $=Object.defineProperty;var W=(o,n,a)=>n in o?$(o,n,{enumerable:!0,configurable:!0,writable:!0,value:a}):o[n]=a;var F=(o,n,a)=>W(o,typeof n!="symbol"?n+"":n,a);const jsxRuntime=require("react/jsx-runtime"),runtime=require("@chaibuilder/runtime"),lodashEs=require("lodash-es"),reactIcons=require("@radix-ui/react-icons"),React=require("react"),jotai=require("jotai"),utils=require("jotai/utils"),commonFunctions=require("./common-functions-BZmyleS1.cjs"),tooltip=require("./tooltip-CzZ7Fvt7.cjs"),clsx=require("clsx"),tailwindMerge=require("tailwind-merge"),TreeModel=require("tree-model"),applyBinding=require("./apply-binding-BIYK6lOq.cjs"),plugin=require("./plugin-CSgw-f78.cjs"),utils$1=require("@rjsf/utils"),web=require("@react-hookz/web"),sonner=require("sonner"),reactI18next=require("react-i18next"),Fuse=require("fuse.js"),UndoManager=require("undo-manager"),i18n=require("i18next"),ReactDOM=require("react-dom"),reactColorful=require("react-colorful"),Highlight=require("@tiptap/extension-highlight"),Link=require("@tiptap/extension-link"),Placeholder=require("@tiptap/extension-placeholder"),TextAlign=require("@tiptap/extension-text-align"),extensionTextStyle=require("@tiptap/extension-text-style"),Underline=require("@tiptap/extension-underline"),react=require("@tiptap/react"),StarterKit=require("@tiptap/starter-kit"),RjForm=require("@rjsf/core"),validator=require("@rjsf/validator-ajv8"),Autosuggest=require("react-autosuggest"),flagged=require("flagged"),reactArborist=require("react-arborist");require("himalaya");const tailwindAspectRatio=require("@tailwindcss/aspect-ratio"),tailwindForms=require("@tailwindcss/forms"),tailwindTypography=require("@tailwindcss/typography");require("tailwindcss-animate");require("@mhsdesign/jit-browser-tailwindcss");const twContainer=require("@tailwindcss/container-queries"),reactErrorBoundary=require("react-error-boundary"),framerMotion=require("framer-motion"),reactHotkeysHook=require("react-hotkeys-hook"),dom=require("@floating-ui/dom"),reactDom=require("@floating-ui/react-dom"),reactWrapBalancer=require("react-wrap-balancer");function _interopNamespaceDefault(o){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const a in o)if(a!=="default"){const l=Object.getOwnPropertyDescriptor(o,a);Object.defineProperty(n,a,l.get?l:{enumerable:!0,get:()=>o[a]})}}return n.default=o,Object.freeze(n)}const React__namespace=_interopNamespaceDefault(React),ICON_CLASS="h-3 w-3 flex-shrink-0",TypeIcon=o=>{const n=runtime.useRegisteredChaiBlocks(),a=lodashEs.get(n,[o==null?void 0:o.type,"icon"]);return a?React.createElement(a,{className:ICON_CLASS}):jsxRuntime.jsx(reactIcons.SquareIcon,{className:ICON_CLASS})},readOnlyModeAtom=jotai.atom(!1);readOnlyModeAtom.debugLabel="readOnlyModeAtom";const networkModeAtom=jotai.atom("online");networkModeAtom.debugLabel="networkModeAtom";jotai.atom("");const editLayerNameAtom=jotai.atom(!1);editLayerNameAtom.debugLabel="editLayerNameAtom";const activeLanguageAtom=jotai.atom("");activeLanguageAtom.debugLabel="activeLanguageAtom";const primaryLanguageAtom=jotai.atom("");primaryLanguageAtom.debugLabel="primaryLanguageAtom";const canvasIframeAtom=jotai.atom(null);canvasIframeAtom.debugLabel="canvasIframeAtom";const activePanelAtom=jotai.atom("outline");activePanelAtom.debugLabel="activePanelAtom";const showPredefinedBlockCategoryAtom=jotai.atom("");showPredefinedBlockCategoryAtom.debugLabel="showPredefinedBlockCategoryAtom";const draggingFlagAtom=jotai.atom(!1);draggingFlagAtom.debugLabel="draggingFlagAtom";const treeRefAtom=jotai.atom(null);treeRefAtom.debugLabel="treeRefAtom";const canvasSettingsAtom=jotai.atom({});canvasSettingsAtom.debugLabel="canvasSettingsAtom";const aiAssistantActiveAtom=jotai.atom(!1);aiAssistantActiveAtom.debugLabel="aiAssistantActiveAtom";const codeEditorOpenAtom=jotai.atom(!1);codeEditorOpenAtom.debugLabel="codeEditorOpenAtom";const codeEditorHeightAtom=utils.atomWithStorage("codeEditorHeight",500);codeEditorHeightAtom.debugLabel="codeEditorHeightAtom";const xShowBlocksAtom=jotai.atom([]);xShowBlocksAtom.debugLabel="xShowBlocksAtom";const selectedLibraryAtom=utils.atomWithStorage("_selectedLibrary",null);selectedLibraryAtom.debugLabel="selectedLibraryAtom";const dataBindingActiveAtom=jotai.atom(!0);dataBindingActiveAtom.debugLabel="dataBindingActiveAtom";let lastHighlighted=null;const useBlockHighlight=()=>{const[o]=jotai.useAtom(canvasIframeAtom),n=React.useMemo(()=>{var r;return(o==null?void 0:o.contentDocument)||((r=o==null?void 0:o.contentWindow)==null?void 0:r.document)},[o]),a=React.useCallback(r=>{if(n)if(lastHighlighted&&lastHighlighted.removeAttribute("data-highlighted"),typeof r!="string")r.setAttribute("data-highlighted","true"),lastHighlighted=r;else if(typeof r=="string"){const i=n.querySelector(`[data-block-id="${r}"]`);i&&(i.setAttribute("data-highlighted","true"),lastHighlighted=i)}else lastHighlighted=null},[n]),l=React.useCallback(()=>{lastHighlighted&&(lastHighlighted.removeAttribute("data-highlighted"),lastHighlighted=null)},[]);return{highlightBlock:a,clearHighlight:l,lastHighlighted}};function duplicateBlocks(o,n,a){const l=lodashEs.filter(o,i=>i._parent===n),r=[];for(let i=0;i<l.length;i++)if(lodashEs.filter(o,{_parent:l[i]._id}).length>0){const c=commonFunctions.generateUUID();r.push({...l[i],oldId:l[i]._id,_id:c,_parent:a}),r.push(lodashEs.flatten(duplicateBlocks(o,l[i]._id,c)))}else r.push({...l[i],oldId:l[i]._id,_id:commonFunctions.generateUUID(),_parent:a});return lodashEs.flatten(r)}function convertToBlocksTree(o){const n={};o.forEach(l=>{n[l._id]={...l,children:[]}});const a=[];return o.forEach(l=>{if(l._parent){const r=n[l._parent];r&&r.children.push(n[l._id])}else a.push(n[l._id])}),a}const getDuplicatedBlocks=(o,n,a=null)=>{let l=lodashEs.find(o,{_id:n});l={...l,oldId:l._id,_id:commonFunctions.generateUUID()},a!==(l==null?void 0:l._parent)&&(l={...l,_parent:a});const r=[l];return lodashEs.filter(o,{_parent:n}).length>0&&r.push(lodashEs.flatten(duplicateBlocks(o,n,l._id))),lodashEs.flatten(r)},presentBlocksAtom=jotai.atom([]);presentBlocksAtom.debugLabel="presentBlocksAtom";const treeDSBlocks=jotai.atom(o=>{const n=o(presentBlocksAtom);return convertToBlocksTree([...n])});treeDSBlocks.debugLabel="treeDSBlocks";const pageBlocksAtomsAtom=utils.splitAtom(presentBlocksAtom);pageBlocksAtomsAtom.debugLabel="pageBlocksAtomsAtom";const builderActivePageAtom=jotai.atom("");builderActivePageAtom.debugLabel="builderActivePageAtom";const destinationDropIndexAtom=jotai.atom(-1);destinationDropIndexAtom.debugLabel="destinationDropIndexAtom";const buildingBlocksAtom=jotai.atom([]);buildingBlocksAtom.debugLabel="buildingBlocksAtom";const globalBlocksAtom=jotai.atom(o=>{const n=o(buildingBlocksAtom);return lodashEs.filter(n,a=>lodashEs.has(a,"blockId"))});globalBlocksAtom.debugLabel="globalBlocksAtom";const selectedBlockIdsAtom=jotai.atom([]);selectedBlockIdsAtom.debugLabel="selectedBlockIdsAtom";const selectedBlocksAtom=jotai.atom(o=>{const n=o(presentBlocksAtom),a=o(selectedBlockIdsAtom);return lodashEs.map(lodashEs.filter(n,({_id:l})=>lodashEs.includes(a,l)),l=>({...l}))});selectedBlocksAtom.debugLabel="selectedBlocksAtom";const selectedBlockAtom=jotai.atom(o=>{const n=o(selectedBlocksAtom);if(n.length===0)return null;if(n.length===1)return n[0]});selectedBlockAtom.debugLabel="selectedBlockAtom";const useSelectedBlock=()=>jotai.useAtomValue(selectedBlockAtom),getParentId=o=>lodashEs.get(o,"_parent",null),selectedBlocksParentsAtom=jotai.atom(o=>{const n=o(selectedBlocksAtom),a=lodashEs.map(n,getParentId);return lodashEs.filter(o(presentBlocksAtom),l=>lodashEs.includes(a,l._id))});selectedBlocksParentsAtom.debugLabel="selectedBlocksParentsAtom";const selectedBlockFlexChildAtom=jotai.atom(()=>!1);selectedBlockFlexChildAtom.debugLabel="selectedBlockFlexChildAtom";const selectedBlockGridChildAtom=jotai.atom(()=>!1);selectedBlockGridChildAtom.debugLabel="selectedBlockGridChildAtom";const styleStateAtom=jotai.atom("");styleStateAtom.debugLabel="styleStateAtom";const styleBreakpointAtom=utils.atomWithStorage("styleBreakpoint","xs");styleBreakpointAtom.debugLabel="styleBreakpointAtom";const useSelectedBlocksDisplayChild=()=>({flexChild:jotai.useAtomValue(selectedBlockFlexChildAtom),gridChild:jotai.useAtomValue(selectedBlockGridChildAtom)}),selectedBlockHierarchy=jotai.atom(o=>{const n=o(selectedBlockAtom),a=o(presentBlocksAtom);let l=n;const r=[n];do{const i=a.find(({_id:c})=>c===(l==null?void 0:l._parent));l=i,i&&r.push(i)}while(l!=null&&l._parent);return r}),useSelectedBlockHierarchy=()=>lodashEs.compact(jotai.useAtomValue(selectedBlockHierarchy)),useSelectedBlockIds=()=>{const[o,n]=jotai.useAtom(selectedBlockIdsAtom),a=React.useCallback(l=>{n(r=>lodashEs.includes(r,l)?lodashEs.without(r,l):[...r,l])},[n]);return[o,n,a]},Breadcrumb=()=>{const o=useSelectedBlockHierarchy(),[,n]=useSelectedBlockIds(),{highlightBlock:a}=useBlockHighlight();return jsxRuntime.jsx("div",{className:"-mx-2 border-t border-border bg-background px-2 py-1 text-xs text-muted-foreground",children:jsxRuntime.jsxs("ol",{className:"flex items-center whitespace-nowrap",children:[jsxRuntime.jsxs("li",{className:"inline-flex items-center",children:[jsxRuntime.jsx(tooltip.Button,{onClick:()=>n([]),variant:"ghost",className:"h-fit p-1 text-xs font-normal",children:"Body"}),jsxRuntime.jsx(reactIcons.ChevronRightIcon,{className:"rtl:rotate-180 h-4 w-4"})]}),lodashEs.reverse(o).map((l,r)=>jsxRuntime.jsxs("li",{className:"inline-flex items-center",children:[jsxRuntime.jsxs(tooltip.Button,{onMouseEnter:()=>{a(l==null?void 0:l._id)},onClick:()=>n([l==null?void 0:l._id]),variant:"ghost",className:"h-fit gap-x-1 p-1 text-xs font-normal",children:[jsxRuntime.jsx(TypeIcon,{type:l==null?void 0:l._type}),l._name||l._type]}),r!==o.length-1&&jsxRuntime.jsx(reactIcons.ChevronRightIcon,{className:"rtl:rotate-180 h-4 w-4"})]},r))]})})},CHAI_BUILDER_EVENTS={OPEN_ADD_BLOCK:"OPEN_ADD_BLOCK",CLOSE_ADD_BLOCK:"CLOSE_ADD_BLOCK",SHOW_BLOCK_SETTINGS:"SHOW_BLOCK_SETTINGS",CLEAR_CANVAS_SELECTION:"CLEAR_CANVAS_SELECTION",CANVAS_BLOCK_SELECTED:"CANVAS_BLOCK_SELECTED",CANVAS_BLOCK_STYLE_SELECTED:"CANVAS_BLOCK_STYLE_SELECTED"},canAcceptChildBlock=(o,n)=>{if(!o)return!0;const a=runtime.getRegisteredChaiBlock(o);return a&&lodashEs.has(a,"canAcceptBlock")?a.canAcceptBlock(n):!1},canAddChildBlock=o=>{const n=runtime.getRegisteredChaiBlock(o);return n?lodashEs.has(n,"canAcceptBlock"):!1},canBeNestedInside=(o,n)=>{const a=runtime.getRegisteredChaiBlock(n);return a&&lodashEs.has(a,"canBeNested")?a.canBeNested(o):!0},canDuplicateBlock=o=>{const n=runtime.getRegisteredChaiBlock(o);return n&&lodashEs.has(n,"canDuplicate")?n.canDuplicate():!0},canDeleteBlock=o=>{const n=runtime.getRegisteredChaiBlock(o);return n&&lodashEs.has(n,"canDelete")?n.canDelete():!0},canDropBlock=(o,{dragSource:n,dropTarget:a})=>{const l=lodashEs.get(n,"data._type",""),r=lodashEs.get(a,"data._type","");return canAcceptChildBlock(r,l)};class PubSub{constructor(){F(this,"subscribers",new Map)}subscribe(n,a){return this.subscribers.has(n)||this.subscribers.set(n,new Set),this.subscribers.get(n).add(a),()=>{const l=this.subscribers.get(n);l&&(l.delete(a),l.size===0&&this.subscribers.delete(n))}}publish(n,a){const l=this.subscribers.get(n);l&&l.forEach(r=>r(a))}}const pubsub=new PubSub,AddBlockDropdown=({block:o,children:n})=>{const{t:a}=reactI18next.useTranslation(),[l]=useBlocksStore(),{hasPermission:r}=usePermissions(),i=lodashEs.get(o,"_id"),c=lodashEs.get(o,"_parent"),d=lodashEs.filter(l,x=>c?lodashEs.get(x,"_parent")===c:!lodashEs.get(x,"_parent")),p=canAddChildBlock(lodashEs.get(o,"_type","")),u=lodashEs.findIndex(d,{_id:i}),m=x=>{if(x==="CHILD")pubsub.publish(CHAI_BUILDER_EVENTS.OPEN_ADD_BLOCK,o);else{const h={_id:c||"",position:d==null?void 0:d.length};x==="BEFORE"?h.position=Math.max(u,0):x==="AFTER"&&(h.position=u+1),pubsub.publish(CHAI_BUILDER_EVENTS.OPEN_ADD_BLOCK,h)}};return r(PERMISSIONS.ADD_BLOCK)?jsxRuntime.jsxs(tooltip.DropdownMenu,{children:[jsxRuntime.jsx(tooltip.DropdownMenuTrigger,{children:n}),jsxRuntime.jsxs(tooltip.DropdownMenuContent,{className:"border border-blue-500 bg-primary text-white shadow-2xl",children:[p&&jsxRuntime.jsx(tooltip.DropdownMenuItem,{className:"cursor-pointer text-xs",onClick:()=>m("CHILD"),children:a("Add inside")}),jsxRuntime.jsx(tooltip.DropdownMenuItem,{className:"cursor-pointer text-xs",onClick:()=>m("BEFORE"),children:a("Add before")}),jsxRuntime.jsx(tooltip.DropdownMenuItem,{className:"cursor-pointer text-xs",onClick:()=>m("AFTER"),children:a("Add after")})]})]}):null},draggedBlockAtom=jotai.atom(null);jotai.atom(null);function getOrientation(o,n=null){const a=window.getComputedStyle(o),l=n?window.getComputedStyle(n):null,r=a.display,i=l?l.display:null;if(r==="flex"||r==="inline-flex"){const c=a.flexDirection;return c==="column"||c==="column-reverse"?"vertical":"horizontal"}else if(r==="grid"){const c=a.gridAutoFlow,d=a.gridTemplateColumns;return c.includes("column")||d&&d!=="none"&&d!==""&&!d.includes("calc")&&d.split(" ").length<=1?"vertical":"horizontal"}else if(i==="inline-block"||i==="inline")return"horizontal";return"vertical"}let doc,win;typeof document<"u"&&(doc=document);typeof window<"u"&&(win=window);const FrameContext=React.createContext({document:doc,window:win}),useFrame=()=>React.useContext(FrameContext),{Provider:FrameContextProvider,Consumer:FrameContextConsumer}=FrameContext;function insertBlocksAtPosition(o,n,a,l){const r=[...n];let i=[...o];if(a){const u=o.find(m=>m._id===a);if(u&&u.content!==void 0&&u.content!==""&&!o.some(x=>x._parent===a)){const h={_id:commonFunctions.generateUUID(),_parent:a,_type:"Text",content:u.content};Object.keys(u).forEach(g=>{g.startsWith("content-")&&(h[g]=u[g])}),r.unshift(h),i=i.map(g=>{if(g._id===a){const f={...g,content:""};return Object.keys(f).forEach(b=>{b.startsWith("content-")&&(f[b]="")}),f}return g})}}let c=i.filter(u=>!u._parent);a&&(c=i.filter(u=>u._parent===a));const d=!isNaN(l)||l>-1?Math.min(l,c.length):c.length;let p=i.length;for(let u=0,m=0;u<i.length;u++)if(a!==void 0?i[u]._parent===a:!i[u]._parent){if(m===d){p=u;break}m++}return!a&&l!==void 0&&l>=c.length&&(p=i.length),[...i.slice(0,p),...r,...i.slice(p)]}function getBlocksTree(o){return convertToBlocksTree(o)}function flattenTree(o){let n=[];return o.walk(a=>(delete a.model.children,n.push(a.model),!0)),n}function findNodeById(o,n){return o.first(a=>a.model._id===n)||null}function moveNode(o,n,a,l){var u,m;const r=findNodeById(o,n),i=findNodeById(o,a);if(!r||!i)return!1;i.children||(i.model.children=[]);let c=(u=i==null?void 0:i.children)==null?void 0:u.findIndex(x=>x.model._id===n);r.drop(),c=Math.max(c,0);const p=(((m=r==null?void 0:r.model)==null?void 0:m._parent)||"root")===a&&c<=l?l-1:l;try{i.addChildAtIndex(r,p)}catch(x){return console.error("Error adding child to parent:",x),!1}return!0}function handleOldParentTextBlock(o,n){if(!n||!n._parent)return o;const a=n._parent,l=o.find(i=>i._id===a);if(!l)return o;const r=o.filter(i=>i._parent===a);if(r.length===2){const i=r.find(c=>c._id!==n._id);if(i&&i._type==="Text"&&"content"in l)return o.map(d=>{if(d._id===a){const p={...d,content:i.content};return Object.keys(i).forEach(u=>{u.startsWith("content-")&&(p[u]=i[u])}),p}return d}).filter(d=>d._id!==i._id)}return o}function handleNewParentTextBlock(o,n,a){if(!a||a==="root")return o;const l=o.find(r=>r._id===a);if(!l)return o;if(l.content!==void 0&&l.content!==""&&!o.some(i=>i._parent===a&&i._id!==n._id)){const c={_id:commonFunctions.generateUUID(),_parent:a,_type:"Text",content:l.content};Object.keys(l).forEach(u=>{u.startsWith("content-")&&(c[u]=l[u])});const d=o.map(u=>{if(u._id===a){const m={...u,content:""};return Object.keys(m).forEach(x=>{x.startsWith("content-")&&(m[x]="")}),m}return u}),p=d.findIndex(u=>u._id===n._id);return p!==-1?[...d.slice(0,p),c,...d.slice(p)]:[c,...d]}return o}function moveBlocksWithChildren(o,n,a,l){if(!n)return o;const r=o.find(u=>u._id===n);if(!r)return o;let i=handleOldParentTextBlock(o,r);const c=a||"root",p=new TreeModel().parse({_id:"root",children:getBlocksTree(i)});if(moveNode(p,n,c,l)){let u=flattenTree(p);const m=u.find(x=>x._id===n);return m&&(m._parent=c==="root"?null:c),u.shift(),a&&(u=handleNewParentTextBlock(u,r,a)),u}return i}const broadcastChannel=new BroadcastChannel("chaibuilder"),useBroadcastChannel=()=>{const o=useBuilderProp("pageId","chaibuilder_page");return{postMessage:web.useDebouncedCallback(a=>broadcastChannel.postMessage({...a,pageId:o}),[o],200)}},useUnmountBroadcastChannel=()=>{const[,o]=useBlocksStore(),n=useBuilderProp("pageId","chaibuilder_page"),{updateBlocksProps:a}=useBlocksStoreManager();React.useEffect(()=>(broadcastChannel.onmessageerror=l=>{console.log("error",l)},broadcastChannel.onmessage=l=>{l.data.type==="blocks-updated"&&l.data.pageId===n&&o(l.data.blocks),l.data.type==="blocks-props-updated"&&l.data.pageId===n&&a(l.data.blocks)},()=>{broadcastChannel.onmessage=null,broadcastChannel.onmessageerror=null}),[o,n])},removeNestedBlocks=(o,n)=>{let a=[...o],l=[];n.forEach(d=>{const p=a.find(x=>x._id===d);if(!p||!p._parent)return;const u=p._parent,m=a.filter(x=>x._parent===u);if(m.length===2){const x=m.find(h=>h._id!==d);if(x&&x._type==="Text"){const h=a.find(g=>g._id===u);h&&"content"in h&&(a=a.map(g=>{if(g._id===u){const f={...g,content:x.content};return Object.keys(x).forEach(b=>{b.startsWith("content-")&&(f[b]=x[b])}),f}return g}),l.push(x._id))}}});const r=[...n,...l],i=[],c=lodashEs.filter(a,d=>lodashEs.includes(r,d._id)||lodashEs.includes(r,d._parent)?(i.push(d._id),!1):!0);return lodashEs.isEmpty(i)?c:removeNestedBlocks(c,i)},useRemoveBlocks=()=>{const[o]=useBlocksStore(),[n,a]=useSelectedBlockIds(),{setNewBlocks:l}=useBlocksStoreUndoableActions(),{hasPermission:r}=usePermissions();return React.useCallback(i=>{var d;if(!r(PERMISSIONS.DELETE_BLOCK))return;const c=((d=lodashEs.find(o,{_id:i[0]}))==null?void 0:d._parent)||null;l(removeNestedBlocks(o,i)),setTimeout(()=>a(c?[c]:[]),200)},[o,a,n,r])},builderStore=jotai.getDefaultStore(),writeAtomValue=jotai.atom(null,(o,n,{id:a,props:l})=>{const r=o(pageBlocksAtomsAtom),i=lodashEs.find(r,c=>o(c)._id===a);return i?n(i,{...o(i),...l}):null}),useUpdateBlockAtom=()=>jotai.useSetAtom(writeAtomValue),useGetBlockAtom=o=>utils.useAtomCallback(React.useCallback((n,a,l)=>{const r=n(o);if(!r||!r.length)return console.warn("No blocks available in splitAtoms"),null;const i=lodashEs.find(r,c=>n(c)._id===(lodashEs.isString(l)?l:n(l)._id));return i||(console.warn(`Block with id ${l} not found`),null)},[o]),{store:builderStore}),useBlocksStoreManager=()=>{const[,o]=useBlocksStore(),{postMessage:n}=useBroadcastChannel(),a=useUpdateBlockAtom();return{setNewBlocks:l=>{o(l),n({type:"blocks-updated",blocks:l})},addBlocks:(l,r,i)=>{o(c=>{const d=insertBlocksAtPosition(c,l,r,i);return n({type:"blocks-updated",blocks:d}),d})},removeBlocks:l=>{o(r=>{const i=removeNestedBlocks(r,l);return n({type:"blocks-updated",blocks:i}),i})},moveBlocks:(l,r,i)=>{o(c=>{let d=[...c];for(let p=0;p<l.length;p++)d=moveBlocksWithChildren(d,l[p],r,i);return lodashEs.each(l,p=>{const u=lodashEs.find(d,m=>m._id===p);u&&a({id:p,props:{_parent:u._parent||null}})}),n({type:"blocks-updated",blocks:d}),d})},updateBlocksProps:l=>{l.forEach(r=>{const i=lodashEs.omit(r,"_id");a({id:r._id,props:i})}),n({type:"blocks-props-updated",blocks:l})}}},blockRepeaterDataAtom=jotai.atom({});blockRepeaterDataAtom.debugLabel="blockRepeaterDataAtom";const useBlockRepeaterDataAtom=()=>jotai.useAtom(blockRepeaterDataAtom),useAsyncProps=(o,n,a,l)=>{const[r,i]=React.useState({status:"idle",props:{},error:void 0}),c=useUpdateBlocksPropsRealtime(),d=useBuilderProp("getBlockAsyncProps",async g=>({})),p=jotai.useSetAtom(blockRepeaterDataAtom),u=JSON.stringify([o==null?void 0:o._id,...lodashEs.values(lodashEs.pick(o,a??[]))]),m=(o==null?void 0:o._type)==="Repeater"&&lodashEs.startsWith(o.repeaterItems,`{{${applyBinding.COLLECTION_PREFIX}`),x=(o==null?void 0:o._type)!=="Repeater"&&n==="live";return React.useEffect(()=>{if(n==="mock"){if(lodashEs.isFunction(l)){i(f=>({...f,status:"loading",props:{}}));const g=l({block:o});if(!utils$1.isObject(g))throw new Error("mockDataProvider should return an object");i(f=>({...f,status:"loaded",props:g}))}return}n==="live"&&(!m&&!x||(i(g=>({...g,status:"loading",props:{}})),d({block:o}).then((g={})=>{m?(p(f=>({...f,[o._id]:{status:"loaded",props:lodashEs.get(g,"items",[]),repeaterItems:o.repeaterItems}})),i(f=>({...f,status:"loaded",props:{totalItems:lodashEs.get(g,"totalItems")}})),c([o._id],{totalItems:lodashEs.get(g,"totalItems")})):i(f=>({...f,status:"loaded",props:utils$1.isObject(g)?g:{}}))}).catch(g=>{m?(p(f=>({...f,[o._id]:{status:"error",error:g,props:[]}})),i(f=>({...f,status:"error",error:g,props:{}}))):i(f=>({...f,status:"error",error:g,props:{}}))})))},[o==null?void 0:o._id,u,m,x,l,n]),{$loading:lodashEs.get(r,"status")==="loading",...o?lodashEs.get(r,"props",{}):{}}},chaiBuilderPropsAtom=jotai.atom(null);chaiBuilderPropsAtom.debugLabel="chaiBuilderPropsAtom";const chaiExternalDataAtom=jotai.atom({});chaiExternalDataAtom.debugLabel="chaiExternalDataAtom";const chaiRjsfFieldsAtom=jotai.atom({});chaiRjsfFieldsAtom.debugLabel="chaiRjsfFieldsAtom";const chaiRjsfWidgetsAtom=jotai.atom({});chaiRjsfWidgetsAtom.debugLabel="chaiRjsfWidgetsAtom";const chaiRjsfTemplatesAtom=jotai.atom({});chaiRjsfTemplatesAtom.debugLabel="chaiRjsfTemplatesAtom";const chaiPageExternalDataAtom=jotai.atom({});chaiPageExternalDataAtom.debugLabel="chaiPageExternalDataAtom";const usePageExternalData=()=>{const[o]=useBlockRepeaterDataAtom(),n=React.useMemo(()=>{const l={};return Object.entries(o).forEach(([r,i])=>{i.status==="loaded"&&(l[i.repeaterItems.replace("}}",`/${r}`).replace("{{","")]=i.props)}),l},[o]);return{...jotai.useAtomValue(chaiPageExternalDataAtom),...n}},useBuilderProp=(o,n=void 0)=>{const a=jotai.useAtomValue(chaiBuilderPropsAtom);return React.useMemo(()=>lodashEs.get(a,o,n),[a,o,n])},MODIFIERS=["hover","focus","focus-within","focus-visible","active","visited","target","first","last","only","odd","even","first-of-type","last-of-type","only-of-type","empty","disabled","checked","indeterminate","default","required","valid","invalid","in-range","out-of-range","placeholder-shown","autofill","read-only","open","before","after","first-letter","first-line","marker","selection","file","placeholder","hs-collapse-open","hs-accordion-active"],BRANDING_OPTIONS_DEFAULTS={bodyFont:"Inter",headingFont:"Inter",roundedCorners:5,primaryColor:"#570df8",secondaryColor:"#f002b8",bodyBgDarkColor:"#031022",bodyBgLightColor:"#fcfcfc",bodyTextDarkColor:"#ffffff",bodyTextLightColor:"#000000"},brandingOptionsAtom=jotai.atom(BRANDING_OPTIONS_DEFAULTS);jotai.atom(null);const useBrandingOptions=()=>{const[o,n]=jotai.useAtom(brandingOptionsAtom);return[lodashEs.isObject(o)?{...BRANDING_OPTIONS_DEFAULTS,...o}:BRANDING_OPTIONS_DEFAULTS,n]},currentPageAtom=jotai.atom(null),useCurrentPage=()=>({currentPage:jotai.useAtomValue(currentPageAtom)}),getBlockBuilderProps=lodashEs.memoize(o=>{const n=runtime.getRegisteredChaiBlock(o),a=lodashEs.get(n,"schema.properties",{});return lodashEs.compact(Object.keys(a).map(l=>lodashEs.get(a[l],"builderProp",!1)||lodashEs.get(a[l],"runtime",!1)?l:null))}),useGetPageData=()=>{const[o]=useBrandingOptions(),{currentPage:n}=useCurrentPage(),[a]=useBlocksStore();return React.useCallback(()=>{const l=lodashEs.map(a,r=>lodashEs.omit(r,getBlockBuilderProps(r._type)));return{currentPage:n,blocks:l}},[o,n,a])},usePermissions=()=>{const o=useBuilderProp("permissions",void 0);return{hasPermission:React.useCallback(a=>o?o.includes(a):!0,[o])}},getDefaultThemeValues=(o=plugin.defaultThemeOptions)=>{const n=plugin.defaultThemeValues;return o.fontFamily&&(n.fontFamily=Object.entries(o.fontFamily).reduce((a,[l,r])=>({...a,[l.replace("font-","")]:r}),n.fontFamily)),n.borderRadius=o.borderRadius,o.colors&&(n.colors=o.colors.reduce((a,l)=>(Object.entries(l.items).forEach(([r,i])=>{a[r]=i}),a),n.colors)),n},chaiThemeValuesAtom=jotai.atom({}),useTheme=()=>{const o=useThemeOptions(),n=React.useMemo(()=>getDefaultThemeValues(o),[o]),a=useBuilderProp("theme",{}),[l,r]=jotai.useAtom(chaiThemeValuesAtom);return[React.useMemo(()=>({...n,...!lodashEs.isEmpty(a)&&a,...!lodashEs.isEmpty(l)&&l}),[n,a,l]),r]},useThemeOptions=()=>{const o=useBuilderProp("themeOptions",a=>a);return React.useMemo(()=>o(plugin.defaultThemeOptions),[o])},rightPanelAtom=jotai.atom("block"),useRightPanel=()=>jotai.useAtom(rightPanelAtom),languageAtom=jotai.atom("");languageAtom.debugLabel="selectedLanguageAtom";const useLanguages=()=>{const o=useBuilderProp("languages",[]),n=useBuilderProp("fallbackLang","en"),[a,l]=jotai.useAtom(languageAtom),r=i=>{l(n===i?"":i)};return{languages:o==null?void 0:o.filter(i=>i!==n),fallbackLang:n,selectedLang:a,setSelectedLang:r}},isPageLoadedAtom=jotai.atom(!1),useIsPageLoaded=()=>jotai.useAtom(isPageLoadedAtom),builderSaveStateAtom=jotai.atom("SAVED");builderSaveStateAtom.debugLabel="builderSaveStateAtom";const checkMissingTranslations=(o,n)=>n?o.some(a=>{if(!(a!=null&&a._type)||a._type==="PartialBlock")return!1;try{const l=runtime.getRegisteredChaiBlock(a._type);return l?(lodashEs.has(l,"i18nProps")?l.i18nProps:[]).some(i=>{const c=`${i}-${n}`;return!a[c]||lodashEs.isEmpty(a[c])}):!1}catch(l){return console.warn(`Failed to get block definition for type: ${a._type}`,l),!1}}):!1,useSavePage=()=>{const[o,n]=jotai.useAtom(builderSaveStateAtom),a=useBuilderProp("onSave",async g=>{}),l=useBuilderProp("onSaveStateChange",lodashEs.noop),r=useGetPageData(),[i]=useTheme(),{hasPermission:c}=usePermissions(),{selectedLang:d,fallbackLang:p}=useLanguages(),[u]=useIsPageLoaded(),m=()=>{const g=r();return!d||d===p?!1:checkMissingTranslations(g.blocks||[],d)};return{savePage:web.useThrottledCallback(async(g=!1)=>{if(!c("save_page")||!u)return;n("SAVING"),l("SAVING");const f=r();return await a({autoSave:g,blocks:f.blocks,theme:i,needTranslations:m()}),setTimeout(()=>{n("SAVED"),l("SAVED")},100),!0},[r,n,i,a,l,u],3e3),savePageAsync:async()=>{if(!c("save_page")||!u)return;n("SAVING"),l("SAVING");const g=r();return await a({autoSave:!0,blocks:g.blocks,theme:i,needTranslations:m()}),setTimeout(()=>{n("SAVED"),l("SAVED")},100),!0},saveState:o,setSaveState:n,needTranslations:m}},undoManager=new UndoManager;undoManager.setLimit(50);const undoRedoStateAtom=jotai.atom({canUndo:!1,canRedo:!1}),useUndoManager=()=>{const[,o]=jotai.useAtom(builderSaveStateAtom),[n,a]=jotai.useAtom(undoRedoStateAtom),l=useBuilderProp("onSaveStateChange",lodashEs.noop),r=React.useCallback(()=>{const u={canUndo:undoManager.hasUndo(),canRedo:undoManager.hasRedo()};a(u),o("UNSAVED"),l("UNSAVED")},[a,o,l]);React.useEffect(()=>(undoManager.setCallback(r),()=>{undoManager.setCallback(lodashEs.noop)}),[r]);const i=React.useCallback(u=>{undoManager.add(u),r()},[r]),c=React.useCallback(()=>{undoManager.undo(),r()},[r]),d=React.useCallback(()=>{undoManager.redo(),r()},[r]),p=React.useCallback(()=>{undoManager.clear(),a({canUndo:!1,canRedo:!1})},[a]);return React.useMemo(()=>({add:i,undo:c,redo:d,hasUndo:()=>n.canUndo,hasRedo:()=>n.canRedo,clear:p}),[i,c,d,n.canUndo,n.canRedo,p])},useBlocksStore=()=>jotai.useAtom(presentBlocksAtom),useBlocksStoreUndoableActions=()=>{const{add:o}=useUndoManager(),[n]=useBlocksStore(),{setNewBlocks:a,addBlocks:l,removeBlocks:r,moveBlocks:i,updateBlocksProps:c}=useBlocksStoreManager();return{moveBlocks:(f,b,j)=>{const R=lodashEs.map(f,w=>{const S=n.find(I=>I._id===w)._parent||null,y=n.filter(I=>S?I._parent===S:!I._parent).map(I=>I._id).indexOf(w);return{_id:w,oldParent:S,oldPosition:y}}),k=R.find(({_id:w})=>w===f[0]);k&&k.oldParent===b&&k.oldPosition===j||(i(f,b,j),o({undo:()=>lodashEs.each(R,({_id:w,oldParent:B,oldPosition:S})=>{i([w],B,S)}),redo:()=>i(f,b,j)}))},addBlocks:(f,b,j)=>{l(f,b,j),o({undo:()=>r(lodashEs.map(f,"_id")),redo:()=>l(f,b,j)})},removeBlocks:f=>{var k;const b=(k=lodashEs.first(f))==null?void 0:k._parent,R=n.filter(w=>b?w._parent===b:!w._parent).indexOf(lodashEs.first(f));r(lodashEs.map(f,"_id")),o({undo:()=>l(f,b,R),redo:()=>r(lodashEs.map(f,"_id"))})},updateBlocks:(f,b,j)=>{let R=[];if(j)R=lodashEs.map(f,k=>({_id:k,...j}));else{const k=lodashEs.keys(b);R=lodashEs.map(f,w=>{const B=n.find(E=>E._id===w),S={_id:w};return lodashEs.each(k,E=>S[E]=B[E]),S})}c(lodashEs.map(f,k=>({_id:k,...b}))),o({undo:()=>c(R),redo:()=>c(lodashEs.map(f,k=>({_id:k,...b})))})},updateBlocksRuntime:(f,b)=>{c(lodashEs.map(f,j=>({_id:j,...b})))},setNewBlocks:f=>{a(f),o({undo:()=>a(n),redo:()=>a(f)})},updateMultipleBlocksProps:f=>{let b=[];b=lodashEs.map(f,j=>{const R=lodashEs.keys(j),k=n.find(B=>B._id===j._id),w={};return lodashEs.each(R,B=>w[B]=k[B]),w}),c(f),o({undo:()=>c(b),redo:()=>c(f)})}}},useAddBlock=()=>{const[o]=useBlocksStore(),[,n]=useSelectedBlockIds(),{addBlocks:a}=useBlocksStoreUndoableActions(),l=React.useCallback((i,c,d)=>{var h;for(let g=0;g<i.length;g++){const{_id:f}=i[g];i[g]._id=commonFunctions.generateUUID();const b=lodashEs.filter(i,{_parent:f});for(let j=0;j<b.length;j++)b[j]._parent=i[g]._id}const p=lodashEs.first(i);let u,m;return c&&(u=lodashEs.find(o,{_id:c}),i[0]._parent=c,m=c),!(u?canAcceptChildBlock(u==null?void 0:u._type,p._type):!0)&&u&&(i[0]._parent=u._parent,m=u._parent),a(i,m,d),n([(h=lodashEs.first(i))==null?void 0:h._id]),lodashEs.first(i)},[a,o,n]);return{addCoreBlock:React.useCallback((i,c,d)=>{if(lodashEs.has(i,"blocks")){const b=i.blocks;return l(b,c,d)}const p=commonFunctions.generateUUID(),u=runtime.getDefaultBlockProps(i.type),m={_type:i.type,_id:p,...u,...lodashEs.has(i,"_name")&&{_name:i._name},...lodashEs.has(i,"partialBlockId")&&{partialBlockId:i.partialBlockId}};let x,h;return c&&(x=lodashEs.find(o,{_id:c}),m._parent=c,h=c),!canAcceptChildBlock(x==null?void 0:x._type,m._type)&&x&&(m._parent=x._parent,h=x._parent),a([m],h,d),n([m._id]),m},[a,l,o,n]),addPredefinedBlock:l}},STANDARD=[0,1,2,3,4,5,6,7,8,9,10,11,12,14,16,20,24,28,32,36,40,44,48,52,56,60,64,72,80,96],CLASS_VALUES={columns:[...lodashEs.range(1,13),"auto","3xs","2xs","xs","sm","md","lg","xl",...lodashEs.map(lodashEs.range(2,8),o=>`${o}xl`)],breakAfter:["auto","avoid","all","avoid-page","page","left","right","column"],breakInside:["auto","avoid","avoid-page","avoid-column"],display:["block","flex","grid","inline-block","inline","hidden"],objectFit:["contain","cover","fill","none","scale-down"],objectPosition:["bottom","center","left","left-bottom","left-top","right","right-bottom","right-top","top"],overflow:["auto","hidden","clip","visible","scroll"],overscroll:["auto","contain","none"],trbl:[0,"px","0.5",1,1.5,2,2.5,3,3.5,...lodashEs.range(4,13),14,16,20,24,28,32,36,40,44,48,52,56,60,64,72,80,96,"auto","1/2","1/3","2/3","1/4","2/4","3/4","full"],flexBasis:[...STANDARD,"auto","px","0.5","1.5","2.5","3.5","1/2","1/3","2/3","1/4","2/4","3/4","1/5","2/5","3/5","4/5","1/6","2/6","3/6","4/6","5/6","1/12","2/12","3/12","4/12","5/12","6/12","7/12","8/12","9/12","10/12","11/12","full"],padding:[...STANDARD,"px","0.5","1.5","2.5","3.5"],margin:["auto",...STANDARD,"px","0.5","1.5","2.5","3.5"],scale:[0,50,75,90,95,100,105,110,125,150],origin:["center","top","top-right","right","bottom-right","bottom","bottom-left","left","top-left"],blendEffect:["normal","multiply","screen","overlay","darken","lighten","color-dodge","color-burn","hard-light","soft-light","difference","exclusion","hue","saturation","color","luminosity"],borderWidth:[0,2,4,8],borderRadius:["global","none","sm","md","lg","xl","2xl","3xl","full"],indent:[0,"px","0.5",1,1.5,2,2.5,3,3.5,...lodashEs.range(4,13),14,16,20,24,28,32,36,40,44,48,52,56,60,64,72,80,96],maxHeight:[0,"px","0.5",1,1.5,2,2.5,3,3.5,...lodashEs.range(4,13),14,16,20,24,28,32,36,40,44,48,52,56,60,64,72,80,96,"full","screen","min","max","fit"],space:[0,"px","0.5",1,1.5,2,2.5,3,3.5,...lodashEs.range(4,13),14,16,20,24,28,32,36,40,44,48,52,56,60,64,72,80,96,"px","reverse"],width:["0","px","0.5","1","1.5","2","2.5","3","3.5","4","5","6","7","8","9","10","11","12","14","16","20","24","28","32","36","40","44","48","52","56","60","64","72","80","96","auto","1/2","1/3","2/3","1/4","2/4","3/4","1/5","2/5","3/5","4/5","1/6","2/6","3/6","4/6","5/6","1/12","2/12","3/12","4/12","5/12","6/12","7/12","8/12","9/12","10/12","11/12"],maxWidth:["0","none","xs","sm","md","lg","xl","2xl","3xl","4xl","5xl","6xl","7xl","full","min","max","fit","prose","screen-sm","screen-md","screen-lg","screen-xl","screen-2xl"],height:["0","px","0.5","1","1.5","2","2.5","3","3.5","4","5","6","7","8","9","10","11","12","14","16","20","24","28","32","36","40","44","48","52","56","60","64","72","80","96","auto","1/2","1/3","2/3","1/4","2/4","3/4","1/5","2/5","3/5","4/5","1/6","2/6","3/6","4/6","5/6","full","screen","min","max","fit"]},CLASSES_LIST={textColor:{classes:[],regExp:"text-(black|transparent|current|white|__THEME_COLORS_REGEXP__|\\S+-\\d+)"},aspectRatio:{classes:["aspect-auto","aspect-square","aspect-video"],regExp:"aspect-(auto|square|video)"},container:{classes:["container"],regExp:"container"},columns:{classes:lodashEs.map(CLASS_VALUES.columns,o=>`columns-${o}`),regExp:"columns-(auto|[0-9]xl|[0-9]xs|xs|sm|md|lg|xl|\\d+)"},breakAfter:{classes:lodashEs.map(CLASS_VALUES.breakAfter,o=>`break-after-${o}`),regExp:"break-after-\\S+"},breakBefore:{classes:lodashEs.map(CLASS_VALUES.breakAfter,o=>`break-before-${o}`),regExp:"break-before-\\S+"},breakInside:{classes:lodashEs.map(CLASS_VALUES.breakInside,o=>`break-inside-${o}`),regExp:"break-inside-\\S+"},boxDecoration:{classes:["box-decoration-clone","box-decoration-slice"],regExp:"box-decoration-\\S+"},boxSizing:{classes:["box-border","box-content"],regExp:"box-(border|content)"},flexDirection:{classes:["flex-row","flex-row-reverse","flex-col","flex-col-reverse"],regExp:"flex-(row|row-reverse|col|col-reverse)"},flexWrap:{classes:["flex-wrap","flex-wrap-reverse","flex-nowrap"],regExp:"flex-(wrap|wrap-reverse|nowrap)"},flexGrowShrink:{classes:["flex-1","flex-auto","flex-initial","flex-none"],regExp:"flex-1|flex-auto|flex-initial|flex-none"},gridColumns:{classes:lodashEs.map([...lodashEs.range(0,13),"none"],o=>`grid-cols-${o}`),regExp:"grid-cols-(\\d+|none)"},gridFlow:{classes:["grid-flow-row","grid-flow-col","grid-flow-row-dense","grid-flow-col-dense"],regExp:"grid-flow-(row|col|row-dense|col-dense)"},outlineStyle:{classes:lodashEs.map(["none","dashed","dotted","double","hidden"],o=>`outline-${o}`),regExp:"outline-(none|dashed|dotted|double|hidden)"},borderStyle:{classes:lodashEs.map(["solid","dashed","dotted","double","hidden","none"],o=>`border-${o}`),regExp:"border-(solid|dashed|dotted|double|hidden|none)"},overflow:{classes:lodashEs.map(CLASS_VALUES.overflow,o=>`overflow-${o}`),regExp:`overflow-(${CLASS_VALUES.overflow.join("|")})`},overflowX:{classes:lodashEs.map(CLASS_VALUES.overflow,o=>`overflow-x-${o}`),regExp:`overflow-x-(${CLASS_VALUES.overflow.join("|")})`},overflowY:{classes:lodashEs.map(CLASS_VALUES.overflow,o=>`overflow-y-${o}`),regExp:`overflow-y-(${CLASS_VALUES.overflow.join("|")})`},gridRows:{classes:lodashEs.map([1,2,3,4,5,6,"none"],o=>`grid-rows-${o}`),regExp:"grid-rows-(\\d|none)"},display:{classes:lodashEs.map(CLASS_VALUES.display,o=>o.toString()),regExp:`(${CLASS_VALUES.display.join("|")})`},float:{classes:["float-right","float-left","float-none"],regExp:"float-\\S+"},clear:{classes:["clear-right","clear-left","clear-none","clear-both"],regExp:"clear-\\S+"},isolation:{classes:["isolate","isolation-auto"],regExp:"isolate|isolation-auto"},objectFit:{classes:lodashEs.map(CLASS_VALUES.objectFit,o=>`object-${o}`),regExp:"object-(contain|cover|fill|none|scale-down)"},objectPosition:{classes:lodashEs.map(CLASS_VALUES.objectPosition,o=>`object-${o}`),regExp:`object-(${CLASS_VALUES.objectPosition.join("|")})`},overscroll:{classes:lodashEs.map(CLASS_VALUES.overscroll,o=>`overscroll-${o}`),regExp:`overscroll-(${CLASS_VALUES.overscroll.join("|")})`},overscrollX:{classes:lodashEs.map(CLASS_VALUES.overscroll,o=>`overscroll-x-${o}`),regExp:`overscroll-x-(${CLASS_VALUES.overscroll.join("|")})`},overscrollY:{classes:lodashEs.map(CLASS_VALUES.overscroll,o=>`overscroll-y-${o}`),regExp:`overscroll-y-(${CLASS_VALUES.overscroll.join("|")})`},inset:{classes:lodashEs.map(CLASS_VALUES.trbl,o=>`inset-${o}`),regExp:"-?inset-(px|\\d\\/\\d|\\d\\.\\d|\\d+|full|auto|\\[.*\\])"},insetX:{classes:lodashEs.map(CLASS_VALUES.trbl,o=>`inset-x-${o}`),regExp:"-?inset-x-(px|\\d\\/\\d|\\d\\.\\d|\\d+|full|auto|\\[.*\\])"},insetY:{classes:lodashEs.map(CLASS_VALUES.trbl,o=>`inset-y-${o}`),regExp:"-?inset-y-(px|\\d\\/\\d|\\d\\.\\d|\\d+|full|auto|\\[.*\\])"},top:{classes:lodashEs.map(CLASS_VALUES.trbl,o=>`top-${o}`),regExp:"-?top-(px|\\d\\/\\d|\\d\\.\\d|\\d+|full|auto|\\[.*\\])"},topX:{classes:lodashEs.map(CLASS_VALUES.trbl,o=>`top-x-${o}`),regExp:"-?top-x-(px|\\d\\/\\d|\\d\\.\\d|\\d+|full|auto|\\[.*\\])"},topY:{classes:lodashEs.map(CLASS_VALUES.trbl,o=>`top-y-${o}`),regExp:"-?top-y-(px|\\d\\/\\d|\\d\\.\\d|\\d+|full|auto|\\[.*\\])"},right:{classes:lodashEs.map(CLASS_VALUES.trbl,o=>`right-${o}`),regExp:"-?right-(px|\\d\\/\\d|\\d\\.\\d|\\d+|full|auto|\\[.*\\])"},rightX:{classes:lodashEs.map(CLASS_VALUES.trbl,o=>`right-x-${o}`),regExp:"-?right-x-(px|\\d\\/\\d|\\d\\.\\d|\\d+|full|auto|\\[.*\\])"},rightY:{classes:lodashEs.map(CLASS_VALUES.trbl,o=>`right-y-${o}`),regExp:"-?right-y-(px|\\d\\/\\d|\\d\\.\\d|\\d+|full|auto|\\[.*\\])"},bottom:{classes:lodashEs.map(CLASS_VALUES.trbl,o=>`bottom-${o}`),regExp:"-?bottom-(px|\\d\\/\\d|\\d\\.\\d|\\d+|full|auto|\\[.*\\])"},bottomX:{classes:lodashEs.map(CLASS_VALUES.trbl,o=>`bottom-x-${o}`),regExp:"-?bottom-x-(px|\\d\\/\\d|\\d\\.\\d|\\d+|full|auto|\\[.*\\])"},bottomY:{classes:lodashEs.map(CLASS_VALUES.trbl,o=>`bottom-y-${o}`),regExp:"-?bottom-y-(px|\\d\\/\\d|\\d\\.\\d|\\d+|full|auto|\\[.*\\])"},left:{classes:lodashEs.map(CLASS_VALUES.trbl,o=>`left-${o}`),regExp:"-?left-(px|\\d\\/\\d|\\d\\.\\d|\\d+|full|auto|\\[.*\\])"},leftX:{classes:lodashEs.map(CLASS_VALUES.trbl,o=>`left-x-${o}`),regExp:"-?left-x-(px|\\d\\/\\d|\\d\\.\\d|\\d+|full|auto|\\[.*\\])"},leftY:{classes:lodashEs.map(CLASS_VALUES.trbl,o=>`left-y-${o}`),regExp:"-?left-y-(px|\\d\\/\\d|\\d\\.\\d|\\d+|full|auto|\\[.*\\])"},visibility:{classes:["visible","invisible"],regExp:"invisible|visible"},zIndex:{classes:lodashEs.map(["0",10,20,30,40,50,"auto"],o=>`z-${o}`),regExp:"-?z-(\\d+|auto|\\[.*\\])"},flexBasis:{classes:lodashEs.map(CLASS_VALUES.flexBasis,o=>`basis-${o}`),regExp:"basis-(\\d+|\\S+)"},flexGrow:{classes:["grow","grow-0"],regExp:"grow(-0)?"},flexShrink:{classes:["shrink","shrink-0"],regExp:"shrink(-0)?"},gridColSpan:{classes:["col-auto",...lodashEs.map(lodashEs.range(1,13),o=>`col-span-${o}`),"col-span-full"],regExp:"col-(auto|span-(\\d+|full))"},gridColStart:{classes:[...lodashEs.map(lodashEs.range(1,14),o=>`col-start-${o}`),"col-start-auto"],regExp:"col-start-(\\d+|auto)"},gridColEnd:{classes:[...lodashEs.map(lodashEs.range(1,14),o=>`col-end-${o}`),"col-end-auto"],regExp:"col-end-(\\d+|auto)"},gridRowSpan:{classes:["row-auto",...lodashEs.map(lodashEs.range(1,7),o=>`row-span-${o}`),"row-span-full"],regExp:"row-(auto|span-(\\d+|full))"},gridRowStart:{classes:[...lodashEs.map(lodashEs.range(1,8),o=>`row-start-${o}`),"row-start-auto"],regExp:"row-start-(\\d+|auto)"},gridRowEnd:{classes:[...lodashEs.map(lodashEs.range(1,8),o=>`row-end-${o}`),"row-end-auto"],regExp:"row-end-(\\d+|auto)"},gridAutoColumns:{classes:["auto-cols-auto","auto-cols-min","auto-cols-max","auto-cols-fr"],regExp:"auto-cols-(auto|min|max|fr)"},gridAutoRows:{classes:["auto-rows-auto","auto-rows-min","auto-rows-max","auto-rows-fr"],regExp:"auto-rows-(auto|min|max|fr)"},gap:{classes:lodashEs.map(CLASS_VALUES.indent,o=>`gap-${o}`),regExp:"gap-(px|\\d.\\d|\\d|\\[.*\\])"},gapX:{classes:lodashEs.map(CLASS_VALUES.indent,o=>`gap-x-${o}`),regExp:"gap-x-(px|\\d.\\d|\\d|\\[.*\\])"},gapY:{classes:lodashEs.map(CLASS_VALUES.indent,o=>`gap-y-${o}`),regExp:"gap-y-(px|\\d.\\d|\\d|\\[.*\\])"},justifyContent:{classes:["justify-start","justify-end","justify-center","justify-between","justify-around","justify-evenly"],regExp:"justify-(start|end|center|between|around|evenly)"},justifyItems:{classes:["justify-items-start","justify-items-end","justify-items-center","justify-items-stretch"],regExp:"justify-items-(start|end|center|stretch)"},justifySelf:{classes:["justify-self-auto","justify-self-start","justify-self-end","justify-self-center","justify-self-stretch"],regExp:"justify-self-(auto|start|end|center|stretch)"},placeContent:{classes:["place-content-center","place-content-start","place-content-end","place-content-between","place-content-around","place-content-evenly","place-content-stretch"],regExp:"place-content-(center|start|end|between|around|evenly|stretch)"},placeItems:{classes:["place-items-start","place-items-end","place-items-center","place-items-stretch"],regExp:"place-items-(start|end|center|stretch)"},placeSelf:{classes:["place-self-auto","place-self-start","place-self-end","place-self-center","place-self-stretch"],regExp:"place-self-(auto|start|end|center|stretch)"},alignContent:{classes:["content-center","content-start","content-end","content-between","content-around","content-evenly"],regExp:"content-(center|start|end|between|around|evenly)"},alignItems:{classes:["items-start","items-end","items-center","items-baseline","items-stretch"],regExp:"items-(start|end|center|baseline|stretch)"},alignSelf:{classes:["self-auto","self-start","self-end","self-center","self-stretch","self-baseline"],regExp:"self-(auto|start|end|center|stretch|baseline)"},backgroundClip:{classes:["bg-clip-border","bg-clip-padding","bg-clip-content","bg-clip-text"],regExp:"bg-clip-(border|padding|content|text)"},dropShadow:{classes:lodashEs.map(["sm","md","lg","xl","2xl","none"],o=>`drop-shadow-${o}`),regExp:"drop-shadow-(sm|md|lg|xl|2xl|none)"},backdropBlur:{classes:lodashEs.map(["none","sm","md","lg","xl","2xl","3xl"],o=>`backdrop-blur-${o}`),regExp:"backdrop-blur-(none|sm|md|lg|xl|2xl|3xl)"},backdropBrightness:{classes:lodashEs.map([0,50,75,90,95,100,105,110,125,150,200],o=>`backdrop-brightness-${o}`),regExp:"backdrop-brightness-(\\d+)"},backdropContrast:{classes:lodashEs.map([0,50,75,100,125,150,200],o=>`backdrop-contrast-${o}`),regExp:"backdrop-contrast-(\\d+)"},backdropGrayScale:{classes:["backdrop-grayscale-0","backdrop-grayscale"],regExp:"backdrop-grayscale(-0)?"},backdropHueRotate:{classes:lodashEs.map([0,15,30,60,90,180],o=>`backdrop-hue-rotate-${o}`),regExp:"-?backdrop-hue-rotate-(\\d+)"},backdropInvert:{classes:["backdrop-invert-0","backdrop-invert"],regExp:"backdrop-invert(-0)?"},backdropOpacity:{classes:lodashEs.map([0,5,10,20,25,30,40,50,60,70,75,80,90,95,100],o=>`backdrop-opacity-${o}`),regExp:"backdrop-opacity-(\\d+)"},backdropSaturate:{classes:lodashEs.map([0,50,100,150,200],o=>`backdrop-saturate-${o}`),regExp:"backdrop-saturate-(\\d+)"},backdropSepia:{classes:["backdrop-sepia-0, backdrop-sepia"],regExp:"backdrop-sepia(-0)?"},backgroundOrigin:{classes:["bg-origin-border","bg-origin-padding","bg-origin-content"],regExp:"bg-origin-(border|padding|content)"},transformOrigin:{classes:lodashEs.map(CLASS_VALUES.origin,o=>`origin-${o}`),regExp:"origin-(\\d+|\\S+)"},padding:{classes:lodashEs.map(CLASS_VALUES.padding,o=>`p-${o}`),regExp:"p-(\\d+|\\S+|\\[.*\\])"},paddingX:{classes:lodashEs.map(CLASS_VALUES.padding,o=>`px-${o}`),regExp:"px-(\\d+|\\S+|\\[.*\\])"},paddingY:{classes:lodashEs.map(CLASS_VALUES.padding,o=>`py-${o}`),regExp:"py-(\\d+|\\S+|\\[.*\\])"},paddingTop:{classes:lodashEs.map(CLASS_VALUES.padding,o=>`pt-${o}`),regExp:"pt-(\\d+|\\S+|\\[.*\\])"},paddingRight:{classes:lodashEs.map(CLASS_VALUES.padding,o=>`pr-${o}`),regExp:"pr-(\\d+|\\S+|\\[.*\\])"},paddingBottom:{classes:lodashEs.map(CLASS_VALUES.padding,o=>`pb-${o}`),regExp:"pb-(\\d+|\\S+|\\[.*\\])"},paddingLeft:{classes:lodashEs.map(CLASS_VALUES.padding,o=>`pl-${o}`),regExp:"pl-(\\d+|\\S+|\\[.*\\])"},textDecorationStyle:{classes:["decoration-solid","decoration-double","decoration-dotted","decoration-dashed","decoration-wavy"],regExp:"decoration-(solid|double|dotted|dashed|wavy)"},textDecorationThickness:{classes:lodashEs.map(["auto","from-font","0",1,2,4,8],o=>`decoration-${o}`),regExp:"decoration-(auto|from-font|\\d+|\\S+)"},fromColor:{classes:[],regExp:"from-(black|transparent|current|white|__THEME_COLORS_REGEXP__|\\S+-\\d+)"},margin:{classes:lodashEs.map(CLASS_VALUES.margin,o=>`m-${o}`),regExp:"-?m-(\\d+|\\S+|\\[.*\\])"},marginX:{classes:lodashEs.map(CLASS_VALUES.margin,o=>`mx-${o}`),regExp:"-?mx-(\\d+|\\S+|\\[.*\\])"},marginY:{classes:lodashEs.map(CLASS_VALUES.margin,o=>`my-${o}`),regExp:"-?my-(\\d+|\\S+|\\[.*\\])"},marginTop:{classes:lodashEs.map(CLASS_VALUES.margin,o=>`mt-${o}`),regExp:"-?mt-(\\d+|\\S+|\\[.*\\])"},marginRight:{classes:lodashEs.map(CLASS_VALUES.margin,o=>`mr-${o}`),regExp:"-?mr-(\\d+|\\S+|\\[.*\\])"},marginBottom:{classes:lodashEs.map(CLASS_VALUES.margin,o=>`mb-${o}`),regExp:"-?mb-(\\d+|\\S+|\\[.*\\])"},marginLeft:{classes:lodashEs.map(CLASS_VALUES.margin,o=>`ml-${o}`),regExp:"-?ml-(\\d+|\\S+|\\[.*\\])"},spaceX:{classes:lodashEs.map(CLASS_VALUES.space,o=>`space-x-${o}`),regExp:"-?space-x-(\\d+|\\S+|\\[.*\\])"},spaceY:{classes:lodashEs.map(CLASS_VALUES.space,o=>`space-y-${o}`),regExp:"-?space-y-(\\d+|\\S+|\\[.*\\])"},boxShadow:{classes:lodashEs.map(["sm","md","lg","xl","2xl","inner","none"],o=>`shadow-${o}`),regExp:"shadow-(sm|md|lg|xl|2xl|inner|none)"},minWidth:{classes:["min-w-0","min-w-full","min-w-min","min-w-max","min-w-fit"],regExp:"min-w-(\\d+|\\S+|\\[.*\\])"},maxWidth:{classes:lodashEs.map(CLASS_VALUES.maxWidth,o=>`max-w-${o}`),regExp:"max-w-(\\d+|\\S+|\\[.*\\])"},width:{classes:lodashEs.map([...CLASS_VALUES.width,"full","screen","min","max","fit"],o=>`w-${o}`),regExp:"w-(\\d+.\\d+|\\d+|px|auto|full|screen|min|max|fit|\\[.*\\])$"},minHeight:{classes:["min-h-0","min-h-full","min-h-screen","min-h-min","min-h-max","min-h-fit"],regExp:"min-h-(\\d+|\\S+|\\[.*\\])"},maxHeight:{classes:lodashEs.map(CLASS_VALUES.maxHeight,o=>`max-h-${o}`),regExp:"max-h-(\\d+|\\S+|\\[.*\\])"},height:{classes:lodashEs.map(CLASS_VALUES.height,o=>`h-${o}`),regExp:"h-(\\d+.\\d+|\\d+|px|auto|full|screen|min|max|fit|\\[.*\\])"},fontFamily:{classes:["font-heading","font-body","font-sans","font-serif","font-mono"],regExp:"font-(heading|body|sans|serif|mono)"},textAlign:{classes:["text-left","text-center","text-right","text-justify"],regExp:"text-(left|center|right|justify)"},textOverflow:{classes:["truncate","text-ellipsis","text-clip"],regExp:"truncate|text-ellipsis|text-clip"},verticalAlign:{classes:["align-baseline","align-top","align-middle","align-bottom","align-text-top","align-text-bottom","align-sub","align-super"],regExp:"align-(baseline|top|middle|bottom|text-top|text-bottom|sub|super)"},fontSize:{classes:["text-xs","text-sm","text-base","text-lg","text-xl","text-2xl","text-3xl","text-4xl","text-5xl","text-6xl","text-7xl","text-8xl","text-9xl"],regExp:"text-(\\d+|\\S+|\\[.*\\])"},fontSmoothing:{classes:["antialiased","subpixel-antialiased"],regExp:"antialiased|subpixel-antialiased"},fontStyle:{classes:["italic","not-italic"],regExp:"not-italic|italic"},fontWeight:{classes:["font-thin","font-extralight","font-light","font-normal","font-medium","font-semibold","font-bold","font-extrabold","font-black"],regExp:"font-(thin|extralight|light|normal|medium|semibold|bold|extrabold|black)"},fontVariantNum:{classes:["normal-nums","ordinal","diagonal-fractions","stacked-fractions","tabular-nums","oldstyle-nums","proportional-nums","lining-nums","slashed-zero"],regExp:"normal-nums|ordinal|diagonal-fractions|stacked-fractions|tabular-nums|oldstyle-nums|proportional-nums|lining-nums|slashed-zero"},letterSpacing:{classes:["tracking-tighter","tracking-tight","tracking-normal","tracking-wide","tracking-wider","tracking-widest"],regExp:"-?tracking-(tighter|tight|normal|wide|wider|widest|\\[.*\\])"},lineHeight:{classes:["leading-none","leading-tight","leading-snug","leading-normal","leading-relaxed","leading-loose","leading-3","leading-4","leading-5","leading-6","leading-7","leading-8","leading-9","leading-10"],regExp:"leading-(none|tight|snug|normal|relaxed|loose|\\[.*\\]|\\d+)"},listStyleType:{classes:["list-none","list-disc","list-decimal"],regExp:"list-(none|disc|decimal)"},listStylePosition:{classes:["list-inside","list-outside"],regExp:"list-(inside|outside)"},textUnderlineOffset:{classes:["underline-offset-auto","underline-offset-0","underline-offset-1","underline-offset-2","underline-offset-4","underline-offset-8"],regExp:"underline-offset-(auto|\\d+|\\S+)"},textDecoration:{classes:["underline","overline","line-through","no-underline"],regExp:"underline|overline|line-through|no-underline"},textDecorationColor:{classes:[],regExp:"decoration-(black|transparent|current|white|__THEME_COLORS_REGEXP__|\\S+-\\d+)"},textTransform:{classes:["uppercase","lowercase","capitalize","normal-case"],regExp:"uppercase|lowercase|capitalize|normal-case"},textIndent:{classes:lodashEs.map(CLASS_VALUES.indent,o=>`indent-${o}`),regExp:"-?indent-(\\d+|\\S+)"},whitespace:{classes:["whitespace-normal","whitespace-nowrap","whitespace-pre","whitespace-pre-line","whitespace-pre-wrap"],regExp:"whitespace-(normal|nowrap|pre|pre-line|pre-wrap)"},wordBreak:{classes:["break-normal","break-words","break-all"],regExp:"break-(normal|words|all)"},content:{classes:["content-none"],regExp:"content-none"},backgroundAttachment:{classes:lodashEs.map(["fixed","local","scroll"],o=>`bg-${o}`),regExp:"bg-(fixed|local|scroll)"},backgroundColor:{classes:[],regExp:"bg-(black|transparent|current|white|__THEME_COLORS_REGEXP__|\\S+-\\d+)"},backgroundPosition:{classes:["bg-bottom","bg-center","bg-left","bg-left-bottom","bg-left-top","bg-right","bg-right-bottom","bg-right-top","bg-top"],regExp:"bg-(bottom|center|left|left-bottom|left-top|right|right-bottom|right-top|top)"},backgroundRepeat:{classes:["bg-repeat","bg-repeat-x","bg-repeat-y","bg-no-repeat","bg-repeat-round","bg-repeat-space"],regExp:"bg-(repeat|repeat-x|repeat-y|no-repeat|repeat-round|repeat-space)"},backgroundSize:{classes:["bg-auto","bg-cover","bg-contain"],regExp:"bg-(auto|cover|contain)"},backgroundGradient:{classes:["bg-gradient-none","bg-gradient-to-t","bg-gradient-to-tr","bg-gradient-to-r","bg-gradient-to-br","bg-gradient-to-b","bg-gradient-to-bl","bg-gradient-to-l","bg-gradient-to-tl"],regExp:"bg-gradient-(none|to-(t|tr|r|br|b|bl|l|tl))"},viaColor:{classes:[],regExp:"via-(black|transparent|current|white|__THEME_COLORS_REGEXP__|\\S+-\\d+)"},toColor:{classes:[],regExp:"to-(black|transparent|current|white|__THEME_COLORS_REGEXP__|\\S+-\\d+)"},position:{classes:["static","fixed","absolute","relative","sticky"],regExp:"(static|fixed|absolute|relative|sticky)"},borderRadiusTopLeft:{classes:["rounded-tl",...lodashEs.map(CLASS_VALUES.borderRadius,o=>`rounded-tl-${o}`)],regExp:"rounded-tl-?(\\d+|\\S+)?"},borderRadiusTopRight:{classes:["rounded-tr",...lodashEs.map(CLASS_VALUES.borderRadius,o=>`rounded-tr-${o}`)],regExp:"rounded-tr-?(\\d+|\\S+)?"},borderRadiusBottomRight:{classes:["rounded-br",...lodashEs.map(CLASS_VALUES.borderRadius,o=>`rounded-br-${o}`)],regExp:"rounded-br-?(\\d+|\\S+)?"},borderRadiusBottomLeft:{classes:["rounded-bl",...lodashEs.map(CLASS_VALUES.borderRadius,o=>`rounded-bl-${o}`)],regExp:"rounded-bl-?(\\d+|\\S+)?"},borderRadiusTop:{classes:["rounded-t",...lodashEs.map(CLASS_VALUES.borderRadius,o=>`rounded-t-${o}`)],regExp:"rounded-t-?(\\d+|\\S+)?"},borderRadiusRight:{classes:["rounded-r",...lodashEs.map(CLASS_VALUES.borderRadius,o=>`rounded-r-${o}`)],regExp:"rounded-r-?(\\d+|\\S+)?"},borderRadiusBottom:{classes:["rounded-b",...lodashEs.map(CLASS_VALUES.borderRadius,o=>`rounded-b-${o}`)],regExp:"rounded-b-?(\\d+|\\S+)?"},borderRadiusLeft:{classes:["rounded-l",...lodashEs.map(CLASS_VALUES.borderRadius,o=>`rounded-l-${o}`)],regExp:`(rounded-l-(${CLASS_VALUES.borderRadius.join("|")})|rounded-l$)`},borderRadius:{classes:["rounded",...lodashEs.map(CLASS_VALUES.borderRadius,o=>`rounded-${o}`)],regExp:`(rounded-(${CLASS_VALUES.borderRadius.join("|")}$)|rounded)`},borderX:{classes:["border-x",...lodashEs.map(CLASS_VALUES.borderWidth,o=>`border-x-${o}`)],regExp:"border-x-?(\\d+|\\S+|\\[.*\\])?"},borderY:{classes:["border-y",...lodashEs.map(CLASS_VALUES.borderWidth,o=>`border-y-${o}`)],regExp:"border-y-?(\\d+|\\S+|\\[.*\\])?"},borderTop:{classes:["border-t",...lodashEs.map(CLASS_VALUES.borderWidth,o=>`border-t-${o}`)],regExp:"border-t-?(\\d+|\\S+|\\[.*\\])?"},borderRight:{classes:["border-r",...lodashEs.map(CLASS_VALUES.borderWidth,o=>`border-r-${o}`)],regExp:"border-r-?(\\d+|\\S+|\\[.*\\])?"},borderBottom:{classes:["border-b",...lodashEs.map(CLASS_VALUES.borderWidth,o=>`border-b-${o}`)],regExp:"border-b-?(\\d+|\\S+|\\[.*\\])?"},borderLeft:{classes:["border-l",...lodashEs.map(CLASS_VALUES.borderWidth,o=>`border-l-${o}`)],regExp:"border-l-?(\\d+|\\S+|\\[.*\\])?"},borderColor:{classes:[],regExp:"^border-(black|transparent|current|white|__THEME_COLORS_REGEXP__|\\w+-\\d+|\\[#[0-9a-fA-F]+\\])$"},border:{classes:["border",...lodashEs.map(CLASS_VALUES.borderWidth,o=>`border-${o}`)],regExp:"^border(-\\d+|\\[\\d+px\\])?$"},order:{classes:lodashEs.map([...lodashEs.range(0,13),"first","last","none"],o=>`order-${o}`),regExp:"-?order-(\\d+|first|last|none)"},divideXWidth:{classes:lodashEs.map(["0",2,4,8],o=>`divide-x-${o}`),regExp:"divide-x-(\\d+|\\[.*\\])"},divideYWidth:{classes:lodashEs.map(["0",2,4,8],o=>`divide-y-${o}`),regExp:"divide-y-(\\d+|\\[.*\\])"},divideColor:{classes:[],regExp:"divide-(black|transparent|current|white|__THEME_COLORS_REGEXP__|\\S+-\\d+)"},divideStyle:{classes:lodashEs.map(["solid","dashed","dotted","double","none"],o=>`divide-${o}`),regExp:"divide-(solid|dashed|dotted|double|none)"},outlineWidth:{classes:lodashEs.map([0,1,2,4,8],o=>`outline-${o}`),regExp:"outline-(\\d+)"},outlineOffset:{classes:lodashEs.map([0,1,2,4,8],o=>`outline-offset-${o}`),regExp:"outline-offset-(\\d+)"},outlineColor:{classes:[],regExp:"outline-(black|transparent|current|white|__THEME_COLORS_REGEXP__|\\S+-\\d+)"},ringWidth:{classes:lodashEs.map([0,1,2,4,8,"inset"],o=>`ring-${o}`),regExp:"ring-(\\d+|inset)"},ringOffsetWidth:{classes:lodashEs.map([0,1,2,4,8],o=>`ring-offset-${o}`),regExp:"ring-offset-(\\d+)"},ringOffsetColor:{classes:[],regExp:"ring-offset-(black|transparent|current|white|__THEME_COLORS_REGEXP__|\\S+-\\d+)"},ringColor:{classes:[],regExp:"ring-(black|transparent|current|white|__THEME_COLORS_REGEXP__|\\S+-\\d+)"},boxShadowColor:{classes:[],regExp:"shadow-(black|transparent|current|white|__THEME_COLORS_REGEXP__|\\S+-\\d+)"},opacity:{classes:lodashEs.map([0,5,10,20,25,30,40,50,60,70,75,80,90,95,100],o=>`opacity-${o}`),regExp:"opacity-(\\d+|\\[.*\\])"},mixBlendMode:{classes:lodashEs.map(CLASS_VALUES.blendEffect,o=>`mix-blend-${o}`),regExp:"mix-blend-(\\d+|\\S+)"},bgBlendMode:{classes:lodashEs.map(CLASS_VALUES.blendEffect,o=>`bg-blend-${o}`),regExp:"bg-blend-(\\d+|\\S+)"},blur:{classes:lodashEs.map(["none","sm","md","lg","xl","2xl","3xl"],o=>`blur-${o}`),regExp:"blur-(none|sm|md|lg|xl|2xl|3xl)"},brightness:{classes:lodashEs.map([0,50,75,90,95,100,105,110,125,150,200],o=>`brightness-${o}`),regExp:"brightness-(\\d+)"},contrast:{classes:lodashEs.map([0,50,75,100,125,150,200],o=>`contrast-${o}`),regExp:"contrast-(\\d+)"},grayScale:{classes:["grayscale-0","grayscale"],regExp:"grayscale(-0)?"},hueRotate:{classes:lodashEs.map([0,15,30,60,90,180],o=>`hue-rotate-${o}`),regExp:"-?hue-rotate-(\\d+)"},invert:{classes:["invert-0","invert"],regExp:"invert(-0)?"},saturate:{classes:lodashEs.map([0,50,100,150,200],o=>`saturate-${o}`),regExp:"saturate-(\\d+)"},sepia:{classes:["sepia-0","sepia"],regExp:"sepia(-0)?"},transition:{classes:["transition-none","transition-all","transition-colors","transition-opacity","transition-shadow","transition-transform"],regExp:"transition-(none|all|colors|opacity|shadow|transform)"},duration:{classes:lodashEs.map([75,100,150,200,300,500,700,1e3],o=>`duration-${o}`),regExp:"duration-(\\d+|\\[.*\\])"},transitionEase:{classes:["ease-linear","ease-in","ease-out","ease-in-out"],regExp:"eas(e-linear|e-in|e-out|e-in-out)"},transitionDelay:{classes:lodashEs.map([75,100,150,200,300,500,700,1e3],o=>`delay-${o}`),regExp:"delay-(\\d+|\\[.*\\])"},animation:{classes:["animate-none","animate-spin","animate-ping"],regExp:"animate-(none|spin|ping)"},scaleX:{classes:lodashEs.map(CLASS_VALUES.scale,o=>`scale-x-${o}`),regExp:"-?scale-x-(\\d+|\\S+|\\[.*\\])"},scaleY:{classes:lodashEs.map(CLASS_VALUES.scale,o=>`scale-y-${o}`),regExp:"-?scale-y-(\\d+|\\S+|\\[.*\\])"},scale:{classes:lodashEs.map(CLASS_VALUES.scale,o=>`scale-${o}`),regExp:"-?scale-(\\d+|\\S+|\\[.*\\])"},rotate:{classes:lodashEs.map([0,1,2,3,6,12,45,90,180],o=>`rotate-${o}`),regExp:"-?rotate-(\\d+|\\S+|\\[.*\\])"},translateX:{classes:lodashEs.map([0,"px","0.5",1],o=>`translate-x-${o}`),regExp:"-?translate-x-(\\d+|\\S+|\\[.*\\])"},translateY:{classes:lodashEs.map([0,"px","0.5",1],o=>`translate-y-${o}`),regExp:"-?translate-y-(\\d+|\\S+|\\[.*\\])"},skewX:{classes:lodashEs.map([0,1,2,3,6,12],o=>`skew-x-${o}`),regExp:"-?skew-x-(\\d+|\\S+|\\[.*\\])"},skewY:{classes:lodashEs.map([0,1,2,3,6,12],o=>`skew-y-${o}`),regExp:"-?skew-y-(\\d+|\\S+|\\[.*\\])"},accentColor:{classes:[],regExp:"accent-(black|transparent|current|white|__THEME_COLORS_REGEXP__|\\S+-\\d+)"},appearance:{classes:["appearance-none"],regExp:"appearance-none"},cursor:{classes:["cursor-auto","cursor-default","cursor-pointer","cursor-wait","cursor-text","cursor-move","cursor-help","cursor-not-allowed"],regExp:"cursor-(auto|default|pointer|wait|text|move|help|not-allowed)"},caretColor:{classes:[],regExp:"caret-(black|transparent|current|white|__THEME_COLORS_REGEXP__|\\S+-\\d+)"},pointerEvents:{classes:["pointer-events-none","pointer-events-auto"],regExp:"pointer-events-(none|auto)"},userSelect:{classes:["select-none","select-text","select-all","select-auto"],regExp:"select-(none|text|all|auto)"},fill:{classes:[],regExp:"caret-(black|transparent|current|white|__THEME_COLORS_REGEXP__|\\S+-\\d+)"},stroke:{classes:[],regExp:"caret-(black|transparent|current|white|__THEME_COLORS_REGEXP__|\\S+-\\d+)"},strokeWidth:{classes:["stroke-0","stroke-1","stroke-2"],regExp:"stroke-(\\d+|\\[.*\\])"}},colorOptions={backgroundColor:"bg",textColor:"text",borderColor:"border",boxShadowColor:"shadow",outlineColor:"outline",divideColor:"divide",fromColor:"from",viaColor:"via",toColor:"to",ringColor:"ring",ringOffsetColor:"ring-offset"},soloColors=["current","inherit","transparent","black","white"],shadedColors=["slate","gray","zinc","neutral","stone","red","orange","amber","yellow","lime","green","emerald","teal","cyan","sky","blue","indigo","violet","purple","fuchsia","pink","rose"],shades=["50","100","200","300","400","500","600","700","800","900"],colorKeys=lodashEs.map(lodashEs.values(colorOptions),o=>o),ALL_COLORS=lodashEs.flattenDeep([...lodashEs.map(soloColors,o=>lodashEs.flatten(lodashEs.map(colorKeys,n=>`${n}-${o}`))),...lodashEs.map(shadedColors,o=>lodashEs.flattenDeep(lodashEs.map(colorKeys,n=>lodashEs.flattenDeep(lodashEs.map(shades,a=>`${n}-${o}-${a}`)))))]),ALL_TW_CLASSES=lodashEs.map(lodashEs.flattenDeep(lodashEs.values(CLASSES_LIST).map(o=>o.classes).concat(ALL_COLORS)),o=>({name:o})),useFuseSearch=()=>{const o=useThemeOptions(),n=React.useMemo(()=>{let a=[];if(o.colors){const l=lodashEs.flattenDeep(lodashEs.map(o.colors,({items:r})=>lodashEs.keys(r)));a=lodashEs.flattenDeep(lodashEs.map(l,r=>lodashEs.flatten(lodashEs.map(colorKeys,i=>`${i}-${r}`))))}return o.fontFamily&&(a=[...a,...lodashEs.map(lodashEs.keys(o.fontFamily),l=>`${l}`)]),lodashEs.map(a,l=>({name:l}))},[o]);return React.useMemo(()=>new Fuse([...ALL_TW_CLASSES,...n],{isCaseSensitive:!1,threshold:.2,minMatchCharLength:2,keys:["name"]}),[n])},useTailwindClassList=()=>{const o=useThemeOptions(),n=React.useMemo(()=>{if(o.colors){const r=lodashEs.flattenDeep(lodashEs.map(o.colors,({items:i})=>lodashEs.keys(i)));lodashEs.each(CLASSES_LIST,(i,c)=>{lodashEs.set(CLASSES_LIST,`${c}.regExp`,i.regExp.replace("__THEME_COLORS_REGEXP__",r.join("|")))})}return CLASSES_LIST},[o]),a=React.useCallback((r,i)=>{const c=lodashEs.get(n,`${r}.regExp`,"");return i.match(new RegExp(c))},[n]),l=React.useCallback((r,i=[])=>lodashEs.get(n,`${r}.classes`,i),[n]);return{match:a,getClasses:l}};function getMqForCls(o){if(lodashEs.isEmpty(o.trim()))return"";const n=o.match(/sm:|md:|lg:|xl:|2xl:/g);return lodashEs.get(n,0,"xs").replace(":","")}function getModForCls(o){const n=lodashEs.map(MODIFIERS,l=>`${l}:`).join("|"),a=new RegExp(n,"g");return lodashEs.get(a.exec(o.trim()),0,"").replace(":","")}function getPureClsName(o){return o.trim().split(":").pop()||""}const memoizedProps={};function getPropertyForClass(o){if(lodashEs.isEmpty(o))return"";if(memoizedProps[o])return memoizedProps[o];let n="";for(const a in CLASSES_LIST){const l=lodashEs.get(CLASSES_LIST,`${a}.regExp`,"");if(new RegExp(l,"g").test(o)){n=a,memoizedProps[o]=n;break}}return n}function constructClassObject(o){return lodashEs.isEmpty(o)?null:{dark:lodashEs.startsWith(o,"dark:"),mq:getMqForCls(o),mod:getModForCls(o),cls:getPureClsName(o),fullCls:o,property:getPropertyForClass(o)}}function generateFullClsName(o){let n="";return o.dark&&(n+="dark:"),o.mq.toLowerCase()!=="xs"&&(n+=`${o.mq}:`),o.mod&&(n+=`${o.mod}:`),n+=o.cls,n}function orderClassesByBreakpoint(o){o=o.replace(/\s+/g," ");const n=o.split(" ").map(constructClassObject),a=["xs","sm","md","lg","xl","2xl"];return n.sort((l,r)=>a.indexOf(l.mq)-a.indexOf(r.mq)).map(l=>l.fullCls).join(" ")}function removeDuplicateClasses(o){if(o=o.replace(/\s+/g," "),!o)return"";const n=["xs","sm","md","lg","xl","2xl"],a=o.split(" ").map(constructClassObject);let l=o;if(a.length===1)return a[0].fullCls;for(const r of a){const i=r.property,c=n.indexOf(r.mq);for(let d=c+1;d<n.length;d++){const p=n[d],u=a.find(m=>m.property===i&&m.mq===p);if(u&&u.cls===r.cls)l=l.replace(u.fullCls,"");else if(u&&u.cls!==r.cls)break}}return l.replace(/\s+/g," ").trim()}const selectedStylingBlocksAtom=jotai.atom([]);selectedStylingBlocksAtom.debugLabel="selectedStylingBlocksAtom";const useSelectedStylingBlocks=()=>jotai.useAtom(selectedStylingBlocksAtom),addClassesToBlocksAtom=jotai.atom(null,(o,n,{blockIds:a,newClasses:l})=>{const r=lodashEs.filter(o(pageBlocksAtomsAtom),c=>a.includes(o(c)._id)),i=lodashEs.first(o(selectedStylingBlocksAtom));return lodashEs.map(r,c=>{const d=o(c),p=lodashEs.get(d,i.prop,`${applyBinding.STYLES_KEY},`),{classes:u}=applyBinding.getSplitChaiClasses(p);return{ids:[d._id],props:{[i.prop]:`${applyBinding.STYLES_KEY},${orderClassesByBreakpoint(removeDuplicateClasses(tailwindMerge.twMerge(u,l)))}`}}})}),useAddClassesToBlocks=()=>{const o=jotai.useSetAtom(addClassesToBlocksAtom),{updateBlocks:n,updateBlocksRuntime:a}=useBlocksStoreUndoableActions();return React.useCallback((l,r,i=!1)=>{const c=o({blockIds:l,newClasses:r});if(!i){a(l,c[0].props);return}n(l,c[0].props)},[o,n,a])},LANGUAGES={ab:"Abkhazian",aa:"Afar",af:"Afrikaans",ak:"Akan",sq:"Albanian",am:"Amharic",ar:"Arabic",an:"Aragonese",hy:"Armenian",as:"Assamese",av:"Avaric",ae:"Avestan",ay:"Aymara",az:"Azerbaijani",bm:"Bambara",ba:"Bashkir",eu:"Basque",be:"Belarusian",bn:"Bengali",bh:"Bihari",bi:"Bislama",bs:"Bosnian",br:"Breton",bg:"Bulgarian",my:"Burmese",ca:"Catalan",ch:"Chamorro",ce:"Chechen",ny:"Chichewa",zh:"Chinese","zh-Hans":"Chinese (Simplified)","zh-Hant":"Chinese (Traditional)",cv:"Chuvash",kw:"Cornish",co:"Corsican",cr:"Cree",hr:"Croatian",cs:"Czech",da:"Danish",dv:"Maldivian",nl:"Dutch",dz:"Dzongkha",en:"English",eo:"Esperanto",et:"Estonian",ee:"Ewe",fo:"Faroese",fj:"Fijian",fi:"Finnish",fr:"French",ff:"Fula, Pular",gl:"Galician",gd:"Gaelic (Scottish)",gv:"Manx",ka:"Georgian",de:"German",el:"Greek",kl:"Kalaallisut",gn:"Guarani",gu:"Gujarati",ht:"Haitian Creole",ha:"Hausa",he:"Hebrew",hz:"Herero",hi:"Hindi",ho:"Hiri Motu",hu:"Hungarian",is:"Icelandic",io:"Ido",ig:"Igbo",id:"Indonesian",ia:"Interlingua",ie:"Interlingue",iu:"Inuktitut",ik:"Inupiak",ga:"Irish",it:"Italian",ja:"Japanese",jv:"Javanese",kn:"Kannada",kr:"Kanuri",ks:"Kashmiri",kk:"Kazakh",km:"Khmer",ki:"Kikuyu",rw:"Kinyarwanda",rn:"Kirundi",ky:"Kyrgyz",kv:"Komi",kg:"Kongo",ko:"Korean",ku:"Kurdish",kj:"Kwanyama",lo:"Lao",la:"Latin",lv:"Latvian",li:"Limburgish",ln:"Lingala",lt:"Lithuanian",lu:"Luga-Katanga",lg:"Luganda, Ganda",lb:"Luxembourgish",mk:"Macedonian",mg:"Malagasy",ms:"Malay",ml:"Malayalam",mt:"Maltese",mi:"Maori",mr:"Marathi",mh:"Marshallese",mo:"Moldavian",mn:"Mongolian",na:"Nauru",nv:"Navajo",ng:"Ndonga",nd:"Northern Ndebele",ne:"Nepali",no:"Norwegian",nb:"Norwegian bokmål",nn:"Norwegian nynorsk",ii:"Sichuan Yi",oc:"Occitan",oj:"Ojibwe",cu:"Old Church Slavonic",or:"Oriya",om:"Oromo",os:"Ossetian",pi:"Pāli",ps:"Pashto, Pushto",fa:"Persian (Farsi)",pl:"Polish",pt:"Portuguese",pa:"Punjabi (Eastern)",qu:"Quechua",rm:"Romansh",ro:"Romanian",ru:"Russian",se:"Sami",sm:"Samoan",sg:"Sango",sa:"Sanskrit",sr:"Serbian",sh:"Serbo-Croatian",st:"Sesotho",tn:"Setswana",sn:"Shona",sd:"Sindhi",si:"Sinhalese",ss:"Swati",sk:"Slovak",sl:"Slovenian",so:"Somali",nr:"Southern Ndebele",es:"Spanish",su:"Sundanese",sw:"Swahili (Kiswahili)",sv:"Swedish",tl:"Tagalog",ty:"Tahitian",tg:"Tajik",ta:"Tamil",tt:"Tatar",te:"Telugu",th:"Thai",bo:"Tibetan",ti:"Tigrinya",to:"Tonga",ts:"Tsonga",tr:"Turkish",tk:"Turkmen",tw:"Twi",ug:"Uyghur",uk:"Ukrainian",ur:"Urdu",uz:"Uzbek",ve:"Venda",vi:"Vietnamese",vo:"Volapük",wa:"Wallon",cy:"Welsh",wo:"Wolof",fy:"Western Frisian",xh:"Xhosa",yi:"Yiddish",yo:"Yoruba",za:"Zhuang, Chuang",zu:"Zulu"},updatePropsForLanguage=(o,n,a)=>{const l=runtime.getRegisteredChaiBlock(lodashEs.get(a,"_type"));if(!l)return o;const r={...o};return lodashEs.forEach(lodashEs.keys(o),i=>{if(lodashEs.includes(lodashEs.get(l,"i18nProps",[]),i)&&!lodashEs.isEmpty(n)){const c=`${i}-${n}`;lodashEs.set(r,c,o[i]),lodashEs.unset(r,i)}}),r},useUpdateBlocksProps=()=>{const{updateBlocks:o}=useBlocksStoreUndoableActions(),{selectedLang:n}=useLanguages(),a=useSelectedBlock();return React.useCallback((l,r,i)=>{const c=updatePropsForLanguage(r,n,a);o(l,c,i)},[n,a,o])},useUpdateMultipleBlocksProps=()=>{const{updateMultipleBlocksProps:o}=useBlocksStoreUndoableActions();return React.useCallback(n=>{o(n)},[o])},useFakeStreamEffect=()=>{const{updateBlocksRuntime:o}=useBlocksStoreUndoableActions();return React.useCallback(async(n,a,l=30)=>{const r=lodashEs.keys(lodashEs.omit(a,["_id"]));for(const i of r){const c=a[i];if(lodashEs.isString(c)){const d=lodashEs.chunk(c.split(""),12);let p="";o([n],{[i]:""});for(let u=0;u<d.length;u++)p+=d[u].join(""),o([n],{[i]:p}),await new Promise(m=>setTimeout(m,l))}}},[o])},useStreamMultipleBlocksProps=()=>{const{updateMultipleBlocksProps:o}=useBlocksStoreUndoableActions(),n=useFakeStreamEffect();return React.useCallback(async a=>{for(const l of a)await n(l._id,l);o(a)},[n,o])},useUpdateBlocksPropsRealtime=()=>{const{updateBlocksRuntime:o}=useBlocksStoreUndoableActions(),{selectedLang:n}=useLanguages(),a=useSelectedBlock();return React.useCallback((l,r)=>{const i=updatePropsForLanguage(r,n,a);o(l,i)},[n,a,o])};function getChildBlocks(o,n,a){a.push(lodashEs.find(o,{_id:n}));const l=lodashEs.filter(o,{_parent:n});for(const r of l)a.push(...getBlockWithChildren(r._id,o));return a}const getBlockWithChildren=(o,n)=>{let a=[];return a=lodashEs.flattenDeep([...a,...getChildBlocks(n,o,a)]),a},pickOnlyAIProps=(o,n,a)=>lodashEs.compact(o.map(l=>{const r=["_id","_type","_parent"],i=lodashEs.pick(l,r),c=runtime.getRegisteredChaiBlock(l._type),d={},p=lodashEs.get(c,"aiProps",[]);for(const u in l)if(!r.includes(u)&&p.includes(u)){const m=lodashEs.get(l,`${u}-${n}`,""),x=lodashEs.get(l,u,"");d[u]=lodashEs.isString(m)&&m.trim()||x,a&&(d[u]=x)}return lodashEs.isEmpty(d)?!1:(lodashEs.has(i,"_parent")&&lodashEs.isEmpty(i._parent)&&delete i._parent,{...i,...d})})),addLangToPrompt=(o,n,a)=>!n||a!=="content"?o:`${o}. Generate content in ${lodashEs.get(LANGUAGES,n,n)} language.`,askAiProcessingAtom=jotai.atom(!1),useAskAi=()=>{const[o,n]=jotai.useAtom(askAiProcessingAtom),[a,l]=React.useState(null),r=useBuilderProp("askAiCallBack",null),i=useStreamMultipleBlocksProps(),c=useUpdateMultipleBlocksProps(),[d]=useBlocksStore(),{selectedLang:p,fallbackLang:u}=useLanguages(),m=p.length?p:u,x=(h,g)=>{const f=lodashEs.cloneDeep(g.find(b=>b._id===h));for(const b in f){const j=f[b];if(typeof j=="string"&&lodashEs.startsWith(j,applyBinding.STYLES_KEY)){const{baseClasses:R,classes:k}=applyBinding.getSplitChaiClasses(j);f[b]=lodashEs.compact(lodashEs.flattenDeep([R,k])).join(" ")}else b!=="_id"&&delete f[b]}return f};return{askAi:React.useCallback(async(h,g,f,b)=>{if(r){n(!0),l(null);try{const j=p===u?"":p,R=f.toLowerCase().includes("translate the content"),k=h==="content"?pickOnlyAIProps(lodashEs.cloneDeep(getBlockWithChildren(g,d)),p,R):[x(g,d)],w=await r(h,addLangToPrompt(f,m,h),k,j),{blocks:B,error:S}=w;if(S){l(S);return}if(h==="styles"){const E=B.map(y=>{for(const I in y)I!=="_id"&&(y[I]=`${applyBinding.STYLES_KEY},${y[I]}`);return y});c(E)}else i(B);b&&b(w)}catch(j){l(j)}finally{n(!1),b&&b()}}},[r,n,p,u,d,m,c,i]),loading:o,error:a}},partialBlocksStoreAtom=jotai.atom({}),partialBlocksLoadingStateAtom=jotai.atom({}),usePartialBlocksStore=()=>{const[o,n]=jotai.useAtom(partialBlocksStoreAtom),a=React.useCallback(r=>lodashEs.get(o,r,[]),[o]),l=React.useCallback(()=>n({}),[n]);return{getPartailBlocks:a,reset:l}},useWatchPartailBlocks=()=>{const[o]=useBlocksStore(),[n,a]=jotai.useAtom(partialBlocksStoreAtom),[l,r]=jotai.useAtom(partialBlocksLoadingStateAtom),i=useBuilderProp("getPartialBlockBlocks",async d=>[]),c=React.useMemo(()=>o.filter(d=>d._type==="PartialBlock"||d._type==="GlobalBlock").map(d=>lodashEs.get(d,"partialBlockId",lodashEs.get(d,"globalBlock",""))),[o]);React.useEffect(()=>{lodashEs.forEach(c,d=>{lodashEs.has(n,d)||lodashEs.get(l,`${d}.loading`,!1)||(r(p=>({...p,[d]:{loading:!0,error:null}})),i(d).then(p=>{a(u=>({...u,[d]:p})),r(u=>({...u,[d]:{loading:!1,error:null}}))}).catch(p=>{r(u=>({...u,[d]:{loading:!1,error:p.message}}))}))})},[i,n,l,a,r,c])},partialBlocksListAtom=jotai.atom({}),usePartialBlocksList=()=>{const[o,n]=React.useState(!1),[a,l]=React.useState(null),[r,i]=jotai.useAtom(partialBlocksListAtom),c=useBuilderProp("getPartialBlocks",async()=>[]),d=React.useCallback(async()=>{n(!0),l(null);try{const p=await c();i(p),n(!1)}catch(p){l(p instanceof Error?p.message:"Failed to fetch partial blocks"),n(!1)}},[c,i]);return React.useEffect(()=>{d()},[]),{data:r,isLoading:o,refetch:d,error:a}},useBuilderReset=()=>{const{clear:o}=useUndoManager(),[,n]=useSelectedBlockIds(),{clearHighlight:a}=useBlockHighlight(),[,l]=useSelectedStylingBlocks(),[,r]=jotai.useAtom(aiAssistantActiveAtom),{reset:i}=usePartialBlocksStore(),{setSaveState:c}=useSavePage(),[,d]=useBlockRepeaterDataAtom();return()=>{d({}),n([]),l([]),a(),o(),r(!1),i(),c("SAVED")}},canvasZoomAtom=utils.atomWithStorage("canvasZoom",100),useCanvasZoom=()=>jotai.useAtom(canvasZoomAtom),codeEditorAtom=jotai.atom(null),useCodeEditor=()=>jotai.useAtom(codeEditorAtom),cutBlockIdsAtom=jotai.atom([]),useCutBlockIds=()=>{const[o,n]=jotai.useAtom(cutBlockIdsAtom),a=jotai.useSetAtom(copiedBlockIdsAtom),l=React.useCallback(r=>{n(r),a([])},[n,a]);return[o,l]},copiedBlockIdsAtom=jotai.atom([]),useCopyBlocks=()=>{const[o]=useBlocksStore(),[n,a]=jotai.useAtom(copiedBlockIdsAtom),l=jotai.useSetAtom(cutBlockIdsAtom),{getPartailBlocks:r}=usePartialBlocksStore(),i=React.useCallback(d=>d.some(p=>getDuplicatedBlocks(o,p,null).some(m=>m._type==="PartialBlock"||m._type==="GlobalBlock")),[o]),c=React.useCallback(async(d,p=!1)=>{try{if(lodashEs.isEmpty(d))return;a(d),l([]);const u={_chai_copied_blocks:d.flatMap(m=>{const x=getDuplicatedBlocks(o,m,null);if(!p)return x;let h=[];for(const g of x)if(g._type==="PartialBlock"||g._type==="GlobalBlock"){let f=r(g.partialBlockId);g._parent&&(f==null?void 0:f.length)>0&&(f=f.map(b=>(lodashEs.isEmpty(b._parent)&&lodashEs.set(b,"_parent",g._parent),b))),h=[...h,...f]}else h.push(g);return h})};if(!navigator.clipboard){sonner.toast.error("Clipboard not available.");return}sonner.toast.promise(navigator.clipboard.writeText(JSON.stringify(u)),{success:"Blocks copied successfully",error:"Failed to copy blocks to clipboard"})}catch(u){sonner.toast.error("Failed to copy blocks to clipboard"),console.error("Failed to copy blocks to clipboard:",u)}},[a,l,o]);return[n,c,i]},useCopyToClipboard=()=>{const[o,n]=React.useState(null),a=React.useCallback(async l=>{if(!(navigator!=null&&navigator.clipboard))return console.warn("Clipboard not supported"),!1;try{return await navigator.clipboard.writeText(l),n(l),!0}catch(r){return console.warn("Copy failed",r),n(null),!1}},[]);return[o,a]},darkModeAtom=utils.atomWithStorage("darkMode",!1),useDarkMode=()=>{const[o,n]=jotai.useAtom(darkModeAtom);return[o,n]},useDuplicateBlocks=()=>{const[o]=useBlocksStore(),[,n]=useSelectedBlockIds(),{addBlocks:a}=useBlocksStoreUndoableActions();return React.useCallback((l,r=null)=>{const i=[];lodashEs.each(l,c=>{const d=o.find(h=>h._id===c);r?r==="root"&&(r=null):r=d._parent;const m=lodashEs.filter(o,h=>lodashEs.isString(r)?h._parent===r:!h._parent).indexOf(d)+1,x=getDuplicatedBlocks(o,c,r);a(x,r,m),i.push(lodashEs.get(x,"0._id",""))}),n(i)},[o,n])},highlightBlockIdAtom=jotai.atom(""),useHighlightBlockId=()=>jotai.useAtom(highlightBlockIdAtom),libraryBlocksAtom=jotai.atom({}),useLibraryBlocks=o=>{const[n,a]=jotai.useAtom(libraryBlocksAtom),l=React.useMemo(()=>(o==null?void 0:o.getBlocksList)||(()=>[]),[o]),r=lodashEs.get(n,`${o==null?void 0:o.id}.blocks`,null),i=lodashEs.get(n,`${o==null?void 0:o.id}.loading`,"idle"),c=React.useRef("idle");React.useEffect(()=>{(async()=>{if(!(i==="complete"||c.current==="loading")){c.current="loading",a(p=>({...p,[o==null?void 0:o.id]:{loading:"loading",blocks:[]}}));try{const p=await l(o);c.current="idle",a(u=>({...u,[o==null?void 0:o.id]:{loading:"complete",blocks:p||[]}}))}catch{c.current="idle",a(u=>({...u,[o==null?void 0:o.id]:{loading:"complete",blocks:[]}}))}}})()},[o,r,i,c,a,l]);const d=React.useCallback(p=>{a(u=>({...u,[p]:{loading:"idle",blocks:[]}}))},[a]);return{data:r||[],isLoading:i==="loading",resetLibrary:d}},useCanPaste=()=>{const[o]=useBlocksStore();return(n,a)=>{var i;const l=((i=lodashEs.find(o,{_id:a}))==null?void 0:i._type)||null,r=lodashEs.first(n.map(c=>{var d;return(d=lodashEs.find(o,{_id:c}))==null?void 0:d._type}));return canAcceptChildBlock(l,r)}},useMoveCutBlocks=()=>{const o=jotai.useAtomValue(presentBlocksAtom),{moveBlocks:n}=useBlocksStoreUndoableActions();return React.useCallback((a,l)=>{const r=Array.isArray(l)?l[0]:l;if(l==="root"){const i=o==null?void 0:o.filter(c=>!c._parent);n(a,null,(i==null?void 0:i.length)||0)}else{const i=o==null?void 0:o.filter(c=>c._parent===r);n(a,r,(i==null?void 0:i.length)||0)}},[n,o])},usePasteBlocks=()=>{const[o,n]=useCutBlockIds(),a=useMoveCutBlocks(),{addPredefinedBlock:l}=useAddBlock(),r=useCanPaste();return{canPaste:React.useCallback(async c=>{if(o.length>0)return r(o,c);try{const d=await navigator.clipboard.readText();if(d){const p=JSON.parse(d);return lodashEs.has(p,"_chai_copied_blocks")}}catch{return!1}return!1},[r,o]),pasteBlocks:React.useCallback(async c=>{const d=Array.isArray(c)?c[0]:c;if(!(navigator!=null&&navigator.permissions)){sonner.toast.error("Cannot check clipboard permissions.");return}try{if((await navigator.permissions.query({name:"clipboard-read"})).state==="denied"){sonner.toast.error("Clipboard paste permission denied. Please allow clipboard access.");return}}catch{sonner.toast.error("Failed to check clipboard permissions. Please allow clipboard access.");return}if(!lodashEs.isEmpty(o)){a(o,c),n([]),await navigator.clipboard.writeText("");return}sonner.toast.promise(async()=>{const p=await navigator.clipboard.readText();if(p){const u=JSON.parse(p);if(lodashEs.has(u,"_chai_copied_blocks"))l(u._chai_copied_blocks,d==="root"?null:d);else throw new Error("Nothing to paste")}else throw new Error("Nothing to paste")},{success:()=>"Blocks pasted successfully",error:()=>"Nothing to paste"})},[o,a,n])}},previewModeAtom=jotai.atom(!1),usePreviewMode=()=>{const[o,n]=jotai.useAtom(previewModeAtom);return[o,n]},removeClassFromBlocksAtom=jotai.atom(null,(o,n,{blockIds:a,fullClasses:l})=>{const r=lodashEs.first(o(selectedStylingBlocksAtom)),i=lodashEs.filter(o(pageBlocksAtomsAtom),c=>a.includes(o(c)._id));return lodashEs.map(i,c=>{const d=o(c),p=l;let{classes:u,baseClasses:m}=applyBinding.getSplitChaiClasses(lodashEs.get(d,r.prop,`${applyBinding.STYLES_KEY},`));return lodashEs.each(p,x=>{const h=x.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),g=new RegExp(`(^|\\s)${h}(?=\\s|$)`,"g");u=u.replace(g," ").replace(/\s+/g," ").trim();const f=lodashEs.first(x.split(":"));lodashEs.includes(["2xl","xl","lg","md","sm"],f)&&p.push(x.split(":").pop().trim())}),lodashEs.each(p,x=>{const h=x.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),g=new RegExp(`(^|\\s)${h}(?=\\s|$)`,"g");m=m.replace(g," ").replace(/\s+/g," ").trim()}),{ids:[d._id],props:{[r.prop]:`${applyBinding.STYLES_KEY}${m},${u}`}}})}),removeAllClassesForBlock=o=>{const n=Object.keys(o).filter(l=>typeof o[l]=="string"&&o[l].startsWith(applyBinding.STYLES_KEY)),a={};return n.forEach(l=>{a[l]=`${applyBinding.STYLES_KEY},`}),{ids:[o._id],props:a}},useRemoveAllClassesForBlock=()=>{const{updateBlocks:o,updateBlocksRuntime:n}=useBlocksStoreUndoableActions();return React.useCallback((a,l=!1)=>{const{ids:r,props:i}=removeAllClassesForBlock(a);l?o(r,i):n(r,i)},[o,n])},useRemoveClassesFromBlocks=()=>{const{updateBlocks:o,updateBlocksRuntime:n}=useBlocksStoreUndoableActions(),a=jotai.useSetAtom(removeClassFromBlocksAtom);return React.useCallback((l,r,i=!1)=>{const c=a({blockIds:l,fullClasses:r});i?o(l,c[0].props):n(l,c[0].props)},[a])},useResetBlockStyles=()=>{const o=useSelectedBlock(),n=useUpdateBlocksProps(),a=React.useCallback(c=>runtime.getDefaultBlockProps(c)||{},[]),l=React.useCallback(c=>Object.keys(c).filter(d=>typeof c[d]=="string"&&c[d].startsWith("#styles:")),[]),r=React.useCallback(c=>{if(!o)return;const p=a(o._type)[c]??"#styles:,";n([o._id],{[c]:p})},[o,a,n]);return{resetAll:React.useCallback(()=>{if(!o)return;const c=l(o);if(c.length===0)return;const d=a(o._type),p=lodashEs.pick(d,c);n([o._id],p)},[o,l,a,n]),reset:r}},useStylingBreakpoint=()=>jotai.useAtom(styleBreakpointAtom),canvasWidthAtom=utils.atomWithStorage("canvasWidth",800),canvasDisplayWidthAtom=utils.atomWithStorage("canvasDisplayWidth",800),canvasBreakpointAtom=jotai.atom(o=>{const n=o(canvasWidthAtom);return commonFunctions.getBreakpointValue(n).toLowerCase()}),useScreenSizeWidth=()=>{const[o,n]=jotai.useAtom(canvasWidthAtom),a=jotai.useAtomValue(canvasBreakpointAtom),[l,r]=useStylingBreakpoint();return React.useEffect(()=>{l!=="xs"&&r(a)},[a,l,r]),[o,a,n]},useCanvasDisplayWidth=()=>{const[o,n]=jotai.useAtom(canvasDisplayWidthAtom);return[o,n]},selectedBlockAllClassesAtom=jotai.atom(o=>{const n=lodashEs.first(o(selectedStylingBlocksAtom)),a=o(selectedBlockAtom);if(!n||n.blockId!==lodashEs.get(a,"_id",null))return[];const l=lodashEs.get(a,n.prop,`${applyBinding.STYLES_KEY},`),{classes:r}=applyBinding.getSplitChaiClasses(l);return lodashEs.filter(lodashEs.map(r.trim().split(" "),constructClassObject),i=>!lodashEs.isNull(i))}),useSelectedBlockAllClasses=()=>jotai.useAtomValue(selectedBlockAllClassesAtom),MQ={xs:0,sm:1,md:2,lg:3,xl:4,"2xl":5},selectedBlockCurrentClassesAtom=jotai.atom(o=>{const n=o(canvasBreakpointAtom),a=o(styleStateAtom),l=o(darkModeAtom),r=getQueries(n);let i=lodashEs.filter(o(selectedBlockAllClassesAtom),{mod:a});return lodashEs.startsWith(a,"_")||(i=lodashEs.filter(i,c=>r.includes(c.mq))),i=i.sort((c,d)=>MQ[c.mq]-MQ[d.mq]),l||(i=lodashEs.filter(i,{dark:!1})),i}),getQueries=o=>{let n=[];switch(o){case"xs":n=["xs"];break;case"sm":n=["xs","sm"];break;case"md":n=["xs","sm","md"];break;case"lg":n=["xs","sm","md","lg"];break;case"xl":n=["xs","sm","md","lg","xl"];break;case"2xl":n=["xs","sm","md","lg","xl","2xl"];break;default:n=["xs"];break}return n},useSelectedBlockCurrentClasses=()=>jotai.useAtomValue(selectedBlockCurrentClassesAtom),selectedBreakpointsAtom=utils.atomWithStorage("selectedBreakpoints",["XS","MD","XL"]),useSelectedBreakpoints=()=>{const[o,n]=jotai.useAtom(selectedBreakpointsAtom);return[o,n]},useStylingState=()=>jotai.useAtom(styleStateAtom),wrapperBlockAtom=jotai.atom(o=>{var c;const n=o(presentBlocksAtom),a=o(selectedBlockIdsAtom),l=a.length===1?a[0]:null;if(!l)return null;const r=lodashEs.find(n,{_id:l});if(!r)return null;let i=r._parent;for(;i;){const d=lodashEs.find(n,{_id:i});if(!d)return null;if((c=runtime.getRegisteredChaiBlock(d._type))!=null&&c.wrapper)return d;i=d._parent}return null});wrapperBlockAtom.debugLabel="wrapperBlockAtom";const useWrapperBlock=()=>jotai.useAtomValue(wrapperBlockAtom),inlineEditingActiveAtom=jotai.atom("");inlineEditingActiveAtom.debugLabel="inlineEditingActiveAtom";const inlineEditingItemIndexAtom=jotai.atom(0);inlineEditingItemIndexAtom.debugLabel="inlineEditingItemIndexAtom";const useInlineEditing=()=>{const[o,n]=jotai.useAtom(inlineEditingActiveAtom),[a,l]=jotai.useAtom(inlineEditingItemIndexAtom);return{editingBlockId:o,editingItemIndex:a,setEditingBlockId:n,setEditingItemIndex:l}},useSelectedLibrary=()=>jotai.useAtom(selectedLibraryAtom),sidebarActivePanelAtom=jotai.atom("outline");sidebarActivePanelAtom.debugLabel="sidebarActivePanelAtom";const useSidebarActivePanel=()=>jotai.useAtom(sidebarActivePanelAtom),CONTROLS=[{ControlIcon:reactIcons.PinTopIcon,dir:"VERTICAL",key:"UP"},{ControlIcon:reactIcons.PinBottomIcon,dir:"VERTICAL",key:"DOWN"},{ControlIcon:reactIcons.PinLeftIcon,dir:"HORIZONTAL",key:"LEFT"},{ControlIcon:reactIcons.PinRightIcon,dir:"HORIZONTAL",key:"RIGHT"}],getParentBlockOrientation=(o,n,a)=>{try{if(!o||!a)return"VERTICAL";const l=`[data-block-id='${o}']`,r=a==null?void 0:a.querySelector(l);if(r){const i=a==null?void 0:a.querySelector(`[data-block-id='${n}']`);return getOrientation(r,i).toUpperCase()}return"VERTICAL"}catch{return"VERTICAL"}},isDisabledControl=(o,n,a)=>!!(o&&(a==="UP"||a==="LEFT")||n&&(a==="DOWN"||a==="RIGHT")),useBlockController=(o,n)=>{const[a]=useBlocksStore(),{document:l}=useFrame(),{moveBlocks:r}=useBlocksStoreUndoableActions(),i=lodashEs.get(o,"_id"),c=lodashEs.get(o,"_parent"),d=lodashEs.filter(a,f=>c?lodashEs.get(f,"_parent")===c:!lodashEs.get(f,"_parent")),p=(d==null?void 0:d.length)<=1,u=lodashEs.findIndex(d,{_id:i}),m=u<=0,x=u+1===(d==null?void 0:d.length),h=getParentBlockOrientation(c,i,l),g=React.useCallback(f=>{isDisabledControl(m,x,f)||p||(f==="UP"||f==="LEFT"?r([i],c||null,u-1):(f==="DOWN"||f==="RIGHT")&&r([i],c||null,u+2),n())},[m,x,p,u,i,c,n]);return reactHotkeysHook.useHotkeys("shift+up, shift+down, shift+left, shift+right",({key:f})=>{var b;g((b=f==null?void 0:f.replace("Arrow",""))==null?void 0:b.toUpperCase())},{document:l==null?void 0:l.contentDocument},[g]),{isOnlyChild:p,isFirstBlock:m,isLastBlock:x,moveBlock:g,orientation:h}},BlockController=({block:o,updateFloatingBar:n})=>{const{isOnlyChild:a,isFirstBlock:l,isLastBlock:r,moveBlock:i,orientation:c}=useBlockController(o,n);return a?null:jsxRuntime.jsx(jsxRuntime.Fragment,{children:CONTROLS.map(({ControlIcon:d,dir:p,key:u})=>{if(c!==p)return null;const m=isDisabledControl(l,r,u);return m?null:jsxRuntime.jsx(d,{onClick:()=>i(u),className:`${m?"pointer-events-none cursor-not-allowed opacity-50":"duration-300 hover:scale-95 hover:opacity-80"}`},u)})})};function getTargetedBlock(o){if(o.getAttribute("data-block-id")==="canvas")return null;if(o.getAttribute("data-block-id")||o.getAttribute("data-block-parent"))return o;const n=o.closest("[data-block-id]");return(n==null?void 0:n.getAttribute("data-block-id"))==="canvas"?null:n}const INLINE_EDITABLE_BLOCKS=["Heading","Paragraph","Text","Link","Span","Button"],isRichTextParent=o=>{var n;return(o==null?void 0:o.getAttribute("data-block-type"))==="RichText"||((n=o==null?void 0:o.parentElement)==null?void 0:n.getAttribute("data-block-type"))==="RichText"},isInlineEditable=(o,n)=>{if(isRichTextParent(o))return!0;const a=o==null?void 0:o.getAttribute("data-block-type");return a?INLINE_EDITABLE_BLOCKS.includes(a):!1},useHandleCanvasDblClick=()=>{const{editingBlockId:o,setEditingBlockId:n,setEditingItemIndex:a}=useInlineEditing();return React.useCallback(l=>{var d;if(l==null||l.preventDefault(),l==null||l.stopPropagation(),o)return;const r=getTargetedBlock(l.target);if(!isInlineEditable(r))return;const i=r.getAttribute("data-block-id");if(!i||!r)return;const c=r.closest('[data-block-type="Repeater"]');c?(d=c==null?void 0:c.childNodes)==null||d.forEach((p,u)=>{p.contains(r)&&a(u)}):a(-1),n(i)},[o,n,a])},useHandleCanvasClick=()=>{const{editingBlockId:o}=useInlineEditing(),{clearHighlight:n}=useBlockHighlight(),a=React.useRef(0);return React.useCallback(l=>{const r=new Date().getTime();if(o||(l.stopPropagation(),r-a.current<400))return;const c=getTargetedBlock(l.target);if(c!=null&&c.getAttribute("data-block-id")&&(c==null?void 0:c.getAttribute("data-block-id"))==="container"){pubsub.publish(CHAI_BUILDER_EVENTS.CLEAR_CANVAS_SELECTION);return}if(c!=null&&c.getAttribute("data-block-parent")){const d=c.getAttribute("data-style-prop"),p=c.getAttribute("data-style-id"),u=c.getAttribute("data-block-parent");pubsub.publish(CHAI_BUILDER_EVENTS.CANVAS_BLOCK_STYLE_SELECTED,{blockId:u,styleId:p,styleProp:d})}else if(c!=null&&c.getAttribute("data-block-id")){const d=c.getAttribute("data-block-id");pubsub.publish(CHAI_BUILDER_EVENTS.CANVAS_BLOCK_SELECTED,d==="canvas"?[]:[d])}n(),a.current=new Date().getTime()},[o])},useHandleMouseMove=()=>{const{editingBlockId:o}=useInlineEditing(),{highlightBlock:n}=useBlockHighlight();return web.useThrottledCallback(a=>{if(o)return;const l=getTargetedBlock(a.target);l&&n(l)},[o,n],100)},useHandleMouseLeave=()=>{const{clearHighlight:o}=useBlockHighlight();return React.useCallback(()=>o(),[o])},Canvas=({children:o})=>{const n=useHandleCanvasDblClick(),a=useHandleCanvasClick(),l=useHandleMouseMove(),r=useHandleMouseLeave();return jsxRuntime.jsx("div",{"data-block-id":"canvas",id:"canvas",onClick:a,onDoubleClick:n,onMouseMove:l,onMouseLeave:r,className:"relative h-full max-w-full p-px",children:o})},getElementByDataBlockId=(o,n)=>o.querySelector(`[data-block-id="${n}"]`),BlockActionLabel=({block:o,label:n})=>{const[,a]=useSelectedBlockIds(),[,l]=useHighlightBlockId(),[,r]=jotai.useAtom(draggedBlockAtom),i=flagged.useFeature("dnd");return jsxRuntime.jsxs("div",{className:"mr-10 flex cursor-default items-center space-x-1 px-1",draggable:i?"true":"false",onDragStart:c=>{c.dataTransfer.setData("text/plain",JSON.stringify(lodashEs.pick(o,["_id","_type","_name"]))),r(o),setTimeout(()=>{a([]),l(null)},200)},children:[jsxRuntime.jsx(reactIcons.DragHandleDots2Icon,{}),n]})},getElementByStyleId=(o,n)=>o.querySelector(`[data-style-id="${n}"]`),BlockSelectionHighlighter=()=>{const o=useSelectedBlock(),{document:n}=useFrame(),[a]=useSelectedStylingBlocks(),[l,r]=React.useState([]),[,i]=React.useState([]),c=(d,p=0)=>{const{top:u}=d.getBoundingClientRect();return u+p>=0&&u-p<=window.innerHeight};return React.useEffect(()=>{var d;if(o!=null&&o._id&&o.type!=="Multiple"&&n){const p=getElementByDataBlockId(n,o._id);p&&(c(p)||(d=n.defaultView)==null||d.scrollTo({top:p.offsetTop,behavior:"smooth"}),r([p]))}},[o==null?void 0:o._id,o==null?void 0:o.type,n]),React.useEffect(()=>{if(!lodashEs.isEmpty(a)&&n){const d=getElementByStyleId(n,lodashEs.first(a).id);i(d?[d]:[null])}else i([null])},[a,n]),jsxRuntime.jsx(BlockFloatingSelector,{block:o,selectedBlockElement:l[0]})},BlockFloatingSelector=({block:o,selectedBlockElement:n})=>{const a=useRemoveBlocks(),l=useDuplicateBlocks(),[,r]=useSelectedBlockIds(),[,i]=useHighlightBlockId(),[,c]=useSelectedStylingBlocks(),{hasPermission:d}=usePermissions(),{editingBlockId:p}=useInlineEditing(),{document:u}=useFrame(),{floatingStyles:m,refs:x,update:h}=reactDom.useFloating({placement:"top-start",middleware:[reactDom.shift({boundary:u==null?void 0:u.body,limiter:dom.limitShift({offset:8,mainAxis:!0,crossAxis:!0})}),dom.flip({boundary:u==null?void 0:u.body,fallbackPlacements:["bottom-start","top-end","bottom-end","inside"]}),dom.size({boundary:u==null?void 0:u.body,apply({availableWidth:b,availableHeight:j,elements:R}){Object.assign(R.floating.style,{maxWidth:`${Math.max(200,b)}px`,maxHeight:`${Math.max(100,j)}px`})}})],elements:{reference:n}});web.useResizeObserver(n,()=>h(),n!==null),web.useResizeObserver(u==null?void 0:u.body,()=>h(),(u==null?void 0:u.body)!==null);const g=lodashEs.get(o,"_parent",null),f=lodashEs.isEmpty(lodashEs.get(o,"_name",""))?lodashEs.get(o,"_type",""):lodashEs.get(o,"_name","");return React.useEffect(()=>{if(n){const b=setTimeout(()=>h(),500);return()=>clearTimeout(b)}else h()},[n]),!n||!o||p?null:jsxRuntime.jsx(jsxRuntime.Fragment,{children:jsxRuntime.jsxs("div",{role:"button",tabIndex:0,ref:x.setFloating,style:m,onClick:b=>{b.stopPropagation(),b.preventDefault()},onMouseEnter:b=>{b.stopPropagation(),i(null)},onKeyDown:b=>b.stopPropagation(),className:"isolate z-[999] flex h-6 items-center bg-blue-500 py-2 text-xs text-white",children:[g&&jsxRuntime.jsx(reactIcons.ArrowUpIcon,{className:"hover:scale-105",onClick:()=>{c([]),r([g])}}),jsxRuntime.jsx(BlockActionLabel,{label:f,block:o}),jsxRuntime.jsxs("div",{className:"flex items-center gap-2 pl-1 pr-1.5",children:[jsxRuntime.jsx(AddBlockDropdown,{block:o,children:jsxRuntime.jsx(reactIcons.PlusIcon,{className:"hover:scale-105"})}),canDuplicateBlock(lodashEs.get(o,"_type",""))&&d(PERMISSIONS.ADD_BLOCK)?jsxRuntime.jsx(reactIcons.CopyIcon,{className:"hover:scale-105",onClick:()=>l([o==null?void 0:o._id])}):null,canDeleteBlock(lodashEs.get(o,"_type",""))&&d(PERMISSIONS.DELETE_BLOCK)?jsxRuntime.jsx(reactIcons.TrashIcon,{className:"hover:scale-105",onClick:()=>a([o==null?void 0:o._id])}):null,d(PERMISSIONS.MOVE_BLOCK)&&jsxRuntime.jsx(BlockController,{block:o,updateFloatingBar:h})]})]})})},IframeInitialContent=`<!doctype html>
+<html lang="en" dir="__HTML_DIR__" class="scroll-smooth h-full overflow-y-auto">
+  <head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <script src="https://cdn.tailwindcss.com/3.4.16?plugins=forms@0.5.9,typography@0.5.15,aspect-ratio@0.4.2"><\/script>
+    <style>
+      html { height: 100%; overflow:auto; }
+      body { height: 100%; }
+      .air-highlight{ outline: 1px solid #42a1fc !important; outline-offset: -1px;}
+      .air-highlight-multi{ outline: 1px solid #29e503 !important; outline-offset: -1px;}
+      body{   -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none;
+              -moz-user-select: none;-ms-user-select: none; user-select: none; }
+      html{
+        -ms-overflow-style: none;  /* IE and Edge */
+          scrollbar-width: none;  /* Firefox */
+      }
+      /** IMPORTANT: Make fields content editable in SAFARI */
+      [contenteditable] {-webkit-user-select: text;user-select: text;}
+  
+      html::-webkit-scrollbar { width: 0 !important }
+      .aspect-auto{aspect-ratio: auto;}
+      .aspect-square{aspect-ratio: 1/1;}
+      .aspect-video{aspect-ratio: 16/9;}
+      .dragging [data-dnd="leaf"] { pointer-events: none; } .dragging [data-dnd="leaf"] * { pointer-events: none; }
+      .dragging [data-dnd="ignore"], .dragging [data-dnd="ignore"] * { pointer-events: none; }
+      a{ pointer-events: none !important; }
+      [contenteditable="true"], [contenteditable="true"] * { cursor: text !important; }
+      [contenteditable="true"] {
+          outline: none;
+          box-shadow: 0 0 0px 4px rgba(36, 150, 255, 0.2);
+          -webkit-user-select: text;
+          -moz-user-select: text;
+          user-select: text;
+      }
+      .frame-root .frame-content { height: 100%; }
+      [data-drop="yes"] { outline: 2px dashed orange !important; outline-offset: -2px }
+      [data-dnd="yes"] { pointer-events: auto !important}
+      [data-dnd="no"],[data-block-type="GlobalBlock"],[data-block-type="PartialBlock"] > * { pointer-events: none !important; }
+      [data-block-type="GlobalBlock"],[data-block-type="PartialBlock"] { position: relative !important; }
+      .partial-overlay { pointer-events: auto !important; }
+      [data-dnd-dragged="yes"] { opacity: 0.6; pointer-events: none; }
+      [data-dnd-dragged="no"] { opacity: 1; pointer-events: auto !important; }
+      [force-show] { display: block !important; }
+      [data-cut-block="yes"] { pointer-events: none !important; display: none !important; }
+    </style>    
+    <style id="highlighted-block">
+      [data-highlighted]{
+        outline: 1px solid #42a1fc !important; outline-offset: -1px;
+      }
+    </style>
+    <style>
+      .react-colorful {
+        height: 120px !important;
+        width: 180px !important;
+      }
+      .react-colorful > div {
+        margin-bottom: 4px;
+      }
+      .react-colorful__saturation {
+        border-radius: 4px !important;
+      }
+      .react-colorful__hue,
+      .react-colorful__alpha {
+        height: 12px !important;
+        border-radius: 4px !important;
+      }
+      .react-colorful__pointer {
+        width: 16px !important;
+        height: 16px !important;
+        border: 1.5px solid #fff !important;
+        cursor: pointer !important;
+        z-index: 10002 !important;
+      }
+    </style>
+    <style type="text/tailwindcss">
+      @layer utilities {
+        .rte {
+          h1 {
+            @apply text-2xl;
+          }
+          h2 {
+            @apply text-xl;
+          }
+          h3 {
+            @apply text-lg;
+          }
+          h4 {
+            @apply text-base;
+          }
+          h5 {
+            @apply text-sm;
+          }
+          h6 {
+            @apply text-xs;
+          }
+          p {
+            &:empty {
+              @apply h-4;
+            }
+          }
+          ul {
+            @apply list-disc pl-6 text-base;
+          }
+          ol {
+            @apply list-decimal pl-6 text-base;
+          }
+          li > p {
+            @apply m-0;
+          }
+          blockquote {
+            @apply pl-4 text-base;
+            p {
+              @apply pl-4 text-base;
+            }
+          }
+        }
+      }
+    </style>
+  </head>
+  <body class="font-body antialiased h-full">
+    <div class="frame-root h-full"></div>
+  </body>
+</html>`;class Content extends React.Component{componentDidMount(){this.props.contentDidMount()}componentDidUpdate(){this.props.contentDidUpdate()}render(){return React.Children.only(this.props.children)}}class Frame extends React.Component{constructor(a,l){super(a,l);F(this,"setRef",a=>{this.nodeRef.current=a;const{forwardedRef:l}=this.props;typeof l=="function"?l(a):l&&(l.current=a)});F(this,"handleLoad",()=>{clearInterval(this.loadCheck),this.state.iframeLoaded||this.setState({iframeLoaded:!0})});F(this,"loadCheck",()=>setInterval(()=>{this.handleLoad()},500));this._isMounted=!1,this.nodeRef=React.createRef(),this.state={iframeLoaded:!1}}componentDidMount(){this._isMounted=!0,this.getDoc()&&this.nodeRef.current.contentWindow.addEventListener("DOMContentLoaded",this.handleLoad)}componentWillUnmount(){this._isMounted=!1,this.nodeRef.current.removeEventListener("DOMContentLoaded",this.handleLoad)}getDoc(){return this.nodeRef.current?this.nodeRef.current.contentDocument:null}getMountTarget(){const a=this.getDoc();return this.props.mountTarget?a.querySelector(this.props.mountTarget):a.body.children[0]}renderFrameContents(){if(!this._isMounted)return null;const a=this.getDoc();if(!a)return null;const l=this.props.contentDidMount,r=this.props.contentDidUpdate,i=a.defaultView||a.parentView,c=jsxRuntime.jsx(Content,{contentDidMount:l,contentDidUpdate:r,children:jsxRuntime.jsx(FrameContextProvider,{value:{document:a,window:i},children:jsxRuntime.jsx("div",{className:"frame-content",children:this.props.children})})}),d=this.getMountTarget();return[ReactDOM.createPortal(this.props.head,this.getDoc().head),ReactDOM.createPortal(c,d)]}render(){const a={...this.props,srcDoc:this.props.initialContent,children:void 0};return delete a.head,delete a.initialContent,delete a.mountTarget,delete a.contentDidMount,delete a.contentDidUpdate,delete a.forwardedRef,jsxRuntime.jsx("iframe",{...a,ref:this.setRef,onLoad:this.handleLoad,children:this.state.iframeLoaded&&this.renderFrameContents()})}}F(Frame,"defaultProps",{style:{},head:null,children:void 0,mountTarget:void 0,contentDidMount:()=>{},contentDidUpdate:()=>{},initialContent:'<!DOCTYPE html><html><head></head><body><div class="frame-root"></div></body></html>'});const ChaiFrame=React.forwardRef((o,n)=>jsxRuntime.jsx(Frame,{...o,forwardedRef:n})),useKeyEventWatcher=o=>{const[n,a]=useSelectedBlockIds(),l=useSelectedBlock(),r=useRemoveBlocks(),i=useDuplicateBlocks(),{undo:c,redo:d}=useUndoManager(),[,p]=useCutBlockIds(),[,u]=useCopyBlocks(),{canPaste:m,pasteBlocks:x}=usePasteBlocks(),h=o?{document:o}:{};reactHotkeysHook.useHotkeys("ctrl+z,command+z",()=>c(),{},[c]),reactHotkeysHook.useHotkeys("ctrl+y,command+y",()=>d(),{},[d]),reactHotkeysHook.useHotkeys("ctrl+x,command+x",()=>p(n),{},[n,p]),reactHotkeysHook.useHotkeys("ctrl+c,command+c",()=>u(n),{...h,enabled:!lodashEs.isEmpty(n),preventDefault:!0},[n,u]),reactHotkeysHook.useHotkeys("ctrl+v,command+v",()=>{m(n[0])&&x(n)},{...h,enabled:!lodashEs.isEmpty(n),preventDefault:!0},[n,m,x]),reactHotkeysHook.useHotkeys("esc",()=>a([]),h,[a]),reactHotkeysHook.useHotkeys("ctrl+d,command+d",()=>i(n),{...h,enabled:!lodashEs.isEmpty(n),preventDefault:!0},[n,i]),reactHotkeysHook.useHotkeys("del, backspace",g=>{g.preventDefault(),canDeleteBlock(lodashEs.get(l,"_type",""))&&r(n)},h,[n,r])},KeyboardHandler=()=>{const{document:o}=useFrame();return useKeyEventWatcher(o),null},AddBlockAtBottom=()=>{const{t:o}=reactI18next.useTranslation(),{hasPermission:n}=usePermissions();return n(PERMISSIONS.ADD_BLOCK)?jsxRuntime.jsxs("div",{className:"group relative w-full cursor-pointer py-2",children:[jsxRuntime.jsx("br",{}),jsxRuntime.jsx("div",{role:"button",onClick:()=>pubsub.publish(CHAI_BUILDER_EVENTS.OPEN_ADD_BLOCK),className:"block h-1 rounded bg-primary opacity-0 duration-200 group-hover:opacity-100",children:jsxRuntime.jsxs("div",{className:"absolute left-1/2 top-1/2 flex -translate-x-1/2 -translate-y-1/2 transform items-center gap-x-1 rounded-full bg-primary px-3 py-1 text-xs leading-tight text-white hover:bg-primary",children:[jsxRuntime.jsx(reactIcons.PlusIcon,{className:"size-2.5 stroke-[3]"})," ",o("Add block")]})}),jsxRuntime.jsx("br",{})]}):null},CssThemeVariables=({theme:o})=>{const n=React.useMemo(()=>plugin.getChaiThemeCssVariables(o),[o]);return jsxRuntime.jsx("style",{id:"chai-theme",children:n})},HeadTags=()=>{const[o]=useTheme(),n=useThemeOptions(),[a]=useDarkMode(),{document:l,window:r}=useFrame();return React.useEffect(()=>{a?l==null||l.documentElement.classList.add("dark"):l==null||l.documentElement.classList.remove("dark")},[a,l]),React.useEffect(()=>{!r||!r.tailwind||(r.tailwind.config={darkMode:"class",theme:{extend:{container:{center:!0,padding:"1rem",screens:{"2xl":"1400px"}},...plugin.getChaiThemeOptions(n)}},plugins:[tailwindTypography,tailwindForms,tailwindAspectRatio,twContainer,plugin.plugin(function({addBase:i,theme:c}){i({"h1,h2,h3,h4,h5,h6":{fontFamily:c("fontFamily.heading")},body:{fontFamily:c("fontFamily.body"),color:c("colors.foreground"),backgroundColor:c("colors.background")}})})]})},[o,n,r]),jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(CssThemeVariables,{theme:o}),jsxRuntime.jsx(Fonts,{}),jsxRuntime.jsx(SelectedBlocks,{}),jsxRuntime.jsx(SelectedStylingBlocks,{})]})},SelectedStylingBlocks=()=>{const[o]=useSelectedStylingBlocks(),[n]=useSelectedBlockIds(),a=React.useMemo(()=>`${lodashEs.map(o,({id:l})=>`[data-style-id="${l}"]`).join(",")}{
+                outline: 1px solid ${n.length>0?"#42a1fc":"#de8f09"} !important; outline-offset: -1px;
+            }`,[o,n]);return jsxRuntime.jsx("style",{id:"selected-styling-blocks",dangerouslySetInnerHTML:{__html:a}})},SelectedBlocks=()=>{const[o]=useSelectedBlockIds(),n=React.useMemo(()=>`${lodashEs.map(o,a=>`[data-block-id="${a}"]`).join(",")}{
+                outline: 1px solid #42a1fc !important; outline-offset: -1px;
+            }`,[o]);return jsxRuntime.jsx("style",{id:"selected-blocks",dangerouslySetInnerHTML:{__html:n}})},Fonts=()=>{const[o]=useTheme(),n=runtime.useRegisteredFonts(),a=React.useMemo(()=>{const{heading:i,body:c}={heading:lodashEs.get(o,"fontFamily.heading"),body:lodashEs.get(o,"fontFamily.body")};return n.filter(d=>d.family===i||d.family===c)},[o==null?void 0:o.fontFamily,n]),l=React.useMemo(()=>plugin.getThemeFontsUrls(lodashEs.filter(a,i=>lodashEs.has(i,"url"))),[a]),r=React.useMemo(()=>plugin.getThemeCustomFontFace(lodashEs.filter(a,i=>lodashEs.has(i,"src"))),[a]);return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[l.map((i,c)=>jsxRuntime.jsx("link",{rel:"stylesheet",href:i},`google-font-${c}`)),jsxRuntime.jsx("style",{id:"chai-custom-fonts",dangerouslySetInnerHTML:{__html:r}})]})},ResizableCanvasWrapper=({children:o,onMount:n,onResize:a})=>{const[,l]=useSelectedBlockIds(),[,r]=useSelectedStylingBlocks(),i=React.useRef(null),c=web.useDebouncedCallback(()=>{const{clientWidth:p}=i.current;a(p)},[i.current],100);web.useResizeObserver(i.current,c,i.current!==null),React.useEffect(()=>{const{clientWidth:p}=i.current;n(p)},[]);const d=React.useCallback(()=>{l([]),r([])},[l,r]);return jsxRuntime.jsx("div",{id:"main-content",onClick:d,className:"h-full w-full border-l-4 border-r-4 pb-0",ref:i,children:o})},MayBeAsyncPropsWrapper=({children:o,block:n})=>{const a=React.useMemo(()=>runtime.getRegisteredChaiBlock(n._type),[n._type]),l=lodashEs.get(a,"dataProviderDependencies"),r=lodashEs.get(a,"dataProvider"),i=lodashEs.get(a,"dataProviderMode","mock"),c=useAsyncProps(n,i,l,r);return o(c)},ErrorFallback=()=>jsxRuntime.jsx("div",{className:"flex min-h-[100px] items-center justify-center bg-red-50 p-2 text-center text-red-500",children:"Something went wrong."}),useBlockRuntimeProps=()=>{const[o]=useBlocksStore();return React.useCallback((n,a)=>lodashEs.isEmpty(a)?{}:Object.entries(a).reduce((l,[r,i])=>{const c=[];let d=lodashEs.find(o,{_id:n});for(;d;)c.push(d),d=lodashEs.find(o,{_id:d._parent});const p=lodashEs.find(c,{_type:i.block});return p&&(l[r]=lodashEs.get(p,lodashEs.get(i,"prop"),null)),l},{}),[o])},useRTEditor=({blockId:o,value:n="",onUpdate:a=()=>{},onBlur:l=()=>{},placeholder:r="",from:i="settings",style:c={}})=>react.useEditor({extensions:[StarterKit,extensionTextStyle.TextStyle,extensionTextStyle.Color.configure({types:["textStyle"]}),Highlight.configure({multicolor:!0}),Link.configure({openOnClick:!1,HTMLAttributes:{class:"underline"}}),TextAlign.configure({types:["heading","paragraph"],alignments:["left","center","right"],defaultAlignment:"left"}),Underline,Placeholder.configure({placeholder:r||"Enter text here",emptyEditorClass:"cursor-text before:content-[attr(data-placeholder)] before:absolute before:opacity-50 before:pointer-events-none"})],content:n||"",onUpdate:a,onBlur:l,editorProps:{attributes:{...c?{style:c}:{},class:i!=="canvas"?"text-sm p-1 px-2 rte":"rte"}}},[o]);function cn(...o){return tailwindMerge.twMerge(clsx.clsx(o))}const RteDropdownMenu=({editor:o,trigger:n,content:a,from:l,menuRef:r})=>{const{document:i}=useFrame(),[c,d]=React.useState({left:void 0,right:void 0,top:void 0,bottom:void 0}),[p,u]=React.useState(!1),m=React.useRef(null);if(React.useEffect(()=>{var R,k;if(!p){d({left:void 0,right:void 0,top:void 0,bottom:void 0});return}const x=(R=m.current)==null?void 0:R.getBoundingClientRect(),h=(k=r.current)==null?void 0:k.getBoundingClientRect();let g=x==null?void 0:x.left,f=(x==null?void 0:x.bottom)+4,b,j;(h==null?void 0:h.left)+(h==null?void 0:h.width)+50>=i.body.offsetWidth&&(g=void 0,b=i.body.offsetWidth-(x==null?void 0:x.right)),f+202>=i.body.clientHeight&&(f=null,j=i.body.clientHeight-(x==null?void 0:x.bottom)+(h==null?void 0:h.height)),d({left:g,top:f,right:b,bottom:j})},[p]),l==="canvas"){const x=()=>{u(!1),o&&(o==null||o.view.focus(),o==null||o.chain().focus().run())};return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("div",{ref:m,onClick:()=>u(h=>!h),className:"cursor-pointer",children:n}),p&&(c.left!==void 0||c.top!==void 0||c.right!==void 0||c.bottom!==void 0)&&ReactDOM.createPortal(jsxRuntime.jsx("div",{id:"chaibuilder-rte-dropdown-menu-content",onClick:x,className:"fixed inset-0 left-0 top-0 z-[10001] h-full w-screen",children:jsxRuntime.jsx("div",{onClick:h=>h.stopPropagation(),className:"absolute rounded-md border border-gray-500 bg-white p-1.5 text-xs shadow-2xl",style:Object.assign({},{left:c.left,top:c.top,right:c.right,bottom:c.bottom}),children:typeof a=="function"?a(x):a})}),i.body,"chaibuilder-rte-dropdown-menu")]})}return jsxRuntime.jsx(jsxRuntime.Fragment,{children:jsxRuntime.jsxs(tooltip.DropdownMenu,{open:p,onOpenChange:u,children:[jsxRuntime.jsx(tooltip.DropdownMenuTrigger,{className:"relative outline-none",children:n}),jsxRuntime.jsx(tooltip.DropdownMenuContent,{className:"z-50 rounded-md border bg-white p-1 text-xs shadow-xl",children:p&&(typeof a=="function"?a(()=>u(!1)):a)})]})})};utils.atomWithStorage("chai-builder-blocks",[]);const lsThemeAtom=utils.atomWithStorage("chai-builder-theme",{});utils.atomWithStorage("chai-builder-ai-context","");const getActiveClasses$1=(o,n,a)=>{const l=a==="settings",r=typeof n=="boolean"?n:n.some(i=>o.isActive(i));return{"rounded p-1":!0,"hover:bg-blue-900 hover:text-blue-100":!r&&!l,"hover:bg-blue-100 hover:text-blue-900":!r&&l,"bg-blue-500 text-white":r&&l,"bg-white text-blue-500":r&&!l}},Commons=({themeColors:o,onClose:n,color:a,onChange:l,onRemove:r})=>jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("div",{className:"flex w-[180px] flex-wrap gap-1 pb-2",children:(o==null?void 0:o.length)>0&&lodashEs.uniq(o).map(i=>{var c;return jsxRuntime.jsx("button",{className:cn("h-4 w-4 cursor-pointer rounded-full border border-gray-900 shadow duration-200 hover:scale-105 hover:shadow-xl",{"border-2":i===a}),style:{backgroundColor:i},onClick:()=>{l(i),n()},title:(c=i||"#000000")==null?void 0:c.toUpperCase()},i)})}),jsxRuntime.jsx(reactColorful.HexAlphaColorPicker,{color:a,onChange:l,style:{width:"200px",height:"200px"}}),jsxRuntime.jsxs("div",{className:"mt-1 flex items-center justify-between gap-1",children:[jsxRuntime.jsx(tooltip.Input,{type:"text",value:a||"#000000f2",onChange:i=>l(i.target.value,!0),className:"!h-5 !w-[105px] rounded-sm !p-0 text-center font-light uppercase text-gray-600 outline-none ring-0 focus:ring-0",placeholder:"#000000"}),jsxRuntime.jsxs("button",{className:"flex h-4 w-max cursor-pointer items-center gap-x-1 rounded-full bg-transparent px-1 text-red-600 shadow-none duration-200 hover:bg-red-100",onClick:()=>{r(),n()},title:"Remove",children:[jsxRuntime.jsx(reactIcons.Cross1Icon,{className:"h-3 w-3"})," Remove"]})]})]}),ColorPickerContent=({textColor:o,highlightColor:n,onChangeTextColor:a,onChangeHighlightColor:l,onRemoveTextColor:r,onRemoveHighlightColor:i,onClose:c})=>{const[d]=useDarkMode(),[p]=jotai.useAtom(lsThemeAtom),u=(p==null?void 0:p.colors)||{},m=Object.values(u).map(g=>lodashEs.get(g,d?"1":"0")),[x,h]=React.useState("TEXT");return jsxRuntime.jsxs("div",{id:"rte-widget-color-picker",className:"px-1",children:[jsxRuntime.jsxs("div",{className:"mb-2 flex items-center justify-between rounded-md border bg-muted",children:[jsxRuntime.jsx("div",{className:`w-full cursor-pointer rounded p-0.5 text-center ${x==="TEXT"?"bg-blue-500 text-white":"hover:bg-blue-100 hover:text-blue-500"}`,onClick:()=>h("TEXT"),children:"Text Color"}),jsxRuntime.jsx("div",{className:`w-full cursor-pointer rounded p-0.5 text-center ${x==="HIGHLIGHT"?"bg-blue-500 text-white":"hover:bg-blue-100 hover:text-blue-500"}`,onClick:()=>h("HIGHLIGHT"),children:"Highlight Color"})]}),x==="TEXT"?jsxRuntime.jsx(Commons,{themeColors:m,onClose:c,onChange:a,color:o,onRemove:r}):jsxRuntime.jsx(Commons,{themeColors:m,onClose:c,onChange:l,color:n,onRemove:i})]})},RteColorPicker=({editor:o,from:n,menuRef:a})=>{var k,w;const l=(k=o==null?void 0:o.getAttributes("textStyle"))==null?void 0:k.color,r=(w=o==null?void 0:o.getAttributes("highlight"))==null?void 0:w.color,[i,c]=React.useState(l||"#000000F2"),[d,p]=React.useState(r||"#00000057"),[u,m]=web.useDebouncedState(i,150),[x,h]=web.useDebouncedState(d,150),g=(B,S)=>{S?(c(B),m(B)):(o==null||o.chain().setColor(B).run(),c(B))},f=(B,S)=>{S?(p(B),h(B)):(o==null||o.chain().setHighlight({color:B}).run(),p(B))},b=()=>{o==null||o.chain().unsetColor().run(),c("#000000F2")},j=()=>{o==null||o.chain().unsetHighlight().run()};React.useEffect(()=>{r&&p(r)},[r]),React.useEffect(()=>{x!=null&&x.includes("#")&&(x==null?void 0:x.length)>=3&&(o==null||o.chain().setHighlight({color:x}).run())},[x]),React.useEffect(()=>{u!=null&&u.includes("#")&&(u==null?void 0:u.length)>=3&&(o==null||o.chain().setColor(u).run())},[u]);const R=!!l;return jsxRuntime.jsx(RteDropdownMenu,{editor:o,from:n,menuRef:a,trigger:jsxRuntime.jsxs("div",{className:cn("relative flex items-center",getActiveClasses$1(o,R,n)),title:"Text Color",children:[jsxRuntime.jsx("div",{className:"h-4 w-4 rounded-full",style:{backgroundColor:l||(n==="canvas"?"#FFFFFF":"#000000")}}),jsxRuntime.jsx(reactIcons.CaretDownIcon,{className:"h-3 w-3 opacity-50"})]}),content:B=>jsxRuntime.jsx(ColorPickerContent,{textColor:i,highlightColor:d,onChangeTextColor:g,onChangeHighlightColor:f,onRemoveTextColor:b,onRemoveHighlightColor:j,onClose:B})})},getActiveClasses=(o,n,a)=>{const l=a==="settings",r=typeof n=="boolean"?n:n.some(i=>o.isActive(i));return{"rounded p-1":!0,"hover:bg-blue-900 hover:text-blue-100":!r&&!l,"hover:bg-blue-100 hover:text-blue-900":!r&&l,"bg-blue-500 text-white":r&&l,"bg-white text-blue-500":r&&!l}},RteMenubar=({editor:o,from:n="settings",onExpand:a})=>{const l=React.useRef(null);if(!o)return null;const r=()=>{const c=window.prompt("URL");c&&o.chain().focus().extendMarkRange("link").setLink({href:c}).run()},i=()=>{o.chain().focus().unsetLink().run()};return jsxRuntime.jsxs("div",{ref:l,id:"chai-rich-text-menu-bar",className:cn("mb-1 flex flex-wrap gap-0.5 rounded-t-md border-b border-border bg-gray-50 p-1",{"mb-0 rounded-md border-none bg-blue-500 text-white":n==="canvas"}),children:[jsxRuntime.jsx("button",{type:"button",onClick:()=>o.chain().focus().toggleBold().run(),className:cn("",getActiveClasses(o,["bold"],n)),title:"Bold",children:jsxRuntime.jsx(reactIcons.FontBoldIcon,{className:"h-4 w-4"})}),jsxRuntime.jsx("button",{type:"button",onClick:()=>o.chain().focus().toggleItalic().run(),className:cn("",getActiveClasses(o,["italic"],n)),title:"Italic",children:jsxRuntime.jsx(reactIcons.FontItalicIcon,{className:"h-4 w-4"})}),jsxRuntime.jsx("button",{type:"button",onClick:()=>o.chain().focus().toggleUnderline().run(),className:cn("",getActiveClasses(o,["underline"],n)),title:"Underline",children:jsxRuntime.jsx(reactIcons.UnderlineIcon,{className:"h-4 w-4"})}),jsxRuntime.jsx("button",{type:"button",onClick:()=>o.chain().focus().toggleStrike().run(),className:cn("",getActiveClasses(o,["strike"],n)),title:"Strike",children:jsxRuntime.jsx(reactIcons.StrikethroughIcon,{className:"h-4 w-4"})}),jsxRuntime.jsx("div",{className:"mx-1 h-5 w-px self-center bg-border"}),jsxRuntime.jsx(RteColorPicker,{editor:o,from:n,menuRef:l}),jsxRuntime.jsx("div",{className:"mx-1 h-5 w-px self-center bg-border"}),jsxRuntime.jsx(RteDropdownMenu,{editor:o,menuRef:l,from:n,trigger:jsxRuntime.jsxs("button",{type:"button",className:cn("flex items-center",getActiveClasses(o,["bulletList","orderedList"],n)),title:"Bullet List",children:[jsxRuntime.jsx(reactIcons.ListBulletIcon,{className:"h-4 w-4"}),jsxRuntime.jsx(reactIcons.CaretDownIcon,{className:"h-3 w-3 opacity-50"})]}),content:c=>jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsxs("div",{onClick:()=>{o.chain().focus().toggleBulletList().run(),c()},className:cn("flex cursor-pointer items-center gap-x-1 outline-none hover:outline-none",getActiveClasses(o,["bulletList"],n)),children:[jsxRuntime.jsx(reactIcons.ListBulletIcon,{className:"h-4 w-4"})," Unordered List"]}),jsxRuntime.jsxs("div",{onClick:()=>{o.chain().focus().toggleOrderedList().run(),c()},className:cn("flex cursor-pointer items-center gap-x-1 outline-none hover:outline-none",getActiveClasses(o,["orderedList"],n)),children:[jsxRuntime.jsx(reactIcons.ValueIcon,{className:"h-4 w-4"}),"Ordered List"]})]})}),jsxRuntime.jsx(RteDropdownMenu,{editor:o,menuRef:l,from:n,trigger:jsxRuntime.jsxs("button",{type:"button",className:cn("flex items-center",getActiveClasses(o,o.isActive({textAlign:"center"})||o.isActive({textAlign:"right"}),n)),title:"Text Alignment",children:[o.isActive({textAlign:"center"})?jsxRuntime.jsx(reactIcons.TextAlignCenterIcon,{className:"h-4 w-4"}):o.isActive({textAlign:"right"})?jsxRuntime.jsx(reactIcons.TextAlignRightIcon,{className:"h-4 w-4"}):jsxRuntime.jsx(reactIcons.TextAlignLeftIcon,{className:"h-4 w-4"}),jsxRuntime.jsx(reactIcons.CaretDownIcon,{className:"h-3 w-3 opacity-50"})]}),content:c=>jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsxs("div",{onClick:()=>{o.chain().focus().setTextAlign("left").run(),c()},className:cn("flex cursor-pointer items-center gap-x-1 outline-none hover:outline-none",getActiveClasses(o,o.isActive({textAlign:"left"}),n)),children:[jsxRuntime.jsx(reactIcons.TextAlignLeftIcon,{className:"h-4 w-4"})," Align Left"]}),jsxRuntime.jsxs("div",{onClick:()=>{o.chain().focus().setTextAlign("center").run(),c()},className:cn("flex cursor-pointer items-center gap-x-1 outline-none hover:outline-none",getActiveClasses(o,o.isActive({textAlign:"center"}),n)),children:[jsxRuntime.jsx(reactIcons.TextAlignCenterIcon,{className:"h-4 w-4"})," Align Center"]}),jsxRuntime.jsxs("div",{onClick:()=>{o.chain().focus().setTextAlign("right").run(),c()},className:cn("flex cursor-pointer items-center gap-x-1 outline-none hover:outline-none",getActiveClasses(o,o.isActive({textAlign:"right"}),n)),children:[jsxRuntime.jsx(reactIcons.TextAlignRightIcon,{className:"h-4 w-4"})," Align Right"]})]})}),o.isActive("link")?jsxRuntime.jsx("button",{type:"button",onClick:i,className:cn("",getActiveClasses(o,["link"],n)),title:"Remove Link",disabled:!o.isActive("link"),children:jsxRuntime.jsx(reactIcons.LinkBreak2Icon,{className:"h-3.5 w-3.5"})}):jsxRuntime.jsx("button",{type:"button",onClick:r,className:cn("",getActiveClasses(o,["link"],n)),title:"Add Link",children:jsxRuntime.jsx(reactIcons.Link2Icon,{className:"h-3.5 w-3.5"})}),a&&jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("div",{className:"mx-1 h-5 w-px self-center bg-border"}),jsxRuntime.jsx("button",{type:"button",onClick:a,className:cn("",getActiveClasses(o,!1,n)),title:"Open in full screen mode",children:jsxRuntime.jsx(reactIcons.EnterFullScreenIcon,{className:"h-3.5 w-3.5"})})]})]})};function getInitialTextAlign(o){let n=o;for(;n;){if(n.style&&n.style.textAlign)return n.style.textAlign;const a=window.getComputedStyle(n).textAlign;if(a&&a!=="start"&&a!=="initial"&&a!=="inherit")return a;n=n.parentElement}return null}const RichTextEditor=React.memo(({blockContent:o,editingElement:n,onClose:a,onChange:l,onEscape:r})=>{const{document:i}=useFrame(),c=useRTEditor({value:o,blockId:"active-inline-editing-element",placeholder:"Enter text here",onUpdate:({editor:u})=>l((u==null?void 0:u.getHTML())||""),onBlur:({editor:u,event:m})=>{const x=m==null?void 0:m.relatedTarget,h=i.querySelector(".ProseMirror"),g=i.querySelector(".tippy-box"),f=i.querySelector("#chai-rich-text-menu-bar"),b=h==null?void 0:h.contains(x),j=g==null?void 0:g.contains(x),R=f==null?void 0:f.contains(x),k=window.document.getElementById("rte-widget-color-picker");if(!b&&!j&&!R&&!k){const w=(u==null?void 0:u.getHTML())||"";a(w)}},from:"canvas"});React.useEffect(()=>{var m,x;const u=getInitialTextAlign(n);u&&((m=c==null?void 0:c.commands)==null||m.setTextAlign(u)),(x=c==null?void 0:c.commands)==null||x.focus(),c==null||c.emit("focus",{editor:c,event:new FocusEvent("focus"),transaction:[]})},[c]);const d=React.useMemo(()=>{var x;const u="max-w-none shadow-none outline outline-[2px] outline-green-500 [&_*]:shadow-none";if(!n)return u;const m=((x=n==null?void 0:n.className)==null?void 0:x.replace("sr-only",""))||"";return`${u} ${m}`},[n]),p=u=>{u.key==="Escape"&&r(u)};return c&&jsxRuntime.jsxs("div",{onKeyDown:p,onClick:u=>u.stopPropagation(),className:"relative",children:[jsxRuntime.jsx(react.BubbleMenu,{editor:c,shouldShow:()=>c&&(c==null?void 0:c.isFocused),tippyOptions:{duration:100,arrow:!0,hideOnClick:!1},className:"w-max",children:jsxRuntime.jsx(RteMenubar,{editor:c,from:"canvas"})}),jsxRuntime.jsx(react.EditorContent,{onKeyDown:p,value:o,editor:c,className:d})]})}),MemoizedEditor=React.memo(({editingElement:o,blockContent:n,onClose:a,editorRef:l,onChange:r,onEscape:i})=>{const{document:c,window:d}=useFrame();React.useEffect(()=>{if(l.current){l.current.innerHTML=n,l.current.focus();const h=c.createRange(),g=d.getSelection();h.selectNodeContents(l.current),h.collapse(!1),g==null||g.removeAllRanges(),g==null||g.addRange(h),l.current.focus()}else a()},[c,d]);const p=React.useMemo(()=>{var g;const h=((g=o==null?void 0:o.tagName)==null?void 0:g.toLowerCase())||"div";return h==="button"?"div":h},[o]),u=React.useCallback(h=>{(h.key==="Enter"||h.key==="Escape")&&i(h)},[i]),m=React.useCallback(()=>{a()},[a]),x=React.useMemo(()=>{var h;return{id:"active-inline-editing-element",contentEditable:!0,className:`${((h=o==null?void 0:o.className)==null?void 0:h.replace("sr-only",""))||""} outline outline-[2px] outline-green-500 shadow-none empty:before:content-[attr(data-placeholder)] empty:before:text-gray-400 empty:before:absolute empty:before:pointer-events-none empty:before:select-none empty:before:inset-0 empty:before:z-0 relative min-h-[1em]`,style:lodashEs.cloneDeep(o==null?void 0:o.style)||{},onInput:g=>{const f=g.target;f&&(f.innerText.trim()===""?(f.setAttribute("data-placeholder","Enter text here"),f.children.length>0&&f.children[0].remove()):g.target.removeAttribute("data-placeholder"),r(g.target.innerText))},onClick:g=>{g.stopPropagation(),g.preventDefault()}}},[o==null?void 0:o.className,o==null?void 0:o.style]);return jsxRuntime.jsx(jsxRuntime.Fragment,{children:React.createElement(p,{ref:l,onBlur:m,onKeyDown:u,...x})})}),WithBlockTextEditor=React.memo(({block:o,children:n})=>{const a="content",{document:l}=useFrame(),{editingBlockId:r,editingItemIndex:i,setEditingBlockId:c,setEditingItemIndex:d}=useInlineEditing(),[p,u]=React.useState(null),m=React.useRef(null),{clearHighlight:x}=useBlockHighlight(),h=useUpdateBlocksProps(),{selectedLang:g}=useLanguages(),[,f]=useSelectedBlockIds(),b=React.useRef(null),j=r,{blockContent:R,blockType:k}=React.useMemo(()=>{var A;const y=o._type;let I=o[a];const C=runtime.getRegisteredChaiBlock(o._type);return g&&((A=C==null?void 0:C.i18nProps)==null?void 0:A.includes(a))&&lodashEs.has(o,`${a}-${g}`)&&(I=lodashEs.get(o,`${a}-${g}`)),{blockContent:I,blockType:y}},[o,g]),w=React.useCallback(y=>{var C;const I=y||((C=m.current)==null?void 0:C.innerText);h([j],{[a]:I}),u(null),c(null),d(-1),f([]),j&&setTimeout(()=>f([j]),100)},[j,h,c,f,g]),B=web.useDebouncedCallback(y=>{h([j],{[a]:y})},[j,o,h,g],1e3),S=React.useCallback(y=>{y.preventDefault(),j&&(b.current=j),w(),setTimeout(()=>{const I=b.current;b.current=null,f([I])},100)},[f,j,g]);React.useEffect(()=>{var v;if(!j)return;const y=`[data-block-id="${j}"]`,I=i>=0?`[data-block-index="${i}"]`:"",C=l.querySelector(`${y}${I}`);C&&((v=C==null?void 0:C.classList)==null||v.add("sr-only"),u(C))},[j,k,l,i]);const E=React.useMemo(()=>p?(x(),["RichText","Paragraph"].includes(k)?jsxRuntime.jsx(RichTextEditor,{blockContent:R,editingElement:p,onChange:B,onClose:w,onEscape:S}):jsxRuntime.jsx(MemoizedEditor,{editorRef:m,blockContent:R,editingElement:p,onClose:w,onChange:B,onEscape:S})):null,[p,j,k,R,w,g]);return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[E,n]})},(o,n)=>o.block._id===n.block._id&&o.block.content===n.block.content),RepeaterContext=React.createContext({index:-1,key:""}),CORE_BLOCKS=["Box","Repeater","GlobalBlock","PartialBlock","Heading","Text","RichText","Span","Image","Button","Paragraph","Link","Video","Audio","Icon","List","ListItem","CustomScript","CustomHTML"],BlockRenderer=({asyncProps:o,blockAtom:n,children:a})=>{const{editingBlockId:l,editingItemIndex:r}=useInlineEditing(),[i]=jotai.useAtom(n),c=React.useMemo(()=>runtime.getRegisteredChaiBlock(i._type),[i._type]),{selectedLang:d,fallbackLang:p}=useLanguages(),u=useBlockRuntimeProps(),m=usePageExternalData(),[x]=jotai.useAtom(dataBindingActiveAtom),h=lodashEs.get(c,"component",null),{index:g,key:f}=React.useContext(RepeaterContext),b=React.useMemo(()=>x?applyBinding.applyBindingToBlockProps(applyBinding.applyLanguage(i,d,c),m,{index:g,key:f}):applyBinding.applyLanguage(i,d,c),[i,d,c,m,x,g,f]),j=React.useMemo(()=>applyBinding.getBlockTagAttributes(i),[i,applyBinding.getBlockTagAttributes]),R=React.useMemo(()=>u(i._id,applyBinding.getBlockRuntimeProps(i._type)),[i._id,i._type,u,applyBinding.getBlockRuntimeProps]),k=React.useMemo(()=>({blockProps:{"data-block-id":i._id,"data-block-type":i._type,"data-block-index":g},inBuilder:!0,lang:d||p,...b,...j,...R,...o}),[i._id,i._type,d,p,b,j,R,o]),w=React.useMemo(()=>!CORE_BLOCKS.includes(i._type),[i._type]),B=React.useMemo(()=>lodashEs.get(i,"_show",!0),[i]);if(lodashEs.isNull(h)||!B)return null;let S=jsxRuntime.jsx(React.Suspense,{children:React.createElement(h,{...k,children:a({_id:i._id,_type:i._type,...lodashEs.isArray(b.repeaterItems)?{repeaterItems:applyBinding.applyLimit(b.repeaterItems,i),$repeaterItemsKey:b.$repeaterItemsKey}:{},...i.partialBlockId?{partialBlockId:i.partialBlockId}:"",...i.globalBlock?{partialBlockId:i.globalBlock}:""})})});const E=l===i._id&&(r===g||g<0)?jsxRuntime.jsx(WithBlockTextEditor,{block:i,children:S}):S;return w?jsxRuntime.jsx(reactErrorBoundary.ErrorBoundary,{fallbackRender:ErrorFallback,children:E}):E},PartialWrapper$1=({children:o,partialBlockId:n})=>{const a=useBuilderProp("gotoPage",lodashEs.noop),{saveState:l}=useSavePage(),{selectedLang:r,fallbackLang:i}=useLanguages(),c=React.useCallback(d=>{if(d.stopPropagation(),l!=="SAVED"){sonner.toast.error("You have unsaved changes. Please save the page first.");return}a({pageId:n,lang:r||i})},[l,a,n,r,i]);return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[o,jsxRuntime.jsx("div",{className:"partial-overlay group absolute inset-0 z-50",children:jsxRuntime.jsx("div",{onDoubleClick:c,className:"flex h-full w-full items-center justify-center bg-black/10 opacity-0 transition-opacity duration-300 ease-in-out group-hover:opacity-100 group-hover:backdrop-opacity-85",children:jsxRuntime.jsx("p",{className:"rounded-md bg-white px-2 py-1 text-xs",children:"Partial block. Double click to edit."})})})]})},PartialBlocksRenderer=({partialBlockId:o})=>{const{getPartailBlocks:n}=usePartialBlocksStore(),a=React.useMemo(()=>n(o),[n,o]),l=React.useMemo(()=>utils.splitAtom(jotai.atom(a)),[a]);return lodashEs.isEmpty(a)?null:jsxRuntime.jsx(PartialWrapper$1,{partialBlockId:o,children:jsxRuntime.jsx(BlocksRenderer,{splitAtoms:l,blocks:a,type:"PartialBlock"})})},BlocksRenderer=({blocks:o,parent:n=null,splitAtoms:a=void 0,type:l=""})=>{const r=useGetBlockAtom(a);let i=React.useMemo(()=>lodashEs.filter(o,d=>lodashEs.has(d,"_id")&&(lodashEs.isEmpty(n)?!d._parent:d._parent===n)),[o,n]);const c=React.useCallback(d=>lodashEs.filter(o,p=>p._parent===d).length>0,[o]);return c&&(l==="Heading"||l==="Paragraph"||l==="Link")&&(i=applyBinding.adjustSpacingInContentBlocks(i)),lodashEs.map(i,d=>{const p=r(d._id);return p?jsxRuntime.jsx(MayBeAsyncPropsWrapper,{block:d,children:u=>jsxRuntime.jsx(BlockRenderer,{blockAtom:p,asyncProps:u,children:({_id:m,_type:x,partialBlockId:h,repeaterItems:g,$repeaterItemsKey:f})=>x==="Repeater"?lodashEs.isArray(g)&&g.map((b,j)=>jsxRuntime.jsx(RepeaterContext.Provider,{value:{index:j,key:f},children:jsxRuntime.jsx(BlocksRenderer,{splitAtoms:a,blocks:o,parent:d._id,type:x})},`${m}-${j}`)):x==="GlobalBlock"||x==="PartialBlock"?jsxRuntime.jsx(jotai.Provider,{store:builderStore,children:jsxRuntime.jsx(PartialBlocksRenderer,{partialBlockId:h})}):c(m)?jsxRuntime.jsx(BlocksRenderer,{splitAtoms:a,blocks:o,parent:d._id,type:x}):null})},d._id):null})},PageBlocksRenderer=()=>{const[o]=useBlocksStore();return jsxRuntime.jsx(BlocksRenderer,{splitAtoms:pageBlocksAtomsAtom,blocks:o})},StaticBlocksRenderer=()=>{const[o]=useBlocksStore(),n=lodashEs.isEmpty(o)?null:jsxRuntime.jsx(PageBlocksRenderer,{});return jsxRuntime.jsx(jsxRuntime.Fragment,{children:n})},useCanvasScale=o=>{const[n]=useCanvasDisplayWidth(),[,a]=useCanvasZoom(),l=useBuilderProp("htmlDir","ltr"),[r,i]=React.useState({}),c=React.useCallback(()=>{const{width:d,height:p}=o;if(d<n){const u=parseFloat((d/n).toFixed(2).toString());let m={};const x=p*u,h=d*u;p&&(m={height:100+(p-x)/x*100+"%",width:100+(d-h)/h*100+"%"}),i({position:"relative",top:0,transform:`scale(${u})`,transformOrigin:l==="rtl"?"top right":"top left",...m,maxWidth:"none"}),a(u*100)}else i({}),a(100)},[n,o,l,a]);return React.useEffect(()=>{c()},[n,o,a,c]),r};function usePubSub(o,n){React.useEffect(()=>{const a=pubsub.subscribe(o,n);return()=>a()},[o,n])}const CanvasEventsWatcher=()=>{const[,o]=useSelectedBlockIds(),[n,a]=useSelectedStylingBlocks(),{document:l}=useFrame(),{clearHighlight:r}=useBlockHighlight(),[i]=useSelectedBlockIds(),[c]=jotai.useAtom(treeRefAtom);return React.useEffect(()=>{setTimeout(()=>{if(!lodashEs.isEmpty(n))return;const d=getElementByDataBlockId(l,lodashEs.first(i));if(d){const p=d.getAttribute("data-style-prop");if(p){const u=d.getAttribute("data-style-id"),m=d.getAttribute("data-block-parent");a([{id:u,prop:p,blockId:m}])}}},100)},[l,i,a,n]),React.useEffect(()=>()=>r(),[r]),usePubSub(CHAI_BUILDER_EVENTS.CANVAS_BLOCK_SELECTED,d=>{d&&(!lodashEs.isEmpty(d)&&!lodashEs.includes(i,lodashEs.first(d))&&(c==null||c.closeAll()),o(d))}),usePubSub(CHAI_BUILDER_EVENTS.CANVAS_BLOCK_STYLE_SELECTED,d=>{if(!d)return;const{blockId:p,styleId:u,styleProp:m}=d;p&&(lodashEs.includes(i,p)||c==null||c.closeAll(),a([{id:u,prop:m,blockId:p}]),o([p]))}),usePubSub(CHAI_BUILDER_EVENTS.CLEAR_CANVAS_SELECTION,()=>{r(),o([]),a([])}),null},StaticCanvas=()=>{const[o]=useCanvasDisplayWidth(),[,n]=useHighlightBlockId(),a=React.useRef(null),l=React.useRef(null),[r,i]=React.useState({width:0,height:0}),c=useCanvasScale(r),[,d]=jotai.useAtom(canvasIframeAtom),p=useBuilderProp("loading",!1),u=useBuilderProp("htmlDir","ltr"),m=React.useCallback(h=>{i(g=>({...g,width:h}))},[i]);React.useEffect(()=>{if(!l.current)return;const{clientWidth:h,clientHeight:g}=l.current;i({width:h,height:g})},[l,o]);const x=React.useMemo(()=>{let h=IframeInitialContent;return h=h.replace("__HTML_DIR__",u),h},[u]);return jsxRuntime.jsx(ResizableCanvasWrapper,{onMount:m,onResize:m,children:jsxRuntime.jsx("div",{onMouseLeave:()=>setTimeout(()=>n(""),300),className:"relative mx-auto h-full w-full overflow-hidden",ref:l,children:jsxRuntime.jsxs(ChaiFrame,{contentDidMount:()=>d(a.current),ref:a,id:"canvas-iframe",style:{...c,...lodashEs.isEmpty(c)?{width:`${o}px`}:{}},className:"relative mx-auto box-content h-full w-full max-w-full shadow-lg transition-all duration-300 ease-linear",initialContent:x,children:[jsxRuntime.jsx(KeyboardHandler,{}),jsxRuntime.jsx(BlockSelectionHighlighter,{}),jsxRuntime.jsx(HeadTags,{}),jsxRuntime.jsxs(reactWrapBalancer.Provider,{children:[jsxRuntime.jsxs(Canvas,{children:[p?jsxRuntime.jsx("div",{className:"h-full p-4",children:jsxRuntime.jsx(tooltip.Skeleton,{className:"h-full"})}):jsxRuntime.jsx(StaticBlocksRenderer,{}),jsxRuntime.jsx(AddBlockAtBottom,{}),jsxRuntime.jsx("br",{}),jsxRuntime.jsx("br",{}),jsxRuntime.jsx("br",{})]}),jsxRuntime.jsx(CanvasEventsWatcher,{})]}),jsxRuntime.jsx("div",{id:"placeholder",className:"pointer-events-none absolute z-[99999] max-w-full bg-green-500 transition-transform"})]})})})},FallbackError=()=>{const{t:o}=reactI18next.useTranslation();return jsxRuntime.jsx("div",{className:"h-full w-full rounded-md bg-red-200 p-4 text-red-500",children:jsxRuntime.jsxs("div",{className:"flex h-full w-full flex-col items-center justify-center",children:[jsxRuntime.jsx("p",{className:"font-semibold",children:o("Oops! Something went wrong.")}),jsxRuntime.jsx("p",{children:o("Please try again.")})]})})},CodeEditor$1=React.lazy(()=>Promise.resolve().then(()=>require("./code-editor-CuilXtvr.cjs"))),CanvasArea=()=>{const[o]=useCodeEditor(),n=useBuilderProp("onError",lodashEs.noop);return jsxRuntime.jsx("div",{className:"flex h-full max-h-full w-full flex-1 flex-col",children:jsxRuntime.jsxs("div",{className:"relative flex h-full max-h-full flex-col overflow-hidden bg-gray-100/40",children:[jsxRuntime.jsx(React.Suspense,{fallback:jsxRuntime.jsx(tooltip.Skeleton,{className:"h-full"}),children:jsxRuntime.jsx(reactErrorBoundary.ErrorBoundary,{fallback:jsxRuntime.jsx(FallbackError,{}),onError:n,children:jsxRuntime.jsx(StaticCanvas,{})})}),o?jsxRuntime.jsx(React.Suspense,{fallback:jsxRuntime.jsx(tooltip.Skeleton,{className:"h-full"}),children:jsxRuntime.jsx(CodeEditor$1,{})}):null,jsxRuntime.jsx(Breadcrumb,{})]})})},RJSF_EXTENSIONS={},registerBlockSettingWidget=(o,n)=>{RJSF_EXTENSIONS[o]={id:o,component:n,type:"widget"}},registerBlockSettingField=(o,n)=>{RJSF_EXTENSIONS[o]={id:o,component:n,type:"field"}},registerBlockSettingTemplate=(o,n)=>{RJSF_EXTENSIONS[o]={id:o,component:n,type:"template"}},useBlockSettingComponents=o=>Object.values(RJSF_EXTENSIONS).filter(n=>n.type===o).reduce((n,a)=>(n[a.id]=a.component,n),{}),sanitizeSvg=o=>{try{let n=o.replace(/<svg([^>]*)\sheight="[^"]*"([^>]*)>/gi,"<svg$1$2>").replace(/<svg([^>]*)\swidth="[^"]*"([^>]*)>/gi,"<svg$1$2>");return n=n.replace(/>\s+</g,"><"),n=n.replace(/\n/g,"").replace(/\s{2,}/g," "),n=n.replace(/\s+=/g,"=").replace(/=\s+/g,"="),n=n.replace(/<!--[\s\S]*?-->/g,""),n.trim()}catch{return o}},IconPickerField=({value:o,onChange:n,id:a})=>{const{t:l}=reactI18next.useTranslation(),[r,i]=React.useState(o||"");React.useEffect(()=>{i(o||"")},[o]);const c=d=>{i(d);const p=sanitizeSvg(d);n(p)};return jsxRuntime.jsxs("div",{className:"mt-1 flex flex-col gap-2",id:"icon-picker-field",children:[jsxRuntime.jsxs("div",{className:"flex items-center gap-x-2",children:[jsxRuntime.jsx("div",{className:"flex h-12 w-12 items-center justify-center overflow-hidden rounded-lg border bg-gray-50",children:r?jsxRuntime.jsx("div",{className:"h-6 w-6",dangerouslySetInnerHTML:{__html:r}}):jsxRuntime.jsx("span",{className:"text-xs text-gray-400",children:"SVG"})}),jsxRuntime.jsx("textarea",{id:a,autoCapitalize:"off",autoCorrect:"off",spellCheck:"false",value:r,onChange:d=>c(d.target.value),placeholder:l("SVG_code"),rows:2,className:"no-scrollbar w-full rounded-md border border-border bg-background px-3 py-1.5 text-xs shadow-sm transition-colors placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50"})]}),jsxRuntime.jsx("div",{className:"flex items-center gap-2",children:jsxRuntime.jsx("p",{className:"text-xs text-muted-foreground",children:l("Paste SVG_code")})})]})},DefaultMediaManager=({close:o,onSelect:n,mode:a="image"})=>{const[l,r]=React.useState(""),[i,c]=React.useState(!1),[d,p]=React.useState(!1),[u,m]=React.useState(null),x=async g=>{if(!g.trim()){p(!1),m("Please enter a URL");return}try{c(!0),m(null),p(!0),m(null)}catch{p(!1),m("Error validating URL")}finally{c(!1)}},{t:h}=reactI18next.useTranslation();return jsxRuntime.jsxs("div",{className:"flex w-96 flex-col gap-4 p-4",children:[jsxRuntime.jsx("h2",{className:"text-xl font-semibold",children:h(`${a.charAt(0).toUpperCase()+a.slice(1)} Manager`)}),u&&jsxRuntime.jsxs(tooltip.Alert,{variant:"destructive",children:[jsxRuntime.jsx(reactIcons.ExclamationTriangleIcon,{className:"h-4 w-4"}),jsxRuntime.jsx(tooltip.AlertDescription,{children:u})]}),jsxRuntime.jsxs("div",{className:"flex flex-col gap-4",children:[jsxRuntime.jsx(tooltip.Input,{placeholder:h(`Enter ${a} URL`),value:l,onChange:g=>r(g.target.value),onKeyUp:()=>x(l)}),jsxRuntime.jsxs("div",{className:"flex justify-end gap-2",children:[jsxRuntime.jsx(tooltip.Button,{variant:"outline",onClick:o,children:h("Cancel")}),jsxRuntime.jsx(tooltip.Button,{onClick:()=>n({id:"dam-id",url:l,width:600,height:400,description:"This is image description"}),disabled:!d||i,children:h("Insert")})]})]})]})},MEDIA_MANAGER={component:DefaultMediaManager},registerChaiMediaManager=o=>{MEDIA_MANAGER.component=o},useMediaManagerComponent=()=>React.useMemo(()=>MEDIA_MANAGER.component,[]),MediaManagerModal=({assetId:o,children:n,onSelect:a,mode:l="image"})=>{const[r,i]=React.useState(!1),c=useMediaManagerComponent(),d=(...p)=>{a.call(void 0,...p),i(!1)};return jsxRuntime.jsxs(tooltip.Dialog,{open:r,onOpenChange:p=>i(p),children:[jsxRuntime.jsx(tooltip.DialogTrigger,{asChild:!0,children:n}),jsxRuntime.jsxs(tooltip.DialogContent,{className:"flex max-h-[90vh] max-w-7xl border-border md:w-fit",children:[jsxRuntime.jsx(tooltip.DialogTitle,{className:"sr-only",children:"Media Manager"}),jsxRuntime.jsx("div",{className:"h-full w-full",children:c?jsxRuntime.jsx(c,{close:()=>i(!1),onSelect:d,mode:l,assetId:o}):null})]})]})};MediaManagerModal.displayName="MediaManagerModal";const PLACEHOLDER_IMAGE="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAwIiBoZWlnaHQ9IjQwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSIjZjNmNGY2Ii8+PHRleHQgeD0iNTAlIiB5PSI1MCUiIGZvbnQtZmFtaWx5PSJBcmlhbCwgc2Fucy1zZXJpZiIgZm9udC1zaXplPSIxNiIgZmlsbD0iI2Q1ZDdkYSIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZHk9Ii4zZW0iPkltYWdlIFBsYWNlaG9sZGVyPC90ZXh0Pjwvc3ZnPg==",getFileName=o=>{var r;if(!o||lodashEs.startsWith(o,"data"))return"";const n=((r=o.split("/").pop())==null?void 0:r.split("?")[0])||"";return[".jpg",".jpeg",".png",".gif",".webp",".svg",".bmp",".ico",".avif"].some(i=>n.toLowerCase().endsWith(i))?n:""},ImagePickerField=({value:o,onChange:n,id:a,onBlur:l})=>{const{t:r}=reactI18next.useTranslation(),{selectedLang:i}=useLanguages(),c=useSelectedBlock(),d=useUpdateBlocksProps(),p=usePageExternalData(),u=a.split(".").pop()||"",m=i?`_${u}Id-${i}`:`_${u}Id`,x=lodashEs.isEmpty(i)&&(c==null?void 0:c._type)==="Image"&&lodashEs.has(c,"assetId"),h=lodashEs.get(c,m,x?c==null?void 0:c.assetId:""),g=React.useMemo(()=>{if(!o||!c||!/\{\{.*?\}\}/.test(o))return o;const w={...c,[u]:o},B=applyBinding.applyBindingToBlockProps(w,p,{index:-1,key:""});return lodashEs.get(B,u,o)},[o,c,p,u]),f=!!h||g!==PLACEHOLDER_IMAGE,b=k=>{const w=lodashEs.isArray(k)?lodashEs.first(k):k;if(w){n(w==null?void 0:w.url);const B=w==null?void 0:w.width,S=w==null?void 0:w.height,E=m.includes("mobile");if(c!=null&&c._id){const y={...B&&{[E?"mobileWidth":"width"]:B},...S&&{[E?"mobileHeight":"height"]:S},...w.description&&{alt:w.description}};if(lodashEs.set(y,m,w.id),lodashEs.isEmpty(y))return;d([c._id],y)}}},j=React.useCallback(()=>{if(n(PLACEHOLDER_IMAGE),c!=null&&c._id){const k={},w=m.includes("mobile");lodashEs.set(k,m,""),lodashEs.set(k,w?"mobileWidth":"width",""),lodashEs.set(k,w?"mobileHeight":"height",""),d([c._id],k)}},[n,c==null?void 0:c._id,d,m]),R=getFileName(g);return jsxRuntime.jsxs("div",{className:"mt-1.5 flex items-start gap-x-3",children:[g?jsxRuntime.jsxs("div",{className:"group relative",children:[jsxRuntime.jsx("img",{src:g,className:"h-14 w-14 overflow-hidden rounded-md border border-border object-cover transition duration-200 "+(h&&h!==""?"cursor-pointer group-hover:blur-sm":""),alt:""}),f&&jsxRuntime.jsx("button",{type:"button",onClick:j,className:"absolute -right-2 -top-2 z-20 rounded-full bg-destructive p-1 text-destructive-foreground hover:bg-destructive/90",children:jsxRuntime.jsx(reactIcons.Cross1Icon,{className:"h-3 w-3"})}),h&&h!==""&&jsxRuntime.jsx(MediaManagerModal,{onSelect:b,assetId:h,children:jsxRuntime.jsx("button",{type:"button",className:"absolute inset-0 z-10 flex cursor-pointer items-center justify-center bg-black/10 opacity-0 transition duration-200 group-hover:bg-black/30 group-hover:opacity-100",children:jsxRuntime.jsx(reactIcons.Pencil2Icon,{className:"h-4 w-4 text-white"})})})]}):jsxRuntime.jsx(MediaManagerModal,{onSelect:b,mode:"image",assetId:h,children:jsxRuntime.jsx("div",{className:"h-14 w-14 cursor-pointer rounded-md border border-border bg-[radial-gradient(#AAA,transparent_1px)] duration-300 [background-size:10px_10px]"})}),jsxRuntime.jsxs("div",{className:"flex w-3/5 flex-col",children:[jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("p",{className:"max-w-[250px] truncate pr-2 text-xs text-gray-400",children:R}),jsxRuntime.jsx(MediaManagerModal,{onSelect:b,assetId:"",children:jsxRuntime.jsx("small",{className:"h-6 mb-1 w-full cursor-pointer rounded-md bg-secondary px-1 py-1 text-center text-xs text-secondary-foreground hover:bg-secondary/80",children:!lodashEs.isEmpty(g)&&g!==PLACEHOLDER_IMAGE?r("Replace image"):r("Choose image")})}),jsxRuntime.jsx("div",{className:"text-center text-xs text-gray-400",children:"OR"})]}),jsxRuntime.jsx("input",{id:a,autoCapitalize:"off",autoCorrect:"off",spellCheck:"false",type:"url",className:"h-6  text-xs",placeholder:r("Enter image URL"),value:o===PLACEHOLDER_IMAGE?"":o,onBlur:({target:{value:k}})=>l(a,k),onChange:k=>n(k.target.value)})]})]})},PathDropdown=({data:o,onSelect:n,dataType:a})=>{const[l,r]=React.useState([]),[i,c]=React.useState(o),d=x=>Array.isArray(x)?"array":typeof x=="object"&&x!==null?"object":"value",p=React.useCallback(x=>{const h=g=>a==="value"?g==="value"||g==="object":a==="array"?g==="array":g===a;x.type==="object"?(r(g=>[...g,x.key]),c(x.value)):h(x.type)&&n([...l,x.key].join("."),a)},[l,n,a]),u=React.useCallback(()=>{if(l.length>0){const x=l.slice(0,-1);r(x),c(x.reduce((h,g)=>h[g],o))}},[l,o]),m=React.useMemo(()=>i?Object.entries(i).map(([x,h])=>({key:x,value:h,type:d(h)})).filter(x=>!lodashEs.startsWith(x.key,applyBinding.REPEATER_PREFIX)&&x.key.includes("/")?!1:a==="value"?x.type==="value"||x.type==="object":a==="array"?x.type==="array"||x.type==="object":a==="object"?x.type==="object":!0):[],[i,a]);return jsxRuntime.jsxs(tooltip.Command,{className:"fields-command",children:[jsxRuntime.jsx(tooltip.CommandInput,{className:"border-none",placeholder:"Search..."}),jsxRuntime.jsxs(tooltip.CommandList,{children:[jsxRuntime.jsx(tooltip.CommandEmpty,{children:i18n.t("No option found.")}),jsxRuntime.jsxs(tooltip.CommandGroup,{children:[l.length>0&&jsxRuntime.jsxs(tooltip.CommandItem,{onSelect:u,className:"flex items-center text-sm",children:[jsxRuntime.jsx(reactIcons.ChevronLeftIcon,{className:"mr-2 h-4 w-4"}),i18n.t("Back")]}),m.map(x=>jsxRuntime.jsxs(tooltip.CommandItem,{value:x.key,disabled:!1,onSelect:()=>p(x),className:"flex items-center justify-between",children:[jsxRuntime.jsxs("span",{className:"flex items-center gap-x-2",children:[lodashEs.startsWith(x.key,applyBinding.REPEATER_PREFIX)?jsxRuntime.jsx(reactIcons.LoopIcon,{}):lodashEs.startsWith(x.key,applyBinding.COLLECTION_PREFIX)?jsxRuntime.jsx(reactIcons.IdCardIcon,{}):null,lodashEs.startsWith(x.key,applyBinding.REPEATER_PREFIX)?i18n.t("Repeater Data"):lodashEs.startsWith(x.key,applyBinding.COLLECTION_PREFIX)?x.key.replace(applyBinding.COLLECTION_PREFIX,""):x.key]}),jsxRuntime.jsxs("div",{className:"flex items-center gap-2",children:[a==="object"&&x.type==="object"&&jsxRuntime.jsx(tooltip.Button,{size:"sm",variant:"ghost",className:"h-6 px-2 hover:bg-primary hover:text-primary-foreground",onClick:h=>{h.stopPropagation(),n([...l,x.key].join("."),a)},children:i18n.t("Select")}),x.type==="object"&&jsxRuntime.jsx("div",{className:"cursor-pointer rounded p-1 hover:bg-muted",children:jsxRuntime.jsx(reactIcons.ChevronRightIcon,{className:"h-4 w-4 opacity-50"})})]})]},x.key))]})]})]})};function NestedPathSelector({data:o,onSelect:n,dataType:a="value"}){const[l,r]=React.useState(!1),i=useBuilderProp("collections",[]),c=React.useMemo(()=>a==="array"?{...i.map(p=>p.id).reduce((p,u)=>({...p,[applyBinding.COLLECTION_PREFIX+u]:[]}),{}),...o}:o,[o,i,a]);return jsxRuntime.jsxs(tooltip.Popover,{open:l,onOpenChange:r,children:[jsxRuntime.jsxs(tooltip.Tooltip,{children:[jsxRuntime.jsx(tooltip.TooltipTrigger,{asChild:!0,children:jsxRuntime.jsx(tooltip.PopoverTrigger,{asChild:!0,children:jsxRuntime.jsx(tooltip.Button,{size:"sm",variant:"ghost",className:"h-5 rounded-sm px-1 py-0 text-[9px] text-muted-foreground",role:"combobox","aria-expanded":l,children:jsxRuntime.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24px",height:"24px",viewBox:"0 0 24 24",fill:"none",children:jsxRuntime.jsx("path",{d:"M9.5 5H9C7.89543 5 7 5.89543 7 7V9C7 10 6.4 12 4 12C5 12 7 12.6 7 15V17.0002C7 18.1048 7.89543 19 9 19H9.5M14.5 5H15C16.1046 5 17 5.89543 17 7V9C17 10 17.6 12 20 12C19 12 17 12.6 17 15V17.0002C17 18.1048 16.1046 19 15 19H14.5",stroke:"#000000",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2"})})})})}),jsxRuntime.jsx(tooltip.TooltipContent,{children:i18n.t("Add field")})]}),jsxRuntime.jsx(tooltip.PopoverContent,{className:"z-[1000]! relative mr-3 w-[300px] p-0",children:jsxRuntime.jsx(PathDropdown,{data:c,onSelect:(d,p)=>{n(d,p),r(!1)},dataType:a})})]})}const DataBindingSelector=({schema:o,onChange:n,id:a,formData:l})=>{const r=usePageExternalData(),i=useSelectedBlockHierarchy(),c=useSelectedBlock(),d=React.useMemo(()=>{if(i.length===1)return"";const m=i.find(g=>g._type==="Repeater"),h=lodashEs.get(m,"repeaterItems","").replace(/\{\{(.*)\}\}/g,"$1");return`${applyBinding.REPEATER_PREFIX}${lodashEs.startsWith(h,applyBinding.COLLECTION_PREFIX)?`${h}/${m._id}`:h}`},[i]),p=React.useMemo(()=>lodashEs.first(lodashEs.get(r,d.replace(applyBinding.REPEATER_PREFIX,""),[])),[d,r]),u=React.useCallback((m,x)=>{if(m=lodashEs.isEmpty(d)?m:m.replace(`${d}`,"$index"),x==="array"||x==="object"){n(`{{${m}}}`,{},a);return}const h=j=>/[.,!?;:]/.test(j),g=(j,R,k)=>{let w="",B="";const S=R>0?j[R-1]:"",E=R<j.length?j[R]:"";return R>0&&(S==="."||!h(S)&&S!==" ")&&(w=" "),R<j.length&&!h(E)&&E!==" "&&(B=" "),{text:w+k+B,prefixLength:w.length,suffixLength:B.length}},f=document.getElementById(a);if(!f)return;const b=document.getElementById(`chai-rte-${a}`)||document.getElementById(`chai-rte-modal-${a}`);if(b&&(b.querySelector(".ProseMirror")||b.__chaiRTE)){const j=b.__chaiRTE;if(j){const R=`{{${m}}}`;j.commands.focus();const{from:k,to:w}=j.state.selection;if(k!==w)j.chain().deleteSelection().insertContent(R).run();else{const{state:S}=j,E=S.selection.from,y=S.doc.textBetween(Math.max(0,E-1),E),I=S.doc.textBetween(E,Math.min(E+1,S.doc.content.size));let C="";E>0&&y!==" "&&!h(y)&&(C=" ");let v="";I&&I!==" "&&!h(I)&&(v=" "),j.chain().insertContent(C+R+v).run()}setTimeout(()=>n(j.getHTML(),{},a),100);return}}else{const j=f,R=j.selectionStart||0,k=j.value||"",w=j.selectionEnd||R;if(w>R){const I=`{{${m}}}`,{text:C}=g(k,R,I),v=k.slice(0,R)+C+k.slice(w);n(v,{},a);return}const S=`{{${m}}}`,{text:E}=g(k,R,S),y=k.slice(0,R)+E+k.slice(R);n(y,{},a)}},[a,n,l,c==null?void 0:c._id,d]);return jsxRuntime.jsx(NestedPathSelector,{data:{...p&&{[d]:p},...r},onSelect:u,dataType:o.binding==="array"?"array":"value"})},PageTypeField=({href:o,pageTypes:n,onChange:a})=>{var I;const{t:l}=reactI18next.useTranslation(),r=useBuilderProp("searchPageTypeItems",(C,v)=>[]),[i,c]=React.useState(!1),[d,p]=React.useState(!1),[u,m]=React.useState("page"),[x,h]=React.useState(""),[g,f]=React.useState([]),[b,j]=React.useState(-1),R=React.useRef(null),k=(I=n==null?void 0:n.find(C=>C.key===u))==null?void 0:I.name;React.useEffect(()=>{if(h(""),f([]),j(-1),p(!1),!o||i||!lodashEs.startsWith(o,"pageType:"))return;const C=lodashEs.split(o,":"),v=lodashEs.get(C,1,"page")||"page";m(v),(async()=>{const A=await r(v,[lodashEs.get(C,2,"page")]);A&&Array.isArray(A)&&h(lodashEs.get(A,[0,"name"],""))})()},[o]);const w=web.useDebouncedCallback(async C=>{if(lodashEs.isEmpty(C))f([]);else{const v=await r(u,C);f(v)}c(!1),j(-1)},[u],300),B=C=>{const v=["pageType",u,C.id];v[1]&&(a(v.join(":")),h(C.name),p(!1),f([]),j(-1))},S=C=>{switch(C.key){case"ArrowDown":C.preventDefault(),j(v=>v<g.length-1?v+1:v);break;case"ArrowUp":C.preventDefault(),j(v=>v>0?v-1:v);break;case"Enter":if(C.preventDefault(),g.length===0)return;b>=0&&B(g[b]);break;case"Escape":C.preventDefault(),E();break}};React.useEffect(()=>{if(b>=0&&R.current){const C=R.current.children[b];C==null||C.scrollIntoView({block:"nearest"})}},[b]);const E=()=>{h(""),f([]),j(-1),p(!1),a("")},y=C=>{h(C),p(!lodashEs.isEmpty(C)),c(!0),w(C)};return jsxRuntime.jsxs("div",{children:[jsxRuntime.jsx("select",{name:"pageType",value:u,onChange:C=>m(C.target.value),children:lodashEs.map(n,C=>jsxRuntime.jsx("option",{value:C.key,children:C.name},C.key))}),u&&jsxRuntime.jsxs("div",{className:"group relative mt-2 flex items-center",children:[jsxRuntime.jsx("input",{type:"text",value:x,onChange:C=>y(C.target.value),onKeyDown:S,placeholder:l(`Search ${k??""}`),className:"w-full rounded-md border border-gray-300 p-2 pr-16"}),jsxRuntime.jsx("div",{className:"absolute bottom-2 right-2 top-3 flex items-center gap-1.5",children:x&&jsxRuntime.jsx("button",{onClick:E,className:"text-gray-400 hover:text-gray-600",title:l("Clear search"),children:jsxRuntime.jsx(reactIcons.Cross1Icon,{className:"h-4 w-4"})})})]}),(i||!lodashEs.isEmpty(g)||d&&lodashEs.isEmpty(g))&&jsxRuntime.jsx("div",{className:"absolute z-40 mt-2 max-h-40 w-full max-w-[250px] overflow-y-auto rounded-md border border-border bg-background shadow-lg",children:i?jsxRuntime.jsxs("div",{className:"space-y-1 p-2",children:[jsxRuntime.jsx("div",{className:"h-6 w-full animate-pulse rounded bg-gray-200"}),jsxRuntime.jsx("div",{className:"h-6 w-full animate-pulse rounded bg-gray-200"})]}):d&&lodashEs.isEmpty(g)?jsxRuntime.jsxs("div",{className:"flex items-center justify-center p-4 text-sm text-gray-500",children:[l("No results found for"),' "',x,'"']}):jsxRuntime.jsx("ul",{ref:R,children:lodashEs.map(g==null?void 0:g.slice(0,20),(C,v)=>jsxRuntime.jsxs("li",{onClick:()=>B(C),className:`cursor-pointer p-2 text-xs ${o!=null&&o.includes(C.id)?"bg-blue-200":v===b?"bg-gray-100":"hover:bg-gray-100"}`,children:[C.name," ",C.slug&&jsxRuntime.jsxs("small",{className:"font-light text-gray-500",children:["( ",C.slug," )"]})]},C.id))})})]})},LinkField=({schema:o,formData:n,onChange:a,name:l})=>{const{t:r}=reactI18next.useTranslation(),{type:i="pageType",href:c="",target:d="self"}=n??{},p=useBuilderProp("pageTypes",[]),{selectedLang:u,fallbackLang:m,languages:x}=useLanguages(),h=React.useMemo(()=>lodashEs.isEmpty(x)?"":lodashEs.isEmpty(u)?m:u,[x,u,m]),g=React.useMemo(()=>lodashEs.get(LANGUAGES,h,h),[h]),f=i==="pageType"&&lodashEs.isEmpty(p)?"url":i;return jsxRuntime.jsxs("div",{children:[jsxRuntime.jsxs("span",{className:"flex items-center justify-between gap-x-2 text-xs font-medium",children:[jsxRuntime.jsxs("span",{children:[(o==null?void 0:o.title)??"Link",jsxRuntime.jsx("span",{className:"pl-1 text-[9px] text-zinc-400",children:g})]}),jsxRuntime.jsx(DataBindingSelector,{schema:o,onChange:b=>{a({...n,href:b,...f==="pageType"?{type:"url"}:{}})},id:`root.${l}.href`,formData:n})]}),jsxRuntime.jsxs("div",{className:"flex flex-col gap-y-1.5",children:[jsxRuntime.jsx("select",{name:"type",value:i,onChange:b=>a({...n,type:b.target.value}),children:lodashEs.map([...lodashEs.isEmpty(p)?[]:[{const:"pageType",title:r("Goto Page")}],{const:"url",title:r("Open URL")},{const:"email",title:r("Compose Email")},{const:"telephone",title:r("Call Phone")},{const:"scroll",title:r("Scroll to element")}],b=>jsxRuntime.jsx("option",{value:b.const,children:b.title},b.const))}),f==="pageType"&&!lodashEs.isEmpty(p)?jsxRuntime.jsx(PageTypeField,{href:c,pageTypes:p,onChange:b=>a({...n,href:b})}):null,jsxRuntime.jsx("input",{id:`root.${l}.href`,autoCapitalize:"off",autoCorrect:"off",spellCheck:"false",name:"href",type:"text",className:f==="pageType"?"!hidden":"",value:c,onChange:b=>a({...n,href:b.target.value}),placeholder:r(i==="url"?"Enter URL":i==="scroll"?"#ElementID":"Enter details")}),f==="url"&&jsxRuntime.jsxs("div",{className:"flex items-center gap-x-2 text-muted-foreground",children:[jsxRuntime.jsx("input",{id:`root.${l}.target`,autoCapitalize:"off",autoCorrect:"off",spellCheck:"false",type:"checkbox",defaultChecked:d==="_blank",className:"!w-fit cursor-pointer rounded-md border border-border",onChange:()=>a({...n,target:d==="_blank"?"_self":"_blank"})}),jsxRuntime.jsx("span",{className:"pt-1 text-xs",children:r("Open in new tab")})]})]})]})},RowColField=()=>{const o=useSelectedBlock(),n=useWrapperBlock(),{addCoreBlock:a}=useAddBlock();if(!o&&!n)return null;const l=(o==null?void 0:o._type)==="Row"?o:n;return jsxRuntime.jsx("div",{className:"pt-1",children:jsxRuntime.jsxs("button",{type:"button",className:"duratiom-300 flex items-center gap-x-1 rounded border border-gray-400 bg-gray-100 px-4 py-1 text-[11px] font-medium leading-tight hover:bg-slate-200",onClick:()=>a({type:"Column",styles:"#styles:,"},l==null?void 0:l._id),children:[jsxRuntime.jsx(reactIcons.PlusIcon,{className:"h-4 w-4"})," Add Column"]})})},RTEModal=React.lazy(()=>Promise.resolve().then(()=>require("./rte-widget-modal-CtBOYzKl.cjs"))),RichTextEditorFieldComp=({blockId:o,id:n,placeholder:a,value:l,onChange:r,onBlur:i})=>{const c=React.useRef(null),[d,p]=React.useState(!1),u=useRTEditor({blockId:o,value:l,placeholder:a,onBlur:({editor:h})=>{const g=h==null?void 0:h.getHTML();i(n,g)},onUpdate:({editor:h})=>{const g=h==null?void 0:h.getHTML();r(g)}});React.useEffect(()=>{c.current&&u&&(c.current.__chaiRTE=u)},[o,u]);const m=()=>{p(!1)},x=jsxRuntime.jsxs("div",{id:`chai-rte-${n}`,ref:c,className:"mt-1 rounded-md border border-input",children:[jsxRuntime.jsx(RteMenubar,{editor:u,onExpand:()=>p(!0)}),jsxRuntime.jsx(react.EditorContent,{editor:u,id:n,placeholder:a,className:`overflow-auto ${d?"max-h-[500px] min-h-[400px]":"max-h-[200px] min-h-[100px]"}`},n)]});return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[d&&jsxRuntime.jsx(React.Suspense,{fallback:jsxRuntime.jsx("div",{children:"Loading..."}),children:jsxRuntime.jsx(RTEModal,{isOpen:d,onClose:m,editor:u,rteElement:x})}),d?jsxRuntime.jsx("div",{children:"Open in modal"}):jsxRuntime.jsx("div",{className:"relative",children:x})]})},RichTextEditorField=o=>{const{editingBlockId:n}=useInlineEditing(),[a,l]=React.useState(null),r=useSelectedBlock(),i=r==null?void 0:r._id;return React.useEffect(()=>{l(i)},[i]),a&&a!==n?jsxRuntime.jsx(RichTextEditorFieldComp,{...o,blockId:a},a):null},SliderField=({formData:o,onChange:n})=>{const[a]=useBlocksStore(),l=useSelectedBlock(),r=useWrapperBlock(),{addCoreBlock:i}=useAddBlock(),[,c]=useSelectedBlockIds();if(!l&&!r)return null;const d=(l==null?void 0:l._type)==="Slider"?l:r,p=lodashEs.find(a,{_parent:d==null?void 0:d._id,_type:"Slides"});if(!p)return null;const u=lodashEs.filter(a,{_parent:p==null?void 0:p._id,_type:"Slide"}),m=(o==null?void 0:o.currentSlide)||lodashEs.get(u,"0._id");React.useEffect(()=>{(l==null?void 0:l._type)==="Slide"&&(o==null?void 0:o.currentSlide)!==(l==null?void 0:l._id)&&n({...o,currentSlide:l==null?void 0:l._id})},[l]),React.useEffect(()=>{u!=null&&u.length&&!lodashEs.find(u,{_id:o==null?void 0:o.currentSlide})&&n({...o,currentSlide:lodashEs.get(u,"0._id")})},[o,u]);const x=()=>{const f=lodashEs.findIndex(u,{_id:m});if(f>-1){const b=(f+1)%u.length,j=lodashEs.get(u,[b,"_id"]);if(!j)return;n({...o,currentSlide:j}),c([j])}},h=()=>{const f=lodashEs.findIndex(u,{_id:m});if(f>-1){const b=(f-1+u.length)%u.length,j=lodashEs.get(u,[b,"_id"]);if(!j)return;n({...o,currentSlide:j}),c([j])}},g=()=>{const f=i({styles:"#styles:,h-full w-full min-w-full",type:"Slide"},p==null?void 0:p._id),b=f==null?void 0:f._id;b&&(n({...o,currentSlide:b}),c([b]))};return jsxRuntime.jsxs("div",{className:"space-y-1.5 px-2",children:[jsxRuntime.jsxs("div",{className:"flex items-center gap-x-2 pb-2 text-[12px]",children:[jsxRuntime.jsx("button",{onClick:h,className:"rounded bg-gray-200 p-1.5 hover:opacity-80",children:jsxRuntime.jsx(reactIcons.ChevronLeftIcon,{className:"h-3 w-3"})}),jsxRuntime.jsx("div",{className:"whitespace-nowrap text-center text-[10px] text-slate-500",children:m?jsxRuntime.jsxs("span",{className:"",children:[jsxRuntime.jsxs("b",{className:"text-[12px]",children:[" ",lodashEs.findIndex(u,{_id:m})+1]}),"/",u.length]}):"-"}),jsxRuntime.jsx("button",{onClick:x,className:"rounded bg-gray-200 p-1.5 hover:opacity-80",children:jsxRuntime.jsx(reactIcons.ChevronRightIcon,{className:"h-3 w-3"})}),jsxRuntime.jsxs("button",{onClick:g,className:"flex w-full items-center justify-center gap-x-1 rounded bg-gray-200 p-1.5 text-xs font-medium leading-tight hover:opacity-80",children:[jsxRuntime.jsx(reactIcons.PlusCircledIcon,{className:"h-3 w-3"}),"Add Slide"]})]}),jsxRuntime.jsxs("div",{className:"flex items-center gap-x-2 leading-tight",children:[jsxRuntime.jsx("input",{type:"checkbox",checked:!!(o!=null&&o.showSlideButton),onChange:()=>n({...o,showSlideButton:!(o!=null&&o.showSlideButton)}),className:"cursor-pointer"}),jsxRuntime.jsx("label",{htmlFor:"autoplay",className:"mt-0.5 text-[12px]",children:"Show Slide Buttons"})]}),jsxRuntime.jsxs("div",{className:"flex items-center gap-x-2 leading-tight",children:[jsxRuntime.jsx("input",{type:"checkbox",checked:!!(o!=null&&o.showSlideNavbar),onChange:()=>n({...o,showSlideNavbar:!(o!=null&&o.showSlideNavbar)}),className:"cursor-pointer"}),jsxRuntime.jsx("label",{htmlFor:"autoplay",className:"mt-0.5 text-[12px]",children:"Show Slide Navbar"})]}),jsxRuntime.jsx("div",{children:jsxRuntime.jsxs("div",{className:"flex flex-col",children:[jsxRuntime.jsxs("div",{className:"flex items-center gap-x-2 leading-tight",children:[jsxRuntime.jsx("input",{type:"checkbox",checked:!!(o!=null&&o.autoplay),onChange:()=>n({...o,autoplay:!(o!=null&&o.autoplay)}),className:"cursor-pointer"}),jsxRuntime.jsx("label",{htmlFor:"autoplay",className:"mt-0.5 text-[12px]",children:"Autoplay slides"})]}),(o==null?void 0:o.autoplay)&&jsxRuntime.jsxs("div",{className:"pt-0.5 leading-tight",children:[jsxRuntime.jsxs("label",{htmlFor:"interval",className:"whitespace-nowrap text-[9px]",children:["Autoplay Interval ",jsxRuntime.jsx("span",{className:"font-light opacity-80",children:"(in seconds)"})]}),jsxRuntime.jsx("input",{type:"number",id:"interval",name:"interval",placeholder:"0",value:o==null?void 0:o.autoplayInterval,className:"text-xs",pattern:"[0-9]*",onChange:f=>{let b=f.target.value;b.length&&(b=b.replace("-","")),n({...o,autoplayInterval:b})}})]})]})})]})},SourcesField=({formData:o,onChange:n})=>{const a=lodashEs.get(o,"srcsets",[])||[],l=(c,d)=>{const p=c.target.name,u=c.target.value;n({srcsets:lodashEs.map(a,(m,x)=>x===d?{...m,[p]:u}:m)})},r=()=>{n({srcsets:[...a,{}]})},i=c=>{n({srcsets:lodashEs.reject(a,(d,p)=>p===c)})};return jsxRuntime.jsxs("div",{children:[jsxRuntime.jsxs("div",{className:"flex items-center justify-between pb-2",children:[jsxRuntime.jsx("label",{children:"Responsive Video (optional)"}),jsxRuntime.jsx("button",{type:"button",onClick:r,className:"flex items-center gap-x-1 rounded-md border border-blue-500 bg-blue-100 px-2 py-px text-xs text-blue-600 hover:opacity-80",children:jsxRuntime.jsx(reactIcons.PlusIcon,{className:"h-3 w-3"})})]}),jsxRuntime.jsx("div",{className:"space-y-2",children:a.length===0?jsxRuntime.jsx("div",{className:"rounded border border-dashed border-gray-200 p-2 text-xs italic text-gray-500",children:"Add additional sources to create responsive videos"}):lodashEs.map(a,(c,d)=>jsxRuntime.jsxs("div",{className:"group relative space-y-1.5 rounded border border-gray-200 px-2 pb-1.5",children:[jsxRuntime.jsx("button",{type:"button",onClick:()=>i(d),className:"absolute -right-px -top-0 -translate-y-1/2 rounded-full bg-red-100 p-1 opacity-0 hover:bg-red-200 group-hover:opacity-100",children:jsxRuntime.jsx(reactIcons.Cross1Icon,{className:"h-2.5 w-2.5 text-red-500"})}),jsxRuntime.jsxs("div",{className:"flex items-center gap-x-2 rounded border",children:[jsxRuntime.jsx("label",{className:"flex !h-6 h-full w-1/4 items-center justify-center bg-gray-200 px-2 !text-[10px] !font-medium",children:"Width"}),jsxRuntime.jsx("input",{name:"width",placeholder:"Enter width (in px)",type:"number",value:lodashEs.get(c,"width"),onChange:p=>l(p,d),className:"!placeholder:text-gray-100 !mt-0 !rounded-none !border-0 !p-0 !text-xs"})]}),jsxRuntime.jsxs("div",{className:"flex items-center gap-x-2 rounded border",children:[jsxRuntime.jsx("label",{className:"flex !h-6 h-full w-1/4 items-center justify-center bg-gray-200 px-2 !text-[10px] !font-medium",children:"URL"}),jsxRuntime.jsx("input",{name:"url",placeholder:"Enter url",className:"!mt-0 !rounded-none !border-0 !p-0 !text-xs !shadow-none",value:lodashEs.get(c,"url",""),onChange:p=>l(p,d)})]})]},d))})]})},CodeEditor=({id:o,placeholder:n})=>{const{t:a}=reactI18next.useTranslation(),[,l]=useCodeEditor(),r=useSelectedBlock();if(typeof window>"u")return null;const i=o.replace("root.",""),c=lodashEs.get(r,i,""),d=()=>{const p=r==null?void 0:r._id;l({blockId:p,blockProp:i,placeholder:n,initialCode:lodashEs.get(r,i,c)})};return jsxRuntime.jsxs("div",{className:"mt-2 flex flex-col gap-y-1",children:[jsxRuntime.jsx("button",{onClick:d,className:"w-[90%] max-w-full cursor-default truncate text-pretty rounded border border-border bg-background p-2 text-left text-[10px]",children:c.trim().length>0?c.substring(0,46):n||"Eg: <script>console.log('Hello, world!');<\/script>"}),jsxRuntime.jsx(tooltip.Button,{onClick:d,size:"sm",variant:"outline",className:"w-fit",children:a("Open code editor")})]})},CollectionFilterSortField=({id:o,value:n,onChange:a,onBlur:l})=>{const r=useBuilderProp("collections",[]),i=useSelectedBlock(),c=lodashEs.get(i,"repeaterItems","").replace(/\{\{(.*)\}\}/g,"$1").replace(applyBinding.COLLECTION_PREFIX,""),d=lodashEs.find(r,{id:c}),p=o==="root.filter"?"filters":"sorts",u=lodashEs.get(d,p,[]);return jsxRuntime.jsx("div",{children:jsxRuntime.jsxs("select",{value:n,onChange:m=>a(m.target.value),onBlur:m=>l(o,m.target.value),children:[jsxRuntime.jsx("option",{value:"",children:"Select"}),u.map(m=>jsxRuntime.jsx("option",{value:m.id,children:m.name},m.id))]})})},JSONFormFieldTemplate=o=>{const{id:n,classNames:a,label:l,children:r,errors:i,help:c,hidden:d,required:p,schema:u,formData:m,onChange:x}=o,{selectedLang:h,fallbackLang:g,languages:f}=useLanguages(),b=React.useMemo(()=>lodashEs.isEmpty(f)?"":lodashEs.isEmpty(h)?g:h,[f,h,g]),j=React.useMemo(()=>lodashEs.get(LANGUAGES,b,b),[b]),R=usePageExternalData(),k=useSelectedBlock(),w=runtime.useRegisteredChaiBlocks(),B=React.useMemo(()=>lodashEs.get(w,[k==null?void 0:k._type,"i18nProps"],[]),[w,k==null?void 0:k._type]),[S,E]=React.useState(null);if(d)return null;if(u.type==="boolean")return jsxRuntime.jsx("div",{className:a,children:r});const I=B==null?void 0:B.includes(n.replace("root.",""));if(u.type==="array"){const A=S===n;return jsxRuntime.jsxs("div",{className:`${a} relative`,children:[u.title&&jsxRuntime.jsx("div",{className:"flex items-center justify-between gap-1",children:jsxRuntime.jsxs("label",{htmlFor:n,onClick:()=>E(A?null:n),className:"flex cursor-pointer items-center gap-x-1 py-1 leading-tight duration-200 hover:bg-slate-100",children:[A?jsxRuntime.jsx(reactIcons.ChevronDownIcon,{className:"h-3 w-3"}):jsxRuntime.jsx(reactIcons.ChevronRightIcon,{className:"h-3 w-3"}),jsxRuntime.jsx(reactIcons.ListBulletIcon,{className:"h-3 w-3"}),jsxRuntime.jsx("span",{className:"leading-tight",children:l})," ",jsxRuntime.jsx(tooltip.Badge,{className:"m-0 bg-gray-200 px-2 leading-tight text-gray-500 hover:bg-gray-200 hover:text-gray-500",children:jsxRuntime.jsx("span",{className:"text-[9px] font-medium text-slate-600",children:m==null?void 0:m.length})}),u.description&&jsxRuntime.jsx(tooltip.TooltipProvider,{children:jsxRuntime.jsxs(tooltip.Tooltip,{children:[jsxRuntime.jsx(tooltip.TooltipTrigger,{asChild:!0,children:jsxRuntime.jsx(reactIcons.InfoCircledIcon,{className:"h-3 w-3 text-muted-foreground/70",onClick:T=>T.stopPropagation(),onMouseDown:T=>T.stopPropagation()})}),jsxRuntime.jsx(tooltip.TooltipContent,{className:"max-w-xs",children:u.description})]})})]})}),(m==null?void 0:m.length)===0?jsxRuntime.jsx("div",{className:"h-0 overflow-hidden",children:r}):jsxRuntime.jsxs("div",{className:`${A?"pt-0.5":"h-0 overflow-hidden"}`,children:[r,i,c]})]})}const C=n.replace("root.",""),v=B.includes(C)&&!lodashEs.isEmpty(h)&&lodashEs.isEmpty(m);return jsxRuntime.jsxs("div",{className:a,children:[u.title&&jsxRuntime.jsxs("div",{className:"flex items-center justify-between",children:[jsxRuntime.jsxs("div",{className:"flex items-center gap-2",children:[jsxRuntime.jsxs("label",{htmlFor:n,className:u.type==="object"?"pb-2":"",children:[l," ",I&&jsxRuntime.jsxs("small",{className:"text-[9px] text-zinc-400",children:[" ",j]}),p&&u.type!=="object"?" *":null]}),u.description&&jsxRuntime.jsx(tooltip.TooltipProvider,{children:jsxRuntime.jsxs(tooltip.Tooltip,{children:[jsxRuntime.jsx(tooltip.TooltipTrigger,{asChild:!0,children:jsxRuntime.jsx(reactIcons.InfoCircledIcon,{className:"h-3 w-3 text-muted-foreground/70"})}),jsxRuntime.jsx(tooltip.TooltipContent,{className:"max-w-xs",children:u.description})]})})]}),!u.enum&&!u.oneOf&&R&&jsxRuntime.jsxs("span",{className:"flex items-center space-x-1",children:[v?jsxRuntime.jsxs(tooltip.Tooltip,{children:[jsxRuntime.jsx(tooltip.TooltipTrigger,{asChild:!0,children:jsxRuntime.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",className:"lucide lucide-triangle-alert-icon lucide-triangle-alert h-3 w-3 text-orange-400",children:[jsxRuntime.jsx("path",{d:"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3"}),jsxRuntime.jsx("path",{d:"M12 9v4"}),jsxRuntime.jsx("path",{d:"M12 17h.01"})]})}),jsxRuntime.jsxs(tooltip.TooltipContent,{className:"max-w-xs",children:["No translation provided. ",jsxRuntime.jsx("br",{}),"Using default language value."]})]}):null,jsxRuntime.jsx(DataBindingSelector,{schema:u,onChange:A=>{x(A,m,n)},id:n,formData:m})]})]}),r,i,c]})},RepeaterBindingWidget=({value:o,onChange:n})=>{var i;if(!o)return jsxRuntime.jsxs("div",{className:"mt-1 flex items-center gap-2 rounded-md border border-gray-200 bg-gray-50 px-2 py-1.5 text-xs text-gray-500 text-gray-600",children:[jsxRuntime.jsx(reactIcons.FileIcon,{className:"h-4 w-4"})," Choose a collection"]});const a=`{{${applyBinding.COLLECTION_PREFIX}`,l=o==null?void 0:o.startsWith(a);let r=o;return l&&(r=(i=o==null?void 0:o.replace(a,""))==null?void 0:i.replace("}}","")),jsxRuntime.jsx("div",{className:"mt-1 flex flex-col gap-1",children:jsxRuntime.jsxs("div",{className:"flex items-center justify-between gap-2 rounded-md border border-blue-200 bg-blue-50 px-2 py-1 text-xs text-blue-600",children:[jsxRuntime.jsxs("span",{className:"flex max-w-[200px] items-center gap-2",children:[" ",l?jsxRuntime.jsx(reactIcons.IdCardIcon,{className:"h-3 min-h-3 w-3 min-w-3"}):null,jsxRuntime.jsxs(tooltip.Tooltip,{delayDuration:500,children:[jsxRuntime.jsx(tooltip.TooltipTrigger,{asChild:!0,children:jsxRuntime.jsx("span",{className:"cursor-default truncate",children:r})}),jsxRuntime.jsx(tooltip.TooltipContent,{side:"left",hidden:r.length<50,children:r})]})]}),jsxRuntime.jsxs(tooltip.Tooltip,{children:[jsxRuntime.jsx(tooltip.TooltipTrigger,{asChild:!0,children:jsxRuntime.jsx(tooltip.Button,{variant:"ghost",size:"icon",className:"h-5 w-5 rounded-full bg-gray-200 text-gray-900 hover:bg-gray-300",onClick:()=>n(""),children:jsxRuntime.jsx(reactIcons.Cross1Icon,{className:"h-4 w-4"})})}),jsxRuntime.jsx(tooltip.TooltipContent,{side:"left",children:"Remove binding"})]})]})})},CustomAddButton=o=>jsxRuntime.jsx("button",{...o,className:"duration absolute right-2 top-2 cursor-pointer text-blue-400 hover:text-blue-500",children:jsxRuntime.jsxs("div",{className:"flex items-center gap-x-0.5 text-[11px] leading-tight",children:[jsxRuntime.jsx(reactIcons.PlusIcon,{className:"h-3 w-3"})," ",jsxRuntime.jsx("span",{children:"Add"})]})}),JSONForm=React.memo(({blockId:o,schema:n,uiSchema:a,formData:l,onChange:r})=>{const{selectedLang:i}=useLanguages(),c=useBlockSettingComponents("widget"),d=useBlockSettingComponents("field"),p=useBlockSettingComponents("template"),u=web.useThrottledCallback(async({formData:m},x)=>{lodashEs.get(m,x)===void 0&&lodashEs.set(m,x,""),r({formData:m},x)},[r,i],400);return jsxRuntime.jsx(RjForm,{widgets:{richtext:RichTextEditorField,icon:IconPickerField,image:ImagePickerField,code:CodeEditor,colCount:RowColField,collectionSelect:CollectionFilterSortField,repeaterBinding:RepeaterBindingWidget,...c},fields:{link:LinkField,slider:SliderField,sources:SourcesField,...d},templates:{FieldTemplate:JSONFormFieldTemplate,ButtonTemplates:{AddButton:CustomAddButton},...p},idSeparator:".",autoComplete:"off",omitExtraData:!1,liveOmit:!1,liveValidate:!1,validator,uiSchema:a,schema:n,formData:l,onChange:({formData:m},x)=>{if(!x||o!==(m==null?void 0:m._id))return;const h=lodashEs.take(x.split("."),2).join(".").replace("root.","");u({formData:m},h)}},i)}),formDataWithSelectedLang=(o,n,a)=>{const l=lodashEs.cloneDeep(o);return lodashEs.forEach(lodashEs.keys(o),r=>{lodashEs.includes(lodashEs.get(a,"i18nProps",[]),r)&&!lodashEs.isEmpty(n)&&(l[r]=lodashEs.get(o,`${r}-${n}`))}),l};function BlockSettings(){const{selectedLang:o}=useLanguages(),n=useSelectedBlock(),a=useUpdateBlocksPropsRealtime(),l=useUpdateBlocksProps(),r=runtime.getRegisteredChaiBlock(n==null?void 0:n._type),i=formDataWithSelectedLang(n,o,r),[c,d]=React.useState(i),[p,u]=React.useState(!1),m=useWrapperBlock(),x=runtime.getRegisteredChaiBlock(m==null?void 0:m._type),h=formDataWithSelectedLang(m,o,x),g=({formData:S},E,y)=>{E&&(c==null?void 0:c._id)===n._id&&l([n._id],{[E]:lodashEs.get(S,E)},y)},f=React.useCallback(lodashEs.debounce(({formData:S},E,y)=>{g({formData:S},E,y),d(S)},1500),[n==null?void 0:n._id,o]),b=({formData:S},E)=>{E&&(a([n._id],{[E]:lodashEs.get(S,E)}),f({formData:S},E,{[E]:lodashEs.get(c,E)}))},j=({formData:S},E)=>{E&&(a([m._id],{[E]:lodashEs.get(S,E)}),f({formData:S},E,{[E]:lodashEs.get(c,E)}))},{schema:R,uiSchema:k}=React.useMemo(()=>{const S=n==null?void 0:n._type;if(!S)return{schema:{},uiSchema:{}};try{const{schema:E,uiSchema:y}=runtime.getBlockFormSchemas(S);if(S==="Repeater"){const I=lodashEs.get(n,"repeaterItems","");lodashEs.startsWith(I,`{{${applyBinding.COLLECTION_PREFIX}`)?(lodashEs.set(y,"filter",{"ui:widget":"collectionSelect"}),lodashEs.set(y,"sort",{"ui:widget":"collectionSelect"})):(lodashEs.set(y,"filter",{"ui:widget":"hidden"}),lodashEs.set(y,"sort",{"ui:widget":"hidden"}))}return{schema:E,uiSchema:y}}catch{return{schema:{},uiSchema:{}}}},[n]),{wrapperSchema:w,wrapperUiSchema:B}=React.useMemo(()=>{if(!m||!(m!=null&&m._type))return{wrapperSchema:{},wrapperUiSchema:{}};const S=m==null?void 0:m._type,{schema:E={},uiSchema:y={}}=runtime.getBlockFormSchemas(S);return{wrapperSchema:E,wrapperUiSchema:y}},[m]);return jsxRuntime.jsxs("div",{className:"no-scrollbar overflow-x-hidden px-px",children:[!lodashEs.isEmpty(m)&&jsxRuntime.jsxs("div",{className:"mb-4 rounded border bg-zinc-100 px-1",children:[jsxRuntime.jsxs("div",{onClick:()=>u(S=>!S),className:"flex cursor-pointer items-center gap-x-1 py-2 text-xs font-medium leading-tight hover:bg-slate-100",children:[p?jsxRuntime.jsx(reactIcons.ChevronDownIcon,{className:"h-4 w-4 text-slate-400"}):jsxRuntime.jsx(reactIcons.ChevronRightIcon,{className:"h-4 w-4 text-slate-400"}),lodashEs.startCase(m._type)," settings"," ",m._name&&jsxRuntime.jsxs("span",{className:"text-[11px] font-light text-slate-400",children:["(",m._name,")"]})]}),jsxRuntime.jsx("div",{className:p?"h-auto":"invisible h-0",children:jsxRuntime.jsx(JSONForm,{blockId:m==null?void 0:m._id,onChange:j,formData:h,schema:w,uiSchema:B})})]}),lodashEs.isEmpty(R)?null:jsxRuntime.jsx(JSONForm,{blockId:n==null?void 0:n._id,onChange:b,formData:i,schema:R,uiSchema:k})]})}const BlockStylingProps=()=>{var g;const o=useSelectedBlock(),[n,a]=useSelectedStylingBlocks(),l=useRemoveClassesFromBlocks(),[r]=useSelectedBlockIds(),{t:i}=reactI18next.useTranslation();if(!o)return null;const c=Object.keys(o).filter(f=>typeof o[f]=="string"&&o[f].startsWith("#styles:")),{reset:d}=useResetBlockStyles(),p=!lodashEs.isEmpty(c)&&c.length>1,u=lodashEs.get(o,(g=n[0])==null?void 0:g.prop,""),{classes:m=""}=applyBinding.getSplitChaiClasses(u)||{},x=m?m.split(" ").filter(f=>!lodashEs.isEmpty(f)):[],h=f=>lodashEs.find(n,b=>b.prop===f);return jsxRuntime.jsx(jsxRuntime.Fragment,{children:p&&jsxRuntime.jsxs("div",{className:"flex flex-wrap gap-1",children:[jsxRuntime.jsxs("label",{htmlFor:"block-styling-props",className:"py-1 text-xs",children:[i("Style element"),":"]}),jsxRuntime.jsx("div",{className:"flex flex-wrap gap-2",children:lodashEs.map(c,f=>jsxRuntime.jsxs(tooltip.Badge,{className:"flex cursor-pointer items-center gap-1 pr-1",variant:h(f)?"default":"secondary",onClick:()=>{a([{id:`${f}-${o._id}`,blockId:o._id,prop:f}])},children:[lodashEs.startCase(f),jsxRuntime.jsxs(tooltip.DropdownMenu,{children:[jsxRuntime.jsx(tooltip.DropdownMenuTrigger,{asChild:!0,children:jsxRuntime.jsx("button",{type:"button",className:"ml-1 rounded-sm p-0.5 hover:bg-blue-300 hover:text-blue-600",onClick:b=>b.stopPropagation(),children:jsxRuntime.jsx(reactIcons.DotsVerticalIcon,{className:"h-3 w-3"})})}),jsxRuntime.jsxs(tooltip.DropdownMenuContent,{side:"bottom",className:"border-border text-xs",children:[jsxRuntime.jsx(tooltip.DropdownMenuItem,{className:"text-xs",onClick:()=>{d(f)},children:i("Reset style")}),jsxRuntime.jsx(tooltip.DropdownMenuItem,{className:"text-xs",onClick:()=>{l(r,x,!0)},children:i("Clear styles")})]})]})]},f))}),jsxRuntime.jsx("div",{className:"my-2 h-[1px] w-full bg-border"})]})})},BlockSettingsContext=React.createContext({setDragData:()=>{}}),getUserInputValues=(o,n)=>{o=o.toLowerCase();let a=o.trim().replace(/ |\+/g,"");if((a==="auto"||a==="none")&&n.includes(a))return{value:"",unit:a};const l=n.length?new RegExp(n.join("|"),"g"):/XXXXXX/g;a=a.replace(l,"");const r=o.match(l),i=r&&r.length>1,c=!lodashEs.isEmpty(a)&&Number.isNaN(Number(a));return i||c?{error:"Invalid value"}:r&&(r[0]==="auto"||r[0]==="none")?{value:r[0],unit:""}:{value:a,unit:r?r[0]:""}},getTwClassValue=o=>{const n=o.startsWith("-")?"-":"",a=o.split("-").pop();if(["auto","none"].includes(a))return{value:"",unit:a};if(a==="px")return{value:"1",unit:"px"};if(a==="screen")return{value:"100",unit:o.indexOf("w-")!==-1?"vw":"vh"};if(a==="full")return{value:"100",unit:"%"};if(lodashEs.includes(o,"skew-"))return{value:`${n}${a}`,unit:"deg"};if(lodashEs.includes(o,"rotate-"))return{value:`${n}${a}`,unit:"deg"};if(lodashEs.includes(o,"opacity-"))return{value:`${a/100}`,unit:"-"};if(lodashEs.includes(o,"duration-")||lodashEs.includes(o,"delay-"))return{value:`${a}`,unit:"ms"};if(lodashEs.includes(o,"translate-")&&!a.includes("/"))return{value:`${n}${`${a/4}`}`,unit:"rem"};if(lodashEs.includes(o,"scale-"))return{value:`${n}${`${a/100}`}`,unit:"-"};if(lodashEs.startsWith(o,"border")){const l=o.match(/border-?(x|y|t|r|b|l)?\d+/g);if(l)return{value:l[0].split("-").pop(),unit:"px"};if(o.match(/border-?(x|y|t|r|b|l)?/g))return{value:"1",unit:"px"}}if(lodashEs.startsWith(o,"max-w-")){if(o==="max-w-screen-sm")return{value:"640",unit:"px"};if(o==="max-w-screen-md")return{value:"768",unit:"px"};if(o==="max-w-screen-lg")return{value:"1024",unit:"px"};if(o==="max-w-screen-xl")return{value:"1280",unit:"px"};if(o==="max-w-screen-2xl")return{value:"1536",unit:"px"};if(a==="xs")return{value:"320",unit:"px"};if(a==="sm")return{value:"384",unit:"px"};if(a==="md")return{value:"448",unit:"px"};if(a==="lg")return{value:"512",unit:"px"};if(a==="xl")return{value:"576",unit:"px"};if(a==="2xl")return{value:"672",unit:"px"};if(a==="3xl")return{value:"768",unit:"px"};if(a==="4xl")return{value:"896",unit:"px"};if(a==="5xl")return{value:"1024",unit:"px"};if(a==="6xl")return{value:"1152",unit:"px"};if(a==="7xl")return{value:"1280",unit:"px"};if(a==="prose")return{value:"65",unit:"ch"}}if(lodashEs.startsWith(o,"text-")){if(a==="xs")return{value:"12",unit:"px"};if(a==="sm")return{value:"14",unit:"px"};if(a==="base")return{value:"16",unit:"px"};if(a==="lg")return{value:"18",unit:"px"};if(a==="xl")return{value:"20",unit:"px"};if(a==="2xl")return{value:"24",unit:"px"};if(a==="3xl")return{value:"30",unit:"px"};if(a==="4xl")return{value:"36",unit:"px"};if(a==="5xl")return{value:"48",unit:"px"};if(a==="6xl")return{value:"60",unit:"px"};if(a==="7xl")return{value:"72",unit:"px"};if(a==="8xl")return{value:"96",unit:"px"};if(a==="9xl")return{value:"128",unit:"px"}}if(lodashEs.startsWith(o,"leading-")){if(a==="none")return{value:"1",unit:"-"};if(a==="tight")return{value:"1.25",unit:"-"};if(a==="snug")return{value:"1.375",unit:"-"};if(a==="normal")return{value:"1.5",unit:"-"};if(a==="relaxed")return{value:"1.625",unit:"-"};if(a==="loose")return{value:"2",unit:"-"}}if(lodashEs.startsWith(o,"tracking-")){if(a==="tighter")return{value:"-0.05",unit:"em"};if(a==="tight")return{value:"-0.025",unit:"em"};if(a==="normal")return{value:"0",unit:"em"};if(a==="wide")return{value:"0.025",unit:"em"};if(a==="wider")return{value:"0.05",unit:"em"};if(a==="widest")return{value:"0.1",unit:"em"}}if(["max","min","fit"].includes(a))return{value:o,unit:"class"};if(a.includes("/")){const[l,r]=lodashEs.map(a.split("/"),i=>parseInt(i,10));return{value:n+(l/r*100).toFixed(2).replace(".00",""),unit:"%"}}return lodashEs.isNumber(parseFloat(a))?{value:`${n+parseFloat(a)*4}`,unit:"px"}:{value:a,unit:"class"}},getClassValueAndUnit=o=>{if(lodashEs.isEmpty(o))return{value:"",unit:""};const n=o.match(/\[.*\]/g);if(n===null)return getValueAndUnitForTWClass(o);const a=lodashEs.get(n,"0","").replace(/\[|\]/g,""),l=o.startsWith("-")?"-":"",r=lodashEs.first(a.match(/\d+.\d+|\d+/g));return{value:`${l}${r}`,unit:a.replace(r,"")}},getValueAndUnitForTWClass=o=>lodashEs.isEmpty(o)?{value:"",unit:""}:getTwClassValue(o),DragStyleButton=({unit:o,currentValue:n,onDrag:a,onDragEnd:l,onDragStart:r,negative:i,cssProperty:c})=>{const{setDragData:d}=React.useContext(BlockSettingsContext);return jsxRuntime.jsx("button",{type:"button",onMouseDown:p=>{const u={onDrag:a,onDragEnd:l,dragging:!0,dragStartY:p.pageY,dragStartValue:`${n}`,dragUnit:o,negative:i,cssProperty:c};r(u),d(u)},color:void 0,className:"relative z-50 ml-1 hidden h-6 cursor-row-resize rounded bg-background/70 px-2 group-hover:inline",children:jsxRuntime.jsx(reactIcons.RowSpacingIcon,{})})},UnitSelection=({onSelect:o,current:n,units:a})=>jsxRuntime.jsx("div",{"data-theme":"light",className:"-m-[7px] -mx-[13px] flex w-9 flex-col",children:a.map(l=>jsxRuntime.jsx(tooltip.Button,{className:"h-max rounded-none px-1 py-1 text-right text-[11px] hover:bg-blue-400",color:n===l?"primary":void 0,size:"sm",onClick:r=>{r.stopPropagation(),o(l)},children:l},l))}),THROTTLE_TIME=50,AdvanceChoices=o=>{const[n,a]=React.useState(!1),[l,r]=React.useState(""),{currentClass:i,onChange:c,classPrefix:d,cssProperty:p,units:u,negative:m}=o,[x,h]=React.useState(p!=null&&p.toLowerCase().includes("width")?"%":u[0]),[g,f]=React.useState(!1),[b,j]=React.useState(""),[R,k]=React.useState(!1),[w,B]=React.useState(!1);React.useEffect(()=>{const{value:C,unit:v}=getClassValueAndUnit(i);if(v===""){r(C),h(p!=null&&p.toLowerCase().includes("width")?"%":lodashEs.first(u));return}h(v),r(v==="class"||lodashEs.isEmpty(C)?"":C)},[i,p,u]);const S=web.useThrottledCallback(C=>c(C),[c],THROTTLE_TIME),E=web.useThrottledCallback(C=>c(C,!1),[c],THROTTLE_TIME),y=React.useCallback((C=!1)=>{const v=getUserInputValues(`${l}`,u);if(lodashEs.get(v,"error",!1)){f(!0);return}const A=lodashEs.get(v,"unit")!==""?lodashEs.get(v,"unit"):x;if(A==="auto"||A==="none"){S(`${d}${A}`);return}if(lodashEs.get(v,"value")==="")return;const N=`${lodashEs.get(v,"value","").startsWith("-")?"-":""}${d}[${lodashEs.get(v,"value","").replace("-","")}${A==="-"?"":A}]`;C?E(N):S(N)},[S,E,l,x,d,u]),I=React.useCallback(C=>{const v=getUserInputValues(`${l}`,u);if(lodashEs.get(v,"error",!1)){f(!0);return}if(C==="auto"||C==="none"){S(`${d}${C}`);return}if(lodashEs.get(v,"value")==="")return;const A=lodashEs.get(v,"unit")!==""?lodashEs.get(v,"unit"):C,N=`${lodashEs.get(v,"value","").startsWith("-")?"-":""}${d}[${lodashEs.get(v,"value","").replace("-","")}${A==="-"?"":A}]`;S(N)},[S,l,d,u]);return jsxRuntime.jsx("div",{className:"flex w-full flex-col",children:jsxRuntime.jsx("div",{className:"flex items-center justify-start",children:x==="class"?jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("input",{className:"h-6 w-24 rounded border border-foreground/20 bg-background px-2 py-0.5 text-sm focus-visible:outline-0",readOnly:!0,value:i}),jsxRuntime.jsxs(tooltip.Tooltip,{children:[jsxRuntime.jsx(tooltip.TooltipTrigger,{asChild:!0,children:jsxRuntime.jsx("button",{type:"button",className:"invisible ml-3 mt-1 text-blue-600 group-hover:visible",children:jsxRuntime.jsx(reactIcons.InfoCircledIcon,{})})}),jsxRuntime.jsx(tooltip.TooltipContent,{children:"Current value is using a Tailwind preset class."})]})]}):jsxRuntime.jsxs("div",{className:`group relative flex items-center ${R?"z-auto":""}`,children:[jsxRuntime.jsxs("div",{className:"flex items-center rounded-md border border-border",children:[["none","auto"].indexOf(x)!==-1?null:jsxRuntime.jsx("input",{readOnly:x==="class",onKeyPress:C=>{C.key==="Enter"&&y()},onKeyDown:C=>{if(C.keyCode!==38&&C.keyCode!==40)return;C.preventDefault(),B(!0);const v=lodashEs.parseInt(C.target.value);let A=lodashEs.isNaN(v)?0:v;C.keyCode===38&&(A+=1),C.keyCode===40&&(A-=1);const T=`${A}`,L=`${T.startsWith("-")?"-":""}${d}[${T.replace("-","")}${x==="-"?"":x}]`;E(L)},onKeyUp:C=>{w&&(C.preventDefault(),B(!1))},onBlur:()=>y(),onChange:C=>{f(!1),r(C.target.value)},onClick:C=>{var v;(v=C==null?void 0:C.target)==null||v.select(),a(!1)},value:R?b:l,className:"h-6 w-14 rounded rounded-r-none border border-transparent bg-background pl-2 text-sm focus-visible:outline-0".concat(" ",g?"border-red-500 text-red-500":"border-foreground/20")}),jsxRuntime.jsxs(tooltip.Tooltip,{open:n,delayDuration:100,children:[jsxRuntime.jsx(tooltip.TooltipTrigger,{asChild:!0,children:jsxRuntime.jsxs("button",{type:"button",onClick:()=>a(!n),className:"flex h-6 cursor-pointer items-center gap-x-1 rounded rounded-l-none bg-background p-px px-1 text-[11px] uppercase",children:[jsxRuntime.jsx("span",{className:`inline-block ${u.length===1?"px-2 font-semibold":""}`,children:x}),u.length>1?jsxRuntime.jsx(reactIcons.TriangleDownIcon,{}):null]})}),jsxRuntime.jsx(tooltip.TooltipContent,{className:"bg-background",children:jsxRuntime.jsx(UnitSelection,{units:u,current:x,onSelect:C=>{a(!1),h(C),I(C)}})})]})]}),["none","auto"].indexOf(x)!==-1||R?null:jsxRuntime.jsx(DragStyleButton,{onDragStart:()=>k(!0),onDragEnd:C=>{if(j(()=>""),k(!1),lodashEs.isEmpty(C))return;const v=`${C}`,T=`${v.startsWith("-")?"-":""}${d}[${v.replace("-","")}${x==="-"?"":x}]`;S(T)},onDrag:C=>{if(lodashEs.isEmpty(C))return;j(C);const v=`${C}`,T=`${v.startsWith("-")?"-":""}${d}[${v.replace("-","")}${x==="-"?"":x}]`;E(T)},currentValue:l,unit:x,negative:m,cssProperty:p})]})})})},StyleContext=React.createContext({canReset:!1,canChange:!0}),BlockStyleProvider=({children:o,canReset:n=!1,canChange:a=!0})=>jsxRuntime.jsx(StyleContext.Provider,{value:{canReset:n,canChange:a},children:o}),DropDownChoices=({label:o,property:n,onChange:a})=>{const{getClasses:l}=useTailwindClassList(),r=l(n),i=useCurrentClassByProperty(n),c=React.useMemo(()=>lodashEs.get(i,"cls",""),[i]),{canChange:d}=React.useContext(StyleContext),p=/\[.*\]/g.test(c);return jsxRuntime.jsx("div",{className:o?"w-full rounded":"grow",children:p?jsxRuntime.jsxs("div",{className:"flex items-center",children:[jsxRuntime.jsx(tooltip.Input,{className:"w-[70%] rounded py-1",readOnly:!0,value:c}),jsxRuntime.jsxs(tooltip.Tooltip,{delayDuration:100,children:[jsxRuntime.jsx(tooltip.TooltipTrigger,{asChild:!0,children:jsxRuntime.jsx("button",{type:"button",className:"invisible ml-3 mt-1 text-blue-600 group-hover:visible",children:jsxRuntime.jsx(reactIcons.InfoCircledIcon,{})})}),jsxRuntime.jsx(tooltip.TooltipContent,{children:"Current value is using a Tailwind arbitrary value."})]})]}):jsxRuntime.jsx(DropDown,{rounded:o,onChange:u=>a(u,n),selected:c,options:r,disabled:!d})})};function DropDown({selected:o,onChange:n,rounded:a=!1,options:l,disabled:r=!1}){const i=o.replace(/.*:/g,"").trim(),{undo:c,redo:d}=useUndoManager();return jsxRuntime.jsxs("select",{disabled:!l.length||r,className:`${a?"rounded-md border border-border":"border-0"} disable:bg-gray-500 h-full w-full truncate rounded bg-background px-2 py-1 text-xs outline-none disabled:cursor-not-allowed`,onChange:p=>n(p.target.value),onKeyDown:p=>{p.ctrlKey&&(p.key==="z"&&c(),p.key==="y"&&d())},value:i,children:[jsxRuntime.jsx("option",{className:"bg-transparent",value:""}),l.map((p,u)=>jsxRuntime.jsx("option",{className:"bg-transparent",value:p,children:p},`option-${u}`))]})}const COLOR_PROP={backgroundColor:"bg",textColor:"text",borderColor:"border",boxShadowColor:"shadow",outlineColor:"outline",divideColor:"divide",fromColor:"from",viaColor:"via",toColor:"to",ringColor:"ring",ringOffsetColor:"ring-offset"},ColorChoice=({property:o,onChange:n})=>{const a=useCurrentClassByProperty(o),l=React.useMemo(()=>lodashEs.get(a,"cls",""),[a]),{canChange:r}=React.useContext(StyleContext),[i,c]=React.useState([]),[d,p]=React.useState({color:"",shade:""}),u=l.split("-"),m=lodashEs.get(u,"1",""),x=lodashEs.get(u,"2",""),h=React.useCallback(b=>{["current","inherit","transparent","black","white"].includes(b)?(c([]),p({color:b})):(c(["50","100","200","300","400","500","600","700","800","900"]),p(j=>({...j,color:b,shade:j.shade?j.shade:"500"})))},[c,p]);React.useEffect(()=>{if(["current","inherit","transparent","black","white"].includes(m))return c([]);c(["50","100","200","300","400","500","600","700","800","900"])},[m]);const g=React.useCallback(b=>{p({color:m,shade:b})},[m]);React.useEffect(()=>{p({color:"",shade:""})},[a]);const{match:f}=useTailwindClassList();return React.useEffect(()=>{const j=`${lodashEs.get(COLOR_PROP,o,"")}-${d.color}${d.shade?`-${d.shade}`:""}`;f(o,j)&&n(j,o)},[f,d,n,o]),jsxRuntime.jsxs("div",{className:"flex flex-row divide-x divide-solid divide-border rounded-lg border border-transparent text-xs",children:[jsxRuntime.jsx("div",{className:"grow text-center",children:jsxRuntime.jsx(DropDown,{disabled:!r,rounded:!0,selected:m,onChange:h,options:["current","transparent","primary","secondary","black","white","slate","gray","zinc","neutral","stone","red","orange","amber","yellow","lime","green","emerald","teal","cyan","sky","blue","indigo","violet","purple","fuchsia","pink","rose"]})}),jsxRuntime.jsx("button",{type:"button",className:"grow text-center",children:jsxRuntime.jsx(DropDown,{rounded:!0,selected:x,disabled:!m||!r,onChange:g,options:i})})]})},EDITOR_ICONS={"not-italic":()=>jsxRuntime.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:jsxRuntime.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9 3H11V5H9V11H11V13H5V11H7V5H5V3H9Z",fill:"white"})}),visible:reactIcons.EyeOpenIcon,invisible:reactIcons.EyeClosedIcon,hidden:reactIcons.EyeClosedIcon,gap:reactIcons.BorderAllIcon,gapX:reactIcons.WidthIcon,gapY:reactIcons.HeightIcon,spaceX:reactIcons.WidthIcon,spaceY:reactIcons.HeightIcon,overscroll:reactIcons.BorderAllIcon,overscrollX:reactIcons.WidthIcon,overscrollY:reactIcons.HeightIcon,overflow:reactIcons.BorderAllIcon,overflowX:reactIcons.WidthIcon,overflowY:reactIcons.HeightIcon,top:reactIcons.ArrowUpIcon,right:reactIcons.ArrowRightIcon,bottom:reactIcons.ArrowDownIcon,left:reactIcons.ArrowLeftIcon,inset:reactIcons.BorderAllIcon,insetX:reactIcons.WidthIcon,insetY:reactIcons.HeightIcon,border:reactIcons.BorderAllIcon,borderX:reactIcons.WidthIcon,borderY:reactIcons.HeightIcon,borderTop:reactIcons.ArrowUpIcon,borderRight:reactIcons.ArrowRightIcon,borderBottom:reactIcons.ArrowDownIcon,borderLeft:reactIcons.ArrowLeftIcon,borderRadius:reactIcons.BorderAllIcon,borderRadiusX:reactIcons.WidthIcon,borderRadiusY:reactIcons.HeightIcon,borderRadiusTop:reactIcons.ArrowUpIcon,borderRadiusRight:reactIcons.ArrowRightIcon,borderRadiusBottom:reactIcons.ArrowDownIcon,borderRadiusLeft:reactIcons.ArrowLeftIcon,borderRadiusTopLeft:reactIcons.ArrowTopLeftIcon,borderRadiusTopRight:reactIcons.ArrowTopRightIcon,borderRadiusBottomRight:reactIcons.ArrowBottomRightIcon,borderRadiusBottomLeft:reactIcons.ArrowBottomLeftIcon,divideXWidth:reactIcons.WidthIcon,divideYWidth:reactIcons.HeightIcon,scale:reactIcons.BorderAllIcon,scaleX:reactIcons.WidthIcon,scaleY:reactIcons.HeightIcon,skewX:reactIcons.WidthIcon,skewY:reactIcons.HeightIcon,translateX:reactIcons.WidthIcon,translateY:reactIcons.HeightIcon,padding:reactIcons.BorderAllIcon,paddingX:reactIcons.WidthIcon,paddingY:reactIcons.HeightIcon,paddingTop:reactIcons.ArrowUpIcon,paddingRight:reactIcons.ArrowRightIcon,paddingBottom:reactIcons.ArrowDownIcon,paddingLeft:reactIcons.ArrowLeftIcon,margin:reactIcons.BorderAllIcon,marginX:reactIcons.WidthIcon,marginY:reactIcons.HeightIcon,marginTop:reactIcons.ArrowUpIcon,marginRight:reactIcons.ArrowRightIcon,marginBottom:reactIcons.ArrowDownIcon,marginLeft:reactIcons.ArrowLeftIcon,textLeft:reactIcons.AlignLeftIcon,textCenter:reactIcons.AlignCenterHorizontallyIcon,textRight:reactIcons.AlignRightIcon,textJustify:reactIcons.StretchHorizontallyIcon,italic:reactIcons.FontItalicIcon,underline:reactIcons.UnderlineIcon,overline:reactIcons.OverlineIcon,uppercase:reactIcons.LetterCaseUppercaseIcon,block:()=>jsxRuntime.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsxRuntime.jsx("path",{opacity:"0.6",fillRule:"evenodd",clipRule:"evenodd",d:"M2 2H14V14H2V2ZM1 1H15V15H1V1Z",fill:"currentColor"}),jsxRuntime.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7 4H4V12H7V4ZM9 4H12V12H9V4Z",fill:"currentColor"})]}),"float-right":()=>jsxRuntime.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsxRuntime.jsx("path",{d:"M8 4H16V12H8V4Z",fill:"currentColor"}),jsxRuntime.jsx("path",{opacity:"0.6",fillRule:"evenodd",clipRule:"evenodd",d:"M0 4H6V6H0V4ZM0 7H6V9H0V7ZM4 10H0V12H4V10Z",fill:"currentColor"})]}),"float-left":()=>jsxRuntime.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsxRuntime.jsx("path",{d:"M0 4H8V12H0V4Z",fill:"currentColor"}),jsxRuntime.jsx("path",{opacity:"0.6",fillRule:"evenodd",clipRule:"evenodd",d:"M10 4H16V6H10V4ZM10 7H16V9H10V7ZM14 10H10V12H14V10Z",fill:"currentColor"})]}),"float-none":reactIcons.Cross2Icon,fixed:()=>jsxRuntime.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsxRuntime.jsx("path",{opacity:"0.6",fillRule:"evenodd",clipRule:"evenodd",d:"M15 2H14V4H13V5H14V6H15V2ZM10 5V4H9V2H1V8H2V5H10ZM7 4V3H5V4H7ZM4 4V3H2V4H4ZM1 13H7V14H1V13Z",fill:"currentColor"}),jsxRuntime.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11 2H10V3H11V6H12V3H13V2H11ZM2 9H1V12H2V11H7V10H2V9ZM15 7H8V14H15V7Z",fill:"currentColor"})]}),absolute:()=>jsxRuntime.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsxRuntime.jsx("path",{opacity:"0.6",fillRule:"evenodd",clipRule:"evenodd",d:"M14 2H15V6H14V2ZM9 3V2H1V8H2V3H9ZM7 13H1V14H7V13Z",fill:"currentColor"}),jsxRuntime.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11 2H10V3H11V6H12V3H13V2H11ZM2 9H1V12H2V11H7V10H2V9ZM15 7H8V14H15V7Z",fill:"currentColor"})]}),relative:()=>jsxRuntime.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:jsxRuntime.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11 2H9V3H11V6H12V3H14V2H11ZM2 8H1V13H2V11H7V10H2V8ZM15 7H8V14H15V7Z",fill:"currentColor"})}),sticky:()=>jsxRuntime.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsxRuntime.jsx("path",{d:"M12.9998 7C13.6558 7 14.2937 6.78498 14.8158 6.38787C15.338 5.99076 15.7156 5.43345 15.8908 4.80128C16.066 4.16912 16.0292 3.49694 15.7859 2.8877C15.5427 2.27846 15.1065 1.76573 14.5441 1.42804C13.9817 1.09034 13.3241 0.946293 12.672 1.01795C12.02 1.08961 11.4094 1.37303 10.9337 1.8248C10.4581 2.27658 10.1436 2.8718 10.0385 3.51932C9.93341 4.16685 10.0434 4.83097 10.3518 5.41L6.88176 8.88C6.80034 8.96122 6.73572 9.05769 6.69158 9.16388C6.64744 9.27008 6.62465 9.38393 6.62451 9.49894C6.62437 9.61395 6.64689 9.72785 6.69077 9.83416C6.73465 9.94046 6.79904 10.0371 6.88026 10.1185C6.96149 10.1999 7.05795 10.2645 7.16415 10.3087C7.27035 10.3528 7.3842 10.3756 7.4992 10.3758C7.61421 10.3759 7.72812 10.3534 7.83442 10.3095C7.94072 10.2656 8.03734 10.2012 8.11876 10.12L11.5888 6.648C12.0088 6.873 12.4888 7 12.9988 7H12.9998Z",fill:"currentColor"}),jsxRuntime.jsx("path",{opacity:"0.6",fillRule:"evenodd",clipRule:"evenodd",d:"M9.535 2H1V14H15V7.465C14.69 7.645 14.355 7.783 14 7.875V13H2V5H9.126C8.86504 3.98486 9.01223 2.90789 9.536 2H9.535ZM7 3V4H5V3H7ZM4 3V4H2V3H4Z",fill:"currentColor"})]}),static:reactIcons.Cross1Icon},IconChoices=({property:o,onChange:n})=>{const{getClasses:a}=useTailwindClassList(),l=a(o),{canChange:r}=React.useContext(StyleContext),i=useCurrentClassByProperty(o),c=React.useMemo(()=>lodashEs.get(i,"cls",""),[i]);return jsxRuntime.jsx("div",{className:"flex grow flex-wrap gap-1",children:lodashEs.map(l,d=>jsxRuntime.jsxs(tooltip.Tooltip,{children:[jsxRuntime.jsx(tooltip.TooltipTrigger,{asChild:!0,children:jsxRuntime.jsx("button",{type:"button",disabled:!r,onClick:()=>n(d,o),className:`cursor-pointer rounded border border-border p-1 disabled:cursor-not-allowed ${c===d?"bg-primary text-white":"disabled:bg-gray-600 disabled:text-gray-400"}`,children:React.createElement(lodashEs.get(EDITOR_ICONS,d,reactIcons.BoxIcon))})}),jsxRuntime.jsx(tooltip.TooltipContent,{children:lodashEs.startCase(lodashEs.toLower(d))})]}))})},RangeChoices=({property:o,onChange:n})=>{const{canReset:a,canChange:l}=React.useContext(StyleContext),r=useCurrentClassByProperty(o),i=React.useMemo(()=>lodashEs.get(r,"cls",""),[r]),{getClasses:c}=useTailwindClassList(),d=c(o,[""]),p=d.indexOf(i)>-1?d.indexOf(i):0,u=/\[.*\]/g.test(i);return jsxRuntime.jsx("div",{className:"flex flex-row divide-x divide-solid divide-border rounded border border-border text-xs",children:u?jsxRuntime.jsx("div",{className:"px-2 py-[5px]",children:i}):jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("button",{type:"button",className:"hover:bg-bg-gray-700 box-border w-2/12 rounded-bl rounded-tl bg-background px-1 text-center disabled:cursor-not-allowed disabled:bg-gray-600",disabled:!l&&(!a||p-1<0),onClick:()=>n(lodashEs.nth(d,p-1),o),children:jsxRuntime.jsx("span",{className:"flex items-center justify-center",children:jsxRuntime.jsx(reactIcons.MinusIcon,{className:!l&&(!a||p-1<0)?"text-gray-500":"text-black/60 dark:text-white/60"})})}),jsxRuntime.jsx("div",{className:"w-8/12 text-center",children:jsxRuntime.jsx(DropDownChoices,{label:!1,property:o,onChange:n})}),jsxRuntime.jsx("button",{type:"button",className:"hover:bg-bg-gray-700 w-2/12 rounded-br rounded-tr bg-background px-1 text-center disabled:cursor-not-allowed disabled:bg-gray-600",disabled:!l&&(!a||p+1>=d.length),onClick:()=>n(lodashEs.nth(d,p+1),o),children:jsxRuntime.jsx("span",{className:"flex items-center justify-center",children:jsxRuntime.jsx(reactIcons.PlusIcon,{className:!l&&(!a||p+1>=d.length)?"text-gray-500":"text-black/60 dark:text-white/60"})})})]})})},useCurrentClassByProperty=o=>{const n=useSelectedBlockCurrentClasses();return lodashEs.findLast(n,{property:o})},canChangeClass=(o,n)=>{const a={xs:0,sm:1,md:2,lg:3,xl:4,"2xl":5};return a[lodashEs.get(o,"mq","xs")]<=a[n]},CLASS_PREFIXES={width:"w-",height:"h-",minWidth:"min-w-",minHeight:"min-h-",maxWidth:"max-w-",maxHeight:"max-h-",zIndex:"z-",gap:"gap-",gapX:"gap-x-",gapY:"gap-y-",margin:"m-",marginX:"mx-",marginY:"my-",marginTop:"mt-",marginBottom:"mb-",marginLeft:"ml-",marginRight:"mr-",padding:"p-",paddingX:"px-",paddingY:"py-",paddingTop:"pt-",paddingBottom:"pb-",paddingLeft:"pl-",paddingRight:"pr-",spaceX:"space-x-",spaceY:"space-y-",border:"border-",borderTop:"border-t-",borderBottom:"border-b-",borderLeft:"border-l-",borderRight:"border-r-",borderX:"border-x-",borderY:"border-y-",borderRadius:"rounded-",borderRadiusTop:"rounded-t-",borderRadiusRight:"rounded-r-",borderRadiusBottom:"rounded-b-",borderRadiusLeft:"rounded-l-",borderRadiusTopLeft:"rounded-tl-",borderRadiusTopRight:"rounded-tr-",borderRadiusBottomRight:"rounded-br-",borderRadiusBottomLeft:"rounded-bl-",fontSize:"text-",lineHeight:"leading-",letterSpacing:"tracking-",textIndent:"indent-",rotate:"rotate-",duration:"duration-",transitionDelay:"delay-",scale:"scale-",scaleX:"scale-x-",scaleY:"scale-y-",translateX:"translate-x-",translateY:"translate-y-",skewX:"skew-x-",skewY:"skew-y-",top:"top-",bottom:"bottom-",left:"left-",right:"right-",inset:"inset-",insetX:"inset-x-",insetY:"inset-y-",opacity:"opacity-",flexBasis:"basis-"},BREAKPOINTS={xs:"",sm:"640px",md:"768px",lg:"1024px",xl:"1280px","2xl":"1536px"},getBreakpoint=o=>`${o.toUpperCase()} ${BREAKPOINTS[o]?`(${BREAKPOINTS[o]} & up)`:""}`,BlockStyle=o=>{const{t:n}=reactI18next.useTranslation(),{type:a="icons",label:l,property:r,onEmitChange:i=()=>{},units:c,negative:d=!1}=o,[p]=useDarkMode(),[u]=useStylingState(),[,m]=useScreenSizeWidth(),x=useCurrentClassByProperty(r),h=useAddClassesToBlocks(),g=useRemoveClassesFromBlocks(),[f]=useSelectedBlockIds(),b=React.useMemo(()=>lodashEs.get(x,"fullCls",""),[x]),j=React.useCallback((E,y=!0)=>{const I={dark:p,mq:m,mod:u,cls:E,property:r,fullCls:""};(p||u!=="")&&(I.mq="xs");const C=generateFullClsName(I);h(f,[C],y)},[f,p,m,u,r,h]),R=React.useCallback(()=>{g(f,[b],!0)},[f,b,g]),k=React.useMemo(()=>canChangeClass(x,m),[x,m]);React.useEffect(()=>{i(k,x)},[k,i,x]);const[,,w]=useScreenSizeWidth(),B=React.useCallback(E=>{w({xs:400,sm:640,md:800,lg:1024,xl:1420,"2xl":1920}[E])},[w]),S=lodashEs.get(x,"dark",null)===p&&lodashEs.get(x,"mod",null)===u&&lodashEs.get(x,"mq",null)===m;return jsxRuntime.jsx(BlockStyleProvider,{canChange:k,canReset:x&&S,children:jsxRuntime.jsxs("div",{className:"group flex flex-row items-center py-2 first:pt-0 last:pb-0",children:[jsxRuntime.jsx("div",{className:"relative w-[70px] truncate text-xs text-foreground",children:jsxRuntime.jsx("span",{className:`text-[11px] ${x&&!S?"text-foreground":""}`,children:n(l)})}),jsxRuntime.jsxs("div",{className:"flex flex-row items-center",children:[jsxRuntime.jsxs("div",{className:"w-[150px]",children:[a==="arbitrary"?jsxRuntime.jsx(AdvanceChoices,{currentClass:lodashEs.get(x,"cls",""),classPrefix:lodashEs.get(CLASS_PREFIXES,r,""),units:c||[],onChange:j,negative:d,cssProperty:r}):null,a==="icons"&&jsxRuntime.jsx(IconChoices,{property:r,onChange:j}),a==="range"&&jsxRuntime.jsx(RangeChoices,{property:r,onChange:j}),a==="color"&&jsxRuntime.jsx(ColorChoice,{property:r,onChange:j}),a==="dropdown"&&jsxRuntime.jsx(DropDownChoices,{label:l,property:r,onChange:j})]}),jsxRuntime.jsx("div",{className:`w-[30px] cursor-pointer ${b?"visible":"invisible"}`,children:S?jsxRuntime.jsx("button",{type:"button",onClick:()=>R(),title:"Reset",className:"flex px-1.5 text-xs",children:jsxRuntime.jsx(reactIcons.CrossCircledIcon,{className:"h-5 w-5 text-blue-500 hover:opacity-80"})}):k&&x?jsxRuntime.jsxs(tooltip.Tooltip,{delayDuration:100,children:[jsxRuntime.jsx(tooltip.TooltipTrigger,{asChild:!0,children:jsxRuntime.jsx("button",{type:"button",className:"invisible ml-3 mt-1 rounded-full bg-primary text-white group-hover:visible",children:jsxRuntime.jsx(reactIcons.InfoCircledIcon,{})})}),jsxRuntime.jsx(tooltip.TooltipContent,{children:jsxRuntime.jsx("div",{className:"text-right",children:jsxRuntime.jsxs("div",{children:["Current style is set at  ",jsxRuntime.jsxs("span",{className:"font-bold",children:[getBreakpoint(lodashEs.get(x,"mq")),p&&!x.dark?"(Light mode)":""]}),jsxRuntime.jsx("br",{}),jsxRuntime.jsxs("button",{type:"button",onClick:()=>B(lodashEs.get(x,"mq")),className:"block w-full cursor-default text-right font-semibold text-blue-500",children:["Switch to ",lodashEs.get(x,"mq").toUpperCase()]})]})})})]}):null})]})]})})},basicUnits=["px","%","em","rem","ch","vh","vw"],MultipleChoices=({label:o,options:n,borderB:a=!1,borderT:l=!1,type:r="arbitrary",units:i=basicUnits,negative:c=!1})=>{const{t:d}=reactI18next.useTranslation(),[p,u]=React.useState(n[0].key),m=useSelectedBlockCurrentClasses(),x=React.useCallback(h=>lodashEs.map(m,"property").includes(h),[m]);return jsxRuntime.jsxs("div",{className:`mb-2 border-border py-2 first:pt-0 last:pb-0 ${a?"border-b":""} ${l?"border-t":""}`,children:[jsxRuntime.jsxs("div",{className:"flex flex-row text-xs",children:[o&&jsxRuntime.jsx("span",{className:"relative w-[70px] flex-none text-xs text-foreground",children:d(o)}),jsxRuntime.jsx("div",{className:"mb-3 flex grow flex-row flex-wrap gap-x-px",children:n.map(({label:h,key:g},f)=>jsxRuntime.jsx("div",{className:"first:rounded-l last:rounded-r",children:jsxRuntime.jsxs(tooltip.Tooltip,{children:[jsxRuntime.jsx(tooltip.TooltipTrigger,{asChild:!0,children:jsxRuntime.jsxs("button",{type:"button",onClick:()=>u(g),className:`relative cursor-pointer rounded-full p-1 text-[8px] ${g===p?"bg-[#3E57F0] text-white":"text-gray-600 dark:text-gray-300"}`,children:[React.createElement("div",{className:x(g)?"-bottom-1.5 absolute bg-[#3E57F0] h-[2px] left-0 w-full":""}),React.createElement(lodashEs.get(EDITOR_ICONS,g,reactIcons.BoxIcon),{className:"text-inherit w-3 h-3"})]})}),jsxRuntime.jsx(tooltip.TooltipContent,{children:lodashEs.startCase(lodashEs.toLower(h))})]})},`option-${f}`))})]}),jsxRuntime.jsx("div",{className:"mt-0 flex items-center",children:jsxRuntime.jsx(BlockStyle,{type:r,units:[...i],label:"",property:p,negative:c})})]})},NestedOptions=({heading:o,items:n})=>{const{t:a}=reactI18next.useTranslation(),l=useSelectedBlockCurrentClasses(),r=React.useMemo(()=>{const i=p=>lodashEs.flatten(p.map(u=>u.styleType==="multiple"?lodashEs.map(u.options,"key"):u.property)),c=lodashEs.flatten(n.map(p=>p.styleType==="accordion"?i(p.items):p.styleType==="multiple"?lodashEs.map(p.options,"key"):p.property)),d=lodashEs.map(l,"property");return lodashEs.intersection(c,d).length>0},[l,n]);return jsxRuntime.jsxs("details",{children:[jsxRuntime.jsx("summary",{className:"my-px cursor-default rounded-md bg-gray-50 p-px px-2 text-[11px] text-foreground dark:bg-gray-800",children:jsxRuntime.jsxs("div",{className:"inline",children:[lodashEs.startCase(a(o.toLowerCase())),r?jsxRuntime.jsx("span",{className:`ml-1 mr-2 inline-block h-[8px] w-[8px] rounded-full ${r?"bg-primary":"bg-gray-300"}`}):null]})}),jsxRuntime.jsx("div",{className:"p-2",children:n.map(i=>i.styleType==="multiple"?jsxRuntime.jsx(MultipleChoices,{...i},i.label):jsxRuntime.jsx(BlockStyle,{...i},i.label))})]})},SectionContext=React.createContext({}),StylingGroup=({section:o,showAccordian:n})=>{const{t:a}=reactI18next.useTranslation(),l=useSelectedBlockCurrentClasses(),r=React.useCallback((c=[])=>{const d={};for(let u=0;u<l.length;u++)d[l[u].property]=l[u].cls;let p=!0;for(const u in c)if(!lodashEs.has(d,u)||d[u]!==c[u]){p=!1;break}return p},[l]),i=React.useMemo(()=>({}),[]);return jsxRuntime.jsx(SectionContext.Provider,{value:i,children:n?jsxRuntime.jsxs(tooltip.AccordionItem,{value:o.heading,className:"border-none",children:[jsxRuntime.jsx(tooltip.AccordionTrigger,{className:"border-slate-150 border-t py-2 text-xs",children:jsxRuntime.jsx("div",{className:"flex items-center py-2",children:jsxRuntime.jsx("div",{className:"flex items-center gap-x-2 text-xs font-medium",children:lodashEs.startCase(a(o.heading))})})}),jsxRuntime.jsx(tooltip.AccordionContent,{className:"py-2",children:o.items.map(c=>lodashEs.has(c,"component")?React.createElement(c.component,{key:c.label}):lodashEs.has(c,"styleType")?c.styleType==="multiple"?jsxRuntime.jsx(MultipleChoices,{...c},c.label+"multiple-choices"):c.styleType==="accordion"&&r(c==null?void 0:c.conditions)?jsxRuntime.jsx(NestedOptions,{...c},c.label+"nested-options"):null:jsxRuntime.jsx(BlockStyle,{...c},c.label+"block-style"))})]}):jsxRuntime.jsx("div",{className:"py-2",children:o.items.map((c,d)=>lodashEs.has(c,"component")?React.createElement(c.component,{key:c.label}):lodashEs.has(c,"styleType")?c.styleType==="multiple"?jsxRuntime.jsx(MultipleChoices,{...c},c.label+"multiple-choices"+d):c.styleType==="accordion"&&r(c==null?void 0:c.conditions)?jsxRuntime.jsx(NestedOptions,{...c},c.label+"nested-options"+d):null:jsxRuntime.jsx(BlockStyle,{...c},c.label+"block-style"+d))})})},TabletIcon=({landscape:o=!1})=>jsxRuntime.jsx("svg",{className:o?"rotate-90":"",stroke:"currentColor",fill:"currentColor",strokeWidth:"0",viewBox:"0 0 448 512",height:"14px",width:"14px",xmlns:"http://www.w3.org/2000/svg",children:jsxRuntime.jsx("path",{d:"M400 0H48C21.5 0 0 21.5 0 48v416c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V48c0-26.5-21.5-48-48-48zM224 480c-17.7 0-32-14.3-32-32s14.3-32 32-32 32 14.3 32 32-14.3 32-32 32zm176-108c0 6.6-5.4 12-12 12H60c-6.6 0-12-5.4-12-12V60c0-6.6 5.4-12 12-12h328c6.6 0 12 5.4 12 12v312z"})}),WEB_BREAKPOINTS=[{title:"Mobile (Base)",content:"Styles set here are applied to all screen unless edited at higher breakpoint",breakpoint:"xs",icon:jsxRuntime.jsx(reactIcons.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:jsxRuntime.jsx(reactIcons.MobileIcon,{className:"rotate-90"}),width:640},{title:"Tablet (MD)",content:"Styles set here are applied at 768px and up",breakpoint:"md",icon:jsxRuntime.jsx(TabletIcon,{}),width:800},{title:"Tablet Landscape (LG)",content:"Styles set here are applied at 1024px and up unless edited at higher breakpoint",breakpoint:"lg",icon:jsxRuntime.jsx(TabletIcon,{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:jsxRuntime.jsx(reactIcons.LaptopIcon,{}),width:1420},{title:"Large Desktop (2XL)",content:"Styles set here are applied at 1536px and up",breakpoint:"2xl",icon:jsxRuntime.jsx(reactIcons.DesktopIcon,{}),width:1920}],BreakpointCard=({canvas:o=!1,openDelay:n=400,tooltip:a=!0,title:l,content:r,currentBreakpoint:i,breakpoint:c,width:d,icon:p,onClick:u})=>{const{t:m}=reactI18next.useTranslation();return a?jsxRuntime.jsxs(tooltip.HoverCard,{openDelay:n,children:[jsxRuntime.jsx(tooltip.HoverCardTrigger,{asChild:!0,children:jsxRuntime.jsx(tooltip.Button,{onClick:()=>u(d),size:"sm",className:"h-7 w-7 rounded-md p-1",variant:c===i?"outline":"ghost",children:p})}),jsxRuntime.jsx(tooltip.HoverCardContent,{className:"w-fit max-w-52 border-border",children:jsxRuntime.jsx("div",{className:"flex justify-between space-x-4",children:jsxRuntime.jsxs("div",{className:"space-y-1",children:[jsxRuntime.jsx("h4",{className:"text-sm font-semibold",children:m(l)}),o&&jsxRuntime.jsx("p",{className:"text-xs",children:m(r)})]})})})]}):jsxRuntime.jsx(tooltip.Button,{onClick:()=>u(d),size:"sm",className:"h-7 w-7 rounded-md p-1",variant:c===i?"outline":"ghost",children:p})},Breakpoints$1=({openDelay:o=400,canvas:n=!1,tooltip:a=!0})=>{const[l,,r]=useScreenSizeWidth(),[i,c]=useCanvasDisplayWidth(),[d,p]=useSelectedBreakpoints(),u=d,m=p,{t:x}=reactI18next.useTranslation(),h=useBuilderProp("breakpoints",WEB_BREAKPOINTS),g=j=>{u.includes(j)?u.length>2&&m(u.filter(R=>R!==j)):m(R=>[...R,j])},f=j=>{n||r(j),c(j)},b=commonFunctions.getBreakpointValue(n?i:l).toLowerCase();return h.length<4?jsxRuntime.jsx("div",{className:"flex items-center rounded-md",children:lodashEs.map(h,j=>React.createElement(BreakpointCard,{canvas:n,...j,onClick:f,key:j.breakpoint,currentBreakpoint:b}))}):jsxRuntime.jsxs("div",{className:"flex w-full items-center justify-between rounded-md",children:[jsxRuntime.jsx("div",{className:"flex items-center",children:lodashEs.map(h.filter(j=>lodashEs.includes(u,lodashEs.toUpper(j.breakpoint))),j=>React.createElement(BreakpointCard,{canvas:n,openDelay:o,tooltip:a,...j,onClick:f,key:j.breakpoint,currentBreakpoint:b}))}),jsxRuntime.jsxs(tooltip.DropdownMenu,{children:[jsxRuntime.jsx(tooltip.DropdownMenuTrigger,{asChild:!0,children:jsxRuntime.jsx("span",{className:"cursor-pointer px-2.5 hover:opacity-80",children:jsxRuntime.jsx(reactIcons.DotsVerticalIcon,{className:"scale-90 transform"})})}),jsxRuntime.jsxs(tooltip.DropdownMenuContent,{className:"w-56 border-border text-xs",children:[jsxRuntime.jsx(tooltip.DropdownMenuLabel,{children:x("Screen sizes")}),jsxRuntime.jsx(tooltip.DropdownMenuSeparator,{}),lodashEs.map(h,j=>jsxRuntime.jsx(tooltip.DropdownMenuCheckboxItem,{disabled:j.breakpoint==="xs",onCheckedChange:()=>g(lodashEs.toUpper(j.breakpoint)),checked:lodashEs.includes(u,lodashEs.toUpper(j.breakpoint)),children:x(j.title)},j.breakpoint))]})]})]})};function BreakpointSelector(){const[,o]=useScreenSizeWidth(),n=React.useMemo(()=>{const a=WEB_BREAKPOINTS.find(l=>l.breakpoint===o);return a==null?void 0:a.content},[o,WEB_BREAKPOINTS]);return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsxs("div",{className:"sticky top-0 z-10 flex items-center justify-start bg-muted px-2 py-1 shadow-sm",children:[jsxRuntime.jsx("p",{className:"text-xs text-muted-foreground",children:"Screen: "}),jsxRuntime.jsx(Breakpoints$1,{openDelay:1e3,tooltip:!1})]}),jsxRuntime.jsx("div",{className:"mb-2 flex items-center justify-between rounded-md rounded-t-none border border-border p-1",children:jsxRuntime.jsx("p",{className:"flex flex-1 items-center space-x-2 text-[10px] text-foreground",children:jsxRuntime.jsxs("span",{className:"text-xs text-foreground",children:[jsxRuntime.jsx("span",{className:"rounded-md bg-muted px-1 py-px text-xs font-bold uppercase text-muted-foreground",children:o==="xs"?"Base":o}),"  ",n]})})})]})}const SECONDS=10;function Countdown(){const[o,n]=React.useState(SECONDS),[a,l]=React.useState(!1);React.useEffect(()=>{if(a&&o>0){const p=setTimeout(()=>{n(o-.1)},100);return()=>clearTimeout(p)}else o<=0&&(l(!1),n(SECONDS))},[a,o]);const r=()=>{l(!0),n(SECONDS)};React.useEffect(()=>{o===SECONDS&&r()},[o]);const i=18,c=2*Math.PI*i,d=c*(1-(SECONDS-o)/SECONDS);return jsxRuntime.jsxs("div",{className:"relative h-4 w-4",children:[jsxRuntime.jsxs("svg",{className:"h-full w-full",viewBox:"0 0 40 40",children:[jsxRuntime.jsx("circle",{className:"text-gray-300",strokeWidth:"4",stroke:"currentColor",fill:"transparent",r:i,cx:"20",cy:"20"}),jsxRuntime.jsx("circle",{className:"text-blue-600",strokeWidth:"4",strokeDasharray:c,strokeDashoffset:d,strokeLinecap:"round",stroke:"currentColor",fill:"transparent",r:i,cx:"20",cy:"20"})]}),jsxRuntime.jsx("div",{className:"absolute inset-0 flex items-center justify-center",children:jsxRuntime.jsx("span",{className:"text-xs font-semibold",children:" "})})]})}const AskAIStyles=({blockId:o})=>{const{t:n}=reactI18next.useTranslation(),{askAi:a,loading:l,error:r}=useAskAi(),[i,c]=React.useState(""),d=React.useRef(null),p=React.useRef(null),[u,m]=React.useState();React.useEffect(()=>{var h;(h=d.current)==null||h.focus()},[]);const x=h=>{const{usage:g}=h||{};!r&&g&&m(g),p.current=setTimeout(()=>m(void 0),1e4),r||c("")};return jsxRuntime.jsxs("div",{className:"",children:[jsxRuntime.jsx("h2",{className:"mb-1 text-sm font-semibold leading-none tracking-tight",children:n("Ask AI")}),jsxRuntime.jsx(tooltip.Textarea,{ref:d,value:i,onChange:h=>c(h.target.value),placeholder:n("Ask AI to edit styles"),className:"no-scrollbar my-2 w-full border border-border p-2 text-xs",rows:4,onKeyDown:h=>{h.key==="Enter"&&(h.preventDefault(),p.current&&clearTimeout(p.current),m(void 0),a("styles",o,i,x))}}),jsxRuntime.jsxs("div",{className:"my-2 flex items-center gap-2",children:[l?null:jsxRuntime.jsx(tooltip.Button,{disabled:i.trim().length<5||l,onClick:()=>{p.current&&clearTimeout(p.current),m(void 0),a("styles",o,i,x)},variant:"default",className:"w-fit",size:"sm",children:l?jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(reactIcons.ReloadIcon,{className:"h-5 w-5 animate-spin"}),n("Generating... Please wait...")]}):n("Edit with AI")}),l?jsxRuntime.jsxs("div",{className:"flex flex-col gap-2",children:[jsxRuntime.jsxs(tooltip.Skeleton,{className:"flex w-full items-center space-x-1 px-4 py-1 pl-2",children:[jsxRuntime.jsx(reactIcons.ReloadIcon,{className:"h-4 w-4 animate-spin text-gray-500"}),jsxRuntime.jsx("p",{className:"text-xs",children:n("Generating... Please wait...")})]}),jsxRuntime.jsx(tooltip.Button,{variant:"destructive",onClick:()=>stop(),className:"hidden w-fit",size:"sm",children:n("Stop")})]}):null]}),u?jsxRuntime.jsx("div",{className:"max-w-full",children:jsxRuntime.jsxs("p",{className:"mb-1 flex justify-between break-words rounded border border-blue-500 bg-blue-100 p-1 text-xs text-blue-500",children:[jsxRuntime.jsxs("span",{children:[n("Total tokens used"),": ",u.totalTokens]}),jsxRuntime.jsx(Countdown,{})]})}):null,jsxRuntime.jsx("div",{className:"max-w-full",children:r&&jsxRuntime.jsx("p",{className:"break-words rounded border border-red-500 bg-red-100 p-1 text-xs text-red-500",children:r.message})})]})},AiIcon=({className:o="h-full w-full"})=>jsxRuntime.jsx("svg",{className:o,viewBox:"0 0 256 256",fill:"currentColor",children:jsxRuntime.jsx("path",{d:"m198.39 128.986-52.16-19.216-19.216-52.16a16 16 0 0 0-30.028 0L77.77 109.77l-52.16 19.216a16 16 0 0 0 0 30.028l52.16 19.216 19.216 52.16a16 16 0 0 0 30.028 0l19.216-52.16 52.16-19.216a16 16 0 0 0 0-30.028m-57.69 34.23a15.97 15.97 0 0 0-9.483 9.483l-19.22 52.152-19.214-52.15a15.97 15.97 0 0 0-9.482-9.484l-52.152-19.22 52.15-19.214a15.97 15.97 0 0 0 9.484-9.482l19.22-52.152 19.214 52.15a15.97 15.97 0 0 0 9.482 9.484l52.152 19.22ZM144 40a8 8 0 0 1 8-8h16V16a8 8 0 0 1 16 0v16h16a8 8 0 0 1 0 16h-16v16a8 8 0 0 1-16 0V48h-16a8 8 0 0 1-8-8m104 48a8 8 0 0 1-8 8h-8v8a8 8 0 0 1-16 0v-8h-8a8 8 0 0 1 0-16h8v-8a8 8 0 0 1 16 0v8h8a8 8 0 0 1 8 8"})});function ManualClasses(){var T;const o=React.useRef(null),[n,a]=React.useState(""),[l,r]=React.useState(-1),i=useFuseSearch(),{t:c}=reactI18next.useTranslation(),[d]=useSelectedStylingBlocks(),p=useSelectedBlock(),u=useAddClassesToBlocks(),m=useRemoveClassesFromBlocks(),[x]=useSelectedBlockIds(),h=useBuilderProp("askAiCallBack",null),[g,f]=React.useState(""),b=(T=lodashEs.first(d))==null?void 0:T.prop,{classes:j}=applyBinding.getSplitChaiClasses(lodashEs.get(p,b,"")),R=j.split(" ").filter(N=>!lodashEs.isEmpty(N)),k=()=>{const N=g.trim().toLowerCase().replace(/ +(?= )/g,"").split(" ");u(x,N,!0),f("")},[w,B]=React.useState([]),S=({value:N})=>{const L=N.trim().toLowerCase(),P=L.match(/.+:/g);let D=[];if(P&&P.length>0){const[_]=P,O=L.replace(_,"");D=i.search(O).map(M=>({...M,item:{...M.item,name:_+M.item.name}}))}else D=i.search(L);return B(lodashEs.map(D,"item"))},E=()=>{B([])},y=N=>N.name,I=N=>jsxRuntime.jsx("div",{className:"rounded-md p-1",children:N.name}),C=React.useMemo(()=>({ref:o,autoComplete:"off",autoCorrect:"off",autoCapitalize:"off",spellCheck:!1,placeholder:c("Enter classes separated by space"),value:g,onFocus:N=>{setTimeout(()=>{N.target&&N.target.select()},0)},onKeyDown:N=>{N.key==="Enter"&&g.trim()!==""&&k()},onChange:(N,{newValue:L})=>f(L),className:"w-full rounded-md text-xs px-2 hover:outline-0 bg-background border-border py-1"}),[g,c,o]),v=N=>{debugger;const L=n.trim().toLowerCase().replace(/ +(?= )/g,"").split(" ");m(x,[N]),u(x,L,!0),a(""),r(-1)},A=()=>{if(navigator.clipboard===void 0){sonner.toast.error(c("Clipboard not supported"));return}navigator.clipboard.writeText(R.join(" ")),sonner.toast.success(c("Classes copied to clipboard"))};return jsxRuntime.jsxs("div",{className:"flex w-full flex-col gap-y-1.5 border-b border-border pb-4",children:[jsxRuntime.jsxs("div",{className:"flex items-center justify-between gap-x-2",children:[jsxRuntime.jsxs("div",{className:"flex items-center gap-x-2 text-muted-foreground",children:[jsxRuntime.jsx("span",{children:c("Classes")}),jsxRuntime.jsxs(tooltip.Tooltip,{children:[jsxRuntime.jsx(tooltip.TooltipTrigger,{asChild:!0,children:jsxRuntime.jsx(reactIcons.CopyIcon,{onClick:A,className:"cursor-pointer"})}),jsxRuntime.jsx(tooltip.TooltipContent,{children:jsxRuntime.jsx("p",{children:c("Copy classes to clipboard")})})]})]}),h?jsxRuntime.jsxs(tooltip.Popover,{children:[jsxRuntime.jsx(tooltip.PopoverTrigger,{asChild:!0,children:jsxRuntime.jsxs(tooltip.Button,{variant:"default",className:"h-6 w-fit",size:"sm",children:[jsxRuntime.jsx(AiIcon,{className:"h-4 w-4"}),jsxRuntime.jsx("span",{className:"ml-2",children:c("Ask AI")})]})}),jsxRuntime.jsx(tooltip.PopoverContent,{side:"left",className:"p-2",children:jsxRuntime.jsx(AskAIStyles,{blockId:p==null?void 0:p._id})})]}):null]}),jsxRuntime.jsxs("div",{className:"relative flex items-center gap-x-3",children:[jsxRuntime.jsx("div",{className:"relative flex w-full items-center gap-x-3",children:jsxRuntime.jsx(Autosuggest,{suggestions:w,onSuggestionsFetchRequested:S,onSuggestionsClearRequested:E,getSuggestionValue:y,renderSuggestion:I,inputProps:C,containerProps:{className:"relative h-8 w-full gap-y-1 py-1 border-border text-xs"},theme:{suggestion:"bg-transparent",suggestionHighlighted:"!bg-gray-300 dark:!bg-gray-800 cursor-pointer",suggestionsContainerOpen:"absolute bg-background no-scrollbar z-50 max-h-[230px] overflow-y-auto w-full  border border-border rounded-md"}})}),jsxRuntime.jsx(tooltip.Button,{variant:"outline",className:"h-6 border-border",onClick:k,disabled:g.trim()==="",size:"sm",children:jsxRuntime.jsx(reactIcons.PlusIcon,{})})]}),jsxRuntime.jsx("div",{className:"flex w-full flex-wrap gap-2 overflow-x-hidden",children:R.map((N,L)=>l===L?jsxRuntime.jsx("input",{ref:o,value:n,onChange:P=>a(P.target.value),onBlur:()=>{v(N)},onKeyDown:P=>{P.key==="Enter"&&v(N)},onFocus:P=>{setTimeout(()=>{P.target.select()},0)},className:"group relative flex max-w-[260px] cursor-default items-center gap-x-1 truncate break-words rounded border border-border bg-gray-200 p-px px-1.5 pr-2 text-[11px] text-gray-600 hover:border-gray-300 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-300"},N):jsxRuntime.jsx("div",{className:"group relative flex max-w-[260px] items-center",children:jsxRuntime.jsxs("button",{onDoubleClick:()=>{f(N),m(x,[N]),setTimeout(()=>{o.current&&o.current.focus()},10)},className:"flex h-max cursor-default items-center gap-x-1 truncate break-words rounded bg-gray-200 py-px pl-0.5 pr-1 text-[11px] text-gray-600 dark:bg-gray-800 dark:text-gray-300",children:[jsxRuntime.jsxs("div",{className:"z-10 flex h-full w-max items-center justify-center",children:[jsxRuntime.jsx(reactIcons.Cross2Icon,{onClick:()=>m(x,[N],!0),className:"hidden h-max w-3.5 cursor-pointer rounded bg-gray-100 p-0.5 text-red-500 hover:bg-gray-50 group-hover:block"}),jsxRuntime.jsxs("svg",{className:"h-3.5 w-3.5 group-hover:hidden",fill:"rgba(55, 65, 81, 0.4)",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",xmlSpace:"preserve",children:[jsxRuntime.jsx("g",{id:"SVGRepo_bgCarrier",strokeWidth:"0"}),jsxRuntime.jsx("g",{id:"SVGRepo_tracerCarrier",strokeLinecap:"round",strokeLinejoin:"round"}),jsxRuntime.jsx("g",{id:"SVGRepo_iconCarrier",children:jsxRuntime.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12 6.036c-2.667 0-4.333 1.325-5 3.976 1-1.325 2.167-1.822 3.5-1.491.761.189 1.305.738 1.906 1.345C13.387 10.855 14.522 12 17 12c2.667 0 4.333-1.325 5-3.976-1 1.325-2.166 1.822-3.5 1.491-.761-.189-1.305-.738-1.907-1.345-.98-.99-2.114-2.134-4.593-2.134zM7 12c-2.667 0-4.333 1.325-5 3.976 1-1.326 2.167-1.822 3.5-1.491.761.189 1.305.738 1.907 1.345.98.989 2.115 2.134 4.594 2.134 2.667 0 4.333-1.325 5-3.976-1 1.325-2.167 1.822-3.5 1.491-.761-.189-1.305-.738-1.906-1.345C10.613 13.145 9.478 12 7 12z"})})]})]}),jsxRuntime.jsx("div",{children:N})]})},N))})]})}const BASIC_UNITS=["px","%","em","rem","ch","vh","vw"],FLEX_CHILD_SECTION={heading:"flex.heading",items:[{type:"arbitrary",label:"flex.basis",units:BASIC_UNITS,property:"flexBasis"},{type:"range",label:"flex.order",property:"order"},{type:"dropdown",label:"flex.flex",property:"flexGrowShrink"},{type:"dropdown",label:"flex.grow",property:"flexGrow"},{type:"dropdown",label:"flex.shrink",property:"flexShrink"}]},GRID_CHILD_SECTION={heading:"grid.heading",items:[{type:"range",label:"grid.col_span",property:"gridColSpan"},{type:"range",label:"grid.col_start",property:"gridColStart"},{type:"range",label:"grid.col_end",property:"gridColEnd"},{type:"range",label:"grid.row_span",property:"gridRowSpan"},{type:"range",label:"grid.row_start",property:"gridRowStart"},{type:"range",label:"grid.row_end",property:"gridRowEnd"},{type:"range",label:"grid.order",property:"order"}]},SETTINGS_SECTIONS=[{heading:"Styles",items:[{component:ManualClasses},{component:BreakpointSelector},{type:"arbitrary",label:"layout.width",units:BASIC_UNITS.concat("auto"),property:"width"},{type:"arbitrary",label:"layout.height",units:BASIC_UNITS.concat("auto"),property:"height"},{styleType:"multiple",label:"layout.margin",negative:!0,units:[...BASIC_UNITS,"auto"],options:[{key:"margin",label:"layout.margin_all"},{key:"marginX",label:"layout.margin_lr"},{key:"marginY",label:"layout.margin_tb"},{key:"marginTop",label:"layout.margin_top"},{key:"marginRight",label:"layout.margin_right"},{key:"marginBottom",label:"layout.margin_bottom"},{key:"marginLeft",label:"layout.margin_left"}]},{styleType:"multiple",label:"layout.padding",options:[{key:"padding",label:"layout.padding_all"},{key:"paddingX",label:"layout.padding_lr"},{key:"paddingY",label:"layout.padding_tb"},{key:"paddingTop",label:"layout.padding_top"},{key:"paddingRight",label:"layout.padding_right"},{key:"paddingBottom",label:"layout.padding_bottom"},{key:"paddingLeft",label:"layout.padding_left"}]},{styleType:"accordion",heading:"Typography",items:[{type:"dropdown",property:"textAlign",label:"typography.align"},{type:"dropdown",property:"fontFamily",label:"typography.font"},{type:"arbitrary",property:"fontSize",label:"typography.size",units:BASIC_UNITS},{type:"arbitrary",property:"lineHeight",label:"typography.height",units:BASIC_UNITS.concat("-")},{type:"range",property:"fontWeight",label:"typography.weight"},{type:"color",property:"textColor",label:"typography.color"}]},{styleType:"accordion",heading:"Background",items:[{type:"color",label:"background.bgcolor",property:"backgroundColor"},{type:"dropdown",label:"background.attachment",property:"backgroundAttachment"},{type:"dropdown",label:"background.clipping",property:"backgroundClip"},{type:"dropdown",label:"background.origin",property:"backgroundOrigin"},{type:"dropdown",label:"background.position",property:"backgroundPosition"},{type:"dropdown",label:"background.repeat",property:"backgroundRepeat"},{type:"dropdown",label:"background.size",property:"backgroundSize"}]}]}];BASIC_UNITS.concat("auto"),BASIC_UNITS.concat("auto"),[...BASIC_UNITS],BASIC_UNITS.concat("auto"),BASIC_UNITS.concat("auto"),BASIC_UNITS.concat("auto"),BASIC_UNITS.concat("auto"),BASIC_UNITS.concat("-");const MAPPER={px:1,"%":1,em:100,rem:100,ch:1,vw:1,vh:1,"-":1,deg:1,ms:.1};function BlockStyling(){const{flexChild:o,gridChild:n}=useSelectedBlocksDisplayChild(),[a]=useSelectedStylingBlocks(),[l,r]=React.useState(""),[i,c]=React.useState({onDrag:u=>u,onDragEnd:u=>u,dragStartY:0,dragging:!1,dragStartValue:0,dragUnit:"",negative:!1,cssProperty:""}),d=web.useThrottledCallback(u=>{const m=!lodashEs.get(i,"negative",!1),x=lodashEs.get(i,"cssProperty","");let h=parseFloat(i.dragStartValue);h=isNaN(h)?0:h;let g=MAPPER[i.dragUnit];(lodashEs.startsWith(x,"scale")||x==="opacity")&&(g=10);let b=(i.dragStartY-u.pageY)/g+h;m&&b<0&&(b=0),x==="opacity"&&b>1&&(b=1),i.onDrag(`${b}`),r(`${b}`)},[i],50),p=React.useCallback(()=>{setTimeout(()=>i.onDragEnd(`${l}`),100),c({onDrag:u=>u,onDragEnd:u=>u,dragStartY:0,dragging:!1,dragStartValue:0,dragUnit:"",negative:!1,cssProperty:""})},[i,l,c]);return lodashEs.isEmpty(a)?null:jsxRuntime.jsxs(BlockSettingsContext.Provider,{value:{setDragData:c},children:[i.dragging?jsxRuntime.jsx("div",{onMouseMove:d,onMouseUp:()=>p(),className:"absolute inset-0 z-30 cursor-row-resize bg-gray-300/10"}):null,jsxRuntime.jsxs("div",{className:"flex flex-col",children:[jsxRuntime.jsx(BlockStylingProps,{}),jsxRuntime.jsxs(tooltip.Accordion,{defaultValue:["Styles"],type:"multiple",className:"w-full",children:[o&&jsxRuntime.jsx(StylingGroup,{section:FLEX_CHILD_SECTION,showAccordian:o||n}),n&&jsxRuntime.jsx(StylingGroup,{section:GRID_CHILD_SECTION,showAccordian:o||n}),SETTINGS_SECTIONS.map(u=>jsxRuntime.jsx(StylingGroup,{section:u,showAccordian:o||n},u.heading))]})]})]})}const CoreBlock=({block:o,disabled:n,parentId:a,position:l})=>{const[,r]=jotai.useAtom(draggedBlockAtom),{type:i,icon:c,label:d}=o,{addCoreBlock:p,addPredefinedBlock:u}=useAddBlock(),[,m]=useSelectedBlockIds(),{clearHighlight:x}=useBlockHighlight(),h=()=>{if(lodashEs.has(o,"blocks")){const b=lodashEs.isFunction(o.blocks)?o.blocks():o.blocks;u(runtime.syncBlocksWithDefaults(b),a||null,l)}else p(o,a||null,l);pubsub.publish(CHAI_BUILDER_EVENTS.CLOSE_ADD_BLOCK)},g=flagged.useFeature("dnd"),{t:f}=reactI18next.useTranslation();return jsxRuntime.jsx(jsxRuntime.Fragment,{children:jsxRuntime.jsxs(tooltip.Tooltip,{children:[jsxRuntime.jsx(tooltip.TooltipTrigger,{asChild:!0,children:jsxRuntime.jsxs("button",{disabled:n,onClick:h,type:"button",onDragStart:b=>{b.dataTransfer.setData("text/plain",JSON.stringify(lodashEs.omit(o,["component","icon"]))),b.dataTransfer.setDragImage(new Image,0,0),r(lodashEs.omit(o,["component","icon"])),setTimeout(()=>{m([]),x()},200)},draggable:g?"true":"false",className:"cursor-pointer space-y-2 rounded-lg border border-border p-3 text-center hover:bg-slate-300/50 disabled:cursor-not-allowed disabled:bg-gray-100 disabled:text-gray-400 dark:border-gray-700 dark:text-white dark:hover:bg-slate-800/50 dark:disabled:bg-gray-900 dark:disabled:text-foreground",children:[React.createElement(c||reactIcons.BoxIcon,{className:"w-4 h-4 mx-auto"}),jsxRuntime.jsx("p",{className:"truncate text-xs",children:lodashEs.capitalize(f(d||i))})]})}),jsxRuntime.jsx(tooltip.TooltipContent,{children:jsxRuntime.jsx("p",{children:f(d||i)})})]})})},DefaultChaiBlocks=({parentId:o,position:n,gridCols:a="grid-cols-2"})=>{const l=runtime.useRegisteredChaiBlocks(),r=lodashEs.groupBy(l,"category"),i=lodashEs.uniq(lodashEs.map(r.core,"group"));return jsxRuntime.jsx(ChaiBuilderBlocks,{gridCols:a,parentId:o,position:n,groups:i,blocks:r.core})};let PRE_IMPORT_HTML_HOOK=async o=>o;const registerChaiPreImportHTMLHook=o=>{PRE_IMPORT_HTML_HOOK=o},getPreImportHTML=async o=>await PRE_IMPORT_HTML_HOOK(o),ImportHTML=({parentId:o,position:n})=>{const{t:a}=reactI18next.useTranslation(),[l,r]=React.useState(""),{addPredefinedBlock:i}=useAddBlock(),[c,d]=React.useState(!1),p=async()=>{d(!0);const u=await getPreImportHTML(l),m=applyBinding.getBlocksFromHTML(u);i([...m],o,n),r(""),d(!1),pubsub.publish(CHAI_BUILDER_EVENTS.CLOSE_ADD_BLOCK)};return jsxRuntime.jsxs(tooltip.Card,{className:"border-border/0 p-0 shadow-none",children:[jsxRuntime.jsx(tooltip.CardHeader,{className:"p-3",children:jsxRuntime.jsx(tooltip.CardDescription,{children:a("Use HTML snippets from Tailwind CSS component libraries")})}),jsxRuntime.jsx(tooltip.CardContent,{className:"space-y-2 px-3 py-0",children:jsxRuntime.jsxs("div",{className:"space-y-1",children:[jsxRuntime.jsx(tooltip.Label,{htmlFor:"current",className:"text-sm",children:a("Tailwind HTML snippet")}),jsxRuntime.jsx(tooltip.Textarea,{autoFocus:!0,tabIndex:1,ref:u=>u&&u.focus(),onChange:u=>r(u.target.value),rows:12,value:l,placeholder:a("Enter your code snippet here"),className:"resize-none overflow-x-auto whitespace-pre bg-background font-mono text-xs font-normal"})]})}),jsxRuntime.jsx(tooltip.CardFooter,{className:"flex flex-col justify-end p-3",children:jsxRuntime.jsx(tooltip.Button,{disabled:l.trim()===""||c,onClick:()=>p(),size:"sm",className:"w-fit",children:c?jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(reactIcons.CircleIcon,{className:"mr-2 h-4 w-4 animate-spin"})," ",a("Importing...")]}):a("Import HTML")})})]})},ChaiSelect=({defaultValue:o="",onValueChange:n,options:a,placeholder:l="Select",className:r="",height:i=""})=>{const[c,d]=React.useState(o),p=u=>{const m=u.target.value;d(m),n(m)};return jsxRuntime.jsx("div",{className:commonFunctions.cn("relative inline-block w-full",r),children:jsxRuntime.jsxs("select",{className:commonFunctions.cn("mt-1 flex w-full rounded-md border border-border bg-background px-3 py-1 text-sm text-foreground shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",i),value:c,onChange:p,children:[jsxRuntime.jsx("option",{value:"",disabled:!0,children:l}),a.map(u=>jsxRuntime.jsx("option",{value:u.value,children:u.label},u.value))]})})};function UILibrariesSelect({uiLibraries:o,library:n,setLibrary:a}){const{t:l}=reactI18next.useTranslation();return n?jsxRuntime.jsxs("div",{className:"h-12",children:[jsxRuntime.jsx("p",{className:"text-xs font-bold text-gray-500",children:l("Choose library")}),jsxRuntime.jsx(ChaiSelect,{className:"mb-1",options:o.map(r=>({value:r.id,label:r.name})),defaultValue:n,onValueChange:r=>a(r)})]}):null}let LIBRARIES_REGISTRY={};const registerChaiLibrary=(o,n)=>{LIBRARIES_REGISTRY[o]={...n,id:o}},useChaiLibraries=()=>lodashEs.values(LIBRARIES_REGISTRY),BlockCard=({block:o,library:n,parentId:a=void 0,position:l=-1})=>{const[r,i]=React.useState(!1),c=React.useMemo(()=>(n==null?void 0:n.getBlock)||(()=>[]),[n]),{addCoreBlock:d,addPredefinedBlock:p}=useAddBlock(),[,u]=useSelectedBlockIds(),{clearHighlight:m}=useBlockHighlight(),x=lodashEs.get(o,"name",lodashEs.get(o,"label")),h=lodashEs.get(o,"description",""),g=flagged.useFeature("dnd"),[,f]=jotai.useAtom(draggedBlockAtom),b=k=>{const w=lodashEs.has(k,"styles_attrs.data-page-section");return k._type==="Box"&&w},j=React.useCallback(async k=>{if(k.stopPropagation(),lodashEs.has(o,"component")){d(o,a,l),pubsub.publish(CHAI_BUILDER_EVENTS.CLOSE_ADD_BLOCK);return}i(!0);let w=await c({library:n,block:o});typeof w=="string"&&(w=applyBinding.getBlocksFromHTML(w)),lodashEs.isEmpty(w)||p(runtime.syncBlocksWithDefaults(w),a,l),pubsub.publish(CHAI_BUILDER_EVENTS.CLOSE_ADD_BLOCK)},[d,p,o,c,n,a,l]),R=async k=>{const w=await c({library:n,block:o});let B=a;if(b(lodashEs.first(w))&&(B=null),!lodashEs.isEmpty(w)){const S={blocks:w,uiLibrary:!0,parent:B};if(k.dataTransfer.setData("text/plain",JSON.stringify(S)),o.preview){const E=new Image;E.src=o.preview,E.onload=()=>{k.dataTransfer.setDragImage(E,0,0)}}else k.dataTransfer.setDragImage(new Image,0,0);f(S),setTimeout(()=>{u([]),m(),pubsub.publish(CHAI_BUILDER_EVENTS.CLOSE_ADD_BLOCK)},200)}};return jsxRuntime.jsxs(tooltip.Tooltip,{children:[jsxRuntime.jsx(tooltip.TooltipTrigger,{asChild:!0,children:jsxRuntime.jsxs("div",{onClick:r?()=>{}:j,draggable:g?"true":"false",onDragStart:R,className:clsx("relative mt-2 cursor-pointer overflow-hidden rounded-md border border-border duration-200 hover:border-blue-500 hover:shadow-xl"),children:[r&&jsxRuntime.jsxs("div",{className:"absolute flex h-full w-full items-center justify-center bg-black/70",children:[jsxRuntime.jsx(reactIcons.ReloadIcon,{className:"animate-spin h-4 w-4 text-white"}),jsxRuntime.jsx("span",{className:"pl-2 text-sm text-white",children:"Adding..."})]}),o.preview?jsxRuntime.jsx("img",{src:o.preview,className:"min-h-[45px] w-full rounded-md",alt:x}):jsxRuntime.jsxs("div",{className:"flex h-fit w-full flex-col items-center justify-center gap-1 rounded-md border border-border p-6 py-10 text-center",children:[jsxRuntime.jsx("p",{className:"font-medium text-gray-800",children:x}),h&&jsxRuntime.jsx("p",{className:"text-sm text-gray-600",children:h})]})]})}),jsxRuntime.jsx(tooltip.TooltipContent,{children:jsxRuntime.jsx("div",{className:"max-w-xs",children:jsxRuntime.jsx("p",{className:"font-medium",children:x})})})]})},UILibrarySection=({parentId:o,position:n})=>{const[a,l]=useSelectedLibrary(),r=useChaiLibraries(),i=r.find(v=>v.id===a)||lodashEs.first(r),{data:c,isLoading:d,resetLibrary:p}=useLibraryBlocks(i),[u,m]=React.useState(""),[x,h]=React.useState([]),g=React.useRef(null);React.useEffect(()=>{c&&c.length>0&&(g.current=new Fuse(c,{keys:["name","label","description","group"],threshold:.4,ignoreLocation:!0}))},[c]),React.useEffect(()=>{if(!u.trim()||!g.current){h([]);return}const v=g.current.search(u).map(A=>A.item);h(v)},[u]);const f=u.trim()&&!lodashEs.isEmpty(x)?x:c,b=lodashEs.groupBy(f,"group"),[j,R]=React.useState(null);React.useEffect(()=>{if(lodashEs.isEmpty(lodashEs.keys(b))){R(null);return}if(!j||!b[j]){R(lodashEs.first(lodashEs.keys(b)));return}},[b,j]);const k=lodashEs.get(b,j,[]),w=React.useRef(null),{t:B}=reactI18next.useTranslation(),S=v=>{w.current&&(clearTimeout(w.current),w.current=null),w.current=setTimeout(()=>{w.current&&R(v)},400)},E=()=>{i!=null&&i.id&&p(i.id)},y=()=>{m("")};if(d)return jsxRuntime.jsxs("div",{className:"mt-4 grid h-full w-full grid-cols-12 gap-2",children:[jsxRuntime.jsx(tooltip.Skeleton,{className:"col-span-3 h-full"}),jsxRuntime.jsx(tooltip.Skeleton,{className:"col-span-9 h-full"})]});const I=lodashEs.filter(k,(v,A)=>A%2===0),C=lodashEs.filter(k,(v,A)=>A%2===1);return jsxRuntime.jsx(jsxRuntime.Fragment,{children:jsxRuntime.jsxs("div",{className:"flex h-full max-h-full flex-col",children:[jsxRuntime.jsx("div",{className:"flex items-center gap-2 border-border py-2",children:jsxRuntime.jsxs("div",{className:"relative w-full",children:[jsxRuntime.jsx(reactIcons.MagnifyingGlassIcon,{className:"absolute left-2 top-2.5 h-4 w-4 text-muted-foreground"}),jsxRuntime.jsx(tooltip.Input,{placeholder:B("Search blocks..."),value:u,onChange:v=>m(v.target.value),className:"w-full pl-8 pr-8"}),u&&jsxRuntime.jsx("button",{onClick:y,className:"absolute right-2 top-2.5 text-muted-foreground hover:text-foreground",children:jsxRuntime.jsx(reactIcons.Cross1Icon,{className:"h-4 w-4"})})]})}),jsxRuntime.jsx("div",{className:"relative flex h-full max-h-full flex-1 overflow-hidden bg-background",children:jsxRuntime.jsxs("div",{className:"flex h-full flex-1 pt-2",children:[jsxRuntime.jsxs("div",{className:"flex h-full max-h-full w-60 min-w-60 max-w-60 flex-col gap-1 px-1 pr-2",children:[jsxRuntime.jsx(UILibrariesSelect,{library:i==null?void 0:i.id,setLibrary:l,uiLibraries:r}),jsxRuntime.jsxs("div",{className:"mt-2 flex h-full max-h-full w-full flex-1 flex-col",children:[jsxRuntime.jsx("span",{className:"text-xs font-bold text-gray-500",children:B("Groups")}),jsxRuntime.jsx("hr",{className:"mt-1 border-border"}),jsxRuntime.jsx("div",{className:"no-scrollbar mt-2 h-full max-h-full flex-1 overflow-y-auto pb-20",children:lodashEs.isEmpty(b)?jsxRuntime.jsx("div",{className:"mt-4 flex flex-col items-center justify-center gap-3 p-4 text-center",children:u?jsxRuntime.jsx("p",{className:"text-sm",children:B("No matching blocks found")}):jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("p",{className:"text-sm",children:B("Failed to load the UI library. Try again")}),jsxRuntime.jsxs(tooltip.Button,{onClick:E,variant:"outline",size:"sm",className:"gap-2",children:[jsxRuntime.jsx(reactIcons.ReloadIcon,{className:"h-4 w-4"}),B("Retry")]})]})}):lodashEs.map(b,(v,A)=>jsxRuntime.jsxs("div",{onMouseEnter:()=>S(A),onMouseLeave:()=>clearTimeout(w.current),role:"button",onClick:()=>R(A),className:commonFunctions.cn("flex w-full cursor-pointer items-center justify-between rounded-md p-2 text-sm text-foreground transition-all ease-in-out hover:bg-gray-200 dark:hover:bg-gray-800",A===j?"bg-primary text-primary-foreground hover:bg-primary/80":""),children:[jsxRuntime.jsx("span",{children:lodashEs.capitalize(B(A.toLowerCase()))}),jsxRuntime.jsx(reactIcons.CaretRightIcon,{className:"ml-2 h-5 w-5"})]},A))})]})]}),jsxRuntime.jsx("div",{className:"flex h-full max-h-full w-full flex-col border-l border-border",children:jsxRuntime.jsxs(tooltip.ScrollArea,{onMouseEnter:()=>w.current?clearTimeout(w.current):null,className:"z-10 flex h-full max-h-full w-full flex-col gap-2 transition-all ease-linear",children:[lodashEs.isEmpty(k)&&!lodashEs.isEmpty(b)?jsxRuntime.jsx("div",{className:"flex h-full flex-col items-center justify-center p-6 text-center",children:jsxRuntime.jsx("p",{className:"text-sm",children:B("No blocks found in this group")})}):jsxRuntime.jsxs("div",{className:"grid w-full grid-cols-2 gap-2 px-2",children:[jsxRuntime.jsx("div",{className:"flex flex-col gap-1",children:I.map((v,A)=>jsxRuntime.jsx(BlockCard,{parentId:o,position:n,block:v,library:i},`block-${A}`))}),jsxRuntime.jsx("div",{className:"flex flex-col gap-1",children:C.map((v,A)=>jsxRuntime.jsx(BlockCard,{parentId:o,position:n,block:v,library:i},`block-second-${A}`))})]}),jsxRuntime.jsx("br",{}),jsxRuntime.jsx("br",{}),jsxRuntime.jsx("br",{})]})})]})})]})})},UILibrariesPanel=({parentId:o,position:n})=>jsxRuntime.jsx(UILibrarySection,{parentId:o,position:n}),partialBlocksDataAtom=jotai.atom({blocks:[],groups:[],isLoading:!0,error:null}),hasInitializedPartialBlocksAtom=jotai.atom(!1),formatReadableName=o=>{if(!o)return"";let n=o.replace(/[-_]/g," ");return n=n.replace(/([a-z])([A-Z])/g,"$1 $2"),n.split(" ").map(a=>a.charAt(0).toUpperCase()+a.slice(1).toLowerCase()).join(" ")},PartialBlocks=({parentId:o,position:n,gridCols:a="grid-cols-2"})=>{const{data:l,isLoading:r,refetch:i,error:c}=usePartialBlocksList(),[d,p]=jotai.useAtom(partialBlocksDataAtom),[u,m]=jotai.useAtom(hasInitializedPartialBlocksAtom);React.useEffect(()=>{if(!u||Object.keys(d.blocks).length===0)if(c)p({blocks:[],groups:[],isLoading:!1,error:c}),m(!0);else if(!r&&Object.keys(l||{}).length>0){const h=Object.entries(l).map(([f,b])=>{const j=b,R=j.type||"partial",k=formatReadableName(R);return{type:"PartialBlock",label:formatReadableName(j.name||f),description:j.description||"",icon:reactIcons.FrameIcon,group:k,category:"partial",partialBlockId:f,_name:j.name}}),g=lodashEs.uniq(lodashEs.map(h,"group"));p({blocks:h,groups:g,isLoading:!1,error:null}),m(!0)}else r?p(h=>({...h,isLoading:!0,error:null})):!r&&Object.keys(l||{}).length===0&&(p({blocks:[],groups:[],isLoading:!1,error:"No partial blocks available"}),m(!0))},[r,l,u,m,p,d.blocks,c]);const x=()=>{p(h=>({...h,isLoading:!0,error:null})),m(!1),i()};return d.isLoading?jsxRuntime.jsx("div",{className:"flex items-center justify-center p-8 text-center text-muted-foreground",children:"Loading partial blocks..."}):d.error||d.blocks.length===0?jsxRuntime.jsxs("div",{className:"flex flex-col items-center justify-center gap-4 p-8 text-center text-muted-foreground",children:[jsxRuntime.jsx("p",{children:d.error||"No partial blocks available"}),jsxRuntime.jsx("button",{onClick:x,className:"rounded-md bg-primary px-3 py-1 text-sm text-primary-foreground hover:bg-primary/90",children:"Refresh"})]}):jsxRuntime.jsx(ChaiBuilderBlocks,{gridCols:a,parentId:o,position:n,groups:d.groups,blocks:d.blocks})},ADD_BLOCK_TABS={},registerChaiAddBlockTab=(o,n)=>{lodashEs.has(ADD_BLOCK_TABS,o)&&console.warn(`Add block tab with id ${o} already registered`),lodashEs.set(ADD_BLOCK_TABS,o,{id:o,...n})},useChaiAddBlockTabs=()=>React.useMemo(()=>lodashEs.values(ADD_BLOCK_TABS),[]),CORE_GROUPS=["basic","typography","media","layout","form","advanced","other"],ChaiBuilderBlocks=({groups:o,blocks:n,parentId:a,position:l,gridCols:r="grid-cols-4"})=>{var C;const{t:i}=reactI18next.useTranslation(),[c]=useBlocksStore(),[d,p]=React.useState(""),u=React.useRef(null),[m]=jotai.useAtom(addBlockTabAtom),x=(C=lodashEs.find(c,v=>v._id===a))==null?void 0:C._type,[h,g]=React.useState("all"),[f,b]=React.useState(null),j=React.useRef(null);React.useEffect(()=>{const v=setTimeout(()=>{var A;(A=u.current)==null||A.focus()},0);return()=>clearTimeout(v)},[m]),React.useEffect(()=>{d&&(g("all"),b(null))},[d]),React.useEffect(()=>(j.current=lodashEs.debounce(v=>{g(v)},500),()=>{j.current&&j.current.cancel()}),[]);const R=React.useCallback(v=>{b(v),j.current&&j.current(v)},[]),k=React.useCallback(()=>{b(null),j.current&&j.current.cancel()},[]),w=React.useCallback(v=>{j.current&&j.current.cancel(),g(v),b(null)},[]),B=React.useMemo(()=>d?lodashEs.values(n).filter(v=>{var A,T;return(((A=v.label)==null?void 0:A.toLowerCase())+" "+((T=v.type)==null?void 0:T.toLowerCase())).includes(d.toLowerCase())}):n,[n,d]),S=React.useMemo(()=>d?o.filter(v=>lodashEs.reject(lodashEs.filter(lodashEs.values(B),{group:v}),{hidden:!0}).length>0):o.filter(v=>lodashEs.reject(lodashEs.filter(lodashEs.values(n),{group:v}),{hidden:!0}).length>0),[n,B,o,d]),E=React.useMemo(()=>lodashEs.sortBy(S,v=>CORE_GROUPS.indexOf(v)===-1?99:CORE_GROUPS.indexOf(v)),[S]),y=React.useMemo(()=>h==="all"?B:lodashEs.filter(lodashEs.values(B),{group:h}),[B,h]),I=React.useMemo(()=>h==="all"?E:[h],[E,h]);return jsxRuntime.jsxs("div",{className:"mx-auto flex h-full w-full max-w-3xl flex-col",children:[jsxRuntime.jsx("div",{className:"sticky top-0 z-10 bg-background/80 px-4 py-2 backdrop-blur-sm",children:jsxRuntime.jsx(tooltip.Input,{ref:u,type:"search",placeholder:i("Search blocks..."),value:d,className:"-ml-2",onChange:v=>p(v.target.value)})}),jsxRuntime.jsxs("div",{className:"sticky top-10 flex h-[calc(100%-48px)] overflow-hidden",children:[E.length>0&&jsxRuntime.jsx("div",{className:"w-1/4 min-w-[120px] border-r border-border",children:jsxRuntime.jsx(tooltip.ScrollArea,{className:"h-full",children:jsxRuntime.jsxs("div",{className:"space-y-1 p-2",children:[jsxRuntime.jsx("button",{onClick:()=>w("all"),onMouseEnter:()=>R("all"),onMouseLeave:k,className:`w-full rounded-md px-2 py-1.5 text-left text-sm font-medium ${h==="all"||f==="all"?"bg-primary text-primary-foreground":"hover:bg-primary/50 hover:text-primary-foreground"}`,children:i("All")},"sidebar-all"),E.map(v=>jsxRuntime.jsx("button",{onClick:()=>w(v),onMouseEnter:()=>R(v),onMouseLeave:k,className:`w-full rounded-md px-2 py-1.5 text-left text-sm ${h===v||f===v?"bg-primary text-primary-foreground":"hover:bg-primary/50 hover:text-primary-foreground"}`,children:lodashEs.capitalize(i(v.toLowerCase()))},`sidebar-${v}`))]})})}),jsxRuntime.jsx("div",{className:"h-full w-3/4 flex-1 overflow-hidden",children:jsxRuntime.jsx(tooltip.ScrollArea,{id:"add-blocks-scroll-area",className:"no-scrollbar mr-4 h-full",children:S.length===0&&d?jsxRuntime.jsx("div",{className:"flex flex-col items-center justify-center p-8 text-center text-muted-foreground",children:jsxRuntime.jsxs("p",{children:[i("No blocks found matching"),' "',d,'"']})}):jsxRuntime.jsx("div",{className:"space-y-6 p-4",children:I.map(v=>jsxRuntime.jsxs("div",{className:"space-y-3",children:[jsxRuntime.jsx("h3",{className:"px-1 text-sm font-medium",children:lodashEs.capitalize(i(v.toLowerCase()))}),jsxRuntime.jsx("div",{className:"grid gap-2 "+r,children:lodashEs.reject(h==="all"?lodashEs.filter(lodashEs.values(y),{group:v}):lodashEs.values(y),{hidden:!0}).map(A=>jsxRuntime.jsx(CoreBlock,{parentId:a,position:l,block:A,disabled:!canAcceptChildBlock(x,A.type)||!canBeNestedInside(x,A.type)},A.type))})]},v))})})})]})]})},addBlockTabAtom=utils.atomWithStorage("__add_block_tab","library"),AddBlocksPanel=({className:o,showHeading:n=!0,parentId:a=void 0,position:l=-1})=>{const{t:r}=reactI18next.useTranslation(),[i,c]=jotai.useAtom(addBlockTabAtom),[,d]=jotai.useAtom(showPredefinedBlockCategoryAtom),p=useBuilderProp("importHTMLSupport",!0),{data:u}=usePartialBlocksList(),m=Object.keys(u||{}).length>0,{hasPermission:x}=usePermissions();React.useEffect(()=>{i==="partials"&&!m&&c("library")},[i,m,c]);const h=React.useCallback(()=>{pubsub.publish(CHAI_BUILDER_EVENTS.CLOSE_ADD_BLOCK)},[]),g=useChaiAddBlockTabs(),f=p&&x(PERMISSIONS.IMPORT_HTML),j=useChaiLibraries().length>0;return React.useEffect(()=>{i==="library"&&!j&&c("core")},[i,j,c]),jsxRuntime.jsxs("div",{className:commonFunctions.cn("flex h-full w-full flex-col overflow-hidden",o),children:[n?jsxRuntime.jsxs("div",{className:"mb-2 flex flex-col justify-between rounded-md bg-background/30 p-1",children:[jsxRuntime.jsx("h1",{className:"flex flex-col items-baseline px-1 text-xl font-semibold xl:flex-col",children:r("Add block")}),jsxRuntime.jsx("span",{className:"p-0 text-xs font-light leading-3 opacity-80 xl:pl-1",children:r(i==="html"?"Enter or paste TailwindCSS HTML snippet":"Click to add block to page")})]}):null,jsxRuntime.jsxs(tooltip.Tabs,{onValueChange:R=>{d(""),c(R)},value:i,className:"flex h-full max-h-full flex-col overflow-hidden",children:[jsxRuntime.jsxs(tooltip.TabsList,{className:"flex w-full items-center",children:[j&&jsxRuntime.jsx(tooltip.TabsTrigger,{value:"library",children:r("Library")}),jsxRuntime.jsx(tooltip.TabsTrigger,{value:"core",children:r("Blocks")}),m&&jsxRuntime.jsx(tooltip.TabsTrigger,{value:"partials",children:r("Partials")}),f?jsxRuntime.jsx(tooltip.TabsTrigger,{value:"html",children:r("Import")}):null,lodashEs.map(g,R=>jsxRuntime.jsx(tooltip.TabsTrigger,{value:R.id,children:React.createElement(R.tab)},`tab-add-block-${R.id}`))]}),jsxRuntime.jsx(tooltip.TabsContent,{value:"core",className:"h-full max-h-full flex-1 pb-20",children:jsxRuntime.jsx("div",{className:"-mx-1.5 h-full max-h-full overflow-hidden",children:jsxRuntime.jsx("div",{className:"mt-2 h-full w-full",children:jsxRuntime.jsx(DefaultChaiBlocks,{gridCols:"grid-cols-4",parentId:a,position:l})})})}),j&&jsxRuntime.jsx(tooltip.TabsContent,{value:"library",className:"h-full max-h-full flex-1 pb-20",children:jsxRuntime.jsx(UILibrariesPanel,{parentId:a,position:l})}),m&&jsxRuntime.jsx(tooltip.TabsContent,{value:"partials",className:"h-full max-h-full flex-1 pb-20",children:jsxRuntime.jsx("div",{className:"-mx-1.5 h-full max-h-full overflow-hidden",children:jsxRuntime.jsx("div",{className:"mt-2 h-full w-full",children:jsxRuntime.jsx(PartialBlocks,{gridCols:"grid-cols-4",parentId:a,position:l})})})}),f?jsxRuntime.jsx(tooltip.TabsContent,{value:"html",className:"h-full max-h-full flex-1 pb-20",children:jsxRuntime.jsx(ImportHTML,{parentId:a,position:l})}):null,lodashEs.map(g,R=>jsxRuntime.jsx(tooltip.TabsContent,{value:R.id,children:React.createElement(R.tabContent,{close:h,parentId:a,position:l})},`panel-add-block-${R.id}`))]})]})},placeholderStyle={display:"flex",alignItems:"center",zIndex:1},DefaultCursor=React.memo(function({top:n,left:a}){const l={position:"absolute",pointerEvents:"none",top:n+"px",left:a+"px",right:0};return jsxRuntime.jsx("div",{style:{...placeholderStyle,...l},children:jsxRuntime.jsx("div",{className:"h-0.5 flex-1 rounded-[1px] bg-green-500"})})}),Overlay=React.memo(function({children:n,isDragging:a}){return a?jsxRuntime.jsx("div",{className:"pointer-events-none fixed left-0 top-0 z-[100] h-full w-full",children:n}):null}),DefaultDragPreview=React.memo(({id:o,isDragging:n,mouse:a})=>{const[l]=useBlocksStore(),r=React.useMemo(()=>l.find(c=>c._id===o),[l,o]),i=React.useMemo(()=>({transform:`translate(${(a==null?void 0:a.x)-10}px, ${(a==null?void 0:a.y)-10}px)`}),[a]);return a?jsxRuntime.jsx("div",{children:jsxRuntime.jsx(Overlay,{isDragging:n,children:jsxRuntime.jsx("div",{className:"pointer-events-none absolute z-50 rounded border border-border bg-gray-100/80 font-semibold text-blue-600 shadow-md dark:border-gray-700 dark:bg-gray-800",style:i,children:jsxRuntime.jsxs("button",{type:"button",className:"flex !cursor-grab items-center p-0.5","aria-label":`Type: ${r==null?void 0:r._type}`,children:[jsxRuntime.jsx("div",{className:"-mt-0.5 h-3 w-3",children:jsxRuntime.jsx(TypeIcon,{type:r==null?void 0:r._type})}),jsxRuntime.jsx("div",{className:"ml-2 truncate text-[11px]",children:(r==null?void 0:r._name)||(r==null?void 0:r._type)})]})})})}):jsxRuntime.jsx("div",{className:"hidden"})}),defaultShortcuts=[{key:"ArrowDown",command:"selectNext"},{key:"ArrowUp",command:"selectPrev"},{key:"ArrowLeft",command:"selectParent",when:"isLeaf || isClosed"},{key:"ArrowLeft",command:"close",when:"isOpen"},{key:"ArrowRight",command:"open",when:"isClosed"},{key:"ArrowRight",command:"selectNext",when:"isOpen"},{key:"Home",command:"selectFirst"},{key:"End",command:"selectLast"}];function selectFirst(o){o.firstNode&&o.select(o.firstNode.id)}function selectLast(o){o.lastNode&&o.select(o.lastNode.id)}function selectNext(o){const n=o.selectedNodes[0].next||o.firstNode;o.select(n.id)}function selectPrev(o){const n=o.selectedNodes[0].prev||o.lastNode;o.select(n.id)}const selectParent=(o,n)=>{var l;const a=((l=o.selectedIds[0])==null?void 0:l.parent)||null;a&&n&&o.select(a.id)},open=(o,n)=>{const a=o.selectedNodes[0];a.isInternal&&n&&a.open()},close=(o,n)=>{const a=o.selectedNodes[0];a.isInternal&&n&&a.close()};let SAVE_TO_LIB_COMPONENT=null;const registerChaiSaveToLibrary=o=>{SAVE_TO_LIB_COMPONENT=o},useSaveToLibraryComponent=()=>React.useMemo(()=>SAVE_TO_LIB_COMPONENT,[]),saveToLibraryModalAtom=jotai.atom({isOpen:!1,blockId:null}),getBlocks=(o,n)=>{const a=lodashEs.filter(o,{_parent:n});if(a.length===0)return[];const l=[...a];return a.forEach(r=>{l.push(...getBlocks(o,r==null?void 0:r._id))}),l},SaveToLibraryModal=()=>{const[o,n]=jotai.useAtom(saveToLibraryModalAtom),{t:a}=reactI18next.useTranslation(),[l]=useBlocksStore(),r=()=>n({isOpen:!1,blockId:null}),i=useSaveToLibraryComponent(),c=React.useMemo(()=>{if(!o.blockId)return[];const d=lodashEs.find(l,{_id:o.blockId});return d==null||delete d._parent,[d,...getBlocks(l,d==null?void 0:d._id)]},[o.blockId,l]);return jsxRuntime.jsx(tooltip.Dialog,{open:o.isOpen,onOpenChange:d=>!d&&r(),children:jsxRuntime.jsxs(tooltip.DialogContent,{className:"p-4 sm:max-w-[450px]",children:[jsxRuntime.jsx(tooltip.DialogHeader,{className:"pb-2",children:jsxRuntime.jsx(tooltip.DialogTitle,{children:a("Save to Library")})}),i&&!lodashEs.isEmpty(o.blockId)&&jsxRuntime.jsx(i,{blockId:o.blockId,blocks:c,close:r})]})})},SaveToLibrary=()=>{const o=useSelectedBlock(),{t:n}=reactI18next.useTranslation(),[,a]=jotai.useAtom(saveToLibraryModalAtom),l=useSaveToLibraryComponent(),r=()=>{o&&a({isOpen:!0,blockId:o._id})};return l?jsxRuntime.jsxs(tooltip.DropdownMenuItem,{className:"flex items-center gap-x-4 text-xs",onClick:r,children:[jsxRuntime.jsx(reactIcons.CheckIcon,{className:"h-4 w-4"})," ",o!=null&&o._libBlockId?n("Update library block"):n("Save to library")]}):null},UnlinkLibraryBlock=()=>{const{t:o}=reactI18next.useTranslation(),n=useSelectedBlock(),a=useUpdateBlocksProps(),l=()=>{a([n._id],{_libBlockId:null})};return jsxRuntime.jsxs(tooltip.DropdownMenuItem,{onClick:l,className:"flex items-center gap-x-4 text-xs",children:[jsxRuntime.jsx(reactIcons.LinkBreak2Icon,{className:"h-4 w-4"})," ",o("Unlink from library")]})},CANNOT_COPY_BLOCKS=!navigator.clipboard,CopyPasteBlocks=()=>{const[o]=useBlocksStore(),[n]=useSelectedBlockIds(),{pasteBlocks:a}=usePasteBlocks(),[,l,r]=useCopyBlocks(),{t:i}=reactI18next.useTranslation(),c=useSelectedBlock(),d=React.useCallback(()=>{const p=n.map(u=>{const m=o.find(x=>x._id===u);return{id:u,data:m}});r(p.map(u=>u.id))?sonner.toast.warning("Partial blocks detected. Clone partial blocks?",{cancel:{label:i("No"),onClick:()=>{l(p.map(u=>u.id)),sonner.toast.dismiss()}},action:{label:i("Yes"),onClick:()=>{l(p.map(u=>u.id),!0),sonner.toast.dismiss()}},position:"top-center"}):l(p.map(u=>u.id))},[n,o,l,r]);return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[!CANNOT_COPY_BLOCKS&&jsxRuntime.jsxs(tooltip.DropdownMenuItem,{disabled:!canDuplicateBlock(c==null?void 0:c._type),onClick:d,className:"flex items-center gap-x-4 text-xs",children:[jsxRuntime.jsx(reactIcons.CopyIcon,{})," ",i("Copy")]}),jsxRuntime.jsxs(tooltip.DropdownMenuItem,{className:"flex items-center gap-x-4 text-xs",onClick:()=>{a(n)},children:[jsxRuntime.jsx(reactIcons.CardStackIcon,{})," ",i("Paste")]})]})},CutBlocks=()=>{const[o]=useSelectedBlockIds(),[,n]=useCutBlockIds(),{t:a}=reactI18next.useTranslation();return jsxRuntime.jsxs(tooltip.DropdownMenuItem,{className:"flex items-center gap-x-4 text-xs",onClick:()=>n(o),children:[jsxRuntime.jsx(reactIcons.ScissorsIcon,{})," ",a("Cut")]})},RemoveBlocks=()=>{const[o]=useSelectedBlockIds(),n=useRemoveBlocks(),a=useSelectedBlock(),{t:l}=reactI18next.useTranslation();return jsxRuntime.jsxs(tooltip.DropdownMenuItem,{disabled:!canDeleteBlock(a==null?void 0:a._type),className:"flex items-center gap-x-4 text-xs",onClick:()=>n(o),children:[jsxRuntime.jsx(reactIcons.TrashIcon,{})," ",l("Remove")]})},RenameBlock=({node:o})=>{const{t:n}=reactI18next.useTranslation();return jsxRuntime.jsxs(tooltip.DropdownMenuItem,{onClick:a=>{a.stopPropagation(),o.edit(),o.deselect()},className:"flex items-center gap-x-4 text-xs",children:[jsxRuntime.jsx(reactIcons.Pencil2Icon,{className:"h-4 w-4"})," ",n("Rename")]})},BlockContextMenuContent=({node:o})=>{const{t:n}=reactI18next.useTranslation(),[a]=useSelectedBlockIds(),l=useDuplicateBlocks(),r=useSelectedBlock(),{hasPermission:i}=usePermissions(),{librarySite:c}=useBuilderProp("_tempProps",{librarySite:!1}),d=React.useCallback(()=>{l(a)},[a,l]),p=React.useMemo(()=>lodashEs.has(r,"_libBlockId")&&!lodashEs.isEmpty(r._libBlockId),[r==null?void 0:r._libBlockId]);return jsxRuntime.jsxs(tooltip.DropdownMenuContent,{side:"bottom",className:"border-border text-xs",children:[i(PERMISSIONS.ADD_BLOCK)&&jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsxs(tooltip.DropdownMenuItem,{disabled:!canAddChildBlock(r==null?void 0:r._type),className:"flex items-center gap-x-4 text-xs",onClick:()=>pubsub.publish(CHAI_BUILDER_EVENTS.OPEN_ADD_BLOCK,r),children:[jsxRuntime.jsx(reactIcons.PlusIcon,{className:"h-3.5 w-3.5"})," ",n("Add block")]}),jsxRuntime.jsxs(tooltip.DropdownMenuItem,{disabled:!canDuplicateBlock(r==null?void 0:r._type),className:"flex items-center gap-x-4 text-xs",onClick:d,children:[jsxRuntime.jsx(reactIcons.CardStackPlusIcon,{})," ",n("Duplicate")]})]}),jsxRuntime.jsx(RenameBlock,{node:o}),i(PERMISSIONS.MOVE_BLOCK)&&jsxRuntime.jsx(CutBlocks,{}),i(PERMISSIONS.ADD_BLOCK)&&jsxRuntime.jsx(CopyPasteBlocks,{}),p&&c&&jsxRuntime.jsx(UnlinkLibraryBlock,{}),i(PERMISSIONS.CREATE_LIBRARY_BLOCK)&&c&&jsxRuntime.jsx(SaveToLibrary,{}),i(PERMISSIONS.DELETE_BLOCK)&&jsxRuntime.jsx(RemoveBlocks,{})]})},BlockMoreOptions=({children:o,id:n,node:a})=>{const[,l]=useSelectedBlockIds();return jsxRuntime.jsx(jsxRuntime.Fragment,{children:jsxRuntime.jsxs(tooltip.DropdownMenu,{onOpenChange:r=>{r&&l([n])},children:[jsxRuntime.jsx(tooltip.DropdownMenuTrigger,{children:o}),jsxRuntime.jsx(BlockContextMenuContent,{node:a})]})})},PERMISSIONS={ADD_BLOCK:"add_block",DELETE_BLOCK:"delete_block",EDIT_BLOCK:"edit_block",MOVE_BLOCK:"move_block",EDIT_THEME:"edit_theme",SAVE_PAGE:"save_page",EDIT_STYLES:"edit_styles",IMPORT_HTML:"import_html",CREATE_LIBRARY_BLOCK:"create_library_block",CREATE_LIBRARY_GROUP:"create_library_group",EDIT_LIBRARY_BLOCK:"edit_library_block",DELETE_LIBRARY_BLOCK:"delete_library_block"};Object.values(PERMISSIONS);const Input=({node:o})=>{var n,a;return jsxRuntime.jsx("input",{autoFocus:!0,className:cn("ml-2 !h-4 w-full rounded-sm border border-border bg-background px-1 text-[11px] leading-tight outline-none",o.isSelected?"text-black dark:text-white":""),type:"text",defaultValue:((n=o.data)==null?void 0:n._name)||((a=o.data)==null?void 0:a._type),onFocus:l=>l.currentTarget.select(),onBlur:l=>o.submit(l.currentTarget.value),onKeyDown:l=>{l.key==="Enter"&&o.submit(l.currentTarget.value)}})},currentAddSelection=jotai.atom(null),getBlockDisplayName=o=>{var n;return o!=null&&o._name?o._name:(o==null?void 0:o._type)==="Box"&&(o!=null&&o.tag)&&(o==null?void 0:o.tag)!=="div"?lodashEs.startCase(o.tag):((n=o==null?void 0:o._type)==null?void 0:n.split("/").pop())||""},truncateText=(o,n)=>o.length>n?o.substring(0,n)+"...":o,Node=React.memo(({node:o,style:n,dragHandle:a})=>{var D;const{t:l}=reactI18next.useTranslation(),r=useUpdateBlocksProps(),[i]=jotai.useAtom(canvasIframeAtom),{hasPermission:c}=usePermissions();let d=null;const p=o.children.length>0,{highlightBlock:u,clearHighlight:m}=useBlockHighlight(),{id:x,data:h,isSelected:g,willReceiveDrop:f,isDragging:b,isEditing:j,handleClick:R}=o,k=lodashEs.get(h,"_show",!0),w=_=>{_.stopPropagation(),k&&o.toggle()},B=_=>{_.isInternal&&(d=_.isOpen,_.isOpen&&_.close())},S=_=>{_.isInternal&&d!==null&&(d?_.open():_.close(),d=null)},[E,y]=jotai.useAtom(currentAddSelection),I=()=>{var _;C(),o.parent.isSelected||y((_=o==null?void 0:o.parent)==null?void 0:_.id)},C=()=>{y(null)},v=_=>{C(),_.stopPropagation(),!o.isOpen&&k&&o.toggle(),R(_)};React.useEffect(()=>{const _=setTimeout(()=>{f&&!o.isOpen&&!b&&k&&o.toggle()},500);return()=>clearTimeout(_)},[f,o,b]);const A=(_,O)=>{const H=i.contentDocument||i.contentWindow.document,M=H.querySelector(`[data-block-id=${_}]`);M&&M.setAttribute("data-drop",O);const U=M.getBoundingClientRect(),V=i.getBoundingClientRect();U.top>=V.top&&U.left>=V.left&&U.bottom<=V.bottom&&U.right<=V.right||(H.documentElement.scrollTop=M.offsetTop-V.top)},T=_=>{C();const O=lodashEs.get(o,"parent.id");O!=="__REACT_ARBORIST_INTERNAL_ROOT__"?pubsub.publish(CHAI_BUILDER_EVENTS.OPEN_ADD_BLOCK,{_id:O,position:_}):pubsub.publish(CHAI_BUILDER_EVENTS.OPEN_ADD_BLOCK,{position:_})};if(x===applyBinding.ROOT_TEMP_KEY)return jsxRuntime.jsxs("div",{className:"group relative w-full cursor-pointer",children:[jsxRuntime.jsx("br",{}),c(PERMISSIONS.ADD_BLOCK)&&jsxRuntime.jsx("div",{role:"button",onClick:()=>T(-1),className:"h-1 rounded bg-primary opacity-0 duration-200 group-hover:opacity-100",children:jsxRuntime.jsxs("div",{className:"absolute left-1/2 top-1/2 flex -translate-x-1/2 -translate-y-1/2 transform items-center gap-x-1 rounded-full bg-primary px-3 py-1 text-[9px] leading-tight text-white hover:bg-primary",children:[jsxRuntime.jsx(reactIcons.PlusIcon,{className:"h-2 w-2 stroke-[3]"})," ",l("Add block")]})}),jsxRuntime.jsx("br",{})]});const{librarySite:N}=useBuilderProp("_tempProps",{librarySite:!1}),L=React.useMemo(()=>N&&lodashEs.has(h,"_libBlockId")&&!lodashEs.isEmpty(h._libBlockId)&&(c(PERMISSIONS.CREATE_LIBRARY_BLOCK)||c(PERMISSIONS.EDIT_LIBRARY_BLOCK)),[h,c,N]),P=React.useMemo(()=>(h==null?void 0:h._type)==="PartialBlock"||(h==null?void 0:h._type)==="GlobalBlock",[h]);return jsxRuntime.jsx("div",{className:"w-full",children:jsxRuntime.jsxs("div",{onMouseEnter:()=>u(x),onMouseLeave:()=>m(),onClick:v,style:n,"data-node-id":x,ref:a,onDragStart:()=>B(o),onDragEnd:()=>S(o),onDragOver:_=>{_.preventDefault(),A(x,"yes")},onDragLeave:_=>{_.preventDefault(),A(x,"no")},onDrop:_=>{_.preventDefault(),A(x,"no")},children:[c(PERMISSIONS.ADD_BLOCK)&&(o==null?void 0:o.rowIndex)>0&&(o.parent.isOpen&&canAddChildBlock(lodashEs.get(o,"parent.data._type"))||((D=o==null?void 0:o.parent)==null?void 0:D.id)==="__REACT_ARBORIST_INTERNAL_ROOT__")&&jsxRuntime.jsx("div",{className:"group relative ml-5 h-full w-full cursor-pointer",children:jsxRuntime.jsx("div",{onClick:_=>{_.stopPropagation(),T(o.childIndex)},onMouseEnter:I,onMouseLeave:C,className:"absolute -top-0.5 h-0.5 w-[90%] rounded bg-primary/80 opacity-0 delay-200 duration-200 group-hover:opacity-100",children:jsxRuntime.jsx("div",{className:"absolute left-1/2 top-1/2 flex h-4 w-4 -translate-x-1/2 -translate-y-1/2 transform items-center justify-center rounded-full bg-primary/80 p-1 outline outline-2 outline-white hover:bg-primary/80",children:jsxRuntime.jsx(reactIcons.PlusIcon,{className:"h-2 w-2 stroke-[2] text-white"})})})}),jsxRuntime.jsxs("div",{className:cn("group flex w-full cursor-pointer items-center justify-between space-x-px !rounded p-1 py-0 outline-none",g?"bg-primary/20":"hover:bg-primary/10",f&&canAcceptChildBlock(h._type,"Icon")?"bg-green-200":"",(o==null?void 0:o.id)===E?"bg-primary/10":"",b&&"opacity-20",k?"":"line-through opacity-50",L&&g&&"bg-primary/20 text-primary"),children:[jsxRuntime.jsxs("div",{className:"flex items-center",children:[jsxRuntime.jsx("div",{className:`flex h-4 w-4 rotate-0 transform cursor-pointer items-center justify-center transition-transform duration-100 ${o.isOpen?"rotate-90":""}`,children:p&&jsxRuntime.jsx("button",{onClick:w,type:"button",children:jsxRuntime.jsx(reactIcons.ChevronRightIcon,{className:"h-3 w-3"})})}),jsxRuntime.jsxs("div",{className:cn("leading-1 flex items-center",L&&"text-orange-600/90",L&&g&&"text-orange-800",P&&"text-purple-600/90",P&&g&&"text-purple-800"),children:[jsxRuntime.jsx(TypeIcon,{type:h==null?void 0:h._type}),j?jsxRuntime.jsx(Input,{node:o}):jsxRuntime.jsx("div",{className:"ml-1.5 flex items-center gap-x-1 truncate text-[13px]",onDoubleClick:_=>{_.stopPropagation(),o.edit(),o.deselect()},children:jsxRuntime.jsx("span",{title:getBlockDisplayName(h).length>17?getBlockDisplayName(h):"",children:truncateText(getBlockDisplayName(h),17)})})]})]}),jsxRuntime.jsxs("div",{className:"invisible flex items-center space-x-1.5 pr-px group-hover:visible",children:[canAddChildBlock(h==null?void 0:h._type)&&k&&c(PERMISSIONS.ADD_BLOCK)?jsxRuntime.jsxs(tooltip.Tooltip,{children:[jsxRuntime.jsx(tooltip.TooltipTrigger,{onClick:()=>pubsub.publish(CHAI_BUILDER_EVENTS.OPEN_ADD_BLOCK,{_id:x}),className:"cursor-pointer rounded bg-transparent p-px hover:bg-primary/10",asChild:!0,children:jsxRuntime.jsx(reactIcons.PlusIcon,{className:"h-4 w-4"})}),jsxRuntime.jsx(tooltip.TooltipContent,{className:"isolate z-[9999]",side:"bottom",children:l("Add block inside")})]}):null,jsxRuntime.jsxs(tooltip.Tooltip,{children:[jsxRuntime.jsx(tooltip.TooltipTrigger,{onClick:_=>{_.stopPropagation(),r([x],{_show:!k}),o.isOpen&&o.toggle()},className:"cursor-pointer rounded bg-transparent p-0.5 hover:bg-primary/10",asChild:!0,children:k?jsxRuntime.jsx(reactIcons.EyeClosedIcon,{className:"h-4 w-4"}):jsxRuntime.jsx(reactIcons.EyeOpenIcon,{className:"h-4 w-4"})}),jsxRuntime.jsx(tooltip.TooltipContent,{className:"isolate z-[9999] text-xs",side:"bottom",children:l(k?"Hide the block from page":"Show the block on page")})]}),jsxRuntime.jsx(BlockMoreOptions,{node:o,id:x,children:jsxRuntime.jsx("div",{className:"cursor-pointer rounded bg-transparent p-px hover:bg-primary/10",children:jsxRuntime.jsx(reactIcons.DotsVerticalIcon,{className:"h-3 w-3"})})})]})]})]})})}),PasteAtRootContextMenu=({parentContext:o,setParentContext:n})=>{const{t:a}=reactI18next.useTranslation(),{canPaste:l,pasteBlocks:r}=usePasteBlocks();return React.useEffect(()=>{l("root")||n(null)},[l("root")]),!o||!l("root")?null:jsxRuntime.jsx("div",{className:"absolute inset-0",children:jsxRuntime.jsxs(tooltip.DropdownMenu,{open:!0,onOpenChange:()=>n(null),children:[jsxRuntime.jsx(tooltip.DropdownMenuTrigger,{className:"hidden"}),jsxRuntime.jsx(tooltip.DropdownMenuContent,{className:"absolute w-28 p-1 text-xs",style:{top:o.y,left:o.x},children:jsxRuntime.jsxs(tooltip.DropdownMenuItem,{className:"flex items-center gap-x-4 text-xs",onClick:()=>{r("root"),n(null)},children:[jsxRuntime.jsx(reactIcons.CardStackIcon,{})," ",a("Paste")]})})]})})},useCanMove=()=>{const[o]=useBlocksStore();return(n,a)=>{var i;const l=(i=lodashEs.find(o,{_id:a}))==null?void 0:i._type,r=lodashEs.first(n.map(c=>{var d;return(d=lodashEs.find(o,{_id:c}))==null?void 0:d._type}));return canAcceptChildBlock(l,r)}},ListTree=()=>{const[treeData]=jotai.useAtom(treeDSBlocks),[ids,setIds]=useSelectedBlockIds(),[cutBlocksIds]=useCutBlockIds(),updateBlockProps=useUpdateBlocksProps(),[,setStyleBlocks]=useSelectedStylingBlocks(),{moveBlocks}=useBlocksStoreUndoableActions(),canMove=useCanMove(),treeRef=React.useRef(null),[,setTreeRef]=jotai.useAtom(treeRefAtom),{t}=reactI18next.useTranslation(),[parentContext,setParentContext]=React.useState(null),clearSelection=()=>{setIds([]),setStyleBlocks([])},filteredTreeData=React.useMemo(()=>{const o=(a,l)=>a.filter(r=>!l.includes(r._id)).map(r=>({...r,children:r.children?o(r.children,l):[]}));return[...o(treeData,cutBlocksIds),{_type:applyBinding.ROOT_TEMP_KEY,_id:applyBinding.ROOT_TEMP_KEY,children:[]}]},[treeData,cutBlocksIds]),onRename=({id:o,name:n,node:a})=>{updateBlockProps([o],{_name:n},a.data._name)},onMove=({dragIds:o,parentId:n,index:a})=>{canMove(o,n)&&moveBlocks(o,n,a)},onSelect=o=>{if(o.length===0)return;const n=o[0]?o[0].id:"";setStyleBlocks([]),setIds([n])},onContextMenu=o=>{var l;o.preventDefault(),parentContext&&setParentContext(null);const n=o.target,a=n.getAttribute("data-node-id")||((l=n.closest("[data-node-id]"))==null?void 0:l.getAttribute("data-node-id"));a?(setStyleBlocks([]),setIds([a])):(setStyleBlocks([]),setIds([]),setParentContext({x:o.clientX,y:o.clientY}))},debouncedDisableDrop=web.useDebouncedCallback(({parentNode:o,dragNodes:n})=>{var a;return(o==null?void 0:o.data._type)===applyBinding.ROOT_TEMP_KEY||!canAcceptChildBlock(o==null?void 0:o.data._type,(a=n[0])==null?void 0:a.data._type)},[],300),handleKeyDown=e=>{if(!treeRef.current)return;const tree=treeRef.current,selectedNode=tree.selectedNodes[0];if(!selectedNode)return;setIds[selectedNode.id],setStyleBlocks([]);const isLeaf=!selectedNode.isInternal,isClosed=!selectedNode.isOpen,isOpen=selectedNode.isOpen,shortcut=defaultShortcuts.find(s=>s.key===e.key&&(!s.when||eval(s.when)));if(shortcut)switch(e.preventDefault(),shortcut.command){case"selectNext":selectNext(tree);break;case"selectPrev":selectPrev(tree);break;case"selectParent":selectParent(tree,isLeaf||isClosed);break;case"close":close(tree,isOpen);break;case"open":open(tree,isClosed);break;case"selectFirst":selectFirst(tree);break;case"selectLast":selectLast(tree);break}};React.useEffect(()=>{const o=()=>{treeRef.current&&setTreeRef(treeRef.current)};o();const n=new MutationObserver(o);return n.observe(document.body,{childList:!0,subtree:!0}),()=>n.disconnect()},[setTreeRef]);const{hasPermission}=usePermissions();return lodashEs.isEmpty(treeData)?jsxRuntime.jsx("div",{children:jsxRuntime.jsx("div",{className:"mt-10 flex h-full w-full items-center justify-center p-8 text-center",children:jsxRuntime.jsxs("p",{className:"mb-1.5 text-sm",children:[t("This page is empty"),jsxRuntime.jsx("br",{}),jsxRuntime.jsx("br",{}),hasPermission(PERMISSIONS.ADD_BLOCK)&&jsxRuntime.jsxs(tooltip.Button,{disabled:!hasPermission(PERMISSIONS.ADD_BLOCK),onClick:()=>pubsub.publish(CHAI_BUILDER_EVENTS.OPEN_ADD_BLOCK),variant:"default",className:"bg-primary/80",size:"sm",children:["+ ",t("Add Block")]})]})})}):jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("div",{className:commonFunctions.cn("flex h-full select-none flex-col space-y-1"),onClick:()=>clearSelection(),children:jsxRuntime.jsxs("div",{id:"outline-view ",className:"no-scrollbar h-full overflow-y-auto text-sm",onKeyDown:o=>{treeRef.current.isEditing||handleKeyDown(o)},children:[jsxRuntime.jsxs("div",{className:"mb-2 flex items-center justify-end gap-x-1 pb-2 text-sm text-muted-foreground",children:[jsxRuntime.jsxs(tooltip.Tooltip,{children:[jsxRuntime.jsx(tooltip.TooltipTrigger,{asChild:!0,children:jsxRuntime.jsx(tooltip.Button,{className:"h-fit p-1",onClick:()=>{var o;return(o=treeRef==null?void 0:treeRef.current)==null?void 0:o.openAll()},variant:"ghost",size:"sm",children:jsxRuntime.jsx(reactIcons.DoubleArrowDownIcon,{className:"h-2 w-2"})})}),jsxRuntime.jsx(tooltip.TooltipContent,{className:"isolate z-[9999]",children:t("Expand all")})]}),jsxRuntime.jsxs(tooltip.Tooltip,{children:[jsxRuntime.jsx(tooltip.TooltipTrigger,{asChild:!0,children:jsxRuntime.jsx(tooltip.Button,{className:"h-fit p-1",onClick:()=>{var o;return(o=treeRef==null?void 0:treeRef.current)==null?void 0:o.closeAll()},variant:"ghost",size:"sm",children:jsxRuntime.jsx(reactIcons.DoubleArrowUpIcon,{className:"h-2 w-2"})})}),jsxRuntime.jsx(tooltip.TooltipContent,{className:"isolate z-[9999]",children:t("Collapse all")})]})]}),jsxRuntime.jsx("div",{className:"group relative z-30 ml-5 w-full cursor-pointer",children:jsxRuntime.jsx("div",{onClick:()=>pubsub.publish(CHAI_BUILDER_EVENTS.OPEN_ADD_BLOCK,{position:0}),className:"h-1 w-[90%] rounded bg-primary opacity-0 duration-200 group-hover:opacity-100",children:jsxRuntime.jsx("div",{className:"absolute left-[45%] top-1/2 flex h-4 w-4 -translate-x-1/2 -translate-y-1/2 transform items-center justify-center rounded-full bg-primary p-1 outline outline-2 outline-white hover:bg-primary",children:jsxRuntime.jsx(reactIcons.PlusIcon,{className:"h-3 w-3 stroke-[3] text-white"})})})}),jsxRuntime.jsx(reactArborist.Tree,{ref:treeRef,height:window.innerHeight-160,className:"no-scrollbar !h-full max-w-full space-y-1 !overflow-y-auto !overflow-x-hidden",rowClassName:"flex items-center h-full border-b border-transparent",selection:ids[0]||"",onRename,openByDefault:!1,onMove,data:[...filteredTreeData],renderCursor:DefaultCursor,onSelect,childrenAccessor:o=>o.children,width:"100%",rowHeight:25,renderDragPreview:DefaultDragPreview,indent:10,onContextMenu,disableDrop:debouncedDisableDrop,idAccessor:"_id",children:Node})]})}),jsxRuntime.jsx(SaveToLibraryModal,{}),jsxRuntime.jsx(PasteAtRootContextMenu,{parentContext,setParentContext})]})},BorderRadiusInput=({value:o,onChange:n,disabled:a})=>{const[l,r]=React.useState(o),i=web.useThrottledCallback(n,[o],200,!0);return jsxRuntime.jsx(tooltip.Slider,{min:0,step:1,max:50,disabled:a,value:[Number(l.replace("px",""))],onValueChange:c=>{r(c[0].toString()+"px"),i(c[0].toString())},className:"flex-1 cursor-pointer"})},ColorPickerInput=({value:o,onChange:n})=>{const a=lodashEs.debounce(l=>n(l),200);return jsxRuntime.jsx("div",{className:"relative flex h-6 w-6 cursor-pointer rounded-lg border border-border",style:{backgroundColor:o},children:jsxRuntime.jsx("input",{type:"color",value:o.startsWith("#")?o:"#000000",onChange:l=>{const r=l.target.value;/^#[0-9A-F]{6}$/i.test(r)&&a(r)},className:"absolute inset-0 h-full w-full cursor-pointer rounded-lg border-0 opacity-0"})})},FontSelector=({label:o,value:n,onChange:a})=>{const l=runtime.useRegisteredFonts();return React.useEffect(()=>{l.some(r=>r.family===n)||a(l[0].family)},[n,a]),jsxRuntime.jsxs("div",{className:"space-y-0.5",children:[jsxRuntime.jsx(tooltip.Label,{className:"mb-1 block text-xs text-gray-600",children:lodashEs.startCase(o)}),jsxRuntime.jsxs(tooltip.Select,{value:n,onValueChange:a,children:[jsxRuntime.jsx(tooltip.SelectTrigger,{className:"h-8 w-full text-xs text-black",children:jsxRuntime.jsx(tooltip.SelectValue,{placeholder:"Select font"})}),jsxRuntime.jsx(tooltip.SelectContent,{children:l.map(r=>jsxRuntime.jsx(tooltip.SelectItem,{value:r.family,children:r.family},r.family))})]})]})},defaultShadcnPreset={fontFamily:{heading:"Poppins",body:"Poppins"},borderRadius:"6px",colors:{background:["#ffffff","#0a0a0a"],foreground:["#0a0a0a","#fafafa"],primary:["#171717","#e5e5e5"],"primary-foreground":["#fafafa","#171717"],secondary:["#f5f5f5","#262626"],"secondary-foreground":["#171717","#fafafa"],muted:["#f5f5f5","#262626"],"muted-foreground":["#737373","#a1a1a1"],accent:["#f5f5f5","#404040"],"accent-foreground":["#171717","#fafafa"],destructive:["#e7000b","#ff6467"],"destructive-foreground":["#ffffff","#fafafa"],border:["#e5e5e5","#282828"],input:["#e5e5e5","#343434"],ring:["#a1a1a1","#737373"],card:["#ffffff","#171717"],"card-foreground":["#0a0a0a","#fafafa"],popover:["#ffffff","#262626"],"popover-foreground":["#0a0a0a","#fafafa"]}},twitter={fontFamily:{heading:"Poppins",body:"Poppins"},borderRadius:"4px",colors:{background:["#ffffff","#000000"],foreground:["#0f1419","#e7e9ea"],primary:["#1e9df1","#1c9cf0"],"primary-foreground":["#ffffff","#ffffff"],secondary:["#0f1419","#f0f3f4"],"secondary-foreground":["#ffffff","#0f1419"],muted:["#e5e5e6","#181818"],"muted-foreground":["#0f1419","#72767a"],accent:["#e3ecf6","#061622"],"accent-foreground":["#1e9df1","#1c9cf0"],destructive:["#f4212e","#f4212e"],"destructive-foreground":["#ffffff","#ffffff"],border:["#e1eaef","#242628"],input:["#f7f9fa","#22303c"],ring:["#1da1f2","#1da1f2"],card:["#f7f8f8","#17181c"],"card-foreground":["#0f1419","#d9d9d9"],popover:["#ffffff","#000000"],"popover-foreground":["#0f1419","#e7e9ea"],sidebar:["#f7f8f8","#17181c"],"sidebar-foreground":["#0f1419","#d9d9d9"],"sidebar-primary":["#1e9df1","#1da1f2"],"sidebar-primary-foreground":["#ffffff","#ffffff"],"sidebar-accent":["#e3ecf6","#061622"],"sidebar-accent-foreground":["#1e9df1","#1c9cf0"],"sidebar-border":["#e1e8ed","#38444d"],"sidebar-ring":["#1da1f2","#1da1f2"]}},solarized={fontFamily:{heading:"Geist",body:"Geist"},borderRadius:"4px",colors:{background:["#fdf6e3","#002b36"],foreground:["#073642","#93a1a1"],primary:["#d33682","#d33682"],"primary-foreground":["#ffffff","#ffffff"],secondary:["#2aa198","#2aa198"],"secondary-foreground":["#ffffff","#ffffff"],muted:["#93a1a1","#586e75"],"muted-foreground":["#073642","#93a1a1"],accent:["#cb4b16","#cb4b16"],"accent-foreground":["#ffffff","#ffffff"],destructive:["#dc322f","#dc322f"],"destructive-foreground":["#ffffff","#ffffff"],border:["#839496","#586e75"],input:["#839496","#586e75"],ring:["#d33682","#d33682"],card:["#eee8d5","#073642"],"card-foreground":["#073642","#93a1a1"],popover:["#eee8d5","#073642"],"popover-foreground":["#073642","#93a1a1"]}},claude={fontFamily:{heading:"Poppins",body:"Poppins"},borderRadius:"6px",colors:{background:["#faf9f5","#262624"],foreground:["#3d3929","#c3c0b6"],primary:["#c96442","#d97757"],"primary-foreground":["#ffffff","#ffffff"],secondary:["#e9e6dc","#faf9f5"],"secondary-foreground":["#535146","#30302e"],muted:["#ede9de","#1b1b19"],"muted-foreground":["#83827d","#b7b5a9"],accent:["#e9e6dc","#1a1915"],"accent-foreground":["#28261b","#f5f4ee"],destructive:["#141413","#ef4444"],"destructive-foreground":["#ffffff","#ffffff"],border:["#dad9d4","#3e3e38"],input:["#b4b2a7","#52514a"],ring:["#c96442","#d97757"],card:["#faf9f5","#262624"],"card-foreground":["#141413","#faf9f5"],popover:["#ffffff","#30302e"],"popover-foreground":["#28261b","#e5e5e2"]}},supabase={fontFamily:{heading:"Inter",body:"Inter"},borderRadius:"6px",colors:{background:["#fff9f5","#2a2024"],foreground:["#3d3436","#f2e9e4"],primary:["#ff7e5f","#ff7e5f"],"primary-foreground":["#ffffff","#ffffff"],secondary:["#ffedea","#463a41"],"secondary-foreground":["#b35340","#f2e9e4"],muted:["#fff0eb","#392f35"],"muted-foreground":["#78716c","#d7c6bc"],accent:["#feb47b","#feb47b"],"accent-foreground":["#3d3436","#2a2024"],destructive:["#e63946","#e63946"],"destructive-foreground":["#ffffff","#ffffff"],border:["#ffe0d6","#463a41"],input:["#ffe0d6","#463a41"],ring:["#ff7e5f","#ff7e5f"],card:["#ffffff","#392f35"],"card-foreground":["#3d3436","#f2e9e4"],popover:["#ffffff","#392f35"],"popover-foreground":["#3d3436","#f2e9e4"]}},LazyCssImportModal=React.lazy(()=>Promise.resolve().then(()=>require("./css-import-modal-BQLoUINw.cjs")).then(o=>({default:o.CssImportModal}))),PREV_THEME_KEY="chai-builder-previous-theme",DEFAULT_THEME_PRESET=[{shadcn_default:defaultShadcnPreset},{twitter_theme:twitter},{solarized_theme:solarized},{claude_theme:claude},{supabase_theme:supabase}],setPreviousTheme=o=>{if(!(typeof window>"u"))try{localStorage.setItem(PREV_THEME_KEY,JSON.stringify(o))}catch(n){console.warn("Failed to save previous theme to localStorage:",n)}},clearPreviousTheme=()=>{if(!(typeof window>"u"))try{localStorage.removeItem(PREV_THEME_KEY)}catch(o){console.warn("Failed to clear previous theme from localStorage:",o)}},ThemeConfigPanel=React__namespace.memo(({className:o=""})=>{const[n,a]=useDarkMode(),[l,r]=React__namespace.useState(""),[i,c]=React__namespace.useState(!1),d=useBuilderProp("themePresets",[]),p=useBuilderProp("themePanelComponent",null),{hasPermission:u}=usePermissions();if(d){const S=d.map(E=>Object.keys(E)[0]);DEFAULT_THEME_PRESET.forEach(E=>{const y=Object.keys(E)[0];S.includes(y)||d.push(E)})}const[m,x]=useTheme(),h=useThemeOptions(),{t:g}=reactI18next.useTranslation(),f=React__namespace.useCallback(S=>{const E={...m};setPreviousTheme(E),x(S),sonner.toast.success("Theme updated",{action:{label:jsxRuntime.jsxs("span",{className:"flex items-center gap-2",children:[jsxRuntime.jsx(reactIcons.ResetIcon,{className:"h-4 w-4"})," Undo"]}),onClick:()=>{x(E),clearPreviousTheme(),sonner.toast.dismiss()}},closeButton:!0,duration:15e3})},[m,x]),b=()=>{const S=d.find(E=>Object.keys(E)[0]===l);if(S){const E=Object.values(S)[0];E&&typeof E=="object"&&"fontFamily"in E&&"borderRadius"in E&&"colors"in E?(f(E),r("")):console.error("Invalid preset structure:",E)}else console.error("Preset not found:",l)},j=S=>{f(S),r("")},R=web.useDebouncedCallback((S,E)=>{x(()=>({...m,fontFamily:{...m.fontFamily,[S.replace(/font-/g,"")]:E}}))},[m],200),k=React__namespace.useCallback(S=>{x(()=>({...m,borderRadius:`${S}px`}))},[m]),w=web.useDebouncedCallback((S,E)=>{x(()=>{const y=lodashEs.get(m,`colors.${S}`);return n?lodashEs.set(y,1,E):lodashEs.set(y,0,E),{...m,colors:{...m.colors,[S]:y}}})},[m],200),B=S=>jsxRuntime.jsx("div",{className:"grid grid-cols-1",children:Object.entries(S.items).map(([E])=>{const y=lodashEs.get(m,`colors.${E}.${n?1:0}`);return y?jsxRuntime.jsxs("div",{className:"mt-1 flex items-center gap-x-2",children:[jsxRuntime.jsx(ColorPickerInput,{value:y,onChange:I=>w(E,I)}),jsxRuntime.jsx(tooltip.Label,{className:"text-xs font-normal leading-tight",children:E.split(/(?=[A-Z])/).join(" ").replace(/-/g," ").split(" ").map(I=>I.charAt(0).toUpperCase()+I.slice(1)).join(" ")+(!E.toLowerCase().includes("foreground")&&!E.toLowerCase().includes("border")&&!E.toLowerCase().includes("input")&&!E.toLowerCase().includes("ring")&&!E.toLowerCase().includes("background")?" Background":"")})]},E):null})});return u("edit_theme")?jsxRuntime.jsxs("div",{className:"relative w-full",children:[jsxRuntime.jsxs("div",{className:commonFunctions.cn("no-scrollbar h-full w-full overflow-y-auto",o),children:[d.length>0&&jsxRuntime.jsxs("div",{className:"mx-0 my-2 flex flex-col gap-1 py-2",children:[jsxRuntime.jsxs("div",{className:"flex w-full items-center justify-between",children:[jsxRuntime.jsx(tooltip.Label,{className:"text-sm",children:g("Presets")}),jsxRuntime.jsx("div",{className:"flex gap-2",children:jsxRuntime.jsxs(tooltip.Button,{className:"px-1",variant:"link",size:"sm",onClick:()=>c(!0),children:[jsxRuntime.jsx(reactIcons.UploadIcon,{className:"h-4 w-4"}),g("Import theme")]})})]}),jsxRuntime.jsxs("div",{className:"flex items-center gap-2 px-0",children:[jsxRuntime.jsx("div",{className:"w-[70%]",children:jsxRuntime.jsxs(tooltip.Select,{value:l,onValueChange:r,children:[jsxRuntime.jsx(tooltip.SelectTrigger,{className:"h-9 w-full text-sm",children:jsxRuntime.jsx(tooltip.SelectValue,{placeholder:"Select preset"})}),jsxRuntime.jsx(tooltip.SelectContent,{children:Array.isArray(d)&&d.map(S=>{const E=Object.keys(S)[0],y=E.replaceAll("_"," ");return jsxRuntime.jsx(tooltip.SelectItem,{value:E,children:lodashEs.capitalize(y)},E)})})]})}),jsxRuntime.jsx("div",{className:"w-[25%]",children:jsxRuntime.jsx(tooltip.Button,{className:"w-full text-sm",disabled:!l,onClick:b,children:g("Apply")})})]})]}),jsxRuntime.jsx(tooltip.Separator,{}),jsxRuntime.jsxs("div",{className:commonFunctions.cn("my-2 space-y-3",o),children:[jsxRuntime.jsxs("div",{className:"flex items-center gap-2",children:[jsxRuntime.jsx(reactIcons.TextIcon,{className:"h-3 w-3 text-gray-600"}),jsxRuntime.jsx("span",{className:"text-xs font-medium text-gray-700",children:"Typography"})]}),(h==null?void 0:h.fontFamily)&&jsxRuntime.jsx("div",{className:"space-y-2",children:Object.entries(h.fontFamily).map(([S,E])=>jsxRuntime.jsx(FontSelector,{label:S,value:m.fontFamily[S.replace(/font-/g,"")]||E[Object.keys(E)[0]],onChange:y=>R(S,y)},S))}),jsxRuntime.jsx(tooltip.Separator,{}),(h==null?void 0:h.borderRadius)&&jsxRuntime.jsxs("div",{className:"space-y-0.5",children:[jsxRuntime.jsxs("div",{className:"flex items-center justify-between",children:[jsxRuntime.jsxs("div",{className:"flex items-center gap-2",children:[jsxRuntime.jsx(reactIcons.CornerTopRightIcon,{className:"h-3 w-3 text-gray-600"}),jsxRuntime.jsx("span",{className:"text-xs font-medium text-gray-700",children:"Border Radius"})]}),jsxRuntime.jsx(tooltip.Badge,{variant:"secondary",className:"text-xs",children:m.borderRadius})]}),jsxRuntime.jsx("div",{className:"flex items-center gap-4 py-2",children:jsxRuntime.jsx(BorderRadiusInput,{value:m.borderRadius,onChange:k})})]}),jsxRuntime.jsx(tooltip.Separator,{}),(h==null?void 0:h.colors)&&jsxRuntime.jsxs("div",{className:"space-y-3",children:[jsxRuntime.jsxs("div",{className:"flex items-center justify-between",children:[jsxRuntime.jsxs("div",{className:"flex items-center gap-2",children:[jsxRuntime.jsx(reactIcons.MixerHorizontalIcon,{className:"h-3 w-3 text-gray-600"}),jsxRuntime.jsx("span",{className:"text-xs font-medium text-gray-700",children:"Colors"})]}),jsxRuntime.jsx("div",{className:"flex items-center gap-2",children:jsxRuntime.jsxs("div",{className:"flex items-center gap-2",children:[jsxRuntime.jsx(reactIcons.SunIcon,{className:"h-4 w-4"}),jsxRuntime.jsx(tooltip.Switch,{checked:n,onCheckedChange:S=>a(S),"aria-label":"Toggle dark mode",className:"mx-1"}),jsxRuntime.jsx(reactIcons.MoonIcon,{className:"h-4 w-4"})]})})]}),jsxRuntime.jsx("div",{className:"space-y-2",children:h.colors.map(S=>B(S))})]}),jsxRuntime.jsx(React.Suspense,{fallback:jsxRuntime.jsx("div",{children:"Loading..."}),children:i&&jsxRuntime.jsx(LazyCssImportModal,{open:i,onOpenChange:c,onImport:j})})]}),jsxRuntime.jsx("br",{}),jsxRuntime.jsx("br",{}),jsxRuntime.jsx("br",{}),jsxRuntime.jsx("br",{})]}),p&&jsxRuntime.jsx("div",{className:"absolute bottom-4 w-full",children:React__namespace.createElement(p)})]}):jsxRuntime.jsx("div",{className:"relative w-full",children:jsxRuntime.jsx("div",{className:commonFunctions.cn("no-scrollbar h-full w-full overflow-y-auto text-center",o),children:jsxRuntime.jsx("div",{className:"mt-10 h-full items-center justify-center gap-2 text-muted-foreground",children:jsxRuntime.jsx("p",{className:"text-sm",children:"You don't have permission to edit the theme. Please contact your administrator to get access."})})})})}),Core="Core",Import="Import",Breakpoints="Breakpoints",Clear="Clear",Cancel="Cancel",Yes="Yes",Preview="Preview",Settings="Settings",Styling="Style",SVG_code="Enter SVG code here",Remove="Remove",Choose="Choose",Cut="Cut",Copy="Copy",Paste="Paste",Delete="Delete",classes="classes",Theme="Theme",Outline="Outline",Copied="Copied",Stop="Stop",Edit="Edit",Tag="Tag",Value="Value",URL$1="URL",Images="Images",Library="Library",Blocks="Blocks",Basic="Basic",Media="Media",Advanced="Advanced",Form="Form",Groups="Groups",Accordions="Accordions",Buttons="Buttons",Layouts="Layouts",FAQ="FAQ",Hero="Hero",Features="Features",Footer="Footer",Navbar="Navbar",Icons="Icons",Testimonials="Testimonials",Blog="Blog",Saved="Saved",Unsaved="Unsaved",Randomize="Randomize",Classes="Classes",All="All",Undo="Undo",Redo="Redo",Duplicate="Duplicate",Close="Close",Selected="Selected",Select="Select",Attributes="Attributes",apply="apply",presets="presets",Orientation="Orientation",Color="Color",Upload="Upload",Apply="Apply",Back="Back",Insert="Insert",Rename="Rename",Partials="Partials",Happy="Happy",Sad="Sad",Retry="Retry",canvas_empty="Canvas is empty",Presets="Presets",No="No",Saving="Saving",theme_config={heading_font:"Heading Font",body_font:"Body Font",rounded_corner:"Rounded Corners",primary:"Primary",secondary:"Secondary",background:"Background",text_color:"Text Color",background_dark_mode:"Background (Dark Mode)",text_color_dark_mode:"Text Color (Dark Mode)"},web_blocks={box:"box",tag:"Tag",div:"div",level:"Level",header:"header",footer:"footer",section:"section",article:"article",aside:"aside",main:"main",nav:"navigation",figure:"figure",details:"details",summary:"summary",dialog:"dialog",strike:"strike",caption:"caption",legend:"legend",figcaption:"figure caption",mark:"mark",background_image:"Background Image",label:"Label",default:"default",icon_size:"Icon Size",icon_position:"Icon Position",start:"Start",end:"End",button:"Button",custom_html:"Custom HTML",html_code:"HTML Code",default_snippet:"The HTML snippet goes here...",placeholder:"Enter custom HTML code here",custom_script:"Custom Script",dark_mode:"Dark Mode",divider:"Divider",empty_box:"Empty Box",heading:"Heading",image:"Image",alt:"Alt",width:"Width",height:"Height",video:"Video",span:"Span",content:"Content",icon:"Icon",richtext:"Rich Text",list:"List",list_type:"List Type",listitem:"List Item",link:"Link",list_item:"List Item",none:"None",disc:"Disc",number:"Number",paragraph:"Paragraph",lightbox_link:"Lightbox Link",href:"Link",type:"Type",iframe:"iframe",inline:"inline",ajax:"ajax",autoplay:"Video autoplay",max_width:"Max Width",backdrop_color:"Background Color",gallery_name:"Gallery Name",slot:"Slot",empty_slot:"Empty Slot",text:"Text",video_url:"Video URL",controls:"Show Controls",loop:"Loop",muted:"Muted",checkbox:"Checkbox",required:"Required",checked:"Checked",submit_button:"Submit Button",form:"Form",submit_url:"Submit URL",error_message:"Error Message",success_message:"Success Message",input:"Input",value:"Value",show_label:"Show Label",field_name:"Field Name",radio:"Radio",multiple:"Multiple",options:"Options",select:"Select",multiple_choice:"Multiple Choice",textarea:"Textarea",rows:"Rows"},lngEn={"Add block":"Add Block","Add Block":"Add Block","Add blocks":"Add blocks","Add inside":"Add inside","Add before":"Add before","Add after":"Add after","Add block inside":"Add block inside","Add field":"Add field","Enter or paste TailwindCSS HTML snippet":"Enter or paste TailwindCSS HTML snippet","Click to add block to page":"Click to add block to page",Core,"Custom Blocks":"Custom Blocks","UI Library":"UI Library",Import,"Use HTML snippets from Tailwind CSS component libraries":"Use HTML snippets from Tailwind CSS component libraries","Tailwind HTML snippet":"Tailwind HTML snippet","Enter your code snippet here":"Enter your code snippet here","Import HTML":"Import HTML","Imported HTML Note":"NOTE: Imported html will be added to the currently selected block. If no block is selected, the html will be added to the page.","Dark Mode":"Dark Mode","This page has no blocks. Add a block by clicking the + button":"This page has no blocks. Add a block by clicking the + button","This page is empty":"This page is empty","Please select a block to edit settings or styles":"Please select a block to edit settings or styles","Please select a block to Ask AI":"Please select a block to ask AI","Please select a styling block":"Please select a styling block","Drop your block here":"Drop your block here","Use setting":"Use setting","Mobile (XS)":"Mobile (XS)","Styles set here are applied to all screen unless edited at higher breakpoint":"Styles set here are applied to all screen unless edited at higher breakpoint","Mobile landscape (SM)":"Mobile landscape (SM)","Styles set here are applied at 640px and up unless edited at higher breakpoint":"Styles set here are applied at 640px and up unless edited at higher breakpoint","Tablet (MD)":"Tablet (MD)","Styles set here are applied at 768px and up":"Styles set here are applied at 768px and up","Tablet Landscape (LG)":"Tablet Landscape (LG)","Styles set here are applied at 1024px and up unless edited at higher breakpoint":"Styles set here are applied at 1024px and up unless edited at higher breakpoint","Desktop (XL)":"Desktop (XL)","Styles set here are applied at 1280px and up unless edited at higher breakpoint":"Styles set here are applied at 1280px and up unless edited at higher breakpoint","Large Desktop (2XL)":"Large Desktop (2XL)","Styles set here are applied at 1536px and up":"Styles set here are applied at 1536px and up",Breakpoints,Clear,"Clear whole canvas?":"Clear whole canvas?","Are you sure you want to clear the whole canvas?":"Are you sure you want to clear the whole canvas?",Cancel,Yes,Preview,Settings,Styling,SVG_code,"Paste SVG_code":"Choose icon or paste SVG code","Enter Key":"Enter Key","Data Provider":"Data Provider","Remove Provider Confirmation":"Are you sure you want to remove <span class='text-blue-500'>{name}</span> provider?","Your data provider will be removed from this page and all added data binding will be not visible on blocks.":"Your data provider will be removed from this page and all added data binding will be not visible on blocks.",Remove,"You have no data providers registered. Please add a data provider to your project.":"You have no data providers registered. Please add a data provider to your project.","Learn more":"Learn more","Add data providers:":"Add data providers:","Select a provider":"Select a provider",Choose,"Page data providers:":"Page data providers:","View Data":"View Data","Mark as Global":"Mark as Global","Note: Global blocks are single instances. Editing global blocks will be reflected on all pages using these blocks.":"Note: Global blocks are single instances. Editing global blocks will be reflected on all pages using these blocks.","Global blocks are indicated with":"Global blocks are indicated with","Global blocks are available under 'Global' category":"Global blocks are available under 'Global' category","Enter global block name":"Enter global block name","Eg: Header, Footer":"Eg: Header, Footer","{length} blocks selected.":"{length} blocks selected.",Cut,Copy,Paste,Delete,"Clear Selection":"Clear Selection","This is dev mode. Visit":"This is dev mode. Visit","to see page preview":"to see page preview",classes,Theme,Outline,"Not supported":"Not supported","Please use Chrome, Firefox or Safari":"Please use Chrome, Firefox or Safari","Download Complete":"Download complete",Copied,"Enter Classes":"Enter classes separated by space","Ask AI":"Ask AI","Edit with AI":"Edit with AI","Generating... Please wait...":"Generating... Please wait...","Saving... Please wait...":"Saving... Please wait...","Deleting... Please wait...":"Deleting... Please wait...",Stop,"E.g.: This page is about an AI assistant app called Chai Studio. It allows users to create beautiful webpages and edit content with AI":"E.g.: This page is about an AI assistant app called Chai Studio. It allows users to create beautiful webpages and edit content with AI.","Ask AI to edit styles":"Ask AI to edit styles","Ask AI to edit content":"Ask AI to edit content","AI Context":"AI Context","Select Block for AI":"Select a block to edit with AI","Select Block to Edit":"Please select a block to edit",Edit,"Describe this page. E.g.: This page is about...":"Describe this page. E.g.: This page is about...",Tag,Value,"Background Image":"Background Image","Enter image URL":"Enter image URL","Enter URL":"Enter URL",URL:URL$1,"Replace image":"Replace image","Choose image":"Choose image",Images,Library,Blocks,Basic,Media,Advanced,Form,"Choose Icon or SVG":"Choose an icon or enter SVG",Groups,"UI Libraries":"UI Libraries",Accordions,Buttons,Layouts,"Choose Library":"Choose library","No Library Found":"No library found.",FAQ,Hero,Features,Footer,Navbar,Icons,Testimonials,Blog,"Remove context":"Remove context","Yes, Delete":"Yes, Delete","AI Context Updated":"AI Context Updated","You can now ask AI to edit your content.":"You can now ask AI to edit your content.",Saved,Unsaved,"Saving...":"Saving...","Improve writing":"Improve writing","Replace placeholder content":"Replace placeholder content","Discard current placeholder content and replace with meaningful relevant content.":"Discard current placeholder content and replace with meaningful relevant content.","Fix grammar":"Fix grammar","Fix grammar in all text elements. Ensuring the text is grammatically correct and free of errors.":"Fix grammar in all text elements. Ensuring the text is grammatically correct and free of errors.","Make longer":"Make longer","Make all text elements longer.":"Make all text elements longer.","Make shorter":"Make shorter","Make all text elements shorter.":"Make all text elements shorter.","Add emojis":"Add emojis","Add emojis to text elements if relevant.":"Add emojis to text elements if relevant.",Randomize,"Randomize all text elements.":"Randomize all text elements.","Edit Block":"Edit Block","AI Assistant":"AI Assistant","Theme Config":{"Heading Font":"Heading Font","Body Font":"Body Font","Rounded Corner":"Rounded Corners",Primary:"Primary",Secondary:"Secondary",Background:"Background","Text Color":"Text Color","Background Dark Mode":"Background (Dark Mode)","Text Color Dark Mode":"Text Color (Dark Mode)","Reset styles":"Reset styles"},"Copy classes to clipboard":"Copy classes to clipboard","Classes copied to clipboard":"Classes copied to clipboard",Classes,All,"Enter classes separated by space":"Enter classes separated by space","Show hidden blocks":"Show hidden blocks","Expand all":"Expand all","Collapse all":"Collapse all","Choose library":"Choose library","Close Preview":"Close Preview",Error:"Error","Failed to copy template":"Failed to copy template","Total tokens used":"Total tokens used","Updated AI Context":"Updated AI Context","You can now Ask AI to edit your content":"You can now Ask AI to edit your content","Tell about this page eg this page is about":"Tell about this page eg this page is about..","Delete Context":"Delete Context","Keyboard shortcuts":"Keyboard shortcuts",Undo,Redo,Duplicate,"Deselect blocks":"Deselect blocks","Delete block":"Delete block","Save page":"Save page","Scripts will be only executed in preview and live mode.":"Scripts will be only executed in preview and live mode.","HTML Code Editor |":"HTML Code Editor |",Close,"Coming soon":"Coming soon",Selected,Select,"Choose Builder Layout":"Choose Builder Layout","Single side panel":"Single side panel","Suitable for smaller screens. Bigger canvas size.":"Suitable for smaller screens. Bigger canvas size.","Dual side panel":"Dual side panel","Suitable for larger screens. Smaller canvas size.":"Suitable for larger screens. Smaller canvas size.","Dual side panel advanced":"Dual side panel advanced","Suitable for heavy styling & block editing. Setting are always visible.":"Suitable for heavy styling & block editing. Setting are always visible.","Block Settings":"Block Settings","Visibility settings":"Visibility settings","Show on canvas":"Show on canvas",Attributes,"Apply Presets":"Apply Presets",apply,presets,"Global presets":"Global presets",Orientation,Color,"Please select an image":"Please select an image","click to upload":"click to upload","SVG, PNG, JPG or GIF (Max. 2mb)":"SVG, PNG, JPG or GIF (Max. 2mb)","Uploading...":"Uploading...",Upload,"Something went wrong":"Something went wrong","Fetching...":"Fetching...","No images found":"No images found","It looks like you haven't uploaded any images yet. Start by clicking the upload button above.":"It looks like you haven't uploaded any images yet. Start by clicking the upload button above.","Open Code Editor":"Open Code Editor","Clear search":"Clear search","No results found for":"No results found for","Search {{pageTypeName}}":"Search {{pageTypeName}}","Goto Page":"Goto Page","Open URL":"Open URL","Compose Email":"Compose Email","Call Phone":"Call Phone","Scroll to element":"Scroll to element","#ElementID":"#ElementID","Enter details":"Enter details","Open in new tab":"Open in new tab",Apply,Back,Insert,Rename,"Unlink from library":"Unlink from library","Save to Library":"Save to Library","No blocks found in this group":"No blocks found in this group","No blocks found matching":"No blocks found matching","No matching blocks found":"No matching blocks found","Search blocks...":"Search blocks...",Partials,Happy,Sad,"Importing...":"Importing...","Failed to load the UI library. Try again":"Failed to load the UI library. Try again",Retry,"Oops! Something went wrong.":"Oops! Something went wrong.","Please try again.":"Please try again.","No option found.":"No option found.","Clipboard not supported":"Clipboard not supported","Are you sure you want to clear the page?":"Are you sure you want to clear the page?",canvas_empty,Presets,"Reset style":"Reset style","Reset styles":"Reset styles","Clear styles":"Clear styles","Open code editor":"Open code editor","Style element":"Style element","Repeater Data":"Repeater Data","Toggle Data Binding":"Toggle Data Binding",No,Saving,"Screen sizes":"Screen sizes","Theme Settings":"Theme Settings","Import CSS Theme":"Import CSS Theme","Import theme":"Import theme","Import Theme":"Import Theme","CSS Variables":"CSS Variables","You don't have permission to edit settings or styles":"You don't have permission to edit settings or styles","Please contact your administrator to get access":"Please contact your administrator to get access","flex.heading":"Flex Child","flex.basis":"Basis","flex.order":"Order","flex.flex":"Flex","flex.grow":"Grow","flex.shrink":"Shrink","grid.heading":"Grid Child","grid.col_span":"Col Span","grid.col_start":"Col Start","grid.col_end":"Col End","grid.row_span":"Row Span","grid.row_start":"Row Start","grid.row_end":"Row End","grid.order":"Order","layout.heading":"Layout","layout.width":"Width","layout.height":"Height","layout.margin":"Margin","layout.margin_all":"All","layout.margin_lr":"Left-Right","layout.margin_tb":"Top-Bottom","layout.margin_top":"Top","layout.margin_right":"Right","layout.margin_bottom":"Bottom","layout.margin_left":"Left","layout.padding":"Padding","layout.padding_all":"All","layout.padding_lr":"Left-Right","layout.padding_tb":"Top-Bottom","layout.padding_top":"Top","layout.padding_right":"Right","layout.padding_bottom":"Bottom","layout.padding_left":"Left","layout.space_bt":"Space Bt.","layout.space_lr":"Left-Right","layout.space_tb":"Top-Bottom","size.heading":"Size","size.min_width_height":"Min width & height","size.min_width":"Min Width","size.min_height":"Min Height","size.max_width_height":"Max width & height","size.max_width":"Max Width","size.max_height":"Max Height","size.object_options_aspect_ratio":"Object options & aspect ratio","size.aspect":"Aspect","size.fit":"Fit","size.position":"Position","display.heading":"Display","display.display":"Display","display.flex_options":"Flex options","display.flex_direction":"Direction","display.flex_wrap":"Wrap","display.justify_content":"Justify","display.align_content":"Content","display.align_items":"Items","display.gap":"Gap","display.gap_all":"All","display.gap_lr":"Left-Right","display.gap_tb":"Top-Bottom","display.grid_options":"Grid options","display.grid_columns":"Columns","display.grid_rows":"Rows","display.grid_auto_flow":"Auto Flow","display.grid_auto_cols":"Auto Cols","display.grid_auto_rows":"Auto Rows","display.visibility_opacity":"Visibility & Opacity","display.visibility":"Visibility","display.opacity":"Opacity","position.heading":"Position","position.position":"Position","position.options":"Position options","position.direction":"Direction","position.top":"Top","position.right":"Right","position.bottom":"Bottom","position.left":"Left","position.inset":"Inset","position.all":"All","position.lr":"Left Right","position.tb":"Top Bottom","position.z_index":"Z-Index","position.float_clear":"Float & Clear","position.float":"Float","position.clear":"Clear","position.overflow_overscroll":"Overflow & Overscroll","position.overflow":"Overflow","position.overscroll":"Overscroll","typography.heading":"Typography","typography.font":"Font","typography.size":"Size","typography.height":"Height","typography.weight":"Weight","typography.color":"Color","typography.alignments":"Alignments","typography.align":"Align","typography.valign":"V. Align","typography.spacing_decoration_more":"Spacing, decoration & more","typography.spacing":"Spacing","typography.decoration":"Decoration","typography.thickness":"Thickness","typography.transform":"Transform","typography.whitespace_breaks":"White space & breaks","typography.whitespace":"Whitespace","typography.wordbreak":"Wordbreak","background.heading":"Background","background.bgcolor":"Bg. Color","background.position_size_more":"Position, Size & more","background.attachment":"Attachment","background.clipping":"Clipping","background.origin":"Origin","background.position":"Position","background.repeat":"Repeat","background.size":"Size","background.gradient":"Gradient","background.gradient_colors":"Gradient colors","background.from_color":"From","background.via_color":"Via","background.to_color":"To","border.heading":"Border & Outline","border.width":"Width","border.all":"All","border.lr":"Left Right","border.tb":"Top bottom","border.top":"Top","border.right":"Right","border.bottom":"Bottom","border.left":"Left","border.corners":"Corners","border.top_left":"Top Left","border.top_right":"Top right","border.bottom_right":"Bottom right","border.bottom_left":"Bottom left","border.color":"Color","border.style":"Style","border.divide_options":"Divide options","border.divide_color":"Color","border.divide_style":"Style","border.outline_styling":"Outline styling","border.outline_width":"Width","border.outline_offset":"Offset","border.outline_style":"Style","border.ring_options":"Ring options","border.ring_width":"Width","border.ring_color":"Color","border.ring_offset_width":"Offset","border.ring_offset_color":"Off. color","effect.heading":"Effect & Animation","effect.shadow":"Shadow","effect.color":"Color","effect.cursor":"Cursor","effect.blend_cursor":"Blend & Cursor","effect.mix_blend":"Mix Blend","effect.bg_blend":"Bg. Blend","effect.transform":"Transform","effect.origin":"Origin","effect.scale":"Scale","effect.all":"All","effect.lr":"Left-Right","effect.tb":"Top-Bottom","effect.skew":"Skew","effect.translate":"Translate","effect.rotate":"Rotate","effect.animation":"Animation","effect.transition":"Transition","effect.easing":"Easing","effect.duration":"Duration","effect.delay":"Delay","classes.heading":"Classes",theme_config,web_blocks};i18n.use(reactI18next.initReactI18next).init({resources:{en:{translation:lngEn}},lng:"en",fallbackLng:"en",interpolation:{escapeValue:!1}});function QuickPrompts({onClick:o}){const{loading:n}=useAskAi(),{t:a}=reactI18next.useTranslation(),{selectedLang:l,fallbackLang:r}=useLanguages(),c=[...[{name:a("Improve writing"),icon:reactIcons.Pencil2Icon,prompt:a("Improving writing in all text elements. Replacing placeholder content with meaningful relevant content.")},{name:a("Replace placeholder content"),icon:reactIcons.LoopIcon,prompt:a("Discard current placeholder content and replace with meaningful relevant content.")},{name:a("Fix grammar"),icon:reactIcons.CheckIcon,prompt:a("Fix grammar in all text elements. Ensuring the text is grammatically correct and free of errors.")},{name:a("Make longer"),icon:reactIcons.ArrowUpIcon,prompt:a("Make all text elements longer.")},{name:a("Make shorter"),icon:reactIcons.ArrowDownIcon,prompt:a("Make all text elements shorter.")},{name:a("Add emojis"),icon:reactIcons.FaceIcon,prompt:a("Add emojis to text elements if relevant.")},{name:a("Randomize"),icon:reactIcons.ShuffleIcon,prompt:a("Randomize all text elements.")}]];return l&&l!==r&&c.splice(0,0,{name:a("Translate to {{lang}}",{lang:lodashEs.get(LANGUAGES,l,l)}),icon:reactIcons.ChatBubbleIcon,prompt:a("Translate the content to {{lang}}. Maintain same tone, style and length.",{lang:lodashEs.get(LANGUAGES,l,l)})}),jsxRuntime.jsx("div",{className:n?"pointer-events-none opacity-50":"",children:jsxRuntime.jsx("ul",{className:"space-y-1",children:c.map(({name:d,icon:p,subMenus:u,prompt:m})=>u?jsxRuntime.jsxs(tooltip.Popover,{children:[jsxRuntime.jsx(tooltip.PopoverTrigger,{asChild:!0,children:jsxRuntime.jsxs("li",{className:"flex cursor-pointer items-center space-x-2 rounded p-1 pl-2 text-sm hover:bg-gray-100 dark:hover:bg-gray-800",children:[jsxRuntime.jsx(p,{className:"h-4 w-4"}),jsxRuntime.jsx("span",{children:d})]},d)}),jsxRuntime.jsx(tooltip.PopoverContent,{side:"right",children:jsxRuntime.jsx("ul",{children:jsxRuntime.jsx("li",{children:a("Happy")})})})]}):jsxRuntime.jsxs("li",{onClick:()=>o(m),className:"flex cursor-pointer items-center space-x-2 rounded p-1 text-xs hover:bg-primary/10 hover:text-primary dark:hover:bg-gray-800",children:[jsxRuntime.jsx(p,{className:"h-3.5 w-3.5"}),jsxRuntime.jsx("span",{children:a(d)})]},d))})})}const AIUserPrompt=({blockId:o})=>{const{t:n}=reactI18next.useTranslation(),{askAi:a,loading:l,error:r}=useAskAi(),[i,c]=React.useState(""),d=React.useRef(null),p=React.useRef(null),u=useSelectedBlock();React.useEffect(()=>{var x;(x=d.current)==null||x.focus()},[]);const m=()=>{r||c("")};return jsxRuntime.jsx("div",{className:"",children:o?jsxRuntime.jsxs("div",{className:"",children:[jsxRuntime.jsx("label",{className:"text-xs font-medium text-gray-500",children:"Selected block"}),u&&jsxRuntime.jsxs("div",{className:"flex items-center gap-x-1 rounded border border-primary/20 bg-primary/10 p-1.5 text-xs text-primary",children:[jsxRuntime.jsx(TypeIcon,{type:u._type})," ",jsxRuntime.jsx("p",{className:"truncate whitespace-nowrap leading-none",children:u._name||u._type})]}),jsxRuntime.jsx("br",{}),jsxRuntime.jsx("label",{className:"text-xs font-medium text-gray-500",children:"Quick actions"}),jsxRuntime.jsx("div",{className:"rounded border p-2 text-sm",children:jsxRuntime.jsx(QuickPrompts,{onClick:x=>{p.current&&clearTimeout(p.current),a("content",o,x,m)}})}),jsxRuntime.jsx("br",{}),jsxRuntime.jsx("label",{className:"text-xs font-medium text-gray-500",children:"Custom prompt"}),jsxRuntime.jsxs("div",{className:"rounded border p-2 text-xs focus-within:border-gray-300",children:[jsxRuntime.jsx(tooltip.Textarea,{ref:d,value:i,onChange:x=>c(x.target.value),placeholder:n("Ask AI to edit content"),className:"w-full resize-none border-none p-0 text-xs shadow-none outline-none",rows:3,onKeyDown:x=>{x.key==="Enter"&&(x.preventDefault(),p.current&&clearTimeout(p.current),a("content",o,i,m))}}),jsxRuntime.jsxs("div",{className:"flex items-center justify-end",children:[l&&jsxRuntime.jsx(tooltip.Button,{variant:"destructive",onClick:()=>stop(),className:"hidden h-4 w-4",size:"icon",children:jsxRuntime.jsx(reactIcons.StopIcon,{className:"h-4 w-4"})}),jsxRuntime.jsx(tooltip.Button,{onClick:()=>{p.current&&clearTimeout(p.current),a("content",o,i,m)},variant:"default",className:"h-7 w-7",disabled:l||i.trim().length<1,size:"icon",children:l?jsxRuntime.jsx(reactIcons.ReloadIcon,{className:"h-4 w-4 animate-spin"}):jsxRuntime.jsx(reactIcons.ArrowTopRightIcon,{className:"h-4 w-4"})})]})]}),jsxRuntime.jsx("div",{className:"max-w-full pt-2",children:r&&jsxRuntime.jsx("p",{className:"break-words rounded border border-red-500 bg-red-100 p-1 text-xs text-red-500",children:r.message})})]}):jsxRuntime.jsx("div",{className:"p-4 text-center",children:jsxRuntime.jsxs("div",{className:"space-y-4 rounded-xl p-4 text-muted-foreground",children:[jsxRuntime.jsx(AiIcon,{className:"mx-auto h-7 w-7 text-muted-foreground"}),jsxRuntime.jsx("h1",{children:n("Please select a block to Ask AI")})]})})})},AskAI=()=>{const[o]=useSelectedBlockIds();return jsxRuntime.jsx("div",{className:"no-scrollbar mt-2 flex-1 overflow-y-auto",children:jsxRuntime.jsx(AIUserPrompt,{blockId:lodashEs.first(o)})})};function DarkMode(){const[o,n]=useDarkMode();return jsxRuntime.jsxs("div",{className:"flex items-center",children:[jsxRuntime.jsx(reactIcons.SunIcon,{className:"size-4 shrink-0"}),jsxRuntime.jsx(tooltip.Switch,{id:"dark-mode-switch",checked:o,onCheckedChange:()=>{n(!o)},className:`${o?"bg-violet-600":"bg-violet-300"} relative ml-2 inline-flex h-[20px] w-[32px] 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:jsxRuntime.jsx("span",{"aria-hidden":"true",className:`${o?"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`})}),jsxRuntime.jsx(reactIcons.MoonIcon,{className:"ml-3 size-4 shrink-0"})]})}const UndoRedo=()=>{const{hasUndo:o,hasRedo:n,undo:a,redo:l}=useUndoManager();return jsxRuntime.jsxs("div",{className:"flex items-center",children:[jsxRuntime.jsx(tooltip.Button,{disabled:!o(),size:"sm",onClick:a,className:"rounded-full",variant:"ghost",children:jsxRuntime.jsx(reactIcons.ResetIcon,{})}),jsxRuntime.jsx(tooltip.Button,{disabled:!n(),onClick:l,size:"sm",className:"rounded-full",variant:"ghost",children:jsxRuntime.jsx(reactIcons.ResetIcon,{className:"rotate-180 scale-y-[-1] transform"})})]})};function AIChatPanel(){const[o,n]=React.useState([]),[a,l]=React.useState(""),[r,i]=React.useState(!1),[c,d]=React.useState(null),p=React.useRef(null),u=React.useRef(null),m=React.useRef(null);React.useEffect(()=>{var j;(j=u.current)==null||j.scrollIntoView({behavior:"smooth"})},[o]),React.useEffect(()=>{m.current&&(m.current.style.height="auto",m.current.style.height=`${Math.min(m.current.scrollHeight,120)}px`)},[a]);const x=async()=>{if(!a.trim()&&!c)return;const j={id:Date.now().toString(),role:"user",content:a,timestamp:new Date};n(R=>[...R,j]),l(""),i(!0),setTimeout(()=>{const R={id:(Date.now()+1).toString(),role:"assistant",content:"This is a sample response from the AI assistant. In a real implementation, this would be replaced with an actual response from the AI model.",timestamp:new Date};n(k=>[...k,R]),i(!1),d(null)},1500)},h=j=>{j.key==="Enter"&&!j.shiftKey&&(j.preventDefault(),x())},g=j=>{var k;const R=(k=j.target.files)==null?void 0:k[0];if(R){const w=new FileReader;w.onload=B=>{var S;d((S=B.target)==null?void 0:S.result)},w.readAsDataURL(R)}},f=()=>{var j;(j=p.current)==null||j.click()},b=()=>{d(null),p.current&&(p.current.value="")};return jsxRuntime.jsxs("div",{className:"flex h-full w-full flex-col rounded-lg bg-background shadow-sm",children:[jsxRuntime.jsx(tooltip.ScrollArea,{className:"flex-1 p-3",children:o.length===0?jsxRuntime.jsxs("div",{className:"mt-10 flex h-full flex-col items-center justify-center p-4 text-center text-muted-foreground",children:[jsxRuntime.jsx(AiIcon,{className:"mb-2 h-8 w-8 text-primary/50"}),jsxRuntime.jsx("p",{className:"text-sm",children:"Ask me anything to get started"})]}):jsxRuntime.jsxs("div",{className:"space-y-4",children:[o.map(j=>jsxRuntime.jsxs("div",{className:tooltip.cn("flex max-w-full gap-2",j.role==="assistant"?"items-start":"items-start justify-end"),children:[j.role==="assistant"&&jsxRuntime.jsx(tooltip.Avatar,{className:"h-6 w-6 bg-primary/10",children:jsxRuntime.jsx(AiIcon,{className:"h-3 w-3 text-primary"})}),jsxRuntime.jsx("div",{className:tooltip.cn("rounded-lg px-3 py-2 text-sm",j.role==="assistant"?"bg-muted text-foreground":"bg-primary text-primary-foreground"),children:j.content}),j.role==="user"&&jsxRuntime.jsx(tooltip.Avatar,{className:"h-6 w-6 bg-primary",children:jsxRuntime.jsx("span",{className:"text-xs text-primary-foreground",children:"You"})})]},j.id)),r&&jsxRuntime.jsxs("div",{className:"flex items-start gap-2",children:[jsxRuntime.jsx(tooltip.Avatar,{className:"h-6 w-6 bg-primary/10",children:jsxRuntime.jsx(AiIcon,{className:"h-3 w-3 text-primary"})}),jsxRuntime.jsx("div",{className:"rounded-lg bg-muted px-3 py-2",children:jsxRuntime.jsx(reactIcons.ReloadIcon,{className:"h-4 w-4 animate-spin text-muted-foreground"})})]}),jsxRuntime.jsx("div",{ref:u})]})}),c&&jsxRuntime.jsx("div",{className:"px-3 pt-2",children:jsxRuntime.jsxs("div",{className:"relative h-20 w-20 overflow-hidden rounded-md",children:[jsxRuntime.jsx("img",{src:c||"/placeholder.svg",alt:"Attachment",className:"h-full w-full object-cover"}),jsxRuntime.jsx(tooltip.Button,{size:"icon",variant:"destructive",className:"absolute right-0 top-0 h-5 w-5 rounded-full p-0",onClick:b,children:jsxRuntime.jsx(reactIcons.Cross1Icon,{className:"h-3 w-3"})})]})}),jsxRuntime.jsx("div",{className:"mt-auto p-3",children:jsxRuntime.jsxs("div",{className:"flex items-end gap-2",children:[jsxRuntime.jsxs("div",{className:"relative flex-1",children:[jsxRuntime.jsx(tooltip.Textarea,{ref:m,value:a,onChange:j=>l(j.target.value),onKeyDown:h,placeholder:"Ask something...",className:"max-h-[120px] min-h-[40px] resize-none border-0 bg-muted/50 py-2.5 pr-10 focus-visible:ring-1"}),jsxRuntime.jsx("input",{type:"file",ref:p,onChange:g,accept:"image/*",className:"hidden"}),jsxRuntime.jsx(tooltip.Button,{size:"icon",variant:"ghost",className:"absolute bottom-2 right-2 h-6 w-6",onClick:f,children:jsxRuntime.jsx(reactIcons.ImageIcon,{className:"h-4 w-4 text-muted-foreground"})})]}),jsxRuntime.jsxs(tooltip.Button,{size:"sm",className:"h-10 px-3",onClick:x,disabled:r||!a.trim()&&!c,children:[jsxRuntime.jsx(reactIcons.PaperPlaneIcon,{className:"mr-1 h-4 w-4"}),"Send"]})]})})]})}const ClearCanvas=()=>{const{t:o}=reactI18next.useTranslation(),{setNewBlocks:n}=useBlocksStoreUndoableActions(),[,a]=useSelectedBlockIds(),[,l]=useSelectedStylingBlocks(),r=React.useCallback(()=>{n([]),a([]),l([])},[n]);return jsxRuntime.jsx("div",{className:"flex items-center",children:jsxRuntime.jsxs(tooltip.AlertDialog,{children:[jsxRuntime.jsx(tooltip.AlertDialogTrigger,{asChild:!0,children:jsxRuntime.jsxs(tooltip.Button,{size:"sm",variant:"ghost",className:"flex items-center gap-x-1",children:[jsxRuntime.jsx(reactIcons.EraserIcon,{})," ",o("Clear")]})}),jsxRuntime.jsxs(tooltip.AlertDialogContent,{className:"border-border",children:[jsxRuntime.jsxs(tooltip.AlertDialogHeader,{children:[jsxRuntime.jsx(tooltip.AlertDialogTitle,{className:"text-foreground",children:o("Clear whole canvas?")}),jsxRuntime.jsx(tooltip.AlertDialogDescription,{children:o("Are you sure you want to clear the page?")})]}),jsxRuntime.jsxs(tooltip.AlertDialogFooter,{children:[jsxRuntime.jsx(tooltip.AlertDialogCancel,{className:"text-foreground",children:o("Cancel")}),jsxRuntime.jsx(tooltip.AlertDialogAction,{onClick:r,children:o("Yes")})]})]})]})})},DataBinding=()=>{const o=usePageExternalData(),[n,a]=jotai.useAtom(dataBindingActiveAtom),{t:l}=reactI18next.useTranslation();return lodashEs.isEmpty(o)?null:jsxRuntime.jsx("div",{className:"flex items-center",children:jsxRuntime.jsxs(tooltip.Tooltip,{children:[jsxRuntime.jsx(tooltip.TooltipTrigger,{asChild:!0,children:jsxRuntime.jsx(tooltip.Button,{className:"rounded-full",variant:"ghost",onClick:()=>a(!n),children:jsxRuntime.jsx(reactIcons.LightningBoltIcon,{className:commonFunctions.cn("h-4 w-4",n?"text-green-500":"text-gray-500")})})}),jsxRuntime.jsx(tooltip.TooltipContent,{children:jsxRuntime.jsx("p",{children:l("Toggle Data Binding")})})]})})},CanvasTopBar=()=>{const o=useBuilderProp("darkMode",!0),[n]=useCanvasZoom();return jsxRuntime.jsxs("div",{className:"flex h-10 items-center justify-between border-b border-border bg-background/70 px-2 shadow-xl",children:[jsxRuntime.jsxs("div",{className:"flex h-full space-x-2",children:[jsxRuntime.jsx(Breakpoints$1,{canvas:!0,openDelay:400}),jsxRuntime.jsx(tooltip.Separator,{orientation:"vertical"}),jsxRuntime.jsxs("div",{className:"flex w-12 cursor-not-allowed items-center justify-center gap-x-1 space-x-0 font-medium text-gray-400",children:[jsxRuntime.jsx(reactIcons.ZoomInIcon,{className:"h-3.5 w-3.5 flex-shrink-0"})," ",jsxRuntime.jsxs("div",{className:"text-xs leading-3",children:[lodashEs.round(n,0),"%"]})]}),jsxRuntime.jsx(tooltip.Separator,{orientation:"vertical"}),o?jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(DarkMode,{}),jsxRuntime.jsx(tooltip.Separator,{orientation:"vertical"})]}):null,jsxRuntime.jsx(UndoRedo,{}),jsxRuntime.jsx(DataBinding,{})]}),jsxRuntime.jsx("div",{className:"flex h-full items-center space-x-2",children:jsxRuntime.jsx(ClearCanvas,{})})]})},AddBlocksDialog=()=>{const{t:o}=reactI18next.useTranslation(),[n,a]=React.useState(""),[l,r]=React.useState(-1),[i,c]=React.useState(!1);return usePubSub(CHAI_BUILDER_EVENTS.OPEN_ADD_BLOCK,d=>{a(d?d._id:null),r(isNaN(d==null?void 0:d.position)?-1:d==null?void 0:d.position),c(!0)}),usePubSub(CHAI_BUILDER_EVENTS.CLOSE_ADD_BLOCK,()=>{a(""),r(-1),c(!1)}),jsxRuntime.jsx(tooltip.AlertDialog,{open:i,onOpenChange:()=>i?c(!1):"",children:jsxRuntime.jsxs(tooltip.AlertDialogContent,{className:"max-w-5xl overflow-hidden border-border",children:[jsxRuntime.jsxs(tooltip.AlertDialogHeader,{className:"flex flex-row items-center justify-between",children:[jsxRuntime.jsx(tooltip.AlertDialogTitle,{className:"text-foreground",children:o("Add blocks")}),jsxRuntime.jsx("button",{onClick:()=>c(!1),className:"text-gray-500 hover:text-gray-600 dark:text-gray-400 dark:hover:text-gray-300",children:jsxRuntime.jsx(reactIcons.Cross2Icon,{className:"h-6 w-6"})})]}),jsxRuntime.jsx("div",{className:"no-scrollbar h-[500px] max-h-full overflow-hidden",children:jsxRuntime.jsx(AddBlocksPanel,{parentId:n,position:l,showHeading:!1})})]})})},AttrsEditor=React.memo(function o({preloadedAttributes:n=[],onAttributesChange:a}){const[l,r]=React.useState([]),[i,c]=React.useState(""),[d,p]=React.useState(""),[u,m]=React.useState(null),[x,h]=React.useState(""),g=React.useRef(null),f=React.useRef(null),b=usePageExternalData(),{t:j}=reactI18next.useTranslation();React.useEffect(()=>{r(n)},[n]);const R=()=>{if(i.startsWith("@")){h("Attribute keys cannot start with '@'");return}if(i){const y=[...l,{key:i,value:d}];a(y),r(l),c(""),p(""),h("")}},k=y=>{const I=l.filter((C,v)=>v!==y);a(I),r(I)},w=y=>{m(y),c(l[y].key),p(l[y].value)},B=()=>{if(i.startsWith("@")){h("Attribute keys cannot start with '@'");return}if(u!==null&&i){const y=[...l];y[u]={key:i,value:d},a(y),r(y),m(null),c(""),p(""),h("")}},S=y=>{y.key==="Enter"&&!y.shiftKey&&(y.preventDefault(),u!==null?B():R())},E=React.useCallback(y=>{const I=A=>/[.,!?;:]/.test(A),C=(A,T,N)=>{let L="",P="";const D=T>0?A[T-1]:"",_=T<A.length?A[T]:"";return T>0&&(D==="."||!I(D)&&D!==" ")&&(L=" "),T<A.length&&!I(_)&&_!==" "&&(P=" "),{text:L+N+P,prefixLength:L.length,suffixLength:P.length}},v=f.current;if(v){const A=v.selectionStart||0,T=v.value||"",N=v.selectionEnd||A;if(N>A){const O=`{{${y}}}`,{text:H}=C(T,A,O),M=T.slice(0,A)+H+T.slice(N);p(M);return}const P=`{{${y}}}`,{text:D}=C(T,A,P),_=T.slice(0,A)+D+T.slice(A);p(_)}},[]);return jsxRuntime.jsxs("div",{className:"flex max-h-full flex-1 flex-col",children:[jsxRuntime.jsxs("form",{onSubmit:y=>{y.preventDefault(),u!==null?B():R()},className:"space-y-3",children:[jsxRuntime.jsxs("div",{className:"flex flex-col gap-y-1",children:[jsxRuntime.jsxs("div",{className:"w-full",children:[jsxRuntime.jsx(tooltip.Label,{htmlFor:"attrKey",className:"text-[11px] font-normal leading-tight text-slate-600",children:"Key"}),jsxRuntime.jsx(tooltip.Input,{autoCapitalize:"off",autoCorrect:"off",spellCheck:"false",id:"attrKey",ref:g,value:i,onChange:y=>c(y.target.value),placeholder:j("Enter Key"),className:"py-0 text-xs font-normal leading-tight placeholder:text-slate-400"})]}),jsxRuntime.jsxs("div",{className:"w-full",children:[jsxRuntime.jsxs("div",{className:"flex items-center justify-between",children:[jsxRuntime.jsx(tooltip.Label,{htmlFor:"attrValue",className:"text-[11px] font-normal text-slate-600",children:"Value"}),!lodashEs.isEmpty(b)&&jsxRuntime.jsx(NestedPathSelector,{data:b,onSelect:E})]}),jsxRuntime.jsx(tooltip.Textarea,{autoCapitalize:"off",autoCorrect:"off",spellCheck:"false",id:"attrValue",rows:2,ref:f,value:d,onChange:y=>p(y.target.value),onKeyDown:S,placeholder:"Enter Value",className:"text-xs font-normal leading-tight placeholder:text-slate-400"})]})]}),jsxRuntime.jsx("div",{className:"flex justify-end",children:jsxRuntime.jsx(tooltip.Button,{type:"submit",disabled:!i.length,variant:"default",size:"sm",className:"h-8 w-24 text-xs",children:u!==null?"Save":"Add"})}),x&&jsxRuntime.jsx("p",{className:"text-xs text-red-500",children:x})]}),jsxRuntime.jsx("div",{className:"space-y-1 py-4",children:l.map((y,I)=>jsxRuntime.jsxs("div",{className:"flex items-center justify-between rounded border p-2 text-sm",children:[jsxRuntime.jsxs("div",{className:"flex flex-col text-xs leading-tight",children:[jsxRuntime.jsx("span",{className:"truncate text-[12px] font-light text-muted-foreground",children:y.key}),jsxRuntime.jsx("span",{className:"max-w-[200px] text-wrap font-normal",children:y.value.toString()})]}),jsxRuntime.jsxs("div",{className:"flex-shrink-0 text-slate-400",children:[jsxRuntime.jsx(tooltip.Button,{variant:"ghost",size:"icon",className:"h-6 w-6",onClick:()=>w(I),children:jsxRuntime.jsx(reactIcons.Pencil2Icon,{className:"h-3 w-3"})}),jsxRuntime.jsx(tooltip.Button,{variant:"ghost",size:"icon",className:"h-6 w-6",onClick:()=>k(I),children:jsxRuntime.jsx(reactIcons.Cross1Icon,{className:"h-3 w-3"})})]})]},I))})]})}),BlockAttributesEditor=React__namespace.memo(()=>{const o=useSelectedBlock(),[n,a]=React.useState([]),[l]=useSelectedStylingBlocks(),r=useUpdateBlocksProps(),i=`${lodashEs.get(l,"0.prop")}_attrs`;React__namespace.useEffect(()=>{const d=lodashEs.map(lodashEs.get(o,i),(p,u)=>({key:u,value:p}));lodashEs.isEmpty(d)?a([]):a(d)},[lodashEs.get(o,i)]);const c=React__namespace.useCallback((d=[])=>{const p={};lodashEs.forEach(d,u=>{lodashEs.isEmpty(u.key)||lodashEs.set(p,u.key,u.value)}),r([lodashEs.get(o,"_id")],{[i]:p})},[o,r,i]);return jsxRuntime.jsx("div",{className:"flex-col gap-y-2",children:jsxRuntime.jsx("div",{className:"flex flex-col",children:jsxRuntime.jsx("div",{children:jsxRuntime.jsx(AttrsEditor,{preloadedAttributes:n,onAttributesChange:c})})})})}),NoopComponent=()=>null,ResetStylesButton=()=>{const{resetAll:o}=useResetBlockStyles(),n=useSelectedBlock(),[a]=useSelectedStylingBlocks(),l=useRemoveAllClassesForBlock(),{t:r}=reactI18next.useTranslation();return!n||lodashEs.isEmpty(a)?null:jsxRuntime.jsxs(tooltip.DropdownMenu,{children:[jsxRuntime.jsx(tooltip.DropdownMenuTrigger,{asChild:!0,children:jsxRuntime.jsx("div",{className:"inline-flex rounded-sm p-0.5 hover:bg-gray-300",onClick:i=>i.stopPropagation(),children:jsxRuntime.jsx(reactIcons.DotsVerticalIcon,{className:"h-3 w-3"})})}),jsxRuntime.jsxs(tooltip.DropdownMenuContent,{side:"bottom",className:"border-border text-xs",children:[jsxRuntime.jsxs(tooltip.DropdownMenuItem,{className:"flex items-center gap-1 text-xs",onClick:()=>{o()},children:[jsxRuntime.jsx(reactIcons.ResetIcon,{className:"h-3 w-3"}),r("Reset styles")]}),jsxRuntime.jsxs(tooltip.DropdownMenuItem,{className:"text-xs",onClick:()=>{n&&l(n,!0)},children:[jsxRuntime.jsx(reactIcons.Cross2Icon,{className:"h-3 w-3"}),r("Clear styles")]})]})]})};function BlockAttributesToggle(){const{t:o}=reactI18next.useTranslation(),[n,a]=React.useState(!0),[l]=useSelectedStylingBlocks();return lodashEs.isEmpty(l)?null:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsxs("div",{onClick:()=>a(!n),className:"flex cursor-pointer items-center justify-between border-t border-border py-3 text-xs font-medium hover:underline",children:[jsxRuntime.jsx("span",{children:o("Attributes")}),jsxRuntime.jsx("span",{children:jsxRuntime.jsx(reactIcons.ChevronDownIcon,{className:"h-4 w-4 text-gray-500 "+(n?"rotate-180":"")})})]}),n&&jsxRuntime.jsx(BlockAttributesEditor,{})]})}const PartialWrapper=({partialBlockId:o})=>{const n=useBuilderProp("gotoPage",lodashEs.noop),{saveState:a}=useSavePage(),{selectedLang:l,fallbackLang:r}=useLanguages(),i=React.useCallback(c=>{if(c.stopPropagation(),a!=="SAVED"){sonner.toast.error("You have unsaved changes. Please save the page first.");return}n({pageId:o,lang:l||r})},[a,n,o,l,r]);return jsxRuntime.jsx(jsxRuntime.Fragment,{children:jsxRuntime.jsx("div",{className:"hidden",children:jsxRuntime.jsx("div",{onDoubleClick:i,className:"h-full w-full items-center justify-center",children:jsxRuntime.jsx("p",{className:"rounded-md bg-white px-2 py-1 text-xs",children:"Partial block. Double click to edit."})})})})},SettingsPanel=()=>{const o=useSelectedBlock(),{t:n}=reactI18next.useTranslation(),a=useBuilderProp("onError",lodashEs.noop),{hasPermission:l}=usePermissions();let r=!l(PERMISSIONS.EDIT_BLOCK);const i=!l(PERMISSIONS.EDIT_STYLES);return o&&o._type==="PartialBlock"?jsxRuntime.jsx(PartialWrapper,{partialBlockId:o.partialBlockId}):lodashEs.isNull(o)?jsxRuntime.jsx("div",{className:"p-4 text-center",children:jsxRuntime.jsxs("div",{className:"space-y-4 rounded-xl p-4 text-muted-foreground",children:[jsxRuntime.jsx(reactIcons.MixerHorizontalIcon,{className:"mx-auto text-3xl"}),jsxRuntime.jsx("h1",{children:n("Please select a block to edit settings or styles")})]})}):r&&i?jsxRuntime.jsx("div",{className:"p-4 text-center",children:jsxRuntime.jsxs("div",{className:"space-y-4 rounded-xl p-4 text-muted-foreground",children:[jsxRuntime.jsx(reactIcons.MixerHorizontalIcon,{className:"mx-auto text-3xl"}),jsxRuntime.jsx("h1",{children:n("You don't have permission to edit settings or styles")}),jsxRuntime.jsx("p",{children:n("Please contact your administrator to get access")})]})}):i?jsxRuntime.jsx(reactErrorBoundary.ErrorBoundary,{fallback:jsxRuntime.jsx(FallbackError,{}),onError:a,children:jsxRuntime.jsxs("div",{className:"no-scrollbar h-full max-h-min w-full overflow-y-auto",children:[jsxRuntime.jsx(BlockSettings,{}),jsxRuntime.jsx("br",{}),jsxRuntime.jsx("br",{})]})}):r?jsxRuntime.jsx(reactErrorBoundary.ErrorBoundary,{fallback:jsxRuntime.jsx(FallbackError,{}),onError:a,children:jsxRuntime.jsxs("div",{className:"no-scrollbar h-full max-h-min w-full overflow-y-auto overflow-x-hidden",children:[jsxRuntime.jsx("div",{className:"flex w-full items-center justify-end",children:jsxRuntime.jsx(ResetStylesButton,{})}),jsxRuntime.jsx(BlockStyling,{}),jsxRuntime.jsx(BlockAttributesToggle,{}),jsxRuntime.jsx("br",{}),jsxRuntime.jsx("br",{}),jsxRuntime.jsx("br",{})]})}):jsxRuntime.jsx(reactErrorBoundary.ErrorBoundary,{fallback:jsxRuntime.jsx(FallbackError,{}),onError:a,children:jsxRuntime.jsxs(tooltip.Tabs,{defaultValue:"settings",className:"flex flex-1 flex-col",children:[jsxRuntime.jsx("div",{className:"flex items-center justify-between",children:jsxRuntime.jsxs(tooltip.TabsList,{className:"grid h-auto w-full grid-cols-2 p-1 py-1",children:[jsxRuntime.jsx(tooltip.TabsTrigger,{value:"settings",className:"text-xs",children:n("Settings")}),jsxRuntime.jsx(tooltip.TabsTrigger,{value:"styles",className:"text-xs",children:jsxRuntime.jsxs("div",{className:"flex w-full items-center justify-between",children:[jsxRuntime.jsx("span",{className:"w-[90%] text-center",children:n("Styling")}),jsxRuntime.jsx("span",{className:"w-[10%]",children:jsxRuntime.jsx(ResetStylesButton,{})})]})})]})}),jsxRuntime.jsxs(tooltip.TabsContent,{value:"settings",className:"no-scrollbar h-full max-h-min overflow-y-auto",children:[jsxRuntime.jsx(BlockSettings,{}),jsxRuntime.jsx("br",{}),jsxRuntime.jsx("br",{})]}),jsxRuntime.jsxs(tooltip.TabsContent,{value:"styles",className:"no-scrollbar h-full max-h-min max-w-full overflow-y-auto overflow-x-hidden",children:[jsxRuntime.jsx(BlockStyling,{}),jsxRuntime.jsx(BlockAttributesToggle,{}),jsxRuntime.jsx("br",{}),jsxRuntime.jsx("br",{}),jsxRuntime.jsx("br",{})]})]})})},CHAI_BUILDER_PANELS={},registerChaiSidebarPanel=(o,n)=>{lodashEs.has(CHAI_BUILDER_PANELS,o)&&console.warn(`Panel ${o} already registered. Overriding...`),lodashEs.set(CHAI_BUILDER_PANELS,o,{id:o,...n})},useChaiSidebarPanels=o=>React.useMemo(()=>lodashEs.filter(lodashEs.values(CHAI_BUILDER_PANELS),n=>n.position===o),[o,CHAI_BUILDER_PANELS]),DefaultTopBar=()=>jsxRuntime.jsx("div",{}),TOP_BAR={component:DefaultTopBar},registerChaiTopBar=o=>{TOP_BAR.component=o},useTopBarComponent=()=>React.useMemo(()=>TOP_BAR.component,[]),DEFAULT_PANEL_WIDTH=280,OutlineButton=({isActive:o,show:n})=>jsxRuntime.jsx(tooltip.Button,{variant:o?"default":"ghost",size:"icon",onClick:n,children:jsxRuntime.jsx(reactIcons.StackIcon,{className:"h-5 w-5"})}),AiButton=({isActive:o,show:n})=>jsxRuntime.jsx(tooltip.Button,{variant:o?"default":"ghost",size:"icon",onClick:n,children:jsxRuntime.jsx(reactIcons.LightningBoltIcon,{className:"rtl:ml-2"})}),AskAiButton=({isActive:o,show:n})=>jsxRuntime.jsx(tooltip.Button,{variant:o?"default":"ghost",size:"icon",onClick:n,children:jsxRuntime.jsx(AiIcon,{})});function useSidebarDefaultPanels(){const o=useBuilderProp("askAiCallBack",null),n=flagged.useFeature("aiChat");return React.useMemo(()=>{const a=[];return a.push({id:"ask-ai",button:AskAiButton,label:"Ask AI",isInternal:!0,width:DEFAULT_PANEL_WIDTH,panel:()=>jsxRuntime.jsx("div",{className:"",children:jsxRuntime.jsx(AskAI,{})})}),a.push({id:"outline",label:"Outline",isInternal:!0,width:DEFAULT_PANEL_WIDTH,button:OutlineButton,panel:()=>jsxRuntime.jsx("div",{className:"-mt-8",children:jsxRuntime.jsx(ListTree,{})})}),o&&n&&a.unshift({id:"ai",button:AiButton,label:"AI Assistant",isInternal:!0,width:450,panel:()=>jsxRuntime.jsx("div",{className:"-mt-8 h-full max-h-full",children:jsxRuntime.jsx(AIChatPanel,{})})}),lodashEs.compact(a)},[o,n])}const RootLayout=()=>{const o=useTopBarComponent(),[n,a]=useSidebarActivePanel(),l=React.useRef("outline"),[r,i]=React.useState(DEFAULT_PANEL_WIDTH),[c,d]=useRightPanel(),p=useSidebarDefaultPanels(),u=useChaiSidebarPanels("top"),m=useChaiSidebarPanels("bottom"),x=lodashEs.reverse([...m??[]]),h=React.useCallback(y=>{y.preventDefault()},[]),g=React.useCallback(y=>{console.log("handleMenuItemClick",y,n),a(n===y?null:y)},[n,a]),{t:f}=reactI18next.useTranslation(),b=React.useMemo(()=>[...p,...u,...m],[p,u,m]),j=useBuilderProp("htmlDir","ltr"),R=lodashEs.find(b,{id:n})??lodashEs.first(b),k=lodashEs.get(R,"width",DEFAULT_PANEL_WIDTH);React.useEffect(()=>{if(n!==null){const y=lodashEs.find(b,{id:n});y&&lodashEs.get(y,"view","standard")==="standard"&&(l.current=n,i(lodashEs.get(y,"width",DEFAULT_PANEL_WIDTH)))}},[n,b]);const w=React.useMemo(()=>{if(n===null)return 0;const y=lodashEs.find(b,{id:n});return lodashEs.get(y,"view","standard")==="standard"?k:r},[n,k,r,b]),B=React.useCallback(()=>{a(l.current)},[a,n]),S=React.useCallback(()=>{a("outline")},[a]);React.useEffect(()=>{n!==null&&!lodashEs.find(b,{id:n})&&a("outline")},[n,b]);const E=React.useCallback(y=>{g(y)},[g]);return jsxRuntime.jsx("div",{dir:j,className:"h-screen max-h-full w-screen overflow-x-hidden bg-background text-foreground",children:jsxRuntime.jsxs(tooltip.TooltipProvider,{children:[jsxRuntime.jsxs("div",{onContextMenu:h,className:"flex h-full max-h-full flex-col bg-background text-foreground",children:[jsxRuntime.jsx("div",{className:"flex h-[50px] w-screen items-center border-b border-border",children:jsxRuntime.jsx(React.Suspense,{children:jsxRuntime.jsx(o,{})})}),jsxRuntime.jsxs("main",{className:"relative flex h-[calc(100vh-56px)] max-w-full flex-1 flex-row",children:[jsxRuntime.jsxs("div",{id:"sidebar",className:"flex w-12 flex-col items-center justify-between border-r border-border py-2",children:[jsxRuntime.jsx("div",{className:"flex flex-col gap-y-1",children:[p,u].flat().map((y,I)=>jsxRuntime.jsxs(tooltip.Tooltip,{children:[jsxRuntime.jsx(tooltip.TooltipTrigger,{asChild:!0,children:React.createElement(lodashEs.get(y,"button",NoopComponent),{position:"top",panelId:y.id,isActive:n===y.id,show:()=>E(y.id)})}),jsxRuntime.jsx(tooltip.TooltipContent,{side:"right",children:jsxRuntime.jsx("p",{children:f(y.label)})})]},"button-top-"+I))}),jsxRuntime.jsx("div",{className:"flex flex-col space-y-1"}),jsxRuntime.jsx("div",{className:"flex flex-col",children:x==null?void 0:x.map((y,I)=>jsxRuntime.jsxs(tooltip.Tooltip,{children:[jsxRuntime.jsx(tooltip.TooltipTrigger,{asChild:!0,children:React.createElement(lodashEs.get(y,"button",NoopComponent),{position:"bottom",panelId:y.id,isActive:n===y.id,show:()=>E(y.id)})}),jsxRuntime.jsx(tooltip.TooltipContent,{side:"right",children:jsxRuntime.jsx("p",{children:f(y.label)})})]},"button-bottom-"+I))})]}),jsxRuntime.jsx(framerMotion.motion.div,{id:"left-panel",className:"h-full max-h-full border-r border-border",initial:{width:w},animate:{width:w},transition:{duration:.3,ease:"easeInOut"},children:n!==null&&lodashEs.get(R,"view","standard")==="standard"&&jsxRuntime.jsxs("div",{className:"no-scrollbar flex h-full flex-col overflow-hidden px-3 py-2",children:[jsxRuntime.jsx("div",{className:`absolute top-2 flex h-10 items-center space-x-1 py-2 text-base font-bold ${lodashEs.get(R,"isInternal",!1)?"":"w-64"}`,children:jsxRuntime.jsx("span",{children:f(lodashEs.get(R,"label",""))})}),jsxRuntime.jsx("div",{className:"no-scrollbar h-full max-h-full overflow-y-auto pt-10",children:jsxRuntime.jsx(React.Suspense,{fallback:jsxRuntime.jsx("div",{children:"Loading..."}),children:React.createElement(lodashEs.get(R,"panel",NoopComponent),{})})})]})}),jsxRuntime.jsxs("div",{id:"canvas-container",className:"flex h-full max-h-full flex-1 flex-col bg-slate-800/20",children:[jsxRuntime.jsx(CanvasTopBar,{}),jsxRuntime.jsx(React.Suspense,{children:jsxRuntime.jsx(CanvasArea,{})})]}),jsxRuntime.jsx(framerMotion.motion.div,{id:"right-panel",className:"h-full max-h-full border-l border-border",initial:{width:n==="ai"?0:DEFAULT_PANEL_WIDTH},animate:{width:n==="ai"?0:DEFAULT_PANEL_WIDTH},transition:{duration:.3,ease:"easeInOut"},children:jsxRuntime.jsx("div",{className:"no-scrollbar overflow h-full max-h-full overflow-hidden",children:jsxRuntime.jsxs("div",{className:"flex h-full max-h-full flex-col overflow-hidden p-3",children:[jsxRuntime.jsx("h2",{className:"-mt-1 flex items-center space-x-1 text-base font-bold",children:jsxRuntime.jsx("div",{className:"flex grow items-center gap-2",children:jsxRuntime.jsx("div",{className:"flex w-full items-center justify-between gap-2",children:c==="ai"?jsxRuntime.jsx(jsxRuntime.Fragment,{children:jsxRuntime.jsxs("div",{className:"flex items-center gap-2",children:[jsxRuntime.jsx(reactIcons.LightningBoltIcon,{className:"rtl:ml-2"})," ",f("AI Assistant")]})}):c==="theme"?jsxRuntime.jsxs("div",{className:"flex w-full items-center justify-between gap-2",children:[jsxRuntime.jsxs("span",{className:"flex items-center gap-2",children:[jsxRuntime.jsx(reactIcons.MixerHorizontalIcon,{className:"h-4 w-4 text-gray-600"}),f("Theme Settings")]}),jsxRuntime.jsx(tooltip.Button,{onClick:()=>d("block"),variant:"ghost",size:"icon",className:"text-xs",children:jsxRuntime.jsx(reactIcons.Cross1Icon,{className:"h-4 w-4 rtl:ml-2"})})]}):null})})}),jsxRuntime.jsx("div",{className:"flex h-full max-h-full w-full",children:jsxRuntime.jsx(React.Suspense,{fallback:jsxRuntime.jsx("div",{children:"Loading..."}),children:c==="ai"?jsxRuntime.jsx(AskAI,{}):c==="theme"?jsxRuntime.jsx(ThemeConfigPanel,{}):jsxRuntime.jsx(SettingsPanel,{})})})]})})})]})]}),jsxRuntime.jsx(AddBlocksDialog,{}),n!==null&&lodashEs.get(R,"view")==="drawer"&&jsxRuntime.jsx(tooltip.Sheet,{open:!0,onOpenChange:()=>B(),children:jsxRuntime.jsxs(tooltip.SheetContent,{side:"left",className:"flex flex-col gap-0 p-0 sm:max-w-full",style:{width:`${k}px`},children:[jsxRuntime.jsx(tooltip.SheetHeader,{className:"border-b border-border px-2 py-2.5",children:jsxRuntime.jsxs(tooltip.SheetTitle,{className:"flex items-center gap-2",children:[jsxRuntime.jsx("span",{className:"inline-block",children:lodashEs.get(R,"icon",null)}),jsxRuntime.jsx("span",{children:f(lodashEs.get(R,"label",""))})]})}),jsxRuntime.jsx("div",{className:"h-full max-h-full overflow-y-auto p-4",children:jsxRuntime.jsx(React.Suspense,{fallback:jsxRuntime.jsx("div",{children:"Loading..."}),children:React.createElement(lodashEs.get(R,"panel",NoopComponent),{close:S})})})]})})," ",n!==null&&lodashEs.get(R,"view")==="modal"&&jsxRuntime.jsx(tooltip.Dialog,{open:!0,onOpenChange:()=>B(),children:jsxRuntime.jsxs(tooltip.DialogContent,{className:"gap-0 p-0",style:{maxWidth:`${k}px`},children:[jsxRuntime.jsx(tooltip.DialogHeader,{className:"border-b border-border px-2 py-3.5",children:jsxRuntime.jsxs(tooltip.DialogTitle,{className:"flex items-center gap-2",children:[jsxRuntime.jsx("span",{className:"inline-block",children:lodashEs.get(R,"icon",null)}),jsxRuntime.jsx("span",{children:f(lodashEs.get(R,"label",""))})]})}),jsxRuntime.jsx("div",{className:"max-h-[70vh] overflow-y-auto p-4",children:jsxRuntime.jsx(React.Suspense,{fallback:jsxRuntime.jsx("div",{children:"Loading..."}),children:React.createElement(lodashEs.get(R,"panel",NoopComponent),{close:S})})})]})}),n!==null&&lodashEs.get(R,"view")==="overlay"&&jsxRuntime.jsx(framerMotion.motion.div,{className:"absolute bottom-0 left-12 right-0 top-0 z-50",initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:{duration:.3},children:jsxRuntime.jsx("div",{className:"h-full w-full",children:jsxRuntime.jsxs(framerMotion.motion.div,{className:"flex h-full w-full flex-col bg-background",initial:{y:-20,opacity:0},animate:{y:0,opacity:1},exit:{y:20,opacity:0},transition:{duration:.3,delay:.1},children:[jsxRuntime.jsxs("div",{className:"flex h-[50px] items-center justify-between border-b border-border p-4",children:[jsxRuntime.jsxs("div",{className:"-ml-2 flex items-center gap-2 text-lg font-bold",children:[jsxRuntime.jsx("span",{className:"rtl:ml-2 rtl:inline-block",children:lodashEs.get(R,"icon",null)}),jsxRuntime.jsx("span",{children:f(lodashEs.get(R,"label",""))})]}),jsxRuntime.jsx(tooltip.Button,{onClick:()=>B(),variant:"ghost",size:"icon",className:"",children:jsxRuntime.jsx(reactIcons.Cross1Icon,{className:"h-5 w-5"})})]}),jsxRuntime.jsx("div",{className:"flex-1 overflow-y-auto p-4",children:jsxRuntime.jsx(React.Suspense,{fallback:jsxRuntime.jsx("div",{children:"Loading..."}),children:React.createElement(lodashEs.get(R,"panel",NoopComponent),{close:S})})})]})})})]})})},PreviewScreen=()=>{const[o,n]=usePreviewMode(),{t:a}=reactI18next.useTranslation(),l=useBuilderProp("previewComponent",null);return o?jsxRuntime.jsxs("div",{className:commonFunctions.cn("fixed inset-0 z-[999] bg-background",o?"block":"hidden"),children:[jsxRuntime.jsxs(tooltip.Button,{size:"sm",className:"absolute right-0 top-0 m-4 space-x-2",onClick:()=>n(!1),children:[jsxRuntime.jsx(reactIcons.EyeClosedIcon,{}),jsxRuntime.jsx("span",{children:a("Close Preview")})]}),jsxRuntime.jsx("div",{children:l?jsxRuntime.jsx(React.Suspense,{fallback:jsxRuntime.jsx(tooltip.Skeleton,{className:"h-96 w-full"}),children:React.createElement(l)}):null})]}):null},CHAI_FEATURE_FLAGS={},registerChaiFeatureFlag=(o,n)=>{if(CHAI_FEATURE_FLAGS[o])throw new Error(`Flag ${o} already exists`);CHAI_FEATURE_FLAGS[o]={key:o,value:!1,...n}},registerChaiFeatureFlags=o=>{Object.entries(o).forEach(([n,a])=>{if(CHAI_FEATURE_FLAGS[n])throw new Error(`Flag ${n} already exists`);registerChaiFeatureFlag(n,a)})},useChaiFeatureFlags=()=>CHAI_FEATURE_FLAGS,featureFlagsAtom=utils.atomWithStorage("chai-feature-flags",[]),useChaiFeatureFlag=o=>{const[n]=jotai.useAtom(featureFlagsAtom);return n.includes(o)},useToggleChaiFeatureFlag=o=>{const[n,a]=jotai.useAtom(featureFlagsAtom);return()=>{n.includes(o)?a(n.filter(r=>r!==o)):a([...n,o])}},IfChaiFeatureFlag=({flagKey:o,children:n})=>useChaiFeatureFlag(o)?n:null,FeatureToggle=({featureKey:o,options:n})=>{const a=useToggleChaiFeatureFlag(o),l=useChaiFeatureFlag(o);return jsxRuntime.jsxs("div",{className:"flex items-center space-x-3 rounded-md p-2 transition-colors hover:bg-gray-50 dark:hover:bg-gray-800",children:[jsxRuntime.jsx(tooltip.Switch,{checked:l,onCheckedChange:a}),jsxRuntime.jsxs("div",{className:"flex-1",children:[jsxRuntime.jsx("p",{className:"text-sm font-medium text-gray-900 dark:text-gray-100",children:n.key}),n.description&&jsxRuntime.jsx("p",{className:"mt-0.5 text-xs text-gray-500 dark:text-gray-400",children:n.description})]})]})},showFeatureFlagAtom=utils.atomWithStorage("show-feature-flag",null),ChaiFeatureFlagsWidgetComponent=({close:o,position:n,updatePosition:a})=>{const l=useChaiFeatureFlags(),[r,i]=React.useState(""),[c,d]=React.useState(!1),[p,u]=React.useState({x:0,y:0}),m=React.useMemo(()=>{if(!r.trim())return l;const f=r.toLowerCase();return Object.fromEntries(Object.entries(l).filter(([b,j])=>{var R;return(b==null?void 0:b.toLowerCase().includes(f))||((R=j==null?void 0:j.description)==null?void 0:R.toLowerCase().includes(f))}))},[l,r]),x=f=>{d(!0),u({x:f.clientX-n.x,y:f.clientY-n.y})},h=f=>{if(!c)return;const b=f.clientX-p.x,j=f.clientY-p.y,R=f.currentTarget,k=R.offsetWidth,w=R.offsetHeight,B=window.innerWidth-k,S=window.innerHeight-w,E=Math.max(0,Math.min(b,B)),y=Math.max(0,Math.min(j,S));a(E,y)},g=()=>{d(!1)};return React.useEffect(()=>{const f=()=>{c&&d(!1)};return window.addEventListener("mouseup",f),()=>window.removeEventListener("mouseup",f)},[c]),!n||n.x<0||n.y<0?null:jsxRuntime.jsxs("div",{onMouseDown:x,onMouseMove:h,onMouseUp:g,className:"fixed z-[9999999] select-none rounded-md border border-gray-300 bg-white p-3 shadow-2xl",style:{left:n.x,top:n.y,cursor:c?"grabbing":"grab",userSelect:"none"},children:[jsxRuntime.jsxs("div",{className:"relative sticky top-0 rounded-t-lg bg-white",children:[jsxRuntime.jsxs("div",{className:"mb-3 flex items-center justify-between",children:[jsxRuntime.jsxs("div",{children:[jsxRuntime.jsxs("h3",{className:"flex items-center gap-x-2 text-base font-semibold text-gray-900 dark:text-gray-100",children:[jsxRuntime.jsx(reactIcons.DragHandleDots2Icon,{})," Feature Flags"]}),jsxRuntime.jsxs("p",{className:"text-xs text-gray-400 dark:text-gray-400",children:["Toggle experimental features (",jsxRuntime.jsx("span",{className:"font-mono",children:"Ctrl+Shift+1"})," to toggle)"]})]}),jsxRuntime.jsx(tooltip.Button,{variant:"ghost",size:"sm",onClick:o,className:"absolute -right-2 -top-2 p-1 text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200",children:jsxRuntime.jsx(reactIcons.Cross1Icon,{className:"h-4 w-4"})})]}),jsxRuntime.jsxs("div",{className:"relative",children:[jsxRuntime.jsx(reactIcons.MagnifyingGlassIcon,{className:"absolute left-2.5 top-2.5 h-4 w-4 text-gray-400"}),jsxRuntime.jsx(tooltip.Input,{type:"search",placeholder:"Search features...",className:"w-full pl-8",value:r,onChange:f=>i(f.target.value),autoFocus:!0})]})]}),jsxRuntime.jsx("div",{className:"max-h-96 overflow-y-auto py-2",children:Object.keys(m).length>0?jsxRuntime.jsx("div",{className:"space-y-1",children:Object.entries(m).map(([f,b])=>jsxRuntime.jsx(FeatureToggle,{featureKey:f,options:b},f))}):jsxRuntime.jsx("div",{className:"py-8 text-center",children:jsxRuntime.jsxs("p",{className:"text-sm text-gray-500 dark:text-gray-400",children:['No features found matching "',r,'"']})})})]})},ChaiFeatureFlagsWidget=()=>{const[o,n]=jotai.useAtom(showFeatureFlagAtom);return reactHotkeysHook.useHotkeys("ctrl+shift+1,command+shift+1",()=>n(a=>a?{...a,show:!a.show}:{x:0,y:0,show:!0}),{enableOnFormTags:!0}),o!=null&&o.show?jsxRuntime.jsx(ChaiFeatureFlagsWidgetComponent,{position:o,close:()=>n(a=>({...a,show:!1})),updatePosition:(a,l)=>n(r=>({...r,x:a,y:l}))}):null},setDebugLogs=o=>{},getParentNodeIds=(o,n)=>{const a=[];let l=lodashEs.find(o,{_id:n}),r=lodashEs.get(l,"_parent","");for(;lodashEs.isString(r)&&!lodashEs.isEmpty(r);)a.push(l==null?void 0:l._parent),l=lodashEs.find(o,{_id:r}),r=l==null?void 0:l._parent;return lodashEs.flatten(a)},expandedIdsAtom=jotai.atom([]),useExpandTree=()=>{const[o]=useSelectedBlockIds(),n=jotai.useAtomValue(presentBlocksAtom),[,a]=jotai.useAtom(expandedIdsAtom);React.useEffect(()=>{let l=[];const r=lodashEs.first(o);lodashEs.isString(r)&&(l=[r,...getParentNodeIds(n,r)]),a(l)},[o,n,a])},ScreenTooSmall=()=>jsxRuntime.jsx("section",{className:"fixed inset-0 z-50 flex h-screen w-screen items-center justify-center bg-white bg-[linear-gradient(to_right,#f3f4f6_1px,transparent_1px),linear-gradient(to_bottom,#f3f4f6_1px,transparent_1px)] bg-[size:10px_10px] py-12 sm:py-16 lg:py-20 xl:hidden",children:jsxRuntime.jsx("div",{className:"mx-auto max-w-7xl px-4 sm:px-6 lg:px-8",children:jsxRuntime.jsxs("div",{className:"mx-auto max-w-md space-y-6 text-center",children:[jsxRuntime.jsx("img",{src:"https://ucarecdn.com/fbfc3b05-cb73-4e99-92a2-3a367b7c36cd/",alt:"Chai Builder",className:"mx-auto h-20 w-20 rounded-full shadow-lg transition-transform duration-300 hover:scale-105"}),jsxRuntime.jsxs("div",{className:"space-y-4",children:[jsxRuntime.jsx("h2",{className:"text-5xl font-bold tracking-tight text-gray-900",children:"Screen too small"}),jsxRuntime.jsxs("p",{className:"mx-auto max-w-sm text-sm leading-7 text-gray-600",children:["Please view this page on greater than ",jsxRuntime.jsx("strong",{className:"font-medium",children:"1280px"})," screen width for the best experience."]})]}),jsxRuntime.jsx("div",{className:"pt-4",children:jsxRuntime.jsxs("div",{className:"inline-flex items-center rounded-full bg-gray-100 px-4 py-2 text-sm text-gray-700",children:[jsxRuntime.jsx("svg",{className:"mr-2 h-5 w-5",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:jsxRuntime.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"})}),"Minimum width: 1280px"]})})]})})});function isSelfAtom(o,n){return o.unstable_is?o.unstable_is(n):n===o}function hasInitialValue(o){return"init"in o}function isActuallyWritableAtom(o){return!!o.write}function isAtomStateInitialized(o){return"v"in o||"e"in o}function returnAtomValue(o){if("e"in o)throw o.e;return o.v}const promiseStateMap=new WeakMap;function isPendingPromise(o){var n;return isPromiseLike$1(o)&&!!((n=promiseStateMap.get(o))!=null&&n[0])}function abortPromise(o){const n=promiseStateMap.get(o);n!=null&&n[0]&&(n[0]=!1,n[1].forEach(a=>a()))}function registerAbortHandler(o,n){let a=promiseStateMap.get(o);if(!a){a=[!0,new Set],promiseStateMap.set(o,a);const l=()=>{a[0]=!1};o.then(l,l)}a[1].add(n)}function isPromiseLike$1(o){return typeof(o==null?void 0:o.then)=="function"}function addPendingPromiseToDependency(o,n,a){if(!a.p.has(o)){a.p.add(o);const l=()=>a.p.delete(o);n.then(l,l)}}function getMountedOrPendingDependents(o,n,a){var l;const r=new Set;for(const i of((l=a.get(o))==null?void 0:l.t)||[])a.has(i)&&r.add(i);for(const i of n.p)r.add(i);return r}const atomRead=(o,n,...a)=>n.read(...a),atomWrite=(o,n,...a)=>n.write(...a),atomOnInit=(o,n)=>{var a;return(a=n.unstable_onInit)==null?void 0:a.call(n,o)},atomOnMount=(o,n,a)=>{var l;return(l=n.onMount)==null?void 0:l.call(n,a)},ensureAtomState=(o,n)=>{const a=getBuildingBlocks(o),l=a[0],r=a[9];let i=l.get(n);return i||(i={d:new Map,p:new Set,n:0},l.set(n,i),r==null||r(o,n)),i},flushCallbacks=o=>{const n=getBuildingBlocks(o),a=n[1],l=n[3],r=n[4],i=n[5],c=n[6],d=n[13],p=[],u=m=>{try{m()}catch(x){p.push(x)}};do{c.f&&u(c.f);const m=new Set,x=m.add.bind(m);l.forEach(h=>{var g;return(g=a.get(h))==null?void 0:g.l.forEach(x)}),l.clear(),i.forEach(x),i.clear(),r.forEach(x),r.clear(),m.forEach(u),l.size&&d(o)}while(l.size||i.size||r.size);if(p.length)throw new AggregateError(p)},recomputeInvalidatedAtoms=o=>{const n=getBuildingBlocks(o),a=n[1],l=n[2],r=n[3],i=n[11],c=n[14],d=n[17],p=[],u=new WeakSet,m=new WeakSet,x=Array.from(r);for(;x.length;){const h=x[x.length-1],g=i(o,h);if(m.has(h)){x.pop();continue}if(u.has(h)){l.get(h)===g.n&&p.push([h,g]),m.add(h),x.pop();continue}u.add(h);for(const f of getMountedOrPendingDependents(h,g,a))u.has(f)||x.push(f)}for(let h=p.length-1;h>=0;--h){const[g,f]=p[h];let b=!1;for(const j of f.d.keys())if(j!==g&&r.has(j)){b=!0;break}b&&(c(o,g),d(o,g)),l.delete(g)}},readAtomState=(o,n)=>{var a;const l=getBuildingBlocks(o),r=l[1],i=l[2],c=l[3],d=l[6],p=l[7],u=l[11],m=l[12],x=l[13],h=l[14],g=l[16],f=l[17],b=u(o,n);if(isAtomStateInitialized(b)&&(r.has(n)&&i.get(n)!==b.n||Array.from(b.d).every(([y,I])=>h(o,y).n===I)))return b;b.d.clear();let j=!0;function R(){r.has(n)&&(f(o,n),x(o),m(o))}function k(y){var I;if(isSelfAtom(n,y)){const v=u(o,y);if(!isAtomStateInitialized(v))if(hasInitialValue(y))setAtomStateValueOrPromise(o,y,y.init);else throw new Error("no atom init");return returnAtomValue(v)}const C=h(o,y);try{return returnAtomValue(C)}finally{b.d.set(y,C.n),isPendingPromise(b.v)&&addPendingPromiseToDependency(n,b.v,C),(I=r.get(y))==null||I.t.add(n),j||R()}}let w,B;const S={get signal(){return w||(w=new AbortController),w.signal},get setSelf(){return!B&&isActuallyWritableAtom(n)&&(B=(...y)=>{if(!j)try{return g(o,n,...y)}finally{x(o),m(o)}}),B}},E=b.n;try{const y=p(o,n,k,S);return setAtomStateValueOrPromise(o,n,y),isPromiseLike$1(y)&&(registerAbortHandler(y,()=>w==null?void 0:w.abort()),y.then(R,R)),b}catch(y){return delete b.v,b.e=y,++b.n,b}finally{j=!1,E!==b.n&&i.get(n)===E&&(i.set(n,b.n),c.add(n),(a=d.c)==null||a.call(d,n))}},invalidateDependents=(o,n)=>{const a=getBuildingBlocks(o),l=a[1],r=a[2],i=a[11],c=[n];for(;c.length;){const d=c.pop(),p=i(o,d);for(const u of getMountedOrPendingDependents(d,p,l)){const m=i(o,u);r.set(u,m.n),c.push(u)}}},writeAtomState=(o,n,...a)=>{const l=getBuildingBlocks(o),r=l[3],i=l[6],c=l[8],d=l[11],p=l[12],u=l[13],m=l[14],x=l[15],h=l[17];let g=!0;const f=j=>returnAtomValue(m(o,j)),b=(j,...R)=>{var k;const w=d(o,j);try{if(isSelfAtom(n,j)){if(!hasInitialValue(j))throw new Error("atom not writable");const B=w.n,S=R[0];setAtomStateValueOrPromise(o,j,S),h(o,j),B!==w.n&&(r.add(j),(k=i.c)==null||k.call(i,j),x(o,j));return}else return writeAtomState(o,j,...R)}finally{g||(u(o),p(o))}};try{return c(o,n,f,b,...a)}finally{g=!1}},mountDependencies=(o,n)=>{var a;const l=getBuildingBlocks(o),r=l[1],i=l[3],c=l[6],d=l[11],p=l[15],u=l[18],m=l[19],x=d(o,n),h=r.get(n);if(h&&!isPendingPromise(x.v)){for(const[g,f]of x.d)if(!h.d.has(g)){const b=d(o,g);u(o,g).t.add(n),h.d.add(g),f!==b.n&&(i.add(g),(a=c.c)==null||a.call(c,g),p(o,g))}for(const g of h.d||[])if(!x.d.has(g)){h.d.delete(g);const f=m(o,g);f==null||f.t.delete(n)}}},mountAtom=(o,n)=>{var a;const l=getBuildingBlocks(o),r=l[1],i=l[4],c=l[6],d=l[10],p=l[11],u=l[12],m=l[13],x=l[14],h=l[16],g=p(o,n);let f=r.get(n);if(!f){x(o,n);for(const b of g.d.keys())mountAtom(o,b).t.add(n);if(f={l:new Set,d:new Set(g.d.keys()),t:new Set},r.set(n,f),(a=c.m)==null||a.call(c,n),isActuallyWritableAtom(n)){const b=()=>{let j=!0;const R=(...k)=>{try{return h(o,n,...k)}finally{j||(m(o),u(o))}};try{const k=d(o,n,R);k&&(f.u=()=>{j=!0;try{k()}finally{j=!1}})}finally{j=!1}};i.add(b)}}return f},unmountAtom=(o,n)=>{var a;const l=getBuildingBlocks(o),r=l[1],i=l[5],c=l[6],d=l[11],p=l[19],u=d(o,n);let m=r.get(n);if(m&&!m.l.size&&!Array.from(m.t).some(x=>{var h;return(h=r.get(x))==null?void 0:h.d.has(n)})){m.u&&i.add(m.u),m=void 0,r.delete(n),(a=c.u)==null||a.call(c,n);for(const x of u.d.keys()){const h=p(o,x);h==null||h.t.delete(n)}return}return m},setAtomStateValueOrPromise=(o,n,a)=>{const l=getBuildingBlocks(o)[11],r=l(o,n),i="v"in r,c=r.v;if(isPromiseLike$1(a))for(const d of r.d.keys())addPendingPromiseToDependency(n,a,l(o,d));r.v=a,delete r.e,(!i||!Object.is(c,r.v))&&(++r.n,isPromiseLike$1(c)&&abortPromise(c))},storeGet=(o,n)=>{const a=getBuildingBlocks(o)[14];return returnAtomValue(a(o,n))},storeSet=(o,n,...a)=>{const l=getBuildingBlocks(o),r=l[12],i=l[13],c=l[16];try{return c(o,n,...a)}finally{i(o),r(o)}},storeSub=(o,n,a)=>{const l=getBuildingBlocks(o),r=l[12],i=l[18],c=l[19],p=i(o,n).l;return p.add(a),r(o),()=>{p.delete(a),c(o,n),r(o)}},buildingBlockMap=new WeakMap;function getBuildingBlocks(o){return buildingBlockMap.get(o)}function buildStore(...o){const n={get(l){const r=getBuildingBlocks(n)[21];return r(n,l)},set(l,...r){const i=getBuildingBlocks(n)[22];return i(n,l,...r)},sub(l,r){const i=getBuildingBlocks(n)[23];return i(n,l,r)}},a=[new WeakMap,new WeakMap,new WeakMap,new Set,new Set,new Set,{},atomRead,atomWrite,atomOnInit,atomOnMount,ensureAtomState,flushCallbacks,recomputeInvalidatedAtoms,readAtomState,invalidateDependents,writeAtomState,mountDependencies,mountAtom,unmountAtom,setAtomStateValueOrPromise,storeGet,storeSet,storeSub].map((l,r)=>o[r]||l);return buildingBlockMap.set(n,Object.freeze(a)),n}function createStore(){return buildStore()}let defaultStore;function getDefaultStore(){return defaultStore||(defaultStore=createStore()),defaultStore}const StoreContext=React.createContext(void 0);function useStore(o){return React.useContext(StoreContext)||getDefaultStore()}const isPromiseLike=o=>typeof(o==null?void 0:o.then)=="function",attachPromiseStatus=o=>{o.status||(o.status="pending",o.then(n=>{o.status="fulfilled",o.value=n},n=>{o.status="rejected",o.reason=n}))},use=React.use||(o=>{if(o.status==="pending")throw o;if(o.status==="fulfilled")return o.value;throw o.status==="rejected"?o.reason:(attachPromiseStatus(o),o)}),continuablePromiseMap=new WeakMap,createContinuablePromise=(o,n)=>{let a=continuablePromiseMap.get(o);return a||(a=new Promise((l,r)=>{let i=o;const c=u=>m=>{i===u&&l(m)},d=u=>m=>{i===u&&r(m)},p=()=>{try{const u=n();isPromiseLike(u)?(continuablePromiseMap.set(u,a),i=u,u.then(c(u),d(u)),registerAbortHandler(u,p)):l(u)}catch(u){r(u)}};o.then(c(o),d(o)),registerAbortHandler(o,p)}),continuablePromiseMap.set(o,a)),a};function useAtomValue(o,n){const{delay:a,unstable_promiseStatus:l=!React.use}={},r=useStore(),[[i,c,d],p]=React.useReducer(m=>{const x=r.get(o);return Object.is(m[0],x)&&m[1]===r&&m[2]===o?m:[x,r,o]},void 0,()=>[r.get(o),r,o]);let u=i;if((c!==r||d!==o)&&(p(),u=r.get(o)),React.useEffect(()=>{const m=r.sub(o,()=>{if(l)try{const x=r.get(o);isPromiseLike(x)&&attachPromiseStatus(createContinuablePromise(x,()=>r.get(o)))}catch{}if(typeof a=="number"){setTimeout(p,a);return}p()});return p(),m},[r,o,a,l]),React.useDebugValue(u),isPromiseLike(u)){const m=createContinuablePromise(u,()=>r.get(o));return l&&attachPromiseStatus(m),use(m)}return u}function useSetAtom(o,n){const a=useStore();return React.useCallback((...r)=>a.set(o,...r),[a,o])}function useAtom(o,n){return[useAtomValue(o),useSetAtom(o)]}const useAutoSave=()=>{const{savePage:o,saveState:n}=useSavePage(),a=useBuilderProp("autoSave",!0),l=useBuilderProp("autoSaveInterval",60);web.useIntervalEffect(()=>{a&&(n==="SAVED"||n==="SAVING"||o(!0))},a?l*1e3:void 0)},ChaiWatchers=o=>{const[,n]=useBlocksStore(),a=useBuilderReset(),[l]=useAtom(builderSaveStateAtom);useAtom(selectedLibraryAtom),useKeyEventWatcher(),useExpandTree(),useAutoSave(),useWatchPartailBlocks(),useUnmountBroadcastChannel();const{postMessage:r}=useBroadcastChannel(),[,i]=useAtom(isPageLoadedAtom);return React.useEffect(()=>{builderStore.set(chaiBuilderPropsAtom,lodashEs.omit(o,["blocks","translations","pageExternalData"]))},[o]),React.useEffect(()=>{builderStore.set(chaiPageExternalDataAtom,o.pageExternalData||{})},[o.pageExternalData]),React.useEffect(()=>{i(!1),setTimeout(()=>{const c=runtime.syncBlocksWithDefaults(o.blocks||[]);n(c),c&&c.length>0&&r({type:"blocks-updated",blocks:c}),a(),i(!0)},400)},[o.blocks]),React.useEffect(()=>{i18n.changeLanguage(o.locale||"en")},[o.locale]),React.useEffect(()=>{setDebugLogs(o.debugLogs)},[o.debugLogs]),React.useEffect(()=>{o.translations&&lodashEs.each(o.translations,(c,d)=>{i18n.addResourceBundle(d,"translation",c,!0,!0)})},[o.translations]),React.useEffect(()=>(l!=="SAVED"?window.onbeforeunload=()=>"":window.onbeforeunload=null,()=>{window.onbeforeunload=null}),[l]),null},ChaiBuilderComponent=o=>{const n=React.useMemo(()=>o.layout||RootLayout,[o.layout]),a=useBuilderProp("builderTheme",plugin.defaultThemeValues);return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(CssThemeVariables,{theme:a}),jsxRuntime.jsx(n,{})]})},ChaiBuilderEditor=o=>{const n=o.onError||lodashEs.noop;return jsxRuntime.jsx("div",{className:"h-screen w-screen",children:jsxRuntime.jsxs(reactErrorBoundary.ErrorBoundary,{fallback:jsxRuntime.jsx(FallbackError,{}),onError:n,children:[jsxRuntime.jsx(ScreenTooSmall,{}),jsxRuntime.jsx(ChaiBuilderComponent,{...o}),jsxRuntime.jsx(ChaiWatchers,{...o}),jsxRuntime.jsx(PreviewScreen,{}),jsxRuntime.jsx(sonner.Toaster,{richColors:!0}),jsxRuntime.jsx(ChaiFeatureFlagsWidget,{})]})})};if(typeof window>"u")throw new Error("@chaibuilder/sdk is only supported in the browser. Avoid using it in the server side.");exports.AIUserPrompt=AIUserPrompt;exports.AddBlocksDialog=AddBlocksDialog;exports.AddBlocksPanel=AddBlocksPanel;exports.BlockAttributesEditor=BlockAttributesEditor;exports.BlockSettings=BlockSettings;exports.BlockStyling=BlockStyling;exports.Breakpoints=Breakpoints$1;exports.CanvasArea=CanvasArea;exports.ChaiBuilderEditor=ChaiBuilderEditor;exports.DarkMode=DarkMode;exports.DefaultChaiBlocks=DefaultChaiBlocks;exports.IfChaiFeatureFlag=IfChaiFeatureFlag;exports.ImportHTML=ImportHTML;exports.ListTree=ListTree;exports.NestedPathSelector=NestedPathSelector;exports.PERMISSIONS=PERMISSIONS;exports.ThemeConfigPanel=ThemeConfigPanel;exports.UILibrariesPanel=UILibrariesPanel;exports.UndoRedo=UndoRedo;exports.registerBlockSettingField=registerBlockSettingField;exports.registerBlockSettingTemplate=registerBlockSettingTemplate;exports.registerBlockSettingWidget=registerBlockSettingWidget;exports.registerChaiAddBlockTab=registerChaiAddBlockTab;exports.registerChaiFeatureFlag=registerChaiFeatureFlag;exports.registerChaiFeatureFlags=registerChaiFeatureFlags;exports.registerChaiLibrary=registerChaiLibrary;exports.registerChaiMediaManager=registerChaiMediaManager;exports.registerChaiPreImportHTMLHook=registerChaiPreImportHTMLHook;exports.registerChaiSaveToLibrary=registerChaiSaveToLibrary;exports.registerChaiSidebarPanel=registerChaiSidebarPanel;exports.registerChaiTopBar=registerChaiTopBar;exports.useAddBlock=useAddBlock;exports.useAddClassesToBlocks=useAddClassesToBlocks;exports.useAskAi=useAskAi;exports.useBlockHighlight=useBlockHighlight;exports.useBlocksStore=useBlocksStore;exports.useBlocksStoreUndoableActions=useBlocksStoreUndoableActions;exports.useBrandingOptions=useBrandingOptions;exports.useBuilderProp=useBuilderProp;exports.useBuilderReset=useBuilderReset;exports.useCanvasDisplayWidth=useCanvasDisplayWidth;exports.useCanvasZoom=useCanvasZoom;exports.useChaiFeatureFlag=useChaiFeatureFlag;exports.useChaiFeatureFlags=useChaiFeatureFlags;exports.useCodeEditor=useCodeEditor;exports.useCopyBlocks=useCopyBlocks;exports.useCopyToClipboard=useCopyToClipboard;exports.useCurrentPage=useCurrentPage;exports.useCutBlockIds=useCutBlockIds;exports.useDarkMode=useDarkMode;exports.useDuplicateBlocks=useDuplicateBlocks;exports.useHighlightBlockId=useHighlightBlockId;exports.useInlineEditing=useInlineEditing;exports.useIsPageLoaded=useIsPageLoaded;exports.useLanguages=useLanguages;exports.useLibraryBlocks=useLibraryBlocks;exports.useMediaManagerComponent=useMediaManagerComponent;exports.usePageExternalData=usePageExternalData;exports.usePartialBlocksList=usePartialBlocksList;exports.usePartialBlocksStore=usePartialBlocksStore;exports.usePasteBlocks=usePasteBlocks;exports.usePermissions=usePermissions;exports.usePreviewMode=usePreviewMode;exports.useRemoveAllClassesForBlock=useRemoveAllClassesForBlock;exports.useRemoveBlocks=useRemoveBlocks;exports.useRemoveClassesFromBlocks=useRemoveClassesFromBlocks;exports.useResetBlockStyles=useResetBlockStyles;exports.useRightPanel=useRightPanel;exports.useSavePage=useSavePage;exports.useScreenSizeWidth=useScreenSizeWidth;exports.useSelectedBlock=useSelectedBlock;exports.useSelectedBlockAllClasses=useSelectedBlockAllClasses;exports.useSelectedBlockCurrentClasses=useSelectedBlockCurrentClasses;exports.useSelectedBlockIds=useSelectedBlockIds;exports.useSelectedBlocksDisplayChild=useSelectedBlocksDisplayChild;exports.useSelectedBreakpoints=useSelectedBreakpoints;exports.useSelectedLibrary=useSelectedLibrary;exports.useSelectedStylingBlocks=useSelectedStylingBlocks;exports.useSidebarActivePanel=useSidebarActivePanel;exports.useStylingBreakpoint=useStylingBreakpoint;exports.useStylingState=useStylingState;exports.useTheme=useTheme;exports.useThemeOptions=useThemeOptions;exports.useToggleChaiFeatureFlag=useToggleChaiFeatureFlag;exports.useUndoManager=useUndoManager;exports.useUpdateBlocksProps=useUpdateBlocksProps;exports.useUpdateBlocksPropsRealtime=useUpdateBlocksPropsRealtime;exports.useWrapperBlock=useWrapperBlock;