@chaibuilder/sdk 0.1.1 → 0.1.2

package/dist/lib.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("./utils-3c452dd0.cjs"),r=require("./Class-0801d193.cjs"),T=require("./html-to-json-d8ac554d.cjs"),s=require("lodash");require("clsx");require("tailwind-merge");require("himalaya");require("./CONTROLS-031e1de3.cjs");const d={25:"1/4","33.33":"1/3",50:"1/2","66.67":"2/3",75:"3/4",20:"1/5",40:"2/5",60:"3/5",80:"4/5","16.67":"1/6","83.33":"5/6","8.33":"1/12","41.67":"5/12","58.33":"7/12","91.67":"11/12",100:"full"},k={0:"0",1:"px",2:"0.5",4:"1",6:"1.5",8:"2",10:"2.5",12:"3",14:"3.5",16:"4",20:"5",24:"6",28:"7",32:"8",36:"9",40:"10",44:"11",48:"12",56:"14",64:"16",80:"20",96:"24",112:"28",128:"32",144:"36",160:"40",176:"44",192:"48",208:"52",224:"56",240:"60",256:"64",288:"72",320:"80",384:"96"},b=16,V=4;function O(n){return n.indexOf("rem")!==-1&&(n=`${parseFloat(n.replace("rem",""))*b}px`),n}const w=n=>{const p=n.match(/\[.*\]/);if(p===null)return n;const l=r.constructClassObject(n);if(l===null)return n;const{property:m}=l;let e=s.first(p).replace(/\]/i,"").replace(/\[/i,"");const c=n.replace(/\[.*\]/i,"");e=O(e);let a=n;switch(m){case"top":case"right":case"left":case"bottom":case"inset":case"insetX":case"insetY":case"gap":case"gapX":case"gapY":case"padding":case"paddingX":case"paddingY":case"paddingTop":case"paddingRight":case"paddingBottom":case"paddingLeft":case"margin":case"marginX":case"marginY":case"marginTop":case"marginRight":case"marginBottom":case"marginLeft":case"flexBasis":case"width":case"height":case"maxHeight":case"textIndent":case"spaceX":case"spaceY":if(e.indexOf("px")!==-1){const t=s.map(s.keys(k),i=>`${i}px`);if(s.includes(t,e)){const i=s.parseInt(e.replace("px",""),10);i===1?a=`${c}px`:a=c+i/V}}if(e.indexOf("%")!==-1){const t=s.map(s.keys(d),i=>`${i}%`);if(s.includes(t,e)){const i=parseFloat(e.replace("%",""));a=c+s.get(d,i)}}e.indexOf("vw")!==-1&&parseFloat(e.replace("vw",""))===100&&(a=`${c}screen`),e.indexOf("vh")!==-1&&parseFloat(e.replace("vh",""))===100&&(a=`${c}screen`);break;case"minWidth":e.indexOf("%")!==-1&&parseFloat(e.replace("%",""))===100&&(a=`${c}full`),e==="0px"&&(a="min-w-0");break;case"maxWidth":e==="0px"&&(a="max-w-0");const x={"320px":"xs","384px":"sm","448px":"md","512px":"lg","576px":"xl","672px":"2xl","768px":"3xl","896px":"4xl","1024px":"5xl","1152px":"6xl","1280px":"7xl","100%":"full","65ch":"prose","640px":"screen-sm","1536px":"screen-2xl"};s.includes(s.keys(x),e)&&(a=`max-w-${x[e]}`);break;case"minHeight":e.indexOf("%")!==-1&&parseFloat(e.replace("%",""))===100&&(a=`${c}full`),e==="0px"&&(a="min-h-0"),e==="100vh"&&(a="min-h-screen");break;case"fontSize":const o={"12px":"xs","14px":"sm","16px":"base","18px":"lg","20px":"xl","24px":"2xl","30px":"3xl","36px":"4xl","48px":"5xl","60px":"6xl","72px":"7xl","96px":"8xl","128px":"9xl"};s.includes(s.keys(o),e)&&(a=c+o[e]);break;case"lineHeight":const u={"12px":"3","16px":"4","20px":"5","24px":"6","28px":"7","32px":"8","36px":"9","40px":"10",1:"none","1.25":"tight","1.375":"snug","1.5":"normal","1.625":"relaxed",2:"loose"};s.includes(s.keys(u),e)&&(a=c+u[e]);break;case"zIndex":a=["0","10","20","30","40","50"].indexOf(e)!==-1?`${c}${e}`:n;break;case"opacity":const g=["0","5","10","20","25","30","40","50","60","70","75","80","90","95","100"],f=parseFloat(e)*100;s.includes(g,f.toString())&&(a=`opacity-${f}`);break}return a};exports.cn=h.cn;exports.generateUUID=r.generateUUID;exports.getBreakpointValue=r.getBreakpointValue;exports.getBlocksFromHTML=T.getBlocksFromHTML;exports.convertArbitraryToTailwindClass=w;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("./utils-3c452dd0.cjs"),r=require("./Class-0801d193.cjs"),T=require("./html-to-json-7eba915f.cjs"),s=require("lodash");require("clsx");require("tailwind-merge");require("himalaya");require("./CONTROLS-031e1de3.cjs");const d={25:"1/4","33.33":"1/3",50:"1/2","66.67":"2/3",75:"3/4",20:"1/5",40:"2/5",60:"3/5",80:"4/5","16.67":"1/6","83.33":"5/6","8.33":"1/12","41.67":"5/12","58.33":"7/12","91.67":"11/12",100:"full"},k={0:"0",1:"px",2:"0.5",4:"1",6:"1.5",8:"2",10:"2.5",12:"3",14:"3.5",16:"4",20:"5",24:"6",28:"7",32:"8",36:"9",40:"10",44:"11",48:"12",56:"14",64:"16",80:"20",96:"24",112:"28",128:"32",144:"36",160:"40",176:"44",192:"48",208:"52",224:"56",240:"60",256:"64",288:"72",320:"80",384:"96"},b=16,V=4;function O(n){return n.indexOf("rem")!==-1&&(n=`${parseFloat(n.replace("rem",""))*b}px`),n}const w=n=>{const p=n.match(/\[.*\]/);if(p===null)return n;const l=r.constructClassObject(n);if(l===null)return n;const{property:m}=l;let e=s.first(p).replace(/\]/i,"").replace(/\[/i,"");const c=n.replace(/\[.*\]/i,"");e=O(e);let a=n;switch(m){case"top":case"right":case"left":case"bottom":case"inset":case"insetX":case"insetY":case"gap":case"gapX":case"gapY":case"padding":case"paddingX":case"paddingY":case"paddingTop":case"paddingRight":case"paddingBottom":case"paddingLeft":case"margin":case"marginX":case"marginY":case"marginTop":case"marginRight":case"marginBottom":case"marginLeft":case"flexBasis":case"width":case"height":case"maxHeight":case"textIndent":case"spaceX":case"spaceY":if(e.indexOf("px")!==-1){const t=s.map(s.keys(k),i=>`${i}px`);if(s.includes(t,e)){const i=s.parseInt(e.replace("px",""),10);i===1?a=`${c}px`:a=c+i/V}}if(e.indexOf("%")!==-1){const t=s.map(s.keys(d),i=>`${i}%`);if(s.includes(t,e)){const i=parseFloat(e.replace("%",""));a=c+s.get(d,i)}}e.indexOf("vw")!==-1&&parseFloat(e.replace("vw",""))===100&&(a=`${c}screen`),e.indexOf("vh")!==-1&&parseFloat(e.replace("vh",""))===100&&(a=`${c}screen`);break;case"minWidth":e.indexOf("%")!==-1&&parseFloat(e.replace("%",""))===100&&(a=`${c}full`),e==="0px"&&(a="min-w-0");break;case"maxWidth":e==="0px"&&(a="max-w-0");const x={"320px":"xs","384px":"sm","448px":"md","512px":"lg","576px":"xl","672px":"2xl","768px":"3xl","896px":"4xl","1024px":"5xl","1152px":"6xl","1280px":"7xl","100%":"full","65ch":"prose","640px":"screen-sm","1536px":"screen-2xl"};s.includes(s.keys(x),e)&&(a=`max-w-${x[e]}`);break;case"minHeight":e.indexOf("%")!==-1&&parseFloat(e.replace("%",""))===100&&(a=`${c}full`),e==="0px"&&(a="min-h-0"),e==="100vh"&&(a="min-h-screen");break;case"fontSize":const o={"12px":"xs","14px":"sm","16px":"base","18px":"lg","20px":"xl","24px":"2xl","30px":"3xl","36px":"4xl","48px":"5xl","60px":"6xl","72px":"7xl","96px":"8xl","128px":"9xl"};s.includes(s.keys(o),e)&&(a=c+o[e]);break;case"lineHeight":const u={"12px":"3","16px":"4","20px":"5","24px":"6","28px":"7","32px":"8","36px":"9","40px":"10",1:"none","1.25":"tight","1.375":"snug","1.5":"normal","1.625":"relaxed",2:"loose"};s.includes(s.keys(u),e)&&(a=c+u[e]);break;case"zIndex":a=["0","10","20","30","40","50"].indexOf(e)!==-1?`${c}${e}`:n;break;case"opacity":const g=["0","5","10","20","25","30","40","50","60","70","75","80","90","95","100"],f=parseFloat(e)*100;s.includes(g,f.toString())&&(a=`opacity-${f}`);break}return a};exports.cn=h.cn;exports.generateUUID=r.generateUUID;exports.getBreakpointValue=r.getBreakpointValue;exports.getBlocksFromHTML=T.getBlocksFromHTML;exports.convertArbitraryToTailwindClass=w;

package/dist/lib.js

@@ -1,7 +1,7 @@
 import { c as R } from "./utils-ac68b2c8.js";
 import { c as T } from "./Class-e6b07b79.js";
 import { g as z, a as C } from "./Class-e6b07b79.js";
-import { g as M } from "./html-to-json-fecbbe16.js";
+import { g as M } from "./html-to-json-7510f587.js";
 import { first as V, includes as t, keys as i, map as u, parseInt as b, get as O } from "lodash";
 import "clsx";
 import "tailwind-merge";

package/dist/{link-158970ee.cjs → link-1ee70bca.cjs}

@@ -1 +1 @@
-"use strict";const e=require("./jsx-runtime-5c3ac4f7.cjs"),d=require("react"),h=require("./utils-3c452dd0.cjs"),m=require("react-icons-picker"),f=require("react-dom"),g=require("lodash"),u=require("./dialog-170eaad9.cjs"),b=require("./ImagesPanel-5cde797f.cjs"),R=require("react-quill");require("react-i18next");const E=require("./useBuilderProp-5e57d0c8.cjs");function k(t){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(s,r,n.get?n:{enumerable:!0,get:()=>t[r]})}}return s.default=t,Object.freeze(s)}const v=k(d),j=v.forwardRef(({className:t,type:s,...r},n)=>e.jsxRuntimeExports.jsx("input",{type:s,className:h.cn("flex h-9 w-full rounded-md border border-border  bg-background px-3 py-1 text-sm 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",t),ref:n,...r}));j.displayName="Input";const y=t=>{const s=document.getElementById("icon-picker-field"),r=document.createElement("div");f.render(e.jsxRuntimeExports.jsx(m.IconPickerItem,{value:t}),r),s.appendChild(r),r.hidden=!0;const n=r.innerHTML;return setTimeout(()=>s.removeChild(r),1e3),n},I=({value:t,onChange:s,onBlur:r,id:n})=>{const a=i=>{s("<svg />");const l=y(i);s(l),r(n,l)};return e.jsxRuntimeExports.jsxs("div",{className:"mt-1 flex h-20 items-center gap-x-2",id:"icon-picker-field",children:[e.jsxRuntimeExports.jsxs("div",{className:"relative h-12 w-12",children:[e.jsxRuntimeExports.jsx("div",{dangerouslySetInnerHTML:{__html:t==null?void 0:t.replace("<svg",'<svg class="h-5 w-5"')},className:"absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 transform cursor-pointer bg-white hover:hidden"}),e.jsxRuntimeExports.jsx(m,{value:t?"BiSolidGrid":null,onChange:a,pickButtonStyle:{height:"48px",width:"48px",border:"1px solid #BBBBBB",display:"flex",alignItems:"center",justifyContent:"center",borderRadius:"6px"},searchInputStyle:{backgroundColor:"transparent",width:"100%",border:"1px solid #BBBBBB",margin:"0px 10px",padding:"10px"}})]}),e.jsxRuntimeExports.jsx("textarea",{value:t,onChange:i=>s(i.target.value),className:"h-full w-full rounded-sm border-foreground/20 px-2 py-1 text-xs shadow-sm focus:border-gray-500/80 focus:outline-none focus:ring-0",placeholder:"Choose icon or enter svg"})]})},P=I,w=({children:t,onSelect:s})=>{const[r,n]=d.useState(!1),a=(...i)=>{s.call(void 0,...i),n(!1)};return e.jsxRuntimeExports.jsxs(u.Dialog,{open:r,onOpenChange:i=>n(i),children:[e.jsxRuntimeExports.jsx(u.DialogTrigger,{asChild:!0,children:t}),e.jsxRuntimeExports.jsx(u.DialogContent,{className:"flex h-3/4 max-w-5xl",children:e.jsxRuntimeExports.jsx("div",{className:"h-full w-full",children:e.jsxRuntimeExports.jsx(b.default,{isModalView:!0,onSelect:a})})})]})},p=w,N=({value:t,onChange:s,id:r,onBlur:n})=>e.jsxRuntimeExports.jsxs("div",{className:"mt-1.5 flex items-center gap-x-3",children:[t?e.jsxRuntimeExports.jsx("img",{src:t,className:"h-20 w-20 overflow-hidden rounded-md border object-cover",alt:""}):e.jsxRuntimeExports.jsx(p,{onSelect:s,children:e.jsxRuntimeExports.jsx("div",{className:"h-20 w-20 cursor-pointer rounded-md border bg-[radial-gradient(#AAA,transparent_1px)] duration-300 [background-size:10px_10px] hover:border-gray-400"})}),e.jsxRuntimeExports.jsxs("div",{className:"flex w-3/5 flex-col",children:[e.jsxRuntimeExports.jsx(p,{onSelect:s,children:e.jsxRuntimeExports.jsx("small",{className:"cursor-pointer rounded-full bg-gray-600 px-2 py-1 text-center text-xs text-white hover:bg-gray-500 dark:bg-gray-700",children:t||!g.isEmpty(t)?"Replace Image":"Choose Image"})}),e.jsxRuntimeExports.jsx("small",{className:"-pl-4 pt-2 text-center text-xs text-gray-600",children:"OR"}),e.jsxRuntimeExports.jsx("input",{type:"url",className:"text-xs",placeholder:"Enter image URL",value:t,onBlur:({target:{value:a}})=>n(r,a),onChange:a=>s(a.target.value)})]})]}),B=N,C=({id:t,placeholder:s,value:r,onChange:n,onBlur:a})=>{const i={toolbar:[["bold","italic","underline","strike","blockquote"],[{list:"ordered"},{list:"bullet"}],[{color:[]},{background:[]},{align:[]}],["link","clean"]]},l=["header","font","list","bold","italic","underline","strike","blockquote","color","background","align","link","image"];return e.jsxRuntimeExports.jsx(R,{id:t,value:r,onBlur:c=>a(t,c),onChange:c=>n(c),modules:i,formats:l,placeholder:s,className:"mt-1 rounded-md"})},S=C,q=({schema:t,formData:s,onChange:r})=>{const[n,a]=d.useState([]),i=E.useBuilderProp("getPages",()=>[]),{type:l="page",href:c="",target:x="self"}=s;return d.useEffect(()=>{(async()=>{const o=await i();a(o)})()},[i]),e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsx("span",{className:"text-xs font-medium",children:(t==null?void 0:t.title)??"Link"}),e.jsxRuntimeExports.jsxs("div",{className:"flex flex-col gap-y-1.5",children:[e.jsxRuntimeExports.jsx("select",{name:"type",defaultValue:"page",value:l,onChange:o=>r({...s,type:o.target.value}),children:[{const:"page",title:"Open Page"},{const:"url",title:"Open URL"},{const:"email",title:"Compose Email"},{const:"telephone",title:"Call Phone"},{const:"scroll",title:"Scroll to element"}].map(o=>e.jsxRuntimeExports.jsx("option",{value:o.const,children:o.title},o.const))}),l==="page"?e.jsxRuntimeExports.jsxs("select",{name:"href",defaultValue:"",placeholder:"Choose Page",value:c,onChange:o=>r({...s,href:o.target.value}),children:[e.jsxRuntimeExports.jsx("option",{value:"",children:"Choose page"}),g.map(n,o=>e.jsxRuntimeExports.jsx("option",{value:o.slug,children:o.page_name},o.uuid))]}):e.jsxRuntimeExports.jsx("input",{name:"href",type:"text",value:c,onChange:o=>r({...s,href:o.target.value}),placeholder:l==="page"||l==="url"?"Enter URL":l==="scroll"?"#ElementID":"Enter detail"}),(l==="page"||l==="url")&&e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-x-2",children:[e.jsxRuntimeExports.jsx("input",{type:"checkbox",defaultChecked:x==="_blank",className:"cursor-pointer rounded-md border border-border",onChange:()=>r({...s,target:x==="_blank"?"_self":"_blank"})}),e.jsxRuntimeExports.jsx("span",{className:"pt-1 text-xs",children:"Open in new tab"})]})]})]})},_=q;exports.IconPickerField=P;exports.ImagePickerField=B;exports.Input=j;exports.LinkField=_;exports.RTEField=S;
+"use strict";const e=require("./jsx-runtime-5c3ac4f7.cjs"),d=require("react"),h=require("./utils-3c452dd0.cjs"),m=require("react-icons-picker"),f=require("react-dom"),g=require("lodash"),u=require("./dialog-170eaad9.cjs"),b=require("./ImagesPanel-cc136c92.cjs"),R=require("react-quill");require("react-i18next");const E=require("./useBuilderProp-5e57d0c8.cjs");function k(t){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(s,r,n.get?n:{enumerable:!0,get:()=>t[r]})}}return s.default=t,Object.freeze(s)}const v=k(d),j=v.forwardRef(({className:t,type:s,...r},n)=>e.jsxRuntimeExports.jsx("input",{type:s,className:h.cn("flex h-9 w-full rounded-md border border-border  bg-background px-3 py-1 text-sm 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",t),ref:n,...r}));j.displayName="Input";const y=t=>{const s=document.getElementById("icon-picker-field"),r=document.createElement("div");f.render(e.jsxRuntimeExports.jsx(m.IconPickerItem,{value:t}),r),s.appendChild(r),r.hidden=!0;const n=r.innerHTML;return setTimeout(()=>s.removeChild(r),1e3),n},w=({value:t,onChange:s,onBlur:r,id:n})=>{const a=i=>{s("<svg />");const l=y(i);s(l),r(n,l)};return e.jsxRuntimeExports.jsxs("div",{className:"mt-1 flex h-20 items-center gap-x-2",id:"icon-picker-field",children:[e.jsxRuntimeExports.jsxs("div",{className:"relative h-12 w-12",children:[e.jsxRuntimeExports.jsx("div",{dangerouslySetInnerHTML:{__html:t==null?void 0:t.replace("<svg",'<svg class="h-5 w-5"')},className:"absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 transform cursor-pointer bg-white hover:hidden"}),e.jsxRuntimeExports.jsx(m,{value:t?"BiSolidGrid":null,onChange:a,pickButtonStyle:{height:"48px",width:"48px",border:"1px solid #BBBBBB",display:"flex",alignItems:"center",justifyContent:"center",borderRadius:"6px"},searchInputStyle:{backgroundColor:"transparent",width:"100%",border:"1px solid #BBBBBB",margin:"0px 10px",padding:"10px"}})]}),e.jsxRuntimeExports.jsx("textarea",{value:t,onChange:i=>s(i.target.value),className:"h-full w-full rounded-sm border-foreground/20 px-2 py-1 text-xs shadow-sm focus:border-gray-500/80 focus:outline-none focus:ring-0",placeholder:"Choose icon or enter svg"})]})},I=w,P=({children:t,onSelect:s})=>{const[r,n]=d.useState(!1),a=(...i)=>{s.call(void 0,...i),n(!1)};return e.jsxRuntimeExports.jsxs(u.Dialog,{open:r,onOpenChange:i=>n(i),children:[e.jsxRuntimeExports.jsx(u.DialogTrigger,{asChild:!0,children:t}),e.jsxRuntimeExports.jsx(u.DialogContent,{className:"flex h-3/4 max-w-5xl",children:e.jsxRuntimeExports.jsx("div",{className:"h-full w-full",children:e.jsxRuntimeExports.jsx(b.default,{isModalView:!0,onSelect:a})})})]})},p=P,N=({value:t,onChange:s,id:r,onBlur:n})=>e.jsxRuntimeExports.jsxs("div",{className:"mt-1.5 flex items-center gap-x-3",children:[t?e.jsxRuntimeExports.jsx("img",{src:t,className:"h-20 w-20 overflow-hidden rounded-md border object-cover",alt:""}):e.jsxRuntimeExports.jsx(p,{onSelect:s,children:e.jsxRuntimeExports.jsx("div",{className:"h-20 w-20 cursor-pointer rounded-md border bg-[radial-gradient(#AAA,transparent_1px)] duration-300 [background-size:10px_10px] hover:border-gray-400"})}),e.jsxRuntimeExports.jsxs("div",{className:"flex w-3/5 flex-col",children:[e.jsxRuntimeExports.jsx(p,{onSelect:s,children:e.jsxRuntimeExports.jsx("small",{className:"cursor-pointer rounded-full bg-gray-600 px-2 py-1 text-center text-xs text-white hover:bg-gray-500 dark:bg-gray-700",children:t||!g.isEmpty(t)?"Replace Image":"Choose Image"})}),e.jsxRuntimeExports.jsx("small",{className:"-pl-4 pt-2 text-center text-xs text-gray-600",children:"OR"}),e.jsxRuntimeExports.jsx("input",{type:"url",className:"text-xs",placeholder:"Enter image URL",value:t,onBlur:({target:{value:a}})=>n(r,a),onChange:a=>s(a.target.value)})]})]}),B=N,C=({id:t,placeholder:s,value:r,onChange:n,onBlur:a})=>{const i={toolbar:[["bold","italic","underline","strike","blockquote"],[{list:"ordered"},{list:"bullet"}],[{color:[]},{background:[]},{align:[]}],["link","clean"]]},l=["header","font","list","bold","italic","underline","strike","blockquote","color","background","align","link","image"];return typeof window>"u"?null:e.jsxRuntimeExports.jsx(R,{id:t,value:r,onBlur:c=>a(t,c),onChange:c=>n(c),modules:i,formats:l,placeholder:s,className:"mt-1 rounded-md"})},S=C,q=({schema:t,formData:s,onChange:r})=>{const[n,a]=d.useState([]),i=E.useBuilderProp("getPages",()=>[]),{type:l="page",href:c="",target:x="self"}=s;return d.useEffect(()=>{(async()=>{const o=await i();a(o)})()},[i]),e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsx("span",{className:"text-xs font-medium",children:(t==null?void 0:t.title)??"Link"}),e.jsxRuntimeExports.jsxs("div",{className:"flex flex-col gap-y-1.5",children:[e.jsxRuntimeExports.jsx("select",{name:"type",defaultValue:"page",value:l,onChange:o=>r({...s,type:o.target.value}),children:[{const:"page",title:"Open Page"},{const:"url",title:"Open URL"},{const:"email",title:"Compose Email"},{const:"telephone",title:"Call Phone"},{const:"scroll",title:"Scroll to element"}].map(o=>e.jsxRuntimeExports.jsx("option",{value:o.const,children:o.title},o.const))}),l==="page"?e.jsxRuntimeExports.jsxs("select",{name:"href",defaultValue:"",placeholder:"Choose Page",value:c,onChange:o=>r({...s,href:o.target.value}),children:[e.jsxRuntimeExports.jsx("option",{value:"",children:"Choose page"}),g.map(n,o=>e.jsxRuntimeExports.jsx("option",{value:o.slug,children:o.page_name},o.uuid))]}):e.jsxRuntimeExports.jsx("input",{name:"href",type:"text",value:c,onChange:o=>r({...s,href:o.target.value}),placeholder:l==="page"||l==="url"?"Enter URL":l==="scroll"?"#ElementID":"Enter detail"}),(l==="page"||l==="url")&&e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-x-2",children:[e.jsxRuntimeExports.jsx("input",{type:"checkbox",defaultChecked:x==="_blank",className:"cursor-pointer rounded-md border border-border",onChange:()=>r({...s,target:x==="_blank"?"_self":"_blank"})}),e.jsxRuntimeExports.jsx("span",{className:"pt-1 text-xs",children:"Open in new tab"})]})]})]})},_=q;exports.IconPickerField=I;exports.ImagePickerField=B;exports.Input=j;exports.LinkField=_;exports.RTEField=S;

package/dist/{link-0bfd8606.js → link-e406254f.js}

@@ -1,16 +1,16 @@
 import { j as e } from "./jsx-runtime-944c88e2.js";
-import * as u from "react";
-import { useState as m, useEffect as x } from "react";
+import * as m from "react";
+import { useState as u, useEffect as x } from "react";
 import { c as g } from "./utils-ac68b2c8.js";
 import h, { IconPickerItem as f } from "react-icons-picker";
 import b from "react-dom";
 import { isEmpty as j, map as k } from "lodash";
 import { D as v, b as y, a as w } from "./dialog-3d4e82ed.js";
-import I from "./ImagesPanel-6595528d.js";
+import I from "./ImagesPanel-eccf9a56.js";
 import N from "react-quill";
 import "react-i18next";
 import { u as B } from "./useBuilderProp-81a14920.js";
-const P = u.forwardRef(({ className: t, type: r, ...s }, o) => /* @__PURE__ */ e.jsx(
+const P = m.forwardRef(({ className: t, type: r, ...s }, n) => /* @__PURE__ */ e.jsx(
   "input",
   {
     type: r,
@@ -18,7 +18,7 @@ const P = u.forwardRef(({ className: t, type: r, ...s }, o) => /* @__PURE__ */ e
       "flex h-9 w-full rounded-md border border-border  bg-background px-3 py-1 text-sm 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",
       t
     ),
-    ref: o,
+    ref: n,
     ...s
   }
 ));
@@ -26,13 +26,13 @@ P.displayName = "Input";
 const C = (t) => {
   const r = document.getElementById("icon-picker-field"), s = document.createElement("div");
   b.render(/* @__PURE__ */ e.jsx(f, { value: t }), s), r.appendChild(s), s.hidden = !0;
-  const o = s.innerHTML;
-  return setTimeout(() => r.removeChild(s), 1e3), o;
-}, R = ({ value: t, onChange: r, onBlur: s, id: o }) => {
-  const i = (n) => {
+  const n = s.innerHTML;
+  return setTimeout(() => r.removeChild(s), 1e3), n;
+}, R = ({ value: t, onChange: r, onBlur: s, id: n }) => {
+  const i = (o) => {
     r("<svg />");
-    const a = C(n);
-    r(a), s(o, a);
+    const a = C(o);
+    r(a), s(n, a);
   };
   return /* @__PURE__ */ e.jsxs("div", { className: "mt-1 flex h-20 items-center gap-x-2", id: "icon-picker-field", children: [
     /* @__PURE__ */ e.jsxs("div", { className: "relative h-12 w-12", children: [
@@ -71,21 +71,21 @@ const C = (t) => {
       "textarea",
       {
         value: t,
-        onChange: (n) => r(n.target.value),
+        onChange: (o) => r(o.target.value),
         className: "h-full w-full rounded-sm border-foreground/20 px-2 py-1 text-xs shadow-sm focus:border-gray-500/80 focus:outline-none focus:ring-0",
         placeholder: "Choose icon or enter svg"
       }
     )
   ] });
 }, z = R, E = ({ children: t, onSelect: r }) => {
-  const [s, o] = m(!1), i = (...n) => {
-    r.call(void 0, ...n), o(!1);
+  const [s, n] = u(!1), i = (...o) => {
+    r.call(void 0, ...o), n(!1);
   };
-  return /* @__PURE__ */ e.jsxs(v, { open: s, onOpenChange: (n) => o(n), children: [
+  return /* @__PURE__ */ e.jsxs(v, { open: s, onOpenChange: (o) => n(o), children: [
     /* @__PURE__ */ e.jsx(y, { asChild: !0, children: t }),
     /* @__PURE__ */ e.jsx(w, { className: "flex h-3/4 max-w-5xl", children: /* @__PURE__ */ e.jsx("div", { className: "h-full w-full", children: /* @__PURE__ */ e.jsx(I, { isModalView: !0, onSelect: i }) }) })
   ] });
-}, p = E, S = ({ value: t, onChange: r, id: s, onBlur: o }) => /* @__PURE__ */ e.jsxs("div", { className: "mt-1.5 flex items-center gap-x-3", children: [
+}, p = E, S = ({ value: t, onChange: r, id: s, onBlur: n }) => /* @__PURE__ */ e.jsxs("div", { className: "mt-1.5 flex items-center gap-x-3", children: [
   t ? /* @__PURE__ */ e.jsx("img", { src: t, className: "h-20 w-20 overflow-hidden rounded-md border object-cover", alt: "" }) : /* @__PURE__ */ e.jsx(p, { onSelect: r, children: /* @__PURE__ */ e.jsx("div", { className: "h-20 w-20 cursor-pointer rounded-md border bg-[radial-gradient(#AAA,transparent_1px)] duration-300 [background-size:10px_10px] hover:border-gray-400" }) }),
   /* @__PURE__ */ e.jsxs("div", { className: "flex w-3/5 flex-col", children: [
     /* @__PURE__ */ e.jsx(p, { onSelect: r, children: /* @__PURE__ */ e.jsx("small", { className: "cursor-pointer rounded-full bg-gray-600 px-2 py-1 text-center text-xs text-white hover:bg-gray-500 dark:bg-gray-700", children: t || !j(t) ? "Replace Image" : "Choose Image" }) }),
@@ -97,13 +97,13 @@ const C = (t) => {
         className: "text-xs",
         placeholder: "Enter image URL",
         value: t,
-        onBlur: ({ target: { value: i } }) => o(s, i),
+        onBlur: ({ target: { value: i } }) => n(s, i),
         onChange: (i) => r(i.target.value)
       }
     )
   ] })
-] }), G = S, _ = ({ id: t, placeholder: r, value: s, onChange: o, onBlur: i }) => {
-  const n = {
+] }), G = S, _ = ({ id: t, placeholder: r, value: s, onChange: n, onBlur: i }) => {
+  const o = {
     toolbar: [
       ["bold", "italic", "underline", "strike", "blockquote"],
       [{ list: "ordered" }, { list: "bullet" }],
@@ -125,27 +125,27 @@ const C = (t) => {
     "link",
     "image"
   ];
-  return /* @__PURE__ */ e.jsx(
+  return typeof window > "u" ? null : /* @__PURE__ */ e.jsx(
     N,
     {
       id: t,
       value: s,
       onBlur: (c) => i(t, c),
-      onChange: (c) => o(c),
-      modules: n,
+      onChange: (c) => n(c),
+      modules: o,
       formats: a,
       placeholder: r,
       className: "mt-1 rounded-md"
     }
   );
 }, Q = _, L = ({ schema: t, formData: r, onChange: s }) => {
-  const [o, i] = m([]), n = B("getPages", () => []), { type: a = "page", href: c = "", target: d = "self" } = r;
+  const [n, i] = u([]), o = B("getPages", () => []), { type: a = "page", href: c = "", target: d = "self" } = r;
   return x(() => {
     (async () => {
-      const l = await n();
+      const l = await o();
       i(l);
     })();
-  }, [n]), /* @__PURE__ */ e.jsxs("div", { children: [
+  }, [o]), /* @__PURE__ */ e.jsxs("div", { children: [
     /* @__PURE__ */ e.jsx("span", { className: "text-xs font-medium", children: (t == null ? void 0 : t.title) ?? "Link" }),
     /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-y-1.5", children: [
       /* @__PURE__ */ e.jsx(
@@ -174,7 +174,7 @@ const C = (t) => {
           onChange: (l) => s({ ...r, href: l.target.value }),
           children: [
             /* @__PURE__ */ e.jsx("option", { value: "", children: "Choose page" }),
-            k(o, (l) => /* @__PURE__ */ e.jsx("option", { value: l.slug, children: l.page_name }, l.uuid))
+            k(n, (l) => /* @__PURE__ */ e.jsx("option", { value: l.slug, children: l.page_name }, l.uuid))
           ]
         }
       ) : /* @__PURE__ */ e.jsx(

package/dist/ui.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("./toggle-b90fed97.cjs"),n=require("./dropdown-menu-a9b096f9.cjs"),m=require("./useBuilderProp-5e57d0c8.cjs"),h=require("./accordion-0afd8143.cjs"),p=require("./textarea-a338ede6.cjs"),r=require("./jsx-runtime-5c3ac4f7.cjs"),R=require("class-variance-authority"),s=require("./utils-3c452dd0.cjs"),x=require("./dialog-170eaad9.cjs"),b=require("./link-158970ee.cjs"),ee=require("./label-167415e5.cjs"),N=require("./scroll-area-088530b9.cjs"),M=require("./tabs-860e37aa.cjs"),y=require("./popover-7cb9079b.cjs"),te=require("react"),C=require("@radix-ui/react-icons"),oe=require("@radix-ui/react-menubar"),g=require("./select-0e32300c.cjs"),re=require("@radix-ui/react-dialog"),ae=require("./separator-a597dba7.cjs"),c=require("cmdk"),l=require("./context-menu-fec580f2.cjs");require("@radix-ui/react-toggle");require("@radix-ui/react-switch");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-hover-card");require("@radix-ui/react-dropdown-menu");require("@radix-ui/react-slot");require("@radix-ui/react-tooltip");require("@radix-ui/react-toast");require("jotai");require("lodash");require("@radix-ui/react-accordion");require("clsx");require("tailwind-merge");require("react-icons-picker");require("react-dom");require("./ImagesPanel-5cde797f.cjs");require("react-quill");require("react-i18next");require("@radix-ui/react-label");require("@radix-ui/react-scroll-area");require("@radix-ui/react-tabs");require("@radix-ui/react-popover");require("@radix-ui/react-select");require("@radix-ui/react-separator");require("@radix-ui/react-context-menu");function j(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const d=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,d.get?d:{enumerable:!0,get:()=>e[o]})}}return t.default=e,Object.freeze(t)}const i=j(te),a=j(oe),u=j(re),D=R.cva("inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",{variants:{variant:{default:"border-transparent bg-primary text-primary-foreground shadow hover:bg-primary/80",secondary:"border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",destructive:"border-transparent bg-destructive text-destructive-foreground shadow hover:bg-destructive/80",outline:"text-foreground"}},defaultVariants:{variant:"default"}}),ne=({className:e,variant:t,...o})=>r.jsxRuntimeExports.jsx("div",{className:s.cn(D({variant:t}),e),...o}),se=a.Menu,ie=a.Group,de=a.Portal,le=a.Sub,ue=a.RadioGroup,T=i.forwardRef(({className:e,...t},o)=>r.jsxRuntimeExports.jsx(a.Root,{ref:o,className:s.cn("flex h-9 items-center space-x-1 rounded-md border bg-background p-1 shadow-sm",e),...t}));T.displayName=a.Root.displayName;const v=i.forwardRef(({className:e,...t},o)=>r.jsxRuntimeExports.jsx(a.Trigger,{ref:o,className:s.cn("flex cursor-default select-none items-center rounded-sm px-3 py-1 text-sm font-medium outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground",e),...t}));v.displayName=a.Trigger.displayName;const I=i.forwardRef(({className:e,inset:t,children:o,...d},f)=>r.jsxRuntimeExports.jsxs(a.SubTrigger,{ref:f,className:s.cn("flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground",t&&"pl-8",e),...d,children:[o,r.jsxRuntimeExports.jsx(C.ChevronRightIcon,{className:"ml-auto h-4 w-4"})]}));I.displayName=a.SubTrigger.displayName;const E=i.forwardRef(({className:e,...t},o)=>r.jsxRuntimeExports.jsx(a.SubContent,{ref:o,className:s.cn("z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",e),...t}));E.displayName=a.SubContent.displayName;const k=i.forwardRef(({className:e,align:t="start",alignOffset:o=-4,sideOffset:d=8,...f},$)=>r.jsxRuntimeExports.jsx(a.Portal,{children:r.jsxRuntimeExports.jsx(a.Content,{ref:$,align:t,alignOffset:o,sideOffset:d,className:s.cn("z-50 min-w-[12rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",e),...f})}));k.displayName=a.Content.displayName;const q=i.forwardRef(({className:e,inset:t,...o},d)=>r.jsxRuntimeExports.jsx(a.Item,{ref:d,className:s.cn("relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",t&&"pl-8",e),...o}));q.displayName=a.Item.displayName;const A=i.forwardRef(({className:e,children:t,checked:o,...d},f)=>r.jsxRuntimeExports.jsxs(a.CheckboxItem,{ref:f,className:s.cn("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",e),checked:o,...d,children:[r.jsxRuntimeExports.jsx("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center",children:r.jsxRuntimeExports.jsx(a.ItemIndicator,{children:r.jsxRuntimeExports.jsx(C.CheckIcon,{className:"h-4 w-4"})})}),t]}));A.displayName=a.CheckboxItem.displayName;const P=i.forwardRef(({className:e,children:t,...o},d)=>r.jsxRuntimeExports.jsxs(a.RadioItem,{ref:d,className:s.cn("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",e),...o,children:[r.jsxRuntimeExports.jsx("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center",children:r.jsxRuntimeExports.jsx(a.ItemIndicator,{children:r.jsxRuntimeExports.jsx(C.DotFilledIcon,{className:"h-4 w-4 fill-current"})})}),t]}));P.displayName=a.RadioItem.displayName;const _=i.forwardRef(({className:e,inset:t,...o},d)=>r.jsxRuntimeExports.jsx(a.Label,{ref:d,className:s.cn("px-2 py-1.5 text-sm font-semibold",t&&"pl-8",e),...o}));_.displayName=a.Label.displayName;const G=i.forwardRef(({className:e,...t},o)=>r.jsxRuntimeExports.jsx(a.Separator,{ref:o,className:s.cn("-mx-1 my-1 h-px bg-muted",e),...t}));G.displayName=a.Separator.displayName;const L=({className:e,...t})=>r.jsxRuntimeExports.jsx("span",{className:s.cn("ml-auto text-xs tracking-widest text-muted-foreground",e),...t});L.displayname="MenubarShortcut";const ce=u.Root,me=u.Trigger,pe=u.Close,F=({className:e,...t})=>r.jsxRuntimeExports.jsx(u.Portal,{className:s.cn(e),...t});F.displayName=u.Portal.displayName;const H=i.forwardRef(({className:e,...t},o)=>r.jsxRuntimeExports.jsx(u.Overlay,{className:s.cn("fixed inset-0 z-50 bg-background/80 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",e),...t,ref:o}));H.displayName=u.Overlay.displayName;const xe=R.cva("fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500",{variants:{side:{top:"inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",bottom:"inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",left:"inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",right:"inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm"}},defaultVariants:{side:"right"}}),V=i.forwardRef(({side:e="right",className:t,children:o,...d},f)=>r.jsxRuntimeExports.jsxs(F,{children:[r.jsxRuntimeExports.jsx(H,{}),r.jsxRuntimeExports.jsxs(u.Content,{ref:f,className:s.cn(xe({side:e}),t),...d,children:[o,r.jsxRuntimeExports.jsxs(u.Close,{className:"absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary",children:[r.jsxRuntimeExports.jsx(C.Cross2Icon,{className:"h-4 w-4"}),r.jsxRuntimeExports.jsx("span",{className:"sr-only",children:"Close"})]})]})]}));V.displayName=u.Content.displayName;const z=({className:e,...t})=>r.jsxRuntimeExports.jsx("div",{className:s.cn("flex flex-col space-y-2 text-center sm:text-left",e),...t});z.displayName="SheetHeader";const O=({className:e,...t})=>r.jsxRuntimeExports.jsx("div",{className:s.cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",e),...t});O.displayName="SheetFooter";const B=i.forwardRef(({className:e,...t},o)=>r.jsxRuntimeExports.jsx(u.Title,{ref:o,className:s.cn("text-lg font-semibold text-foreground",e),...t}));B.displayName=u.Title.displayName;const J=i.forwardRef(({className:e,...t},o)=>r.jsxRuntimeExports.jsx(u.Description,{ref:o,className:s.cn("text-sm text-muted-foreground",e),...t}));J.displayName=u.Description.displayName;const S=i.forwardRef(({className:e,...t},o)=>r.jsxRuntimeExports.jsx(c.Command,{ref:o,className:s.cn("flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground",e),...t}));S.displayName=c.Command.displayName;const ge=({children:e,...t})=>r.jsxRuntimeExports.jsx(x.Dialog,{...t,children:r.jsxRuntimeExports.jsx(x.DialogContent,{className:"overflow-hidden p-0",children:r.jsxRuntimeExports.jsx(S,{className:"[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5",children:e})})}),K=i.forwardRef(({className:e,...t},o)=>r.jsxRuntimeExports.jsxs("div",{className:"flex items-center border-b px-3","cmdk-input-wrapper":"",children:[r.jsxRuntimeExports.jsx(C.MagnifyingGlassIcon,{className:"mr-2 h-4 w-4 shrink-0 opacity-50"}),r.jsxRuntimeExports.jsx(c.Command.Input,{ref:o,className:s.cn("flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",e),...t})]}));K.displayName=c.Command.Input.displayName;const Q=i.forwardRef(({className:e,...t},o)=>r.jsxRuntimeExports.jsx(c.Command.List,{ref:o,className:s.cn("max-h-[300px] overflow-y-auto overflow-x-hidden",e),...t}));Q.displayName=c.Command.List.displayName;const U=i.forwardRef((e,t)=>r.jsxRuntimeExports.jsx(c.Command.Empty,{ref:t,className:"py-6 text-center text-sm",...e}));U.displayName=c.Command.Empty.displayName;const W=i.forwardRef(({className:e,...t},o)=>r.jsxRuntimeExports.jsx(c.Command.Group,{ref:o,className:s.cn("overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",e),...t}));W.displayName=c.Command.Group.displayName;const X=i.forwardRef(({className:e,...t},o)=>r.jsxRuntimeExports.jsx(c.Command.Separator,{ref:o,className:s.cn("-mx-1 h-px bg-border",e),...t}));X.displayName=c.Command.Separator.displayName;const Y=i.forwardRef(({className:e,...t},o)=>r.jsxRuntimeExports.jsx(c.Command.Item,{ref:o,className:s.cn("relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none aria-selected:bg-accent aria-selected:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",e),...t}));Y.displayName=c.Command.Item.displayName;const Z=({className:e,...t})=>r.jsxRuntimeExports.jsx("span",{className:s.cn("ml-auto text-xs tracking-widest text-muted-foreground",e),...t});Z.displayName="CommandShortcut";exports.Toggle=w.Toggle;exports.toggleVariants=w.toggleVariants;exports.AlertDialog=n.AlertDialog;exports.AlertDialogAction=n.AlertDialogAction;exports.AlertDialogCancel=n.AlertDialogCancel;exports.AlertDialogContent=n.AlertDialogContent;exports.AlertDialogDescription=n.AlertDialogDescription;exports.AlertDialogFooter=n.AlertDialogFooter;exports.AlertDialogHeader=n.AlertDialogHeader;exports.AlertDialogTitle=n.AlertDialogTitle;exports.AlertDialogTrigger=n.AlertDialogTrigger;exports.DropdownMenu=n.DropdownMenu;exports.DropdownMenuCheckboxItem=n.DropdownMenuCheckboxItem;exports.DropdownMenuContent=n.DropdownMenuContent;exports.DropdownMenuGroup=n.DropdownMenuGroup;exports.DropdownMenuItem=n.DropdownMenuItem;exports.DropdownMenuLabel=n.DropdownMenuLabel;exports.DropdownMenuPortal=n.DropdownMenuPortal;exports.DropdownMenuRadioGroup=n.DropdownMenuRadioGroup;exports.DropdownMenuRadioItem=n.DropdownMenuRadioItem;exports.DropdownMenuSeparator=n.DropdownMenuSeparator;exports.DropdownMenuShortcut=n.DropdownMenuShortcut;exports.DropdownMenuSub=n.DropdownMenuSub;exports.DropdownMenuSubContent=n.DropdownMenuSubContent;exports.DropdownMenuSubTrigger=n.DropdownMenuSubTrigger;exports.DropdownMenuTrigger=n.DropdownMenuTrigger;exports.HoverCard=n.HoverCard;exports.HoverCardContent=n.HoverCardContent;exports.HoverCardTrigger=n.HoverCardTrigger;exports.Switch=n.Switch;exports.Button=m.Button;exports.Skeleton=m.Skeleton;exports.Toaster=m.Toaster;exports.Tooltip=m.Tooltip;exports.TooltipContent=m.TooltipContent;exports.TooltipPortal=m.TooltipPortal;exports.TooltipProvider=m.TooltipProvider;exports.TooltipTrigger=m.TooltipTrigger;exports.buttonVariants=m.buttonVariants;exports.reducer=m.reducer;exports.toast=m.toast;exports.useToast=m.useToast;exports.Accordion=h.Accordion;exports.AccordionContent=h.AccordionContent;exports.AccordionItem=h.AccordionItem;exports.AccordionTrigger=h.AccordionTrigger;exports.Alert=p.Alert;exports.AlertDescription=p.AlertDescription;exports.AlertTitle=p.AlertTitle;exports.Card=p.Card;exports.CardContent=p.CardContent;exports.CardDescription=p.CardDescription;exports.CardFooter=p.CardFooter;exports.CardHeader=p.CardHeader;exports.CardTitle=p.CardTitle;exports.Textarea=p.Textarea;exports.Dialog=x.Dialog;exports.DialogContent=x.DialogContent;exports.DialogDescription=x.DialogDescription;exports.DialogFooter=x.DialogFooter;exports.DialogHeader=x.DialogHeader;exports.DialogTitle=x.DialogTitle;exports.DialogTrigger=x.DialogTrigger;exports.IconPickerField=b.IconPickerField;exports.ImagePickerField=b.ImagePickerField;exports.Input=b.Input;exports.LinkField=b.LinkField;exports.RTEField=b.RTEField;exports.Label=ee.Label;exports.ScrollArea=N.ScrollArea;exports.ScrollBar=N.ScrollBar;exports.Tabs=M.Tabs;exports.TabsContent=M.TabsContent;exports.TabsList=M.TabsList;exports.TabsTrigger=M.TabsTrigger;exports.Popover=y.Popover;exports.PopoverContent=y.PopoverContent;exports.PopoverTrigger=y.PopoverTrigger;exports.Select=g.Select;exports.SelectContent=g.SelectContent;exports.SelectGroup=g.SelectGroup;exports.SelectItem=g.SelectItem;exports.SelectLabel=g.SelectLabel;exports.SelectSeparator=g.SelectSeparator;exports.SelectTrigger=g.SelectTrigger;exports.SelectValue=g.SelectValue;exports.Separator=ae.Separator;exports.ContextMenu=l.ContextMenu;exports.ContextMenuCheckboxItem=l.ContextMenuCheckboxItem;exports.ContextMenuContent=l.ContextMenuContent;exports.ContextMenuGroup=l.ContextMenuGroup;exports.ContextMenuItem=l.ContextMenuItem;exports.ContextMenuLabel=l.ContextMenuLabel;exports.ContextMenuPortal=l.ContextMenuPortal;exports.ContextMenuRadioGroup=l.ContextMenuRadioGroup;exports.ContextMenuRadioItem=l.ContextMenuRadioItem;exports.ContextMenuSeparator=l.ContextMenuSeparator;exports.ContextMenuShortcut=l.ContextMenuShortcut;exports.ContextMenuSub=l.ContextMenuSub;exports.ContextMenuSubContent=l.ContextMenuSubContent;exports.ContextMenuSubTrigger=l.ContextMenuSubTrigger;exports.ContextMenuTrigger=l.ContextMenuTrigger;exports.Badge=ne;exports.Command=S;exports.CommandDialog=ge;exports.CommandEmpty=U;exports.CommandGroup=W;exports.CommandInput=K;exports.CommandItem=Y;exports.CommandList=Q;exports.CommandSeparator=X;exports.CommandShortcut=Z;exports.Menubar=T;exports.MenubarCheckboxItem=A;exports.MenubarContent=k;exports.MenubarGroup=ie;exports.MenubarItem=q;exports.MenubarLabel=_;exports.MenubarMenu=se;exports.MenubarPortal=de;exports.MenubarRadioGroup=ue;exports.MenubarRadioItem=P;exports.MenubarSeparator=G;exports.MenubarShortcut=L;exports.MenubarSub=le;exports.MenubarSubContent=E;exports.MenubarSubTrigger=I;exports.MenubarTrigger=v;exports.Sheet=ce;exports.SheetClose=pe;exports.SheetContent=V;exports.SheetDescription=J;exports.SheetFooter=O;exports.SheetHeader=z;exports.SheetTitle=B;exports.SheetTrigger=me;exports.badgeVariants=D;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("./toggle-b90fed97.cjs"),n=require("./dropdown-menu-a9b096f9.cjs"),m=require("./useBuilderProp-5e57d0c8.cjs"),h=require("./accordion-0afd8143.cjs"),p=require("./textarea-a338ede6.cjs"),r=require("./jsx-runtime-5c3ac4f7.cjs"),R=require("class-variance-authority"),s=require("./utils-3c452dd0.cjs"),x=require("./dialog-170eaad9.cjs"),b=require("./link-1ee70bca.cjs"),ee=require("./label-167415e5.cjs"),N=require("./scroll-area-088530b9.cjs"),M=require("./tabs-860e37aa.cjs"),y=require("./popover-7cb9079b.cjs"),te=require("react"),C=require("@radix-ui/react-icons"),oe=require("@radix-ui/react-menubar"),g=require("./select-0e32300c.cjs"),re=require("@radix-ui/react-dialog"),ae=require("./separator-a597dba7.cjs"),c=require("cmdk"),l=require("./context-menu-fec580f2.cjs");require("@radix-ui/react-toggle");require("@radix-ui/react-switch");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-hover-card");require("@radix-ui/react-dropdown-menu");require("@radix-ui/react-slot");require("@radix-ui/react-tooltip");require("@radix-ui/react-toast");require("jotai");require("lodash");require("@radix-ui/react-accordion");require("clsx");require("tailwind-merge");require("react-icons-picker");require("react-dom");require("./ImagesPanel-cc136c92.cjs");require("react-quill");require("react-i18next");require("@radix-ui/react-label");require("@radix-ui/react-scroll-area");require("@radix-ui/react-tabs");require("@radix-ui/react-popover");require("@radix-ui/react-select");require("@radix-ui/react-separator");require("@radix-ui/react-context-menu");function j(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const d=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,d.get?d:{enumerable:!0,get:()=>e[o]})}}return t.default=e,Object.freeze(t)}const i=j(te),a=j(oe),u=j(re),D=R.cva("inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",{variants:{variant:{default:"border-transparent bg-primary text-primary-foreground shadow hover:bg-primary/80",secondary:"border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",destructive:"border-transparent bg-destructive text-destructive-foreground shadow hover:bg-destructive/80",outline:"text-foreground"}},defaultVariants:{variant:"default"}}),ne=({className:e,variant:t,...o})=>r.jsxRuntimeExports.jsx("div",{className:s.cn(D({variant:t}),e),...o}),se=a.Menu,ie=a.Group,de=a.Portal,le=a.Sub,ue=a.RadioGroup,T=i.forwardRef(({className:e,...t},o)=>r.jsxRuntimeExports.jsx(a.Root,{ref:o,className:s.cn("flex h-9 items-center space-x-1 rounded-md border bg-background p-1 shadow-sm",e),...t}));T.displayName=a.Root.displayName;const v=i.forwardRef(({className:e,...t},o)=>r.jsxRuntimeExports.jsx(a.Trigger,{ref:o,className:s.cn("flex cursor-default select-none items-center rounded-sm px-3 py-1 text-sm font-medium outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground",e),...t}));v.displayName=a.Trigger.displayName;const I=i.forwardRef(({className:e,inset:t,children:o,...d},f)=>r.jsxRuntimeExports.jsxs(a.SubTrigger,{ref:f,className:s.cn("flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground",t&&"pl-8",e),...d,children:[o,r.jsxRuntimeExports.jsx(C.ChevronRightIcon,{className:"ml-auto h-4 w-4"})]}));I.displayName=a.SubTrigger.displayName;const E=i.forwardRef(({className:e,...t},o)=>r.jsxRuntimeExports.jsx(a.SubContent,{ref:o,className:s.cn("z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",e),...t}));E.displayName=a.SubContent.displayName;const k=i.forwardRef(({className:e,align:t="start",alignOffset:o=-4,sideOffset:d=8,...f},$)=>r.jsxRuntimeExports.jsx(a.Portal,{children:r.jsxRuntimeExports.jsx(a.Content,{ref:$,align:t,alignOffset:o,sideOffset:d,className:s.cn("z-50 min-w-[12rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",e),...f})}));k.displayName=a.Content.displayName;const q=i.forwardRef(({className:e,inset:t,...o},d)=>r.jsxRuntimeExports.jsx(a.Item,{ref:d,className:s.cn("relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",t&&"pl-8",e),...o}));q.displayName=a.Item.displayName;const A=i.forwardRef(({className:e,children:t,checked:o,...d},f)=>r.jsxRuntimeExports.jsxs(a.CheckboxItem,{ref:f,className:s.cn("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",e),checked:o,...d,children:[r.jsxRuntimeExports.jsx("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center",children:r.jsxRuntimeExports.jsx(a.ItemIndicator,{children:r.jsxRuntimeExports.jsx(C.CheckIcon,{className:"h-4 w-4"})})}),t]}));A.displayName=a.CheckboxItem.displayName;const P=i.forwardRef(({className:e,children:t,...o},d)=>r.jsxRuntimeExports.jsxs(a.RadioItem,{ref:d,className:s.cn("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",e),...o,children:[r.jsxRuntimeExports.jsx("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center",children:r.jsxRuntimeExports.jsx(a.ItemIndicator,{children:r.jsxRuntimeExports.jsx(C.DotFilledIcon,{className:"h-4 w-4 fill-current"})})}),t]}));P.displayName=a.RadioItem.displayName;const _=i.forwardRef(({className:e,inset:t,...o},d)=>r.jsxRuntimeExports.jsx(a.Label,{ref:d,className:s.cn("px-2 py-1.5 text-sm font-semibold",t&&"pl-8",e),...o}));_.displayName=a.Label.displayName;const G=i.forwardRef(({className:e,...t},o)=>r.jsxRuntimeExports.jsx(a.Separator,{ref:o,className:s.cn("-mx-1 my-1 h-px bg-muted",e),...t}));G.displayName=a.Separator.displayName;const L=({className:e,...t})=>r.jsxRuntimeExports.jsx("span",{className:s.cn("ml-auto text-xs tracking-widest text-muted-foreground",e),...t});L.displayname="MenubarShortcut";const ce=u.Root,me=u.Trigger,pe=u.Close,F=({className:e,...t})=>r.jsxRuntimeExports.jsx(u.Portal,{className:s.cn(e),...t});F.displayName=u.Portal.displayName;const H=i.forwardRef(({className:e,...t},o)=>r.jsxRuntimeExports.jsx(u.Overlay,{className:s.cn("fixed inset-0 z-50 bg-background/80 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",e),...t,ref:o}));H.displayName=u.Overlay.displayName;const xe=R.cva("fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500",{variants:{side:{top:"inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",bottom:"inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",left:"inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",right:"inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm"}},defaultVariants:{side:"right"}}),V=i.forwardRef(({side:e="right",className:t,children:o,...d},f)=>r.jsxRuntimeExports.jsxs(F,{children:[r.jsxRuntimeExports.jsx(H,{}),r.jsxRuntimeExports.jsxs(u.Content,{ref:f,className:s.cn(xe({side:e}),t),...d,children:[o,r.jsxRuntimeExports.jsxs(u.Close,{className:"absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary",children:[r.jsxRuntimeExports.jsx(C.Cross2Icon,{className:"h-4 w-4"}),r.jsxRuntimeExports.jsx("span",{className:"sr-only",children:"Close"})]})]})]}));V.displayName=u.Content.displayName;const z=({className:e,...t})=>r.jsxRuntimeExports.jsx("div",{className:s.cn("flex flex-col space-y-2 text-center sm:text-left",e),...t});z.displayName="SheetHeader";const O=({className:e,...t})=>r.jsxRuntimeExports.jsx("div",{className:s.cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",e),...t});O.displayName="SheetFooter";const B=i.forwardRef(({className:e,...t},o)=>r.jsxRuntimeExports.jsx(u.Title,{ref:o,className:s.cn("text-lg font-semibold text-foreground",e),...t}));B.displayName=u.Title.displayName;const J=i.forwardRef(({className:e,...t},o)=>r.jsxRuntimeExports.jsx(u.Description,{ref:o,className:s.cn("text-sm text-muted-foreground",e),...t}));J.displayName=u.Description.displayName;const S=i.forwardRef(({className:e,...t},o)=>r.jsxRuntimeExports.jsx(c.Command,{ref:o,className:s.cn("flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground",e),...t}));S.displayName=c.Command.displayName;const ge=({children:e,...t})=>r.jsxRuntimeExports.jsx(x.Dialog,{...t,children:r.jsxRuntimeExports.jsx(x.DialogContent,{className:"overflow-hidden p-0",children:r.jsxRuntimeExports.jsx(S,{className:"[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5",children:e})})}),K=i.forwardRef(({className:e,...t},o)=>r.jsxRuntimeExports.jsxs("div",{className:"flex items-center border-b px-3","cmdk-input-wrapper":"",children:[r.jsxRuntimeExports.jsx(C.MagnifyingGlassIcon,{className:"mr-2 h-4 w-4 shrink-0 opacity-50"}),r.jsxRuntimeExports.jsx(c.Command.Input,{ref:o,className:s.cn("flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",e),...t})]}));K.displayName=c.Command.Input.displayName;const Q=i.forwardRef(({className:e,...t},o)=>r.jsxRuntimeExports.jsx(c.Command.List,{ref:o,className:s.cn("max-h-[300px] overflow-y-auto overflow-x-hidden",e),...t}));Q.displayName=c.Command.List.displayName;const U=i.forwardRef((e,t)=>r.jsxRuntimeExports.jsx(c.Command.Empty,{ref:t,className:"py-6 text-center text-sm",...e}));U.displayName=c.Command.Empty.displayName;const W=i.forwardRef(({className:e,...t},o)=>r.jsxRuntimeExports.jsx(c.Command.Group,{ref:o,className:s.cn("overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",e),...t}));W.displayName=c.Command.Group.displayName;const X=i.forwardRef(({className:e,...t},o)=>r.jsxRuntimeExports.jsx(c.Command.Separator,{ref:o,className:s.cn("-mx-1 h-px bg-border",e),...t}));X.displayName=c.Command.Separator.displayName;const Y=i.forwardRef(({className:e,...t},o)=>r.jsxRuntimeExports.jsx(c.Command.Item,{ref:o,className:s.cn("relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none aria-selected:bg-accent aria-selected:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",e),...t}));Y.displayName=c.Command.Item.displayName;const Z=({className:e,...t})=>r.jsxRuntimeExports.jsx("span",{className:s.cn("ml-auto text-xs tracking-widest text-muted-foreground",e),...t});Z.displayName="CommandShortcut";exports.Toggle=w.Toggle;exports.toggleVariants=w.toggleVariants;exports.AlertDialog=n.AlertDialog;exports.AlertDialogAction=n.AlertDialogAction;exports.AlertDialogCancel=n.AlertDialogCancel;exports.AlertDialogContent=n.AlertDialogContent;exports.AlertDialogDescription=n.AlertDialogDescription;exports.AlertDialogFooter=n.AlertDialogFooter;exports.AlertDialogHeader=n.AlertDialogHeader;exports.AlertDialogTitle=n.AlertDialogTitle;exports.AlertDialogTrigger=n.AlertDialogTrigger;exports.DropdownMenu=n.DropdownMenu;exports.DropdownMenuCheckboxItem=n.DropdownMenuCheckboxItem;exports.DropdownMenuContent=n.DropdownMenuContent;exports.DropdownMenuGroup=n.DropdownMenuGroup;exports.DropdownMenuItem=n.DropdownMenuItem;exports.DropdownMenuLabel=n.DropdownMenuLabel;exports.DropdownMenuPortal=n.DropdownMenuPortal;exports.DropdownMenuRadioGroup=n.DropdownMenuRadioGroup;exports.DropdownMenuRadioItem=n.DropdownMenuRadioItem;exports.DropdownMenuSeparator=n.DropdownMenuSeparator;exports.DropdownMenuShortcut=n.DropdownMenuShortcut;exports.DropdownMenuSub=n.DropdownMenuSub;exports.DropdownMenuSubContent=n.DropdownMenuSubContent;exports.DropdownMenuSubTrigger=n.DropdownMenuSubTrigger;exports.DropdownMenuTrigger=n.DropdownMenuTrigger;exports.HoverCard=n.HoverCard;exports.HoverCardContent=n.HoverCardContent;exports.HoverCardTrigger=n.HoverCardTrigger;exports.Switch=n.Switch;exports.Button=m.Button;exports.Skeleton=m.Skeleton;exports.Toaster=m.Toaster;exports.Tooltip=m.Tooltip;exports.TooltipContent=m.TooltipContent;exports.TooltipPortal=m.TooltipPortal;exports.TooltipProvider=m.TooltipProvider;exports.TooltipTrigger=m.TooltipTrigger;exports.buttonVariants=m.buttonVariants;exports.reducer=m.reducer;exports.toast=m.toast;exports.useToast=m.useToast;exports.Accordion=h.Accordion;exports.AccordionContent=h.AccordionContent;exports.AccordionItem=h.AccordionItem;exports.AccordionTrigger=h.AccordionTrigger;exports.Alert=p.Alert;exports.AlertDescription=p.AlertDescription;exports.AlertTitle=p.AlertTitle;exports.Card=p.Card;exports.CardContent=p.CardContent;exports.CardDescription=p.CardDescription;exports.CardFooter=p.CardFooter;exports.CardHeader=p.CardHeader;exports.CardTitle=p.CardTitle;exports.Textarea=p.Textarea;exports.Dialog=x.Dialog;exports.DialogContent=x.DialogContent;exports.DialogDescription=x.DialogDescription;exports.DialogFooter=x.DialogFooter;exports.DialogHeader=x.DialogHeader;exports.DialogTitle=x.DialogTitle;exports.DialogTrigger=x.DialogTrigger;exports.IconPickerField=b.IconPickerField;exports.ImagePickerField=b.ImagePickerField;exports.Input=b.Input;exports.LinkField=b.LinkField;exports.RTEField=b.RTEField;exports.Label=ee.Label;exports.ScrollArea=N.ScrollArea;exports.ScrollBar=N.ScrollBar;exports.Tabs=M.Tabs;exports.TabsContent=M.TabsContent;exports.TabsList=M.TabsList;exports.TabsTrigger=M.TabsTrigger;exports.Popover=y.Popover;exports.PopoverContent=y.PopoverContent;exports.PopoverTrigger=y.PopoverTrigger;exports.Select=g.Select;exports.SelectContent=g.SelectContent;exports.SelectGroup=g.SelectGroup;exports.SelectItem=g.SelectItem;exports.SelectLabel=g.SelectLabel;exports.SelectSeparator=g.SelectSeparator;exports.SelectTrigger=g.SelectTrigger;exports.SelectValue=g.SelectValue;exports.Separator=ae.Separator;exports.ContextMenu=l.ContextMenu;exports.ContextMenuCheckboxItem=l.ContextMenuCheckboxItem;exports.ContextMenuContent=l.ContextMenuContent;exports.ContextMenuGroup=l.ContextMenuGroup;exports.ContextMenuItem=l.ContextMenuItem;exports.ContextMenuLabel=l.ContextMenuLabel;exports.ContextMenuPortal=l.ContextMenuPortal;exports.ContextMenuRadioGroup=l.ContextMenuRadioGroup;exports.ContextMenuRadioItem=l.ContextMenuRadioItem;exports.ContextMenuSeparator=l.ContextMenuSeparator;exports.ContextMenuShortcut=l.ContextMenuShortcut;exports.ContextMenuSub=l.ContextMenuSub;exports.ContextMenuSubContent=l.ContextMenuSubContent;exports.ContextMenuSubTrigger=l.ContextMenuSubTrigger;exports.ContextMenuTrigger=l.ContextMenuTrigger;exports.Badge=ne;exports.Command=S;exports.CommandDialog=ge;exports.CommandEmpty=U;exports.CommandGroup=W;exports.CommandInput=K;exports.CommandItem=Y;exports.CommandList=Q;exports.CommandSeparator=X;exports.CommandShortcut=Z;exports.Menubar=T;exports.MenubarCheckboxItem=A;exports.MenubarContent=k;exports.MenubarGroup=ie;exports.MenubarItem=q;exports.MenubarLabel=_;exports.MenubarMenu=se;exports.MenubarPortal=de;exports.MenubarRadioGroup=ue;exports.MenubarRadioItem=P;exports.MenubarSeparator=G;exports.MenubarShortcut=L;exports.MenubarSub=le;exports.MenubarSubContent=E;exports.MenubarSubTrigger=I;exports.MenubarTrigger=v;exports.Sheet=ce;exports.SheetClose=pe;exports.SheetContent=V;exports.SheetDescription=J;exports.SheetFooter=O;exports.SheetHeader=z;exports.SheetTitle=B;exports.SheetTrigger=me;exports.badgeVariants=D;

package/dist/ui.js

@@ -8,7 +8,7 @@ import { cva as c } from "class-variance-authority";
 import { c as r } from "./utils-ac68b2c8.js";
 import { D as g, a as b } from "./dialog-3d4e82ed.js";
 import { f as qt, d as $t, c as Jt, e as Kt, b as Qt } from "./dialog-3d4e82ed.js";
-import { a as Wt, b as Xt, I as Yt, L as Zt, R as ea } from "./link-0bfd8606.js";
+import { a as Wt, b as Xt, I as Yt, L as Zt, R as ea } from "./link-e406254f.js";
 import { L as aa } from "./label-e770a087.js";
 import { S as sa, a as ra } from "./scroll-area-9f64a082.js";
 import { T as da, c as ia, a as la, b as ma } from "./tabs-85caa1e8.js";
@@ -36,7 +36,7 @@ import "clsx";
 import "tailwind-merge";
 import "react-icons-picker";
 import "react-dom";
-import "./ImagesPanel-6595528d.js";
+import "./ImagesPanel-eccf9a56.js";
 import "react-quill";
 import "react-i18next";
 import "@radix-ui/react-label";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@chaibuilder/sdk",
   "private": false,
-  "version": "0.1.1",
+  "version": "0.1.2",
   "type": "module",
   "files": [
     "dist"

package/dist/AddBlocks-52d9b4d7.cjs

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

package/dist/AddBlocks-e047b93d.js

@@ -1,260 +0,0 @@
-import { j as e } from "./jsx-runtime-944c88e2.js";
-import y, { createElement as z, useState as g, useMemo as D, useCallback as G, useEffect as U, Suspense as K } from "react";
-import { has as H, first as f, filter as j, values as B, groupBy as C, mergeWith as q, isArray as L, get as V, map as v, isEmpty as N, find as W, uniq as $, includes as A, reject as P } from "lodash";
-import { useAtom as x } from "jotai";
-import { A as J, a as Q, b as X, c as Y } from "./accordion-c0176dc5.js";
-import { S as Z } from "./scroll-area-9f64a082.js";
-import { T as ee, a as se, b as T } from "./tabs-85caa1e8.js";
-import { d as re, e as oe, f as te, u as le, B as ae, S as ce } from "./useBuilderProp-81a14920.js";
-import { useDrag as M, DragPreviewImage as E } from "react-dnd";
-import { BoxIcon as ne, ExclamationTriangleIcon as ie, Cross1Icon as de } from "@radix-ui/react-icons";
-import { O as I, h as w, a as S, b as k, R as me, S as ue, T as pe, y as xe } from "./index-32d7b6e5.js";
-import "react-i18next";
-import { syncBlocksWithDefaults as R, useChaiBlocks as O } from "@chaibuilder/blocks";
-import { Loader as he } from "lucide-react";
-import { c as fe } from "./utils-ac68b2c8.js";
-import { C as ge, c as be, e as je, f as ye, g as we, T as ke, d as Te, A as Be, a as Ce } from "./textarea-0750bcd2.js";
-import { L as ve } from "./label-e770a087.js";
-import { g as Ne } from "./html-to-json-fecbbe16.js";
-import "@radix-ui/react-accordion";
-import "@radix-ui/react-scroll-area";
-import "@radix-ui/react-tabs";
-import "@radix-ui/react-slot";
-import "class-variance-authority";
-import "@radix-ui/react-tooltip";
-import "@radix-ui/react-toast";
-import "i18next";
-import "flagged";
-import "@minoru/react-dnd-treeview";
-import "react-hotkeys-hook";
-import "flat-to-nested";
-import "./Class-e6b07b79.js";
-import "redux-undo";
-import "@react-hookz/web";
-import "./CONTROLS-442caee5.js";
-import "clsx";
-import "tailwind-merge";
-import "@radix-ui/react-label";
-import "himalaya";
-const Ae = ({ block: s }) => {
-  const { type: r, icon: t, label: c } = s, { addCoreBlock: n, addPredefinedBlock: m } = I(), [u] = w(), [, i] = x(S), [, l] = x(k), h = () => {
-    H(s, "blocks") ? m(R(s.blocks), f(u)) : n(s, f(u)), l(!1), i("layers");
-  }, [, p, a] = M(() => ({
-    type: "CHAI_BLOCK",
-    item: s
-  }));
-  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx(
-      E,
-      {
-        connect: a,
-        src: "https://placehold.co/100x30/000000/FFF?text=" + (c || r).replace(/ /g, "+")
-      }
-    ),
-    /* @__PURE__ */ e.jsxs(re, { children: [
-      /* @__PURE__ */ e.jsx(oe, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
-        "button",
-        {
-          onClick: h,
-          type: "button",
-          ref: p,
-          className: "cursor-grab space-y-2 rounded-lg border border-border p-3 text-center hover:bg-slate-300/50",
-          children: [
-            z(t || ne, { className: "w-4 h-4 mx-auto" }),
-            /* @__PURE__ */ e.jsx("p", { className: "truncate text-xs", children: c || r })
-          ]
-        }
-      ) }),
-      /* @__PURE__ */ e.jsx(te, { children: /* @__PURE__ */ e.jsx("p", { children: c || r }) })
-    ] })
-  ] });
-}, Ie = ({ block: s, closePopover: r }) => {
-  var a;
-  const [t, c] = g(!1), n = le("getExternalPredefinedBlock"), { addCoreBlock: m, addPredefinedBlock: u } = I(), [i] = w(), [, l, h] = M(
-    () => ({
-      type: "CHAI_BLOCK",
-      item: s
-    }),
-    [s]
-  ), p = G(
-    async (b) => {
-      if (b.stopPropagation(), H(s, "component")) {
-        m(s, f(i)), r();
-        return;
-      }
-      c(!0);
-      const o = await n(s);
-      N(o) || u(R(o), f(i)), r();
-    },
-    [s]
-  );
-  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx(
-      E,
-      {
-        connect: h,
-        src: "https://placehold.co/100x30/000000/FFF?text=" + ((a = s.name || s.label) == null ? void 0 : a.replace(" ", "+"))
-      }
-    ),
-    /* @__PURE__ */ e.jsxs(
-      "div",
-      {
-        ref: l,
-        onClick: t ? () => {
-        } : p,
-        className: "relative cursor-grab overflow-hidden rounded-md border border-transparent duration-200 hover:scale-x-105 hover:border-foreground/20 hover:shadow-2xl",
-        children: [
-          t && /* @__PURE__ */ e.jsxs("div", { className: "absolute flex h-full w-full items-center justify-center bg-black bg-opacity-70", children: [
-            /* @__PURE__ */ e.jsx(he, { className: "animate-spin", size: 15, color: "white" }),
-            " ",
-            /* @__PURE__ */ e.jsx("span", { className: "pl-2 text-sm text-white", children: "Adding..." })
-          ] }),
-          s.preview ? /* @__PURE__ */ e.jsx("img", { src: s.preview, className: "min-h-[50px] w-full rounded-md border border-gray-300", alt: s.name }) : /* @__PURE__ */ e.jsx("div", { className: "flex h-20 items-center justify-center rounded-md border border-border border-gray-300 bg-gray-200", children: /* @__PURE__ */ e.jsx("p", { className: "max-w-xs text-center text-sm text-gray-700", children: s.name }) })
-        ]
-      }
-    )
-  ] });
-}, Le = () => {
-  const { data: s, isLoading: r } = me(), t = O(), c = j(B(t), { category: "custom" }), n = C(c, "group"), m = C(s, "group"), [u, i] = g(null), l = D(() => q(n, m, (o, d) => {
-    if (L(o) && L(d))
-      return [...o, ...d];
-  }), [n, m]), [, h] = x(k), [p, a] = g("Navbar"), b = V(l, p, []);
-  return /* @__PURE__ */ e.jsxs("div", { className: "relative flex h-full max-h-full overflow-hidden py-2", children: [
-    /* @__PURE__ */ e.jsx("ul", { className: "sticky top-0 h-full w-48 space-y-1 overflow-y-auto border-r px-2", children: r ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-      /* @__PURE__ */ e.jsx("li", { className: "h-8 w-full animate-pulse bg-gray-200" }),
-      /* @__PURE__ */ e.jsx("li", { className: "mt-2 h-8 w-full animate-pulse bg-gray-200" }),
-      /* @__PURE__ */ e.jsx("li", { className: "mt-2 h-8 w-full animate-pulse bg-gray-200" }),
-      /* @__PURE__ */ e.jsx("li", { className: "mt-2 h-8 w-full animate-pulse bg-gray-200" }),
-      /* @__PURE__ */ e.jsx("li", { className: "mt-2 h-8 w-full animate-pulse bg-gray-200" }),
-      /* @__PURE__ */ e.jsx("li", { className: "mt-2 h-8 w-full animate-pulse bg-gray-200" })
-    ] }) : y.Children.toArray(
-      v(l, (o, d) => /* @__PURE__ */ e.jsx(
-        "li",
-        {
-          onMouseOut: () => {
-            clearTimeout(u), i(null);
-          },
-          onMouseEnter: () => {
-            const _ = setTimeout(() => {
-              a(d);
-            }, 300);
-            i(_);
-          },
-          onClick: () => a(d),
-          className: fe(
-            "-mx-2 cursor-default rounded-md rounded-r-none px-2 py-1 text-sm font-medium capitalize",
-            p === d ? "bg-blue-500 text-white" : " text-gray-700 hover:bg-foreground/10"
-          ),
-          children: d
-        }
-      ))
-    ) }),
-    /* @__PURE__ */ e.jsx("div", { className: "h-full w-full space-y-2 overflow-y-auto px-8", children: y.Children.toArray(
-      b.map((o) => /* @__PURE__ */ e.jsx(Ie, { block: o, closePopover: () => h(!1) }))
-    ) })
-  ] });
-}, Pe = () => {
-  const [s, r] = g(""), { addPredefinedBlock: t } = I(), [c] = w(), [, n] = x(ue), [, m] = x(S), [, u] = x(k), i = () => {
-    const l = Ne(s);
-    t([...l], f(c) || null), r(""), n(!1), m("layers"), u(!1);
-  };
-  return /* @__PURE__ */ e.jsxs(ge, { className: "border-border/0 p-0 shadow-none", children: [
-    /* @__PURE__ */ e.jsxs(be, { className: "p-3", children: [
-      /* @__PURE__ */ e.jsx(je, { children: "Import HTML" }),
-      /* @__PURE__ */ e.jsx(ye, { children: "Use HTML snippets from component libraries like Tailwind UI, Flowbite, Preline, Kitwind, Tailblocks etc. or just copy paste your own HTML code. Only Tailwind CSS markup is supported." })
-    ] }),
-    /* @__PURE__ */ e.jsx(we, { className: "space-y-2 px-3 py-0", children: /* @__PURE__ */ e.jsxs("div", { className: "space-y-1", children: [
-      /* @__PURE__ */ e.jsx(ve, { htmlFor: "current", className: "text-sm", children: "Enter HTML Code:" }),
-      /* @__PURE__ */ e.jsx(
-        ke,
-        {
-          autoFocus: !0,
-          tabIndex: 1,
-          ref: (l) => l && l.focus(),
-          defaultValue: s,
-          onChange: (l) => r(l.target.value),
-          rows: 12,
-          placeholder: `<div>
-    <h1>Enter code here</h1>
-</div>`,
-          className: "resize-none overflow-x-auto whitespace-pre font-mono font-normal"
-        }
-      )
-    ] }) }),
-    /* @__PURE__ */ e.jsxs(Te, { className: "flex flex-col justify-end p-3", children: [
-      /* @__PURE__ */ e.jsx(ae, { disabled: s.trim() === "", onClick: () => i(), size: "sm", className: "w-full", children: "Import" }),
-      /* @__PURE__ */ e.jsxs(Be, { variant: "default", className: "mt-2 p-1 text-blue-400", children: [
-        /* @__PURE__ */ e.jsx(ie, { className: "h-4 w-4" }),
-        /* @__PURE__ */ e.jsx(Ce, { className: "text-sm leading-4", children: "Imported html will be added to the currently selected block. If no block is selected, the html will be added to the page." })
-      ] })
-    ] })
-  ] });
-}, Fe = Pe, F = ["ListItem", "TableHead", "TableBody", "TableRow", "TableCell", "Column"], He = (s, r) => {
-  if (!s)
-    return !A(F, r);
-  const t = s._type;
-  return t === "List" ? r === "ListItem" : t === "Table" ? r === "TableHead" || r === "TableBody" : t === "TableHead" || t === "TableBody" ? r === "TableRow" : t === "TableRow" ? r === "TableCell" : t === "Row" ? r === "Column" : !A(F, r);
-}, bs = () => {
-  const [s, r] = g("core"), [t, c] = g("basic"), n = O(), [, m] = x(pe), [, u] = x(k), [i] = w(), l = xe(), h = W(l, { _id: f(i) });
-  console.log("chaiBlocks", n);
-  const p = C(
-    j(n, (o) => He(h, o.type)),
-    "category"
-  ), a = $(v(p.core, "group"));
-  U(() => {
-    !A(a, t) && !N(a) && !N(t) && c(f(a));
-  }, [a, t]);
-  const b = (o) => c((d) => d === o ? "" : o);
-  return /* @__PURE__ */ e.jsxs("div", { className: "flex h-full flex-col overflow-hidden", children: [
-    /* @__PURE__ */ e.jsxs("div", { className: "mb-2 flex justify-between rounded-md bg-background/30 p-1", children: [
-      /* @__PURE__ */ e.jsxs("h1", { className: "flex flex-col items-baseline px-1 text-2xl font-semibold xl:flex-row", children: [
-        "Add block",
-        /* @__PURE__ */ e.jsx("span", { className: "p-0 text-xs font-light leading-3 opacity-80 xl:pl-1", children: s === "html" ? "(Enter or paste your own HTML code)" : "(Drag & drop into tree view or click to add)" })
-      ] }),
-      /* @__PURE__ */ e.jsxs(
-        "button",
-        {
-          onClick: () => u(!1),
-          className: "flex h-max items-center gap-x-1 rounded-full border p-px text-xs text-gray-800 hover:bg-gray-100 md:p-2",
-          children: [
-            /* @__PURE__ */ e.jsx(de, { width: 12 }),
-            " Close"
-          ]
-        }
-      )
-    ] }),
-    /* @__PURE__ */ e.jsx(
-      ee,
-      {
-        onValueChange: (o) => {
-          m(""), r(o);
-        },
-        value: s,
-        className: "h-max",
-        children: /* @__PURE__ */ e.jsxs(se, { className: "grid w-full grid-cols-3", children: [
-          /* @__PURE__ */ e.jsx(T, { value: "core", children: "Core" }),
-          /* @__PURE__ */ e.jsx(T, { value: "ui-blocks", children: "UI Blocks" }),
-          /* @__PURE__ */ e.jsx(T, { value: "html", children: "Import" })
-        ] })
-      }
-    ),
-    s === "core" && /* @__PURE__ */ e.jsx(Z, { className: "-mx-1.5 h-full", children: /* @__PURE__ */ e.jsx(J, { type: "single", value: t, className: "w-full px-3", children: y.Children.toArray(
-      v(
-        a,
-        (o) => P(j(B(p.core), { group: o }), {
-          hidden: !0
-        }).length ? /* @__PURE__ */ e.jsxs(Q, { value: o, className: "border-border", children: [
-          /* @__PURE__ */ e.jsx(X, { onClick: () => b(o), className: "py-2 capitalize", children: o }),
-          /* @__PURE__ */ e.jsx(Y, { children: /* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-4 gap-2", children: y.Children.toArray(
-            P(j(B(p.core), { group: o }), { hidden: !0 }).map((d) => /* @__PURE__ */ e.jsx(Ae, { block: d }))
-          ) }) })
-        ] }) : null
-      )
-    ) }) }),
-    s === "ui-blocks" && /* @__PURE__ */ e.jsx(K, { fallback: /* @__PURE__ */ e.jsx(ce, { className: "h-32 w-full" }), children: /* @__PURE__ */ e.jsx(Le, {}) }),
-    s === "html" && /* @__PURE__ */ e.jsx(Fe, {})
-  ] });
-};
-export {
-  bs as default
-};