@tech_carthagos/page-builder 1.0.12 → 1.0.14

package/dist/CraftEditor-xRtkY2_B.cjs

@@ -0,0 +1,72 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),p=require("react"),s=require("./index-CyIoH_7r.cjs"),lo=require("react-dom");function co(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const r=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,r.get?r:{enumerable:!0,get:()=>e[o]})}}return t.default=e,Object.freeze(t)}const h=co(p);/**
+ * @license lucide-react v0.462.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const at=s.createLucideIcon("Columns2",[["rect",{width:"18",height:"18",x:"3",y:"3",rx:"2",key:"afitv7"}],["path",{d:"M12 3v18",key:"108xh3"}]]);/**
+ * @license lucide-react v0.462.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const uo=s.createLucideIcon("GripVertical",[["circle",{cx:"9",cy:"12",r:"1",key:"1vctgf"}],["circle",{cx:"9",cy:"5",r:"1",key:"hp0tcf"}],["circle",{cx:"9",cy:"19",r:"1",key:"fkjjf6"}],["circle",{cx:"15",cy:"12",r:"1",key:"1tmaij"}],["circle",{cx:"15",cy:"5",r:"1",key:"19l28e"}],["circle",{cx:"15",cy:"19",r:"1",key:"f4zoj3"}]]);/**
+ * @license lucide-react v0.462.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const st=s.createLucideIcon("Heading",[["path",{d:"M6 12h12",key:"8npq4p"}],["path",{d:"M6 20V4",key:"1w1bmo"}],["path",{d:"M18 20V4",key:"o2hl4u"}]]);/**
+ * @license lucide-react v0.462.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const it=s.createLucideIcon("Image",[["rect",{width:"18",height:"18",x:"3",y:"3",rx:"2",ry:"2",key:"1m3agn"}],["circle",{cx:"9",cy:"9",r:"2",key:"af1f0g"}],["path",{d:"m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21",key:"1xmnt7"}]]);/**
+ * @license lucide-react v0.462.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const lt=s.createLucideIcon("Minus",[["path",{d:"M5 12h14",key:"1ays0h"}]]);/**
+ * @license lucide-react v0.462.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const ct=s.createLucideIcon("MousePointer",[["path",{d:"M12.586 12.586 19 19",key:"ea5xo7"}],["path",{d:"M3.688 3.037a.497.497 0 0 0-.651.651l6.5 15.999a.501.501 0 0 0 .947-.062l1.569-6.083a2 2 0 0 1 1.448-1.479l6.124-1.579a.5.5 0 0 0 .063-.947z",key:"277e5u"}]]);/**
+ * @license lucide-react v0.462.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const dt=s.createLucideIcon("MoveVertical",[["path",{d:"M12 2v20",key:"t6zp3m"}],["path",{d:"m8 18 4 4 4-4",key:"bh5tu3"}],["path",{d:"m8 6 4-4 4 4",key:"ybng9g"}]]);/**
+ * @license lucide-react v0.462.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const fo=s.createLucideIcon("Redo2",[["path",{d:"m15 14 5-5-5-5",key:"12vg1m"}],["path",{d:"M20 9H9.5A5.5 5.5 0 0 0 4 14.5A5.5 5.5 0 0 0 9.5 20H13",key:"6uklza"}]]);/**
+ * @license lucide-react v0.462.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const mo=s.createLucideIcon("Save",[["path",{d:"M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z",key:"1c8476"}],["path",{d:"M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7",key:"1ydtos"}],["path",{d:"M7 3v4a1 1 0 0 0 1 1h7",key:"t51u73"}]]);/**
+ * @license lucide-react v0.462.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const me=s.createLucideIcon("Square",[["rect",{width:"18",height:"18",x:"3",y:"3",rx:"2",key:"afitv7"}]]);/**
+ * @license lucide-react v0.462.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const po=s.createLucideIcon("Trash2",[["path",{d:"M3 6h18",key:"d0wm0j"}],["path",{d:"M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6",key:"4alrt4"}],["path",{d:"M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2",key:"v07s0e"}],["line",{x1:"10",x2:"10",y1:"11",y2:"17",key:"1uufr5"}],["line",{x1:"14",x2:"14",y1:"11",y2:"17",key:"xtxkd"}]]);/**
+ * @license lucide-react v0.462.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const ut=s.createLucideIcon("Type",[["polyline",{points:"4 7 4 4 20 4 20 7",key:"1nosan"}],["line",{x1:"9",x2:"15",y1:"20",y2:"20",key:"swin9y"}],["line",{x1:"12",x2:"12",y1:"4",y2:"20",key:"1tx1rr"}]]);/**
+ * @license lucide-react v0.462.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const ho=s.createLucideIcon("Undo2",[["path",{d:"M9 14 4 9l5-5",key:"102s5s"}],["path",{d:"M4 9h10.5a5.5 5.5 0 0 1 5.5 5.5a5.5 5.5 0 0 1-5.5 5.5H11",key:"f3b9sd"}]]);/**
+ * @license lucide-react v0.462.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const go=s.createLucideIcon("Video",[["path",{d:"m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5",key:"ftymec"}],["rect",{x:"2",y:"6",width:"14",height:"12",rx:"2",key:"158x01"}]]),_e=({className:e,backgroundColor:t="transparent",backgroundImage:o="",backgroundSize:r="cover",backgroundRepeat:a="no-repeat",padding:l={top:16,right:16,bottom:16,left:16},margin:c={top:0,right:0,bottom:0,left:0},width:u="auto",minHeight:d=100,maxWidth:f="none",display:m="block",flexDirection:g="column",justifyContent:v="flex-start",alignItems:i="stretch",gap:T=0,borderRadius:b=8,borderWidth:x=1,borderColor:j="transparent",borderStyle:C="dashed",boxShadow:w="none",children:N})=>{const{connectors:{connect:z,drag:R},selected:k}=s.Ne(M=>({selected:M.events.selected})),D=typeof l=="object"?`${l.top}px ${l.right}px ${l.bottom}px ${l.left}px`:`${l}px`,P=typeof c=="object"?`${c.top}px ${c.right}px ${c.bottom}px ${c.left}px`:`${c}px`;return n.jsx("div",{style:{backgroundColor:t,backgroundImage:o?`url(${o})`:"none",backgroundSize:r,backgroundRepeat:a,padding:D,margin:P,width:u==="auto"?"100%":u,minHeight:`${d}px`,maxWidth:f==="none"?"none":`${f}px`,display:m,flexDirection:m==="flex"?g:void 0,justifyContent:m==="flex"?v:void 0,alignItems:m==="flex"?i:void 0,gap:m==="flex"?`${T}px`:void 0,borderRadius:`${b}px`,borderWidth:`${x}px`,borderColor:j,borderStyle:C,boxShadow:w==="none"?"none":w},className:s.clsx(e,`${k?"ring-2 ring-primary ring-offset-2":""}`),ref:M=>{M&&z(R(M))},children:N})};_e.craft={isCanvas:!0,props:{ClassName:"p-4",backgroundColor:"transparent",backgroundImage:"",backgroundSize:"cover",backgroundRepeat:"no-repeat",padding:{top:16,right:16,bottom:16,left:16},margin:{top:0,right:0,bottom:0,left:0},width:"auto",minHeight:100,maxWidth:"none",display:"block",flexDirection:"column",justifyContent:"flex-start",alignItems:"stretch",gap:0,borderRadius:8,borderWidth:1,borderColor:"transparent",borderStyle:"dashed",boxShadow:"none"},related:{settings:s.ContainerSettings}};const vo=()=>{const{connectors:e}=s.Pe(),t=[{name:"Div",icon:me,element:n.jsx(s.ke,{is:_e,canvas:!0})},{name:"Container",icon:me,element:n.jsx(s.ke,{is:s.Container,canvas:!0})},{name:"Columns",icon:at,element:n.jsxs(s.ke,{is:s.Columns,canvas:!0,children:[n.jsx(s.ke,{is:s.Container,canvas:!0}),n.jsx(s.ke,{is:s.Container,canvas:!0})]})},{name:"Section",icon:me,element:n.jsx(s.ke,{is:s.Section,canvas:!0})},{name:"Wrapper",icon:me,element:n.jsx(s.ke,{is:s.Wrapper,canvas:!0})}],o=[{name:"Heading",icon:st,element:n.jsx(s.Heading,{})},{name:"Text",icon:ut,element:n.jsx(s.Text,{})},{name:"Button",icon:ct,element:n.jsx(s.ButtonComponent,{})},{name:"Link",icon:s.Link,element:n.jsx(s.Link$1,{})}],r=[{name:"Image",icon:it,element:n.jsx(s.Image,{})},{name:"Video",icon:s.Film,element:n.jsx(s.Video,{})}],a=[{name:"Divider",icon:lt,element:n.jsx(s.Divider,{})},{name:"Spacer",icon:dt,element:n.jsx(s.Spacer,{})}],l=(c,u)=>n.jsxs("div",{className:"space-y-2",children:[n.jsx("span",{className:"text-xs text-muted-foreground/70",children:c}),n.jsx("div",{className:"grid grid-cols-2 gap-1.5",children:u.map(d=>n.jsxs(s.Button,{variant:"outline",size:"sm",className:"flex flex-col items-center justify-center h-14 cursor-grab active:cursor-grabbing text-muted-foreground hover:text-foreground",ref:f=>f&&e.create(f,d.element),children:[n.jsx(d.icon,{className:"h-4 w-4 mb-1"}),n.jsx("span",{className:"text-[10px]",children:d.name})]},d.name))})]});return n.jsxs("div",{className:"space-y-4",children:[n.jsx("h3",{className:"text-sm font-medium text-muted-foreground",children:"Components"}),l("Layout",t),l("Basic",o),l("Media",r),l("Utility",a)]})};var bo=h.createContext(void 0);function ze(e){const t=h.useContext(bo);return e||t||"ltr"}function xo(e,[t,o]){return Math.min(o,Math.max(t,e))}function yo(e,t){return h.useReducer((o,r)=>t[o][r]??o,e)}var Oe="ScrollArea",[ft]=s.createContextScope(Oe),[wo,U]=ft(Oe),mt=h.forwardRef((e,t)=>{const{__scopeScrollArea:o,type:r="hover",dir:a,scrollHideDelay:l=600,...c}=e,[u,d]=h.useState(null),[f,m]=h.useState(null),[g,v]=h.useState(null),[i,T]=h.useState(null),[b,x]=h.useState(null),[j,C]=h.useState(0),[w,N]=h.useState(0),[z,R]=h.useState(!1),[k,D]=h.useState(!1),P=s.useComposedRefs(t,H=>d(H)),M=ze(a);return n.jsx(wo,{scope:o,type:r,dir:M,scrollHideDelay:l,scrollArea:u,viewport:f,onViewportChange:m,content:g,onContentChange:v,scrollbarX:i,onScrollbarXChange:T,scrollbarXEnabled:z,onScrollbarXEnabledChange:R,scrollbarY:b,onScrollbarYChange:x,scrollbarYEnabled:k,onScrollbarYEnabledChange:D,onCornerWidthChange:C,onCornerHeightChange:N,children:n.jsx(s.Primitive.div,{dir:M,...c,ref:P,style:{position:"relative","--radix-scroll-area-corner-width":j+"px","--radix-scroll-area-corner-height":w+"px",...e.style}})})});mt.displayName=Oe;var pt="ScrollAreaViewport",ht=h.forwardRef((e,t)=>{const{__scopeScrollArea:o,children:r,nonce:a,...l}=e,c=U(pt,o),u=h.useRef(null),d=s.useComposedRefs(t,u,c.onViewportChange);return n.jsxs(n.Fragment,{children:[n.jsx("style",{dangerouslySetInnerHTML:{__html:"[data-radix-scroll-area-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-scroll-area-viewport]::-webkit-scrollbar{display:none}"},nonce:a}),n.jsx(s.Primitive.div,{"data-radix-scroll-area-viewport":"",...l,ref:d,style:{overflowX:c.scrollbarXEnabled?"scroll":"hidden",overflowY:c.scrollbarYEnabled?"scroll":"hidden",...e.style},children:n.jsx("div",{ref:c.onContentChange,style:{minWidth:"100%",display:"table"},children:r})})]})});ht.displayName=pt;var J="ScrollAreaScrollbar",Be=h.forwardRef((e,t)=>{const{forceMount:o,...r}=e,a=U(J,e.__scopeScrollArea),{onScrollbarXEnabledChange:l,onScrollbarYEnabledChange:c}=a,u=e.orientation==="horizontal";return h.useEffect(()=>(u?l(!0):c(!0),()=>{u?l(!1):c(!1)}),[u,l,c]),a.type==="hover"?n.jsx(So,{...r,ref:t,forceMount:o}):a.type==="scroll"?n.jsx(Co,{...r,ref:t,forceMount:o}):a.type==="auto"?n.jsx(gt,{...r,ref:t,forceMount:o}):a.type==="always"?n.jsx(He,{...r,ref:t}):null});Be.displayName=J;var So=h.forwardRef((e,t)=>{const{forceMount:o,...r}=e,a=U(J,e.__scopeScrollArea),[l,c]=h.useState(!1);return h.useEffect(()=>{const u=a.scrollArea;let d=0;if(u){const f=()=>{window.clearTimeout(d),c(!0)},m=()=>{d=window.setTimeout(()=>c(!1),a.scrollHideDelay)};return u.addEventListener("pointerenter",f),u.addEventListener("pointerleave",m),()=>{window.clearTimeout(d),u.removeEventListener("pointerenter",f),u.removeEventListener("pointerleave",m)}}},[a.scrollArea,a.scrollHideDelay]),n.jsx(s.Presence,{present:o||l,children:n.jsx(gt,{"data-state":l?"visible":"hidden",...r,ref:t})})}),Co=h.forwardRef((e,t)=>{const{forceMount:o,...r}=e,a=U(J,e.__scopeScrollArea),l=e.orientation==="horizontal",c=Te(()=>d("SCROLL_END"),100),[u,d]=yo("hidden",{hidden:{SCROLL:"scrolling"},scrolling:{SCROLL_END:"idle",POINTER_ENTER:"interacting"},interacting:{SCROLL:"interacting",POINTER_LEAVE:"idle"},idle:{HIDE:"hidden",SCROLL:"scrolling",POINTER_ENTER:"interacting"}});return h.useEffect(()=>{if(u==="idle"){const f=window.setTimeout(()=>d("HIDE"),a.scrollHideDelay);return()=>window.clearTimeout(f)}},[u,a.scrollHideDelay,d]),h.useEffect(()=>{const f=a.viewport,m=l?"scrollLeft":"scrollTop";if(f){let g=f[m];const v=()=>{const i=f[m];g!==i&&(d("SCROLL"),c()),g=i};return f.addEventListener("scroll",v),()=>f.removeEventListener("scroll",v)}},[a.viewport,l,d,c]),n.jsx(s.Presence,{present:o||u!=="hidden",children:n.jsx(He,{"data-state":u==="hidden"?"hidden":"visible",...r,ref:t,onPointerEnter:s.composeEventHandlers(e.onPointerEnter,()=>d("POINTER_ENTER")),onPointerLeave:s.composeEventHandlers(e.onPointerLeave,()=>d("POINTER_LEAVE"))})})}),gt=h.forwardRef((e,t)=>{const o=U(J,e.__scopeScrollArea),{forceMount:r,...a}=e,[l,c]=h.useState(!1),u=e.orientation==="horizontal",d=Te(()=>{if(o.viewport){const f=o.viewport.offsetWidth<o.viewport.scrollWidth,m=o.viewport.offsetHeight<o.viewport.scrollHeight;c(u?f:m)}},10);return pe(o.viewport,d),pe(o.content,d),n.jsx(s.Presence,{present:r||l,children:n.jsx(He,{"data-state":l?"visible":"hidden",...a,ref:t})})}),He=h.forwardRef((e,t)=>{const{orientation:o="vertical",...r}=e,a=U(J,e.__scopeScrollArea),l=h.useRef(null),c=h.useRef(0),[u,d]=h.useState({content:0,viewport:0,scrollbar:{size:0,paddingStart:0,paddingEnd:0}}),f=wt(u.viewport,u.content),m={...r,sizes:u,onSizesChange:d,hasThumb:f>0&&f<1,onThumbChange:v=>l.current=v,onThumbPointerUp:()=>c.current=0,onThumbPointerDown:v=>c.current=v};function g(v,i){return Po(v,c.current,u,i)}return o==="horizontal"?n.jsx(jo,{...m,ref:t,onThumbPositionChange:()=>{if(a.viewport&&l.current){const v=a.viewport.scrollLeft,i=et(v,u,a.dir);l.current.style.transform=`translate3d(${i}px, 0, 0)`}},onWheelScroll:v=>{a.viewport&&(a.viewport.scrollLeft=v)},onDragScroll:v=>{a.viewport&&(a.viewport.scrollLeft=g(v,a.dir))}}):o==="vertical"?n.jsx(Eo,{...m,ref:t,onThumbPositionChange:()=>{if(a.viewport&&l.current){const v=a.viewport.scrollTop,i=et(v,u);l.current.style.transform=`translate3d(0, ${i}px, 0)`}},onWheelScroll:v=>{a.viewport&&(a.viewport.scrollTop=v)},onDragScroll:v=>{a.viewport&&(a.viewport.scrollTop=g(v))}}):null}),jo=h.forwardRef((e,t)=>{const{sizes:o,onSizesChange:r,...a}=e,l=U(J,e.__scopeScrollArea),[c,u]=h.useState(),d=h.useRef(null),f=s.useComposedRefs(t,d,l.onScrollbarXChange);return h.useEffect(()=>{d.current&&u(getComputedStyle(d.current))},[d]),n.jsx(bt,{"data-orientation":"horizontal",...a,ref:f,sizes:o,style:{bottom:0,left:l.dir==="rtl"?"var(--radix-scroll-area-corner-width)":0,right:l.dir==="ltr"?"var(--radix-scroll-area-corner-width)":0,"--radix-scroll-area-thumb-width":Ee(o)+"px",...e.style},onThumbPointerDown:m=>e.onThumbPointerDown(m.x),onDragScroll:m=>e.onDragScroll(m.x),onWheelScroll:(m,g)=>{if(l.viewport){const v=l.viewport.scrollLeft+m.deltaX;e.onWheelScroll(v),Ct(v,g)&&m.preventDefault()}},onResize:()=>{d.current&&l.viewport&&c&&r({content:l.viewport.scrollWidth,viewport:l.viewport.offsetWidth,scrollbar:{size:d.current.clientWidth,paddingStart:Ce(c.paddingLeft),paddingEnd:Ce(c.paddingRight)}})}})}),Eo=h.forwardRef((e,t)=>{const{sizes:o,onSizesChange:r,...a}=e,l=U(J,e.__scopeScrollArea),[c,u]=h.useState(),d=h.useRef(null),f=s.useComposedRefs(t,d,l.onScrollbarYChange);return h.useEffect(()=>{d.current&&u(getComputedStyle(d.current))},[d]),n.jsx(bt,{"data-orientation":"vertical",...a,ref:f,sizes:o,style:{top:0,right:l.dir==="ltr"?0:void 0,left:l.dir==="rtl"?0:void 0,bottom:"var(--radix-scroll-area-corner-height)","--radix-scroll-area-thumb-height":Ee(o)+"px",...e.style},onThumbPointerDown:m=>e.onThumbPointerDown(m.y),onDragScroll:m=>e.onDragScroll(m.y),onWheelScroll:(m,g)=>{if(l.viewport){const v=l.viewport.scrollTop+m.deltaY;e.onWheelScroll(v),Ct(v,g)&&m.preventDefault()}},onResize:()=>{d.current&&l.viewport&&c&&r({content:l.viewport.scrollHeight,viewport:l.viewport.offsetHeight,scrollbar:{size:d.current.clientHeight,paddingStart:Ce(c.paddingTop),paddingEnd:Ce(c.paddingBottom)}})}})}),[To,vt]=ft(J),bt=h.forwardRef((e,t)=>{const{__scopeScrollArea:o,sizes:r,hasThumb:a,onThumbChange:l,onThumbPointerUp:c,onThumbPointerDown:u,onThumbPositionChange:d,onDragScroll:f,onWheelScroll:m,onResize:g,...v}=e,i=U(J,o),[T,b]=h.useState(null),x=s.useComposedRefs(t,P=>b(P)),j=h.useRef(null),C=h.useRef(""),w=i.viewport,N=r.content-r.viewport,z=s.useCallbackRef(m),R=s.useCallbackRef(d),k=Te(g,10);function D(P){if(j.current){const M=P.clientX-j.current.left,H=P.clientY-j.current.top;f({x:M,y:H})}}return h.useEffect(()=>{const P=M=>{const H=M.target;(T==null?void 0:T.contains(H))&&z(M,N)};return document.addEventListener("wheel",P,{passive:!1}),()=>document.removeEventListener("wheel",P,{passive:!1})},[w,T,N,z]),h.useEffect(R,[r,R]),pe(T,k),pe(i.content,k),n.jsx(To,{scope:o,scrollbar:T,hasThumb:a,onThumbChange:s.useCallbackRef(l),onThumbPointerUp:s.useCallbackRef(c),onThumbPositionChange:R,onThumbPointerDown:s.useCallbackRef(u),children:n.jsx(s.Primitive.div,{...v,ref:x,style:{position:"absolute",...v.style},onPointerDown:s.composeEventHandlers(e.onPointerDown,P=>{P.button===0&&(P.target.setPointerCapture(P.pointerId),j.current=T.getBoundingClientRect(),C.current=document.body.style.webkitUserSelect,document.body.style.webkitUserSelect="none",i.viewport&&(i.viewport.style.scrollBehavior="auto"),D(P))}),onPointerMove:s.composeEventHandlers(e.onPointerMove,D),onPointerUp:s.composeEventHandlers(e.onPointerUp,P=>{const M=P.target;M.hasPointerCapture(P.pointerId)&&M.releasePointerCapture(P.pointerId),document.body.style.webkitUserSelect=C.current,i.viewport&&(i.viewport.style.scrollBehavior=""),j.current=null})})})}),Se="ScrollAreaThumb",xt=h.forwardRef((e,t)=>{const{forceMount:o,...r}=e,a=vt(Se,e.__scopeScrollArea);return n.jsx(s.Presence,{present:o||a.hasThumb,children:n.jsx(No,{ref:t,...r})})}),No=h.forwardRef((e,t)=>{const{__scopeScrollArea:o,style:r,...a}=e,l=U(Se,o),c=vt(Se,o),{onThumbPositionChange:u}=c,d=s.useComposedRefs(t,g=>c.onThumbChange(g)),f=h.useRef(void 0),m=Te(()=>{f.current&&(f.current(),f.current=void 0)},100);return h.useEffect(()=>{const g=l.viewport;if(g){const v=()=>{if(m(),!f.current){const i=ko(g,u);f.current=i,u()}};return u(),g.addEventListener("scroll",v),()=>g.removeEventListener("scroll",v)}},[l.viewport,m,u]),n.jsx(s.Primitive.div,{"data-state":c.hasThumb?"visible":"hidden",...a,ref:d,style:{width:"var(--radix-scroll-area-thumb-width)",height:"var(--radix-scroll-area-thumb-height)",...r},onPointerDownCapture:s.composeEventHandlers(e.onPointerDownCapture,g=>{const i=g.target.getBoundingClientRect(),T=g.clientX-i.left,b=g.clientY-i.top;c.onThumbPointerDown({x:T,y:b})}),onPointerUp:s.composeEventHandlers(e.onPointerUp,c.onThumbPointerUp)})});xt.displayName=Se;var $e="ScrollAreaCorner",yt=h.forwardRef((e,t)=>{const o=U($e,e.__scopeScrollArea),r=!!(o.scrollbarX&&o.scrollbarY);return o.type!=="scroll"&&r?n.jsx(Ro,{...e,ref:t}):null});yt.displayName=$e;var Ro=h.forwardRef((e,t)=>{const{__scopeScrollArea:o,...r}=e,a=U($e,o),[l,c]=h.useState(0),[u,d]=h.useState(0),f=!!(l&&u);return pe(a.scrollbarX,()=>{var g;const m=((g=a.scrollbarX)==null?void 0:g.offsetHeight)||0;a.onCornerHeightChange(m),d(m)}),pe(a.scrollbarY,()=>{var g;const m=((g=a.scrollbarY)==null?void 0:g.offsetWidth)||0;a.onCornerWidthChange(m),c(m)}),f?n.jsx(s.Primitive.div,{...r,ref:t,style:{width:l,height:u,position:"absolute",right:a.dir==="ltr"?0:void 0,left:a.dir==="rtl"?0:void 0,bottom:0,...e.style}}):null});function Ce(e){return e?parseInt(e,10):0}function wt(e,t){const o=e/t;return isNaN(o)?0:o}function Ee(e){const t=wt(e.viewport,e.content),o=e.scrollbar.paddingStart+e.scrollbar.paddingEnd,r=(e.scrollbar.size-o)*t;return Math.max(r,18)}function Po(e,t,o,r="ltr"){const a=Ee(o),l=a/2,c=t||l,u=a-c,d=o.scrollbar.paddingStart+c,f=o.scrollbar.size-o.scrollbar.paddingEnd-u,m=o.content-o.viewport,g=r==="ltr"?[0,m]:[m*-1,0];return St([d,f],g)(e)}function et(e,t,o="ltr"){const r=Ee(t),a=t.scrollbar.paddingStart+t.scrollbar.paddingEnd,l=t.scrollbar.size-a,c=t.content-t.viewport,u=l-r,d=o==="ltr"?[0,c]:[c*-1,0],f=xo(e,d);return St([0,c],[0,u])(f)}function St(e,t){return o=>{if(e[0]===e[1]||t[0]===t[1])return t[0];const r=(t[1]-t[0])/(e[1]-e[0]);return t[0]+r*(o-e[0])}}function Ct(e,t){return e>0&&e<t}var ko=(e,t=()=>{})=>{let o={left:e.scrollLeft,top:e.scrollTop},r=0;return function a(){const l={left:e.scrollLeft,top:e.scrollTop},c=o.left!==l.left,u=o.top!==l.top;(c||u)&&t(),o=l,r=window.requestAnimationFrame(a)}(),()=>window.cancelAnimationFrame(r)};function Te(e,t){const o=s.useCallbackRef(e),r=h.useRef(0);return h.useEffect(()=>()=>window.clearTimeout(r.current),[]),h.useCallback(()=>{window.clearTimeout(r.current),r.current=window.setTimeout(o,t)},[o,t])}function pe(e,t){const o=s.useCallbackRef(t);s.useLayoutEffect2(()=>{let r=0;if(e){const a=new ResizeObserver(()=>{cancelAnimationFrame(r),r=window.requestAnimationFrame(o)});return a.observe(e),()=>{window.cancelAnimationFrame(r),a.unobserve(e)}}},[e,o])}var jt=mt,Io=ht,Do=yt;const Fe=h.forwardRef(({className:e,children:t,...o},r)=>n.jsxs(jt,{ref:r,className:s.cn("relative overflow-hidden",e),...o,children:[n.jsx(Io,{className:"h-full w-full rounded-[inherit]",children:t}),n.jsx(Et,{}),n.jsx(Do,{})]}));Fe.displayName=jt.displayName;const Et=h.forwardRef(({className:e,orientation:t="vertical",...o},r)=>n.jsx(Be,{ref:r,orientation:t,className:s.cn("flex touch-none select-none transition-colors",t==="vertical"&&"h-full w-2.5 border-l border-l-transparent p-[1px]",t==="horizontal"&&"h-2.5 flex-col border-t border-t-transparent p-[1px]",e),...o,children:n.jsx(xt,{className:"relative flex-1 rounded-full bg-border"})}));Et.displayName=Be.displayName;const Ao=()=>{const{selected:e,actions:t}=s.Pe(o=>{var l,c,u,d,f,m,g;const r=o.events.selected?Array.from(o.events.selected)[0]:null;let a;return r&&(a={id:r,name:((c=(l=o.nodes[r])==null?void 0:l.data)==null?void 0:c.displayName)||((d=(u=o.nodes[r])==null?void 0:u.data)==null?void 0:d.name),settings:(m=(f=o.nodes[r])==null?void 0:f.related)==null?void 0:m.settings,isDeletable:((g=o.nodes[r])==null?void 0:g.id)!=="ROOT"}),{selected:a}});return n.jsx("div",{className:"h-full flex flex-col",children:e?n.jsxs(n.Fragment,{children:[n.jsxs("div",{className:"flex items-center justify-between pb-3 border-b border-border mb-3",children:[n.jsxs("div",{children:[n.jsx("span",{className:"text-xs text-muted-foreground",children:"Selected"}),n.jsx("h3",{className:"text-sm font-semibold",children:e.name})]}),e.isDeletable&&n.jsx("button",{onClick:()=>t.delete(e.id),className:"p-1.5 rounded hover:bg-destructive/10 text-destructive transition-colors",title:"Delete element",children:n.jsx(po,{className:"h-4 w-4"})})]}),n.jsx(Fe,{className:"flex-1 -mr-4 pr-4",children:e.settings&&p.createElement(e.settings)})]}):n.jsx("div",{className:"text-center py-8",children:n.jsx("p",{className:"text-sm text-muted-foreground",children:"Select an element to edit its properties"})})})},Mo=e=>{switch(e){case"Container":return me;case"Text":return ut;case"Heading":return st;case"Button":return ct;case"Image":return it;case"Divider":return lt;case"Spacer":return dt;case"Video":return go;case"Columns":return at;case"Link":return s.Link;default:return me}},Tt=({nodeId:e,depth:t=0,onDragStart:o,onDragOver:r,onDrop:a,draggedId:l})=>{const{node:c,actions:u,selectedNodeId:d,childNodes:f,parentId:m}=s.Pe((E,ae)=>{var se,S;const F=E.nodes[e],ee=((se=F==null?void 0:F.data)==null?void 0:se.nodes)||[],$=E.events.selected?Array.from(E.events.selected)[0]:null,X=(S=F==null?void 0:F.data)==null?void 0:S.parent;return{node:F,childNodes:ee,selectedNodeId:$,parentId:X}}),[g,v]=p.useState(!0),[i,T]=p.useState(!1);if(!c)return null;const b=c.data.displayName||c.data.name||"Unknown",x=f.length>0,j=d===e,C=e==="ROOT",w=Mo(b),N=l===e,z=c.data.isCanvas,R=E=>{E.stopPropagation(),C||u.selectNode(e)},k=E=>{E.stopPropagation(),v(!g)},D=E=>{if(C){E.preventDefault();return}E.stopPropagation(),o(e,m)},P=E=>{E.preventDefault(),E.stopPropagation(),l&&l!==e&&z&&T(!0)},M=E=>{E.stopPropagation(),T(!1)},H=E=>{E.preventDefault(),E.stopPropagation(),T(!1),l&&l!==e&&a(e)};return n.jsxs("div",{className:"select-none",children:[n.jsxs("div",{className:`flex items-center gap-1 py-1 px-1 rounded cursor-pointer text-sm transition-colors ${j?"bg-primary/10 text-primary":"hover:bg-secondary/50"} ${N?"opacity-50":""} ${i?"bg-primary/20 ring-1 ring-primary":""}`,style:{paddingLeft:`${t*12+4}px`},onClick:R,draggable:!C,onDragStart:D,onDragOver:P,onDragLeave:M,onDrop:H,children:[!C&&n.jsx(uo,{className:"h-3 w-3 text-muted-foreground/50 cursor-grab active:cursor-grabbing"}),x?n.jsx("button",{onClick:k,className:"p-0.5 hover:bg-secondary rounded",children:g?n.jsx(s.ChevronDown,{className:"h-3 w-3"}):n.jsx(s.ChevronRight,{className:"h-3 w-3"})}):n.jsx("span",{className:"w-4"}),n.jsx(w,{className:"h-3.5 w-3.5 text-muted-foreground shrink-0"}),n.jsx("span",{className:`truncate ${C?"font-medium":""}`,children:C?"Root":b})]}),x&&g&&n.jsx("div",{children:f.map(E=>n.jsx(Tt,{nodeId:E,depth:t+1,onDragStart:o,onDragOver:r,onDrop:a,draggedId:l},E))})]})},Lo=()=>{const[e,t]=p.useState(null),[o,r]=p.useState(null),{nodeIds:a,actions:l}=s.Pe(f=>({nodeIds:Object.keys(f.nodes)})),c=(f,m)=>{t(f),r(m)},u=f=>{if(e&&f&&e!==f)try{l.move(e,f,0)}catch(m){console.log("Cannot move node:",m)}t(null),r(null)},d=()=>{t(null),r(null)};return n.jsxs("div",{className:"space-y-2",onDragEnd:d,children:[n.jsx("h3",{className:"text-sm font-medium text-muted-foreground",children:"Layers"}),n.jsx("div",{className:"border border-border rounded-lg p-2 max-h-[250px] overflow-y-auto bg-background",children:a.includes("ROOT")&&n.jsx(Tt,{nodeId:"ROOT",onDragStart:c,onDrop:u,draggedId:e})}),n.jsx("p",{className:"text-xs text-muted-foreground",children:"Drag to containers to reorder"})]})};function tt(e){const t=_o(e),o=h.forwardRef((r,a)=>{const{children:l,...c}=r,u=h.Children.toArray(l),d=u.find(Oo);if(d){const f=d.props.children,m=u.map(g=>g===d?h.Children.count(f)>1?h.Children.only(null):h.isValidElement(f)?f.props.children:null:g);return n.jsx(t,{...c,ref:a,children:h.isValidElement(f)?h.cloneElement(f,void 0,m):null})}return n.jsx(t,{...c,ref:a,children:l})});return o.displayName=`${e}.Slot`,o}function _o(e){const t=h.forwardRef((o,r)=>{const{children:a,...l}=o;if(h.isValidElement(a)){const c=Ho(a),u=Bo(l,a.props);return a.type!==h.Fragment&&(u.ref=r?s.composeRefs(r,c):c),h.cloneElement(a,u)}return h.Children.count(a)>1?h.Children.only(null):null});return t.displayName=`${e}.SlotClone`,t}var zo=Symbol("radix.slottable");function Oo(e){return h.isValidElement(e)&&typeof e.type=="function"&&"__radixId"in e.type&&e.type.__radixId===zo}function Bo(e,t){const o={...t};for(const r in t){const a=e[r],l=t[r];/^on[A-Z]/.test(r)?a&&l?o[r]=(...u)=>{const d=l(...u);return a(...u),d}:a&&(o[r]=a):r==="style"?o[r]={...a,...l}:r==="className"&&(o[r]=[a,l].filter(Boolean).join(" "))}return{...e,...o}}function Ho(e){var r,a;let t=(r=Object.getOwnPropertyDescriptor(e.props,"ref"))==null?void 0:r.get,o=t&&"isReactWarning"in t&&t.isReactWarning;return o?e.ref:(t=(a=Object.getOwnPropertyDescriptor(e,"ref"))==null?void 0:a.get,o=t&&"isReactWarning"in t&&t.isReactWarning,o?e.props.ref:e.props.ref||e.ref)}function $o(e){const t=e+"CollectionProvider",[o,r]=s.createContextScope(t),[a,l]=o(t,{collectionRef:{current:null},itemMap:new Map}),c=b=>{const{scope:x,children:j}=b,C=p.useRef(null),w=p.useRef(new Map).current;return n.jsx(a,{scope:x,itemMap:w,collectionRef:C,children:j})};c.displayName=t;const u=e+"CollectionSlot",d=tt(u),f=p.forwardRef((b,x)=>{const{scope:j,children:C}=b,w=l(u,j),N=s.useComposedRefs(x,w.collectionRef);return n.jsx(d,{ref:N,children:C})});f.displayName=u;const m=e+"CollectionItemSlot",g="data-radix-collection-item",v=tt(m),i=p.forwardRef((b,x)=>{const{scope:j,children:C,...w}=b,N=p.useRef(null),z=s.useComposedRefs(x,N),R=l(m,j);return p.useEffect(()=>(R.itemMap.set(N,{ref:N,...w}),()=>void R.itemMap.delete(N))),n.jsx(v,{[g]:"",ref:z,children:C})});i.displayName=m;function T(b){const x=l(e+"CollectionConsumer",b);return p.useCallback(()=>{const C=x.collectionRef.current;if(!C)return[];const w=Array.from(C.querySelectorAll(`[${g}]`));return Array.from(x.itemMap.values()).sort((R,k)=>w.indexOf(R.ref.current)-w.indexOf(k.ref.current))},[x.collectionRef,x.itemMap])}return[{Provider:c,Slot:f,ItemSlot:i},T,r]}var Ae="rovingFocusGroup.onEntryFocus",Fo={bubbles:!1,cancelable:!0},be="RovingFocusGroup",[Me,Nt,Vo]=$o(be),[Wo,Rt]=s.createContextScope(be,[Vo]),[Go,Yo]=Wo(be),Pt=h.forwardRef((e,t)=>n.jsx(Me.Provider,{scope:e.__scopeRovingFocusGroup,children:n.jsx(Me.Slot,{scope:e.__scopeRovingFocusGroup,children:n.jsx(Uo,{...e,ref:t})})}));Pt.displayName=be;var Uo=h.forwardRef((e,t)=>{const{__scopeRovingFocusGroup:o,orientation:r,loop:a=!1,dir:l,currentTabStopId:c,defaultCurrentTabStopId:u,onCurrentTabStopIdChange:d,onEntryFocus:f,preventScrollOnEntryFocus:m=!1,...g}=e,v=h.useRef(null),i=s.useComposedRefs(t,v),T=ze(l),[b,x]=s.useControllableState({prop:c,defaultProp:u??null,onChange:d,caller:be}),[j,C]=h.useState(!1),w=s.useCallbackRef(f),N=Nt(o),z=h.useRef(!1),[R,k]=h.useState(0);return h.useEffect(()=>{const D=v.current;if(D)return D.addEventListener(Ae,w),()=>D.removeEventListener(Ae,w)},[w]),n.jsx(Go,{scope:o,orientation:r,dir:T,loop:a,currentTabStopId:b,onItemFocus:h.useCallback(D=>x(D),[x]),onItemShiftTab:h.useCallback(()=>C(!0),[]),onFocusableItemAdd:h.useCallback(()=>k(D=>D+1),[]),onFocusableItemRemove:h.useCallback(()=>k(D=>D-1),[]),children:n.jsx(s.Primitive.div,{tabIndex:j||R===0?-1:0,"data-orientation":r,...g,ref:i,style:{outline:"none",...e.style},onMouseDown:s.composeEventHandlers(e.onMouseDown,()=>{z.current=!0}),onFocus:s.composeEventHandlers(e.onFocus,D=>{const P=!z.current;if(D.target===D.currentTarget&&P&&!j){const M=new CustomEvent(Ae,Fo);if(D.currentTarget.dispatchEvent(M),!M.defaultPrevented){const H=N().filter($=>$.focusable),E=H.find($=>$.active),ae=H.find($=>$.id===b),ee=[E,ae,...H].filter(Boolean).map($=>$.ref.current);Dt(ee,m)}}z.current=!1}),onBlur:s.composeEventHandlers(e.onBlur,()=>C(!1))})})}),kt="RovingFocusGroupItem",It=h.forwardRef((e,t)=>{const{__scopeRovingFocusGroup:o,focusable:r=!0,active:a=!1,tabStopId:l,children:c,...u}=e,d=s.useId(),f=l||d,m=Yo(kt,o),g=m.currentTabStopId===f,v=Nt(o),{onFocusableItemAdd:i,onFocusableItemRemove:T,currentTabStopId:b}=m;return h.useEffect(()=>{if(r)return i(),()=>T()},[r,i,T]),n.jsx(Me.ItemSlot,{scope:o,id:f,focusable:r,active:a,children:n.jsx(s.Primitive.span,{tabIndex:g?0:-1,"data-orientation":m.orientation,...u,ref:t,onMouseDown:s.composeEventHandlers(e.onMouseDown,x=>{r?m.onItemFocus(f):x.preventDefault()}),onFocus:s.composeEventHandlers(e.onFocus,()=>m.onItemFocus(f)),onKeyDown:s.composeEventHandlers(e.onKeyDown,x=>{if(x.key==="Tab"&&x.shiftKey){m.onItemShiftTab();return}if(x.target!==x.currentTarget)return;const j=Ko(x,m.orientation,m.dir);if(j!==void 0){if(x.metaKey||x.ctrlKey||x.altKey||x.shiftKey)return;x.preventDefault();let w=v().filter(N=>N.focusable).map(N=>N.ref.current);if(j==="last")w.reverse();else if(j==="prev"||j==="next"){j==="prev"&&w.reverse();const N=w.indexOf(x.currentTarget);w=m.loop?Zo(w,N+1):w.slice(N+1)}setTimeout(()=>Dt(w))}}),children:typeof c=="function"?c({isCurrentTabStop:g,hasTabStop:b!=null}):c})})});It.displayName=kt;var Xo={ArrowLeft:"prev",ArrowUp:"prev",ArrowRight:"next",ArrowDown:"next",PageUp:"first",Home:"first",PageDown:"last",End:"last"};function qo(e,t){return t!=="rtl"?e:e==="ArrowLeft"?"ArrowRight":e==="ArrowRight"?"ArrowLeft":e}function Ko(e,t,o){const r=qo(e.key,o);if(!(t==="vertical"&&["ArrowLeft","ArrowRight"].includes(r))&&!(t==="horizontal"&&["ArrowUp","ArrowDown"].includes(r)))return Xo[r]}function Dt(e,t=!1){const o=document.activeElement;for(const r of e)if(r===o||(r.focus({preventScroll:t}),document.activeElement!==o))return}function Zo(e,t){return e.map((o,r)=>e[(t+r)%e.length])}var Qo=Pt,Jo=It,At="Toggle",Ve=h.forwardRef((e,t)=>{const{pressed:o,defaultPressed:r,onPressedChange:a,...l}=e,[c,u]=s.useControllableState({prop:o,onChange:a,defaultProp:r??!1,caller:At});return n.jsx(s.Primitive.button,{type:"button","aria-pressed":c,"data-state":c?"on":"off","data-disabled":e.disabled?"":void 0,...l,ref:t,onClick:s.composeEventHandlers(e.onClick,()=>{e.disabled||u(!c)})})});Ve.displayName=At;var Mt=Ve,ne="ToggleGroup",[Lt]=s.createContextScope(ne,[Rt]),_t=Rt(),We=p.forwardRef((e,t)=>{const{type:o,...r}=e;if(o==="single"){const a=r;return n.jsx(er,{...a,ref:t})}if(o==="multiple"){const a=r;return n.jsx(tr,{...a,ref:t})}throw new Error(`Missing prop \`type\` expected on \`${ne}\``)});We.displayName=ne;var[zt,Ot]=Lt(ne),er=p.forwardRef((e,t)=>{const{value:o,defaultValue:r,onValueChange:a=()=>{},...l}=e,[c,u]=s.useControllableState({prop:o,defaultProp:r??"",onChange:a,caller:ne});return n.jsx(zt,{scope:e.__scopeToggleGroup,type:"single",value:p.useMemo(()=>c?[c]:[],[c]),onItemActivate:u,onItemDeactivate:p.useCallback(()=>u(""),[u]),children:n.jsx(Bt,{...l,ref:t})})}),tr=p.forwardRef((e,t)=>{const{value:o,defaultValue:r,onValueChange:a=()=>{},...l}=e,[c,u]=s.useControllableState({prop:o,defaultProp:r??[],onChange:a,caller:ne}),d=p.useCallback(m=>u((g=[])=>[...g,m]),[u]),f=p.useCallback(m=>u((g=[])=>g.filter(v=>v!==m)),[u]);return n.jsx(zt,{scope:e.__scopeToggleGroup,type:"multiple",value:c,onItemActivate:d,onItemDeactivate:f,children:n.jsx(Bt,{...l,ref:t})})});We.displayName=ne;var[or,rr]=Lt(ne),Bt=p.forwardRef((e,t)=>{const{__scopeToggleGroup:o,disabled:r=!1,rovingFocus:a=!0,orientation:l,dir:c,loop:u=!0,...d}=e,f=_t(o),m=ze(c),g={role:"group",dir:m,...d};return n.jsx(or,{scope:o,rovingFocus:a,disabled:r,children:a?n.jsx(Qo,{asChild:!0,...f,orientation:l,dir:m,loop:u,children:n.jsx(s.Primitive.div,{...g,ref:t})}):n.jsx(s.Primitive.div,{...g,ref:t})})}),je="ToggleGroupItem",Ht=p.forwardRef((e,t)=>{const o=Ot(je,e.__scopeToggleGroup),r=rr(je,e.__scopeToggleGroup),a=_t(e.__scopeToggleGroup),l=o.value.includes(e.value),c=r.disabled||e.disabled,u={...e,pressed:l,disabled:c},d=p.useRef(null);return r.rovingFocus?n.jsx(Jo,{asChild:!0,...a,focusable:!c,active:l,ref:d,children:n.jsx(ot,{...u,ref:t})}):n.jsx(ot,{...u,ref:t})});Ht.displayName=je;var ot=p.forwardRef((e,t)=>{const{__scopeToggleGroup:o,value:r,...a}=e,l=Ot(je,o),c={role:"radio","aria-checked":e.pressed,"aria-pressed":void 0},u=l.type==="single"?c:void 0;return n.jsx(Ve,{...u,...a,ref:t,onPressedChange:d=>{d?l.onItemActivate(r):l.onItemDeactivate(r)}})}),$t=We,Ft=Ht;const Vt=s.cva("inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground",{variants:{variant:{default:"bg-transparent",outline:"border border-input bg-transparent hover:bg-accent hover:text-accent-foreground"},size:{default:"h-10 px-3",sm:"h-9 px-2.5",lg:"h-11 px-5"}},defaultVariants:{variant:"default",size:"default"}}),nr=h.forwardRef(({className:e,variant:t,size:o,...r},a)=>n.jsx(Mt,{ref:a,className:s.cn(Vt({variant:t,size:o,className:e})),...r}));nr.displayName=Mt.displayName;const Wt=h.createContext({size:"default",variant:"default"}),Gt=h.forwardRef(({className:e,variant:t,size:o,children:r,...a},l)=>n.jsx($t,{ref:l,className:s.cn("flex items-center justify-center gap-1",e),...a,children:n.jsx(Wt.Provider,{value:{variant:t,size:o},children:r})}));Gt.displayName=$t.displayName;const Yt=h.forwardRef(({className:e,children:t,variant:o,size:r,...a},l)=>{const c=h.useContext(Wt);return n.jsx(Ft,{ref:l,className:s.cn(Vt({variant:c.variant||o,size:c.size||r}),e),...a,children:t})});Yt.displayName=Ft.displayName;var ar=e=>{switch(e){case"success":return lr;case"info":return dr;case"warning":return cr;case"error":return ur;default:return null}},sr=Array(12).fill(0),ir=({visible:e,className:t})=>p.createElement("div",{className:["sonner-loading-wrapper",t].filter(Boolean).join(" "),"data-visible":e},p.createElement("div",{className:"sonner-spinner"},sr.map((o,r)=>p.createElement("div",{className:"sonner-loading-bar",key:`spinner-bar-${r}`})))),lr=p.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",height:"20",width:"20"},p.createElement("path",{fillRule:"evenodd",d:"M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z",clipRule:"evenodd"})),cr=p.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",height:"20",width:"20"},p.createElement("path",{fillRule:"evenodd",d:"M9.401 3.003c1.155-2 4.043-2 5.197 0l7.355 12.748c1.154 2-.29 4.5-2.599 4.5H4.645c-2.309 0-3.752-2.5-2.598-4.5L9.4 3.003zM12 8.25a.75.75 0 01.75.75v3.75a.75.75 0 01-1.5 0V9a.75.75 0 01.75-.75zm0 8.25a.75.75 0 100-1.5.75.75 0 000 1.5z",clipRule:"evenodd"})),dr=p.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",height:"20",width:"20"},p.createElement("path",{fillRule:"evenodd",d:"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a.75.75 0 000 1.5h.253a.25.25 0 01.244.304l-.459 2.066A1.75 1.75 0 0010.747 15H11a.75.75 0 000-1.5h-.253a.25.25 0 01-.244-.304l.459-2.066A1.75 1.75 0 009.253 9H9z",clipRule:"evenodd"})),ur=p.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",height:"20",width:"20"},p.createElement("path",{fillRule:"evenodd",d:"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-5a.75.75 0 01.75.75v4.5a.75.75 0 01-1.5 0v-4.5A.75.75 0 0110 5zm0 10a1 1 0 100-2 1 1 0 000 2z",clipRule:"evenodd"})),fr=p.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"},p.createElement("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),p.createElement("line",{x1:"6",y1:"6",x2:"18",y2:"18"})),mr=()=>{let[e,t]=p.useState(document.hidden);return p.useEffect(()=>{let o=()=>{t(document.hidden)};return document.addEventListener("visibilitychange",o),()=>window.removeEventListener("visibilitychange",o)},[]),e},Le=1,pr=class{constructor(){this.subscribe=e=>(this.subscribers.push(e),()=>{let t=this.subscribers.indexOf(e);this.subscribers.splice(t,1)}),this.publish=e=>{this.subscribers.forEach(t=>t(e))},this.addToast=e=>{this.publish(e),this.toasts=[...this.toasts,e]},this.create=e=>{var t;let{message:o,...r}=e,a=typeof(e==null?void 0:e.id)=="number"||((t=e.id)==null?void 0:t.length)>0?e.id:Le++,l=this.toasts.find(u=>u.id===a),c=e.dismissible===void 0?!0:e.dismissible;return this.dismissedToasts.has(a)&&this.dismissedToasts.delete(a),l?this.toasts=this.toasts.map(u=>u.id===a?(this.publish({...u,...e,id:a,title:o}),{...u,...e,id:a,dismissible:c,title:o}):u):this.addToast({title:o,...r,dismissible:c,id:a}),a},this.dismiss=e=>(this.dismissedToasts.add(e),e||this.toasts.forEach(t=>{this.subscribers.forEach(o=>o({id:t.id,dismiss:!0}))}),this.subscribers.forEach(t=>t({id:e,dismiss:!0})),e),this.message=(e,t)=>this.create({...t,message:e}),this.error=(e,t)=>this.create({...t,message:e,type:"error"}),this.success=(e,t)=>this.create({...t,type:"success",message:e}),this.info=(e,t)=>this.create({...t,type:"info",message:e}),this.warning=(e,t)=>this.create({...t,type:"warning",message:e}),this.loading=(e,t)=>this.create({...t,type:"loading",message:e}),this.promise=(e,t)=>{if(!t)return;let o;t.loading!==void 0&&(o=this.create({...t,promise:e,type:"loading",message:t.loading,description:typeof t.description!="function"?t.description:void 0}));let r=e instanceof Promise?e:e(),a=o!==void 0,l,c=r.then(async d=>{if(l=["resolve",d],p.isValidElement(d))a=!1,this.create({id:o,type:"default",message:d});else if(gr(d)&&!d.ok){a=!1;let f=typeof t.error=="function"?await t.error(`HTTP error! status: ${d.status}`):t.error,m=typeof t.description=="function"?await t.description(`HTTP error! status: ${d.status}`):t.description;this.create({id:o,type:"error",message:f,description:m})}else if(t.success!==void 0){a=!1;let f=typeof t.success=="function"?await t.success(d):t.success,m=typeof t.description=="function"?await t.description(d):t.description;this.create({id:o,type:"success",message:f,description:m})}}).catch(async d=>{if(l=["reject",d],t.error!==void 0){a=!1;let f=typeof t.error=="function"?await t.error(d):t.error,m=typeof t.description=="function"?await t.description(d):t.description;this.create({id:o,type:"error",message:f,description:m})}}).finally(()=>{var d;a&&(this.dismiss(o),o=void 0),(d=t.finally)==null||d.call(t)}),u=()=>new Promise((d,f)=>c.then(()=>l[0]==="reject"?f(l[1]):d(l[1])).catch(f));return typeof o!="string"&&typeof o!="number"?{unwrap:u}:Object.assign(o,{unwrap:u})},this.custom=(e,t)=>{let o=(t==null?void 0:t.id)||Le++;return this.create({jsx:e(o),id:o,...t}),o},this.getActiveToasts=()=>this.toasts.filter(e=>!this.dismissedToasts.has(e.id)),this.subscribers=[],this.toasts=[],this.dismissedToasts=new Set}},W=new pr,hr=(e,t)=>{let o=(t==null?void 0:t.id)||Le++;return W.addToast({title:e,...t,id:o}),o},gr=e=>e&&typeof e=="object"&&"ok"in e&&typeof e.ok=="boolean"&&"status"in e&&typeof e.status=="number",vr=hr,br=()=>W.toasts,xr=()=>W.getActiveToasts(),yr=Object.assign(vr,{success:W.success,info:W.info,warning:W.warning,error:W.error,custom:W.custom,message:W.message,promise:W.promise,dismiss:W.dismiss,loading:W.loading},{getHistory:br,getToasts:xr});function wr(e,{insertAt:t}={}){if(typeof document>"u")return;let o=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css",t==="top"&&o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.styleSheet?r.styleSheet.cssText=e:r.appendChild(document.createTextNode(e))}wr(`:where(html[dir="ltr"]),:where([data-sonner-toaster][dir="ltr"]){--toast-icon-margin-start: -3px;--toast-icon-margin-end: 4px;--toast-svg-margin-start: -1px;--toast-svg-margin-end: 0px;--toast-button-margin-start: auto;--toast-button-margin-end: 0;--toast-close-button-start: 0;--toast-close-button-end: unset;--toast-close-button-transform: translate(-35%, -35%)}:where(html[dir="rtl"]),:where([data-sonner-toaster][dir="rtl"]){--toast-icon-margin-start: 4px;--toast-icon-margin-end: -3px;--toast-svg-margin-start: 0px;--toast-svg-margin-end: -1px;--toast-button-margin-start: 0;--toast-button-margin-end: auto;--toast-close-button-start: unset;--toast-close-button-end: 0;--toast-close-button-transform: translate(35%, -35%)}:where([data-sonner-toaster]){position:fixed;width:var(--width);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;--gray1: hsl(0, 0%, 99%);--gray2: hsl(0, 0%, 97.3%);--gray3: hsl(0, 0%, 95.1%);--gray4: hsl(0, 0%, 93%);--gray5: hsl(0, 0%, 90.9%);--gray6: hsl(0, 0%, 88.7%);--gray7: hsl(0, 0%, 85.8%);--gray8: hsl(0, 0%, 78%);--gray9: hsl(0, 0%, 56.1%);--gray10: hsl(0, 0%, 52.3%);--gray11: hsl(0, 0%, 43.5%);--gray12: hsl(0, 0%, 9%);--border-radius: 8px;box-sizing:border-box;padding:0;margin:0;list-style:none;outline:none;z-index:999999999;transition:transform .4s ease}:where([data-sonner-toaster][data-lifted="true"]){transform:translateY(-10px)}@media (hover: none) and (pointer: coarse){:where([data-sonner-toaster][data-lifted="true"]){transform:none}}:where([data-sonner-toaster][data-x-position="right"]){right:var(--offset-right)}:where([data-sonner-toaster][data-x-position="left"]){left:var(--offset-left)}:where([data-sonner-toaster][data-x-position="center"]){left:50%;transform:translate(-50%)}:where([data-sonner-toaster][data-y-position="top"]){top:var(--offset-top)}:where([data-sonner-toaster][data-y-position="bottom"]){bottom:var(--offset-bottom)}:where([data-sonner-toast]){--y: translateY(100%);--lift-amount: calc(var(--lift) * var(--gap));z-index:var(--z-index);position:absolute;opacity:0;transform:var(--y);filter:blur(0);touch-action:none;transition:transform .4s,opacity .4s,height .4s,box-shadow .2s;box-sizing:border-box;outline:none;overflow-wrap:anywhere}:where([data-sonner-toast][data-styled="true"]){padding:16px;background:var(--normal-bg);border:1px solid var(--normal-border);color:var(--normal-text);border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a;width:var(--width);font-size:13px;display:flex;align-items:center;gap:6px}:where([data-sonner-toast]:focus-visible){box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}:where([data-sonner-toast][data-y-position="top"]){top:0;--y: translateY(-100%);--lift: 1;--lift-amount: calc(1 * var(--gap))}:where([data-sonner-toast][data-y-position="bottom"]){bottom:0;--y: translateY(100%);--lift: -1;--lift-amount: calc(var(--lift) * var(--gap))}:where([data-sonner-toast]) :where([data-description]){font-weight:400;line-height:1.4;color:inherit}:where([data-sonner-toast]) :where([data-title]){font-weight:500;line-height:1.5;color:inherit}:where([data-sonner-toast]) :where([data-icon]){display:flex;height:16px;width:16px;position:relative;justify-content:flex-start;align-items:center;flex-shrink:0;margin-left:var(--toast-icon-margin-start);margin-right:var(--toast-icon-margin-end)}:where([data-sonner-toast][data-promise="true"]) :where([data-icon])>svg{opacity:0;transform:scale(.8);transform-origin:center;animation:sonner-fade-in .3s ease forwards}:where([data-sonner-toast]) :where([data-icon])>*{flex-shrink:0}:where([data-sonner-toast]) :where([data-icon]) svg{margin-left:var(--toast-svg-margin-start);margin-right:var(--toast-svg-margin-end)}:where([data-sonner-toast]) :where([data-content]){display:flex;flex-direction:column;gap:2px}[data-sonner-toast][data-styled=true] [data-button]{border-radius:4px;padding-left:8px;padding-right:8px;height:24px;font-size:12px;color:var(--normal-bg);background:var(--normal-text);margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end);border:none;cursor:pointer;outline:none;display:flex;align-items:center;flex-shrink:0;transition:opacity .4s,box-shadow .2s}:where([data-sonner-toast]) :where([data-button]):focus-visible{box-shadow:0 0 0 2px #0006}:where([data-sonner-toast]) :where([data-button]):first-of-type{margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end)}:where([data-sonner-toast]) :where([data-cancel]){color:var(--normal-text);background:rgba(0,0,0,.08)}:where([data-sonner-toast][data-theme="dark"]) :where([data-cancel]){background:rgba(255,255,255,.3)}:where([data-sonner-toast]) :where([data-close-button]){position:absolute;left:var(--toast-close-button-start);right:var(--toast-close-button-end);top:0;height:20px;width:20px;display:flex;justify-content:center;align-items:center;padding:0;color:var(--gray12);border:1px solid var(--gray4);transform:var(--toast-close-button-transform);border-radius:50%;cursor:pointer;z-index:1;transition:opacity .1s,background .2s,border-color .2s}[data-sonner-toast] [data-close-button]{background:var(--gray1)}:where([data-sonner-toast]) :where([data-close-button]):focus-visible{box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}:where([data-sonner-toast]) :where([data-disabled="true"]){cursor:not-allowed}:where([data-sonner-toast]):hover :where([data-close-button]):hover{background:var(--gray2);border-color:var(--gray5)}:where([data-sonner-toast][data-swiping="true"]):before{content:"";position:absolute;left:-50%;right:-50%;height:100%;z-index:-1}:where([data-sonner-toast][data-y-position="top"][data-swiping="true"]):before{bottom:50%;transform:scaleY(3) translateY(50%)}:where([data-sonner-toast][data-y-position="bottom"][data-swiping="true"]):before{top:50%;transform:scaleY(3) translateY(-50%)}:where([data-sonner-toast][data-swiping="false"][data-removed="true"]):before{content:"";position:absolute;inset:0;transform:scaleY(2)}:where([data-sonner-toast]):after{content:"";position:absolute;left:0;height:calc(var(--gap) + 1px);bottom:100%;width:100%}:where([data-sonner-toast][data-mounted="true"]){--y: translateY(0);opacity:1}:where([data-sonner-toast][data-expanded="false"][data-front="false"]){--scale: var(--toasts-before) * .05 + 1;--y: translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--scale)));height:var(--front-toast-height)}:where([data-sonner-toast])>*{transition:opacity .4s}:where([data-sonner-toast][data-expanded="false"][data-front="false"][data-styled="true"])>*{opacity:0}:where([data-sonner-toast][data-visible="false"]){opacity:0;pointer-events:none}:where([data-sonner-toast][data-mounted="true"][data-expanded="true"]){--y: translateY(calc(var(--lift) * var(--offset)));height:var(--initial-height)}:where([data-sonner-toast][data-removed="true"][data-front="true"][data-swipe-out="false"]){--y: translateY(calc(var(--lift) * -100%));opacity:0}:where([data-sonner-toast][data-removed="true"][data-front="false"][data-swipe-out="false"][data-expanded="true"]){--y: translateY(calc(var(--lift) * var(--offset) + var(--lift) * -100%));opacity:0}:where([data-sonner-toast][data-removed="true"][data-front="false"][data-swipe-out="false"][data-expanded="false"]){--y: translateY(40%);opacity:0;transition:transform .5s,opacity .2s}:where([data-sonner-toast][data-removed="true"][data-front="false"]):before{height:calc(var(--initial-height) + 20%)}[data-sonner-toast][data-swiping=true]{transform:var(--y) translateY(var(--swipe-amount-y, 0px)) translate(var(--swipe-amount-x, 0px));transition:none}[data-sonner-toast][data-swiped=true]{user-select:none}[data-sonner-toast][data-swipe-out=true][data-y-position=bottom],[data-sonner-toast][data-swipe-out=true][data-y-position=top]{animation-duration:.2s;animation-timing-function:ease-out;animation-fill-mode:forwards}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=left]{animation-name:swipe-out-left}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=right]{animation-name:swipe-out-right}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=up]{animation-name:swipe-out-up}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=down]{animation-name:swipe-out-down}@keyframes swipe-out-left{0%{transform:var(--y) translate(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translate(calc(var(--swipe-amount-x) - 100%));opacity:0}}@keyframes swipe-out-right{0%{transform:var(--y) translate(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translate(calc(var(--swipe-amount-x) + 100%));opacity:0}}@keyframes swipe-out-up{0%{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) - 100%));opacity:0}}@keyframes swipe-out-down{0%{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) + 100%));opacity:0}}@media (max-width: 600px){[data-sonner-toaster]{position:fixed;right:var(--mobile-offset-right);left:var(--mobile-offset-left);width:100%}[data-sonner-toaster][dir=rtl]{left:calc(var(--mobile-offset-left) * -1)}[data-sonner-toaster] [data-sonner-toast]{left:0;right:0;width:calc(100% - var(--mobile-offset-left) * 2)}[data-sonner-toaster][data-x-position=left]{left:var(--mobile-offset-left)}[data-sonner-toaster][data-y-position=bottom]{bottom:var(--mobile-offset-bottom)}[data-sonner-toaster][data-y-position=top]{top:var(--mobile-offset-top)}[data-sonner-toaster][data-x-position=center]{left:var(--mobile-offset-left);right:var(--mobile-offset-right);transform:none}}[data-sonner-toaster][data-theme=light]{--normal-bg: #fff;--normal-border: var(--gray4);--normal-text: var(--gray12);--success-bg: hsl(143, 85%, 96%);--success-border: hsl(145, 92%, 91%);--success-text: hsl(140, 100%, 27%);--info-bg: hsl(208, 100%, 97%);--info-border: hsl(221, 91%, 91%);--info-text: hsl(210, 92%, 45%);--warning-bg: hsl(49, 100%, 97%);--warning-border: hsl(49, 91%, 91%);--warning-text: hsl(31, 92%, 45%);--error-bg: hsl(359, 100%, 97%);--error-border: hsl(359, 100%, 94%);--error-text: hsl(360, 100%, 45%)}[data-sonner-toaster][data-theme=light] [data-sonner-toast][data-invert=true]{--normal-bg: #000;--normal-border: hsl(0, 0%, 20%);--normal-text: var(--gray1)}[data-sonner-toaster][data-theme=dark] [data-sonner-toast][data-invert=true]{--normal-bg: #fff;--normal-border: var(--gray3);--normal-text: var(--gray12)}[data-sonner-toaster][data-theme=dark]{--normal-bg: #000;--normal-bg-hover: hsl(0, 0%, 12%);--normal-border: hsl(0, 0%, 20%);--normal-border-hover: hsl(0, 0%, 25%);--normal-text: var(--gray1);--success-bg: hsl(150, 100%, 6%);--success-border: hsl(147, 100%, 12%);--success-text: hsl(150, 86%, 65%);--info-bg: hsl(215, 100%, 6%);--info-border: hsl(223, 100%, 12%);--info-text: hsl(216, 87%, 65%);--warning-bg: hsl(64, 100%, 6%);--warning-border: hsl(60, 100%, 12%);--warning-text: hsl(46, 87%, 65%);--error-bg: hsl(358, 76%, 10%);--error-border: hsl(357, 89%, 16%);--error-text: hsl(358, 100%, 81%)}[data-sonner-toaster][data-theme=dark] [data-sonner-toast] [data-close-button]{background:var(--normal-bg);border-color:var(--normal-border);color:var(--normal-text)}[data-sonner-toaster][data-theme=dark] [data-sonner-toast] [data-close-button]:hover{background:var(--normal-bg-hover);border-color:var(--normal-border-hover)}[data-rich-colors=true][data-sonner-toast][data-type=success],[data-rich-colors=true][data-sonner-toast][data-type=success] [data-close-button]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}[data-rich-colors=true][data-sonner-toast][data-type=info],[data-rich-colors=true][data-sonner-toast][data-type=info] [data-close-button]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}[data-rich-colors=true][data-sonner-toast][data-type=warning],[data-rich-colors=true][data-sonner-toast][data-type=warning] [data-close-button]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}[data-rich-colors=true][data-sonner-toast][data-type=error],[data-rich-colors=true][data-sonner-toast][data-type=error] [data-close-button]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.sonner-loading-wrapper{--size: 16px;height:var(--size);width:var(--size);position:absolute;inset:0;z-index:10}.sonner-loading-wrapper[data-visible=false]{transform-origin:center;animation:sonner-fade-out .2s ease forwards}.sonner-spinner{position:relative;top:50%;left:50%;height:var(--size);width:var(--size)}.sonner-loading-bar{animation:sonner-spin 1.2s linear infinite;background:var(--gray11);border-radius:6px;height:8%;left:-10%;position:absolute;top:-3.9%;width:24%}.sonner-loading-bar:nth-child(1){animation-delay:-1.2s;transform:rotate(.0001deg) translate(146%)}.sonner-loading-bar:nth-child(2){animation-delay:-1.1s;transform:rotate(30deg) translate(146%)}.sonner-loading-bar:nth-child(3){animation-delay:-1s;transform:rotate(60deg) translate(146%)}.sonner-loading-bar:nth-child(4){animation-delay:-.9s;transform:rotate(90deg) translate(146%)}.sonner-loading-bar:nth-child(5){animation-delay:-.8s;transform:rotate(120deg) translate(146%)}.sonner-loading-bar:nth-child(6){animation-delay:-.7s;transform:rotate(150deg) translate(146%)}.sonner-loading-bar:nth-child(7){animation-delay:-.6s;transform:rotate(180deg) translate(146%)}.sonner-loading-bar:nth-child(8){animation-delay:-.5s;transform:rotate(210deg) translate(146%)}.sonner-loading-bar:nth-child(9){animation-delay:-.4s;transform:rotate(240deg) translate(146%)}.sonner-loading-bar:nth-child(10){animation-delay:-.3s;transform:rotate(270deg) translate(146%)}.sonner-loading-bar:nth-child(11){animation-delay:-.2s;transform:rotate(300deg) translate(146%)}.sonner-loading-bar:nth-child(12){animation-delay:-.1s;transform:rotate(330deg) translate(146%)}@keyframes sonner-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes sonner-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes sonner-spin{0%{opacity:1}to{opacity:.15}}@media (prefers-reduced-motion){[data-sonner-toast],[data-sonner-toast]>*,.sonner-loading-bar{transition:none!important;animation:none!important}}.sonner-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:center;transition:opacity .2s,transform .2s}.sonner-loader[data-visible=false]{opacity:0;transform:scale(.8) translate(-50%,-50%)}
+`);function we(e){return e.label!==void 0}var Sr=3,Cr="32px",jr="16px",rt=4e3,Er=356,Tr=14,Nr=20,Rr=200;function Q(...e){return e.filter(Boolean).join(" ")}function Pr(e){let[t,o]=e.split("-"),r=[];return t&&r.push(t),o&&r.push(o),r}var kr=e=>{var t,o,r,a,l,c,u,d,f,m,g;let{invert:v,toast:i,unstyled:T,interacting:b,setHeights:x,visibleToasts:j,heights:C,index:w,toasts:N,expanded:z,removeToast:R,defaultRichColors:k,closeButton:D,style:P,cancelButtonStyle:M,actionButtonStyle:H,className:E="",descriptionClassName:ae="",duration:F,position:ee,gap:$,loadingIcon:X,expandByDefault:se,classNames:S,icons:G,closeButtonAriaLabel:Ne="Close toast",pauseWhenPageIsHidden:A}=e,[L,O]=p.useState(null),[V,ce]=p.useState(null),[B,Re]=p.useState(!1),[he,xe]=p.useState(!1),[ge,Pe]=p.useState(!1),[Ye,qt]=p.useState(!1),[Kt,Ue]=p.useState(!1),[Zt,ke]=p.useState(0),[Qt,Xe]=p.useState(0),ve=p.useRef(i.duration||F||rt),qe=p.useRef(null),ie=p.useRef(null),Jt=w===0,eo=w+1<=j,Y=i.type,de=i.dismissible!==!1,to=i.className||"",oo=i.descriptionClassName||"",ye=p.useMemo(()=>C.findIndex(y=>y.toastId===i.id)||0,[C,i.id]),ro=p.useMemo(()=>{var y;return(y=i.closeButton)!=null?y:D},[i.closeButton,D]),Ke=p.useMemo(()=>i.duration||F||rt,[i.duration,F]),Ie=p.useRef(0),ue=p.useRef(0),Ze=p.useRef(0),fe=p.useRef(null),[no,ao]=ee.split("-"),Qe=p.useMemo(()=>C.reduce((y,I,_)=>_>=ye?y:y+I.height,0),[C,ye]),Je=mr(),so=i.invert||v,De=Y==="loading";ue.current=p.useMemo(()=>ye*$+Qe,[ye,Qe]),p.useEffect(()=>{ve.current=Ke},[Ke]),p.useEffect(()=>{Re(!0)},[]),p.useEffect(()=>{let y=ie.current;if(y){let I=y.getBoundingClientRect().height;return Xe(I),x(_=>[{toastId:i.id,height:I,position:i.position},..._]),()=>x(_=>_.filter(q=>q.toastId!==i.id))}},[x,i.id]),p.useLayoutEffect(()=>{if(!B)return;let y=ie.current,I=y.style.height;y.style.height="auto";let _=y.getBoundingClientRect().height;y.style.height=I,Xe(_),x(q=>q.find(K=>K.toastId===i.id)?q.map(K=>K.toastId===i.id?{...K,height:_}:K):[{toastId:i.id,height:_,position:i.position},...q])},[B,i.title,i.description,x,i.id]);let te=p.useCallback(()=>{xe(!0),ke(ue.current),x(y=>y.filter(I=>I.toastId!==i.id)),setTimeout(()=>{R(i)},Rr)},[i,R,x,ue]);p.useEffect(()=>{if(i.promise&&Y==="loading"||i.duration===1/0||i.type==="loading")return;let y;return z||b||A&&Je?(()=>{if(Ze.current<Ie.current){let I=new Date().getTime()-Ie.current;ve.current=ve.current-I}Ze.current=new Date().getTime()})():ve.current!==1/0&&(Ie.current=new Date().getTime(),y=setTimeout(()=>{var I;(I=i.onAutoClose)==null||I.call(i,i),te()},ve.current)),()=>clearTimeout(y)},[z,b,i,Y,A,Je,te]),p.useEffect(()=>{i.delete&&te()},[te,i.delete]);function io(){var y,I,_;return G!=null&&G.loading?p.createElement("div",{className:Q(S==null?void 0:S.loader,(y=i==null?void 0:i.classNames)==null?void 0:y.loader,"sonner-loader"),"data-visible":Y==="loading"},G.loading):X?p.createElement("div",{className:Q(S==null?void 0:S.loader,(I=i==null?void 0:i.classNames)==null?void 0:I.loader,"sonner-loader"),"data-visible":Y==="loading"},X):p.createElement(ir,{className:Q(S==null?void 0:S.loader,(_=i==null?void 0:i.classNames)==null?void 0:_.loader),visible:Y==="loading"})}return p.createElement("li",{tabIndex:0,ref:ie,className:Q(E,to,S==null?void 0:S.toast,(t=i==null?void 0:i.classNames)==null?void 0:t.toast,S==null?void 0:S.default,S==null?void 0:S[Y],(o=i==null?void 0:i.classNames)==null?void 0:o[Y]),"data-sonner-toast":"","data-rich-colors":(r=i.richColors)!=null?r:k,"data-styled":!(i.jsx||i.unstyled||T),"data-mounted":B,"data-promise":!!i.promise,"data-swiped":Kt,"data-removed":he,"data-visible":eo,"data-y-position":no,"data-x-position":ao,"data-index":w,"data-front":Jt,"data-swiping":ge,"data-dismissible":de,"data-type":Y,"data-invert":so,"data-swipe-out":Ye,"data-swipe-direction":V,"data-expanded":!!(z||se&&B),style:{"--index":w,"--toasts-before":w,"--z-index":N.length-w,"--offset":`${he?Zt:ue.current}px`,"--initial-height":se?"auto":`${Qt}px`,...P,...i.style},onDragEnd:()=>{Pe(!1),O(null),fe.current=null},onPointerDown:y=>{De||!de||(qe.current=new Date,ke(ue.current),y.target.setPointerCapture(y.pointerId),y.target.tagName!=="BUTTON"&&(Pe(!0),fe.current={x:y.clientX,y:y.clientY}))},onPointerUp:()=>{var y,I,_,q;if(Ye||!de)return;fe.current=null;let K=Number(((y=ie.current)==null?void 0:y.style.getPropertyValue("--swipe-amount-x").replace("px",""))||0),oe=Number(((I=ie.current)==null?void 0:I.style.getPropertyValue("--swipe-amount-y").replace("px",""))||0),le=new Date().getTime()-((_=qe.current)==null?void 0:_.getTime()),Z=L==="x"?K:oe,re=Math.abs(Z)/le;if(Math.abs(Z)>=Nr||re>.11){ke(ue.current),(q=i.onDismiss)==null||q.call(i,i),ce(L==="x"?K>0?"right":"left":oe>0?"down":"up"),te(),qt(!0),Ue(!1);return}Pe(!1),O(null)},onPointerMove:y=>{var I,_,q,K;if(!fe.current||!de||((I=window.getSelection())==null?void 0:I.toString().length)>0)return;let oe=y.clientY-fe.current.y,le=y.clientX-fe.current.x,Z=(_=e.swipeDirections)!=null?_:Pr(ee);!L&&(Math.abs(le)>1||Math.abs(oe)>1)&&O(Math.abs(le)>Math.abs(oe)?"x":"y");let re={x:0,y:0};L==="y"?(Z.includes("top")||Z.includes("bottom"))&&(Z.includes("top")&&oe<0||Z.includes("bottom")&&oe>0)&&(re.y=oe):L==="x"&&(Z.includes("left")||Z.includes("right"))&&(Z.includes("left")&&le<0||Z.includes("right")&&le>0)&&(re.x=le),(Math.abs(re.x)>0||Math.abs(re.y)>0)&&Ue(!0),(q=ie.current)==null||q.style.setProperty("--swipe-amount-x",`${re.x}px`),(K=ie.current)==null||K.style.setProperty("--swipe-amount-y",`${re.y}px`)}},ro&&!i.jsx?p.createElement("button",{"aria-label":Ne,"data-disabled":De,"data-close-button":!0,onClick:De||!de?()=>{}:()=>{var y;te(),(y=i.onDismiss)==null||y.call(i,i)},className:Q(S==null?void 0:S.closeButton,(a=i==null?void 0:i.classNames)==null?void 0:a.closeButton)},(l=G==null?void 0:G.close)!=null?l:fr):null,i.jsx||p.isValidElement(i.title)?i.jsx?i.jsx:typeof i.title=="function"?i.title():i.title:p.createElement(p.Fragment,null,Y||i.icon||i.promise?p.createElement("div",{"data-icon":"",className:Q(S==null?void 0:S.icon,(c=i==null?void 0:i.classNames)==null?void 0:c.icon)},i.promise||i.type==="loading"&&!i.icon?i.icon||io():null,i.type!=="loading"?i.icon||(G==null?void 0:G[Y])||ar(Y):null):null,p.createElement("div",{"data-content":"",className:Q(S==null?void 0:S.content,(u=i==null?void 0:i.classNames)==null?void 0:u.content)},p.createElement("div",{"data-title":"",className:Q(S==null?void 0:S.title,(d=i==null?void 0:i.classNames)==null?void 0:d.title)},typeof i.title=="function"?i.title():i.title),i.description?p.createElement("div",{"data-description":"",className:Q(ae,oo,S==null?void 0:S.description,(f=i==null?void 0:i.classNames)==null?void 0:f.description)},typeof i.description=="function"?i.description():i.description):null),p.isValidElement(i.cancel)?i.cancel:i.cancel&&we(i.cancel)?p.createElement("button",{"data-button":!0,"data-cancel":!0,style:i.cancelButtonStyle||M,onClick:y=>{var I,_;we(i.cancel)&&de&&((_=(I=i.cancel).onClick)==null||_.call(I,y),te())},className:Q(S==null?void 0:S.cancelButton,(m=i==null?void 0:i.classNames)==null?void 0:m.cancelButton)},i.cancel.label):null,p.isValidElement(i.action)?i.action:i.action&&we(i.action)?p.createElement("button",{"data-button":!0,"data-action":!0,style:i.actionButtonStyle||H,onClick:y=>{var I,_;we(i.action)&&((_=(I=i.action).onClick)==null||_.call(I,y),!y.defaultPrevented&&te())},className:Q(S==null?void 0:S.actionButton,(g=i==null?void 0:i.classNames)==null?void 0:g.actionButton)},i.action.label):null))};function nt(){if(typeof window>"u"||typeof document>"u")return"ltr";let e=document.documentElement.getAttribute("dir");return e==="auto"||!e?window.getComputedStyle(document.documentElement).direction:e}function Ir(e,t){let o={};return[e,t].forEach((r,a)=>{let l=a===1,c=l?"--mobile-offset":"--offset",u=l?jr:Cr;function d(f){["top","right","bottom","left"].forEach(m=>{o[`${c}-${m}`]=typeof f=="number"?`${f}px`:f})}typeof r=="number"||typeof r=="string"?d(r):typeof r=="object"?["top","right","bottom","left"].forEach(f=>{r[f]===void 0?o[`${c}-${f}`]=u:o[`${c}-${f}`]=typeof r[f]=="number"?`${r[f]}px`:r[f]}):d(u)}),o}p.forwardRef(function(e,t){let{invert:o,position:r="bottom-right",hotkey:a=["altKey","KeyT"],expand:l,closeButton:c,className:u,offset:d,mobileOffset:f,theme:m="light",richColors:g,duration:v,style:i,visibleToasts:T=Sr,toastOptions:b,dir:x=nt(),gap:j=Tr,loadingIcon:C,icons:w,containerAriaLabel:N="Notifications",pauseWhenPageIsHidden:z}=e,[R,k]=p.useState([]),D=p.useMemo(()=>Array.from(new Set([r].concat(R.filter(A=>A.position).map(A=>A.position)))),[R,r]),[P,M]=p.useState([]),[H,E]=p.useState(!1),[ae,F]=p.useState(!1),[ee,$]=p.useState(m!=="system"?m:typeof window<"u"&&window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"),X=p.useRef(null),se=a.join("+").replace(/Key/g,"").replace(/Digit/g,""),S=p.useRef(null),G=p.useRef(!1),Ne=p.useCallback(A=>{k(L=>{var O;return(O=L.find(V=>V.id===A.id))!=null&&O.delete||W.dismiss(A.id),L.filter(({id:V})=>V!==A.id)})},[]);return p.useEffect(()=>W.subscribe(A=>{if(A.dismiss){k(L=>L.map(O=>O.id===A.id?{...O,delete:!0}:O));return}setTimeout(()=>{lo.flushSync(()=>{k(L=>{let O=L.findIndex(V=>V.id===A.id);return O!==-1?[...L.slice(0,O),{...L[O],...A},...L.slice(O+1)]:[A,...L]})})})}),[]),p.useEffect(()=>{if(m!=="system"){$(m);return}if(m==="system"&&(window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches?$("dark"):$("light")),typeof window>"u")return;let A=window.matchMedia("(prefers-color-scheme: dark)");try{A.addEventListener("change",({matches:L})=>{$(L?"dark":"light")})}catch{A.addListener(({matches:O})=>{try{$(O?"dark":"light")}catch(V){console.error(V)}})}},[m]),p.useEffect(()=>{R.length<=1&&E(!1)},[R]),p.useEffect(()=>{let A=L=>{var O,V;a.every(ce=>L[ce]||L.code===ce)&&(E(!0),(O=X.current)==null||O.focus()),L.code==="Escape"&&(document.activeElement===X.current||(V=X.current)!=null&&V.contains(document.activeElement))&&E(!1)};return document.addEventListener("keydown",A),()=>document.removeEventListener("keydown",A)},[a]),p.useEffect(()=>{if(X.current)return()=>{S.current&&(S.current.focus({preventScroll:!0}),S.current=null,G.current=!1)}},[X.current]),p.createElement("section",{ref:t,"aria-label":`${N} ${se}`,tabIndex:-1,"aria-live":"polite","aria-relevant":"additions text","aria-atomic":"false",suppressHydrationWarning:!0},D.map((A,L)=>{var O;let[V,ce]=A.split("-");return R.length?p.createElement("ol",{key:A,dir:x==="auto"?nt():x,tabIndex:-1,ref:X,className:u,"data-sonner-toaster":!0,"data-theme":ee,"data-y-position":V,"data-lifted":H&&R.length>1&&!l,"data-x-position":ce,style:{"--front-toast-height":`${((O=P[0])==null?void 0:O.height)||0}px`,"--width":`${Er}px`,"--gap":`${j}px`,...i,...Ir(d,f)},onBlur:B=>{G.current&&!B.currentTarget.contains(B.relatedTarget)&&(G.current=!1,S.current&&(S.current.focus({preventScroll:!0}),S.current=null))},onFocus:B=>{B.target instanceof HTMLElement&&B.target.dataset.dismissible==="false"||G.current||(G.current=!0,S.current=B.relatedTarget)},onMouseEnter:()=>E(!0),onMouseMove:()=>E(!0),onMouseLeave:()=>{ae||E(!1)},onDragEnd:()=>E(!1),onPointerDown:B=>{B.target instanceof HTMLElement&&B.target.dataset.dismissible==="false"||F(!0)},onPointerUp:()=>F(!1)},R.filter(B=>!B.position&&L===0||B.position===A).map((B,Re)=>{var he,xe;return p.createElement(kr,{key:B.id,icons:w,index:Re,toast:B,defaultRichColors:g,duration:(he=b==null?void 0:b.duration)!=null?he:v,className:b==null?void 0:b.className,descriptionClassName:b==null?void 0:b.descriptionClassName,invert:o,visibleToasts:T,closeButton:(xe=b==null?void 0:b.closeButton)!=null?xe:c,interacting:ae,position:A,style:b==null?void 0:b.style,unstyled:b==null?void 0:b.unstyled,classNames:b==null?void 0:b.classNames,cancelButtonStyle:b==null?void 0:b.cancelButtonStyle,actionButtonStyle:b==null?void 0:b.actionButtonStyle,removeToast:Ne,toasts:R.filter(ge=>ge.position==B.position),heights:P.filter(ge=>ge.position==B.position),setHeights:M,expandByDefault:l,gap:j,loadingIcon:C,expanded:H,pauseWhenPageIsHidden:z,swipeDirections:e.swipeDirections})})):null}))});const Ut={mobile:{width:375,icon:s.Smartphone,label:"Mobile (375px)"},tablet:{width:768,icon:s.Tablet,label:"Tablet (768px)"},small:{width:1024,icon:s.Monitor,label:"Small Desktop (1024px)"},desktop:{width:"100%",icon:s.Tv,label:"Desktop (Full)"}},Dr=({onSave:e,deviceSize:t,onDeviceSizeChange:o})=>{const{actions:r,query:a,canUndo:l,canRedo:c}=s.Pe((d,f)=>({canUndo:f.history.canUndo(),canRedo:f.history.canRedo()})),u=()=>{const d=a.serialize();e==null||e(d),yr.success("Page saved successfully")};return n.jsxs("div",{className:"flex items-center gap-4",children:[n.jsx(s.TooltipProvider,{children:n.jsx(Gt,{type:"single",value:t,onValueChange:d=>d&&o(d),className:"bg-muted rounded-md p-1",children:Object.entries(Ut).map(([d,{icon:f,label:m}])=>n.jsxs(s.Tooltip,{children:[n.jsx(s.TooltipTrigger,{asChild:!0,children:n.jsx(Yt,{value:d,size:"sm",className:"data-[state=on]:bg-background data-[state=on]:shadow-sm",children:n.jsx(f,{className:"h-4 w-4"})})}),n.jsx(s.TooltipContent,{side:"bottom",children:n.jsx("p",{children:m})})]},d))})}),n.jsx("div",{className:"h-6 w-px bg-border"}),n.jsxs("div",{className:"flex items-center gap-2",children:[n.jsx(s.Button,{variant:"outline",size:"sm",onClick:()=>r.history.undo(),disabled:!l,children:n.jsx(ho,{className:"h-4 w-4"})}),n.jsx(s.Button,{variant:"outline",size:"sm",onClick:()=>r.history.redo(),disabled:!c,children:n.jsx(fo,{className:"h-4 w-4"})}),n.jsxs(s.Button,{size:"sm",onClick:u,children:[n.jsx(mo,{className:"h-4 w-4 mr-2"}),"Save"]})]})]})},Ge=({children:e,className:t})=>{const{connectors:{connect:o,drag:r},selected:a}=s.Ne(l=>({selected:l.events.selected}));return n.jsx("div",{ref:l=>{l&&o(r(l))},className:s.clsx("relative min-h-[100vh] bg-white",t||""),children:e})};Ge.craft={props:{},displayName:"Body",isCanvas:!0,rules:{canMoveIn:e=>e.every(t=>t.data.displayName!=="Body")}};const Ar=({htmlJson:e})=>{const{actions:t}=s.Pe();return p.useEffect(()=>{e&&t.deserialize(e)},[e]),n.jsx(s.De,{children:n.jsx(s.ke,{id:"mainBody",is:Ge,canvas:!0})})},Xt=({background:e="transparent",padding:t={top:16,right:16,bottom:16,left:16},margin:o={top:0,right:0,bottom:0,left:0},width:r="auto",minHeight:a=100,maxWidth:l="none",display:c="block",flexDirection:u="column",justifyContent:d="flex-start",alignItems:f="stretch",gap:m=0,borderRadius:g=8,borderWidth:v=1,borderColor:i="transparent",borderStyle:T="dashed",boxShadow:b="none",children:x})=>{const{connectors:{connect:j,drag:C},isActive:w}=s.Ne(k=>({isActive:k.events.selected})),N=typeof t=="object"?`${t.top}px ${t.right}px ${t.bottom}px ${t.left}px`:`${t}px`,z=typeof o=="object"?`${o.top}px ${o.right}px ${o.bottom}px ${o.left}px`:`${o}px`,R=[{url:"https://myracereel.com/privacy-data-privacy",name:"Privacy & Data Policy"},{url:"https://myracereel.com/terms-of-service",name:"Terms of Service"},{url:"https://myracereel.com/faq",name:"FAQ"},{url:"https://myracereel.com/contact",name:"Contact Us"}];return n.jsx(s.Wrapper,{style:{backgroundColor:e,padding:N,margin:z,width:r==="auto"?"100%":r,minHeight:`${a}px`,maxWidth:l==="none"?"none":`${l}px`,display:c,flexDirection:c==="flex"?u:void 0,justifyContent:c==="flex"?d:void 0,alignItems:c==="flex"?f:void 0,gap:c==="flex"?`${m}px`:void 0,borderRadius:`${g}px`,borderWidth:`${v}px`,borderColor:i,borderStyle:T,boxShadow:b==="none"?"none":b},className:"bg-black",ref:k=>k&&j(C(k)),children:n.jsx("div",{className:"flex justify-center w-full",children:n.jsxs("div",{className:"w-full flex flex-col py-10 gap-y-3.5 ",children:[n.jsx("div",{className:"flex w-full gap-x-1 justify-center items-center",children:n.jsx("div",{className:"text-white text-sm",children:"Powered by MyRaceReel"})}),n.jsx("div",{className:"flex @md:flex-row @max-md:flex-col md:flex-row justify-center items-center gap-x-6 gap-y-2 w-full flex-col",children:R.map(k=>n.jsx("a",{className:"text-white",href:k.url,target:"_blank",children:k.name},k.name))})]})})})};Xt.craft={displayName:"Footer",props:{background:"transparent",padding:{top:16,right:16,bottom:16,left:16},margin:{top:0,right:0,bottom:0,left:0},width:"auto",minHeight:100,maxWidth:"none",display:"block",flexDirection:"column",justifyContent:"flex-start",alignItems:"stretch",gap:0,borderRadius:8,borderWidth:1,borderColor:"transparent",borderStyle:"dashed",boxShadow:"none"},related:{settings:s.ContainerSettings}};const Mr=({initialData:e,onSave:t,onStateChange:o})=>{var d;const r=s.useEventData(),[a,l]=p.useState("desktop"),c=((d=Ut[a])==null?void 0:d.width)||"100%",u=f=>{if(o)try{const m=f.serialize();o(m)}catch{}};return n.jsx(s.ut,{resolver:{Body:Ge,Div:_e,Wrapper:s.Wrapper,Section:s.Section,Container:s.Container,Text:s.Text,ButtonComponent:s.ButtonComponent,Heading:s.Heading,Image:s.Image,Img:s.Img,Divider:s.Divider,Spacer:s.Spacer,Video:s.Video,Columns:s.Columns,Link:s.Link$1,Footer:Xt},enabled:!0,onNodesChange:f=>u(f),children:n.jsx(s.DeviceSizeProvider,{value:a,children:n.jsx(s.EventDataProvider,{value:r,children:n.jsxs("div",{className:"flex flex-col h-full",children:[n.jsxs("div",{className:"flex items-center justify-between pb-4 border-b border-border",children:[n.jsx("h2",{className:"text-lg font-semibold",children:"Page Builder"}),n.jsx(Dr,{onSave:t,deviceSize:a,onDeviceSizeChange:l})]}),n.jsxs("div",{className:"flex gap-4 mt-4 flex-1 min-h-0",children:[n.jsx(s.Card,{className:"w-56 shrink-0",children:n.jsxs(s.CardContent,{className:"p-4 space-y-6",children:[n.jsx(vo,{}),n.jsx(Lo,{})]})}),n.jsx(s.Card,{className:"flex-1 overflow-hidden bg-muted/30 flex flex-col",children:n.jsx(s.CardContent,{className:"p-4 flex-1 flex justify-center overflow-hidden",children:n.jsx(Fe,{className:"h-full w-full",children:n.jsx("div",{className:"flex justify-center min-h-full",children:n.jsx("div",{className:"bg-white rounded-lg min-h-full p-4 border border-dashed border-border transition-all duration-300 shadow-sm",style:{width:typeof c=="number"?`${c}px`:c,maxWidth:"100%"},children:n.jsx(Ar,{htmlJson:e})})})})})}),n.jsx(s.Card,{className:"w-72 shrink-0 flex flex-col",children:n.jsx(s.CardContent,{className:"p-4 flex-1 overflow-hidden",children:n.jsx(Ao,{})})})]})]})})})})};exports.default=Mr;