@qratilabs/qrati-connect 2.23.5 → 2.23.7

package/element/{CslFRHxJ2.js → BpVacqmD2.js}

@@ -1,14 +1,14 @@
-import{T as e,b as t,f as a,h as n,p as r,t as o}from"./qbHuxVSe.js";import{L as s,N as i,O as l,i as c,n as d,p as m,u}from"./TV5seYRS.js";import{n as p,r as h,t as g}from"./DZ2f3-jO.js";import{n as f,r as v,t as x}from"./D5TvVWUK.js";import{c as N,l as y}from"./Crix9_9X.js";import{t as w}from"./CuRZaTn5.js";import{t as b}from"./CtYiLBXL.js";import{t as T}from"./YJHG0sOk.js";import{t as D}from"./BCyTQnZ1.js";import{n as P,r as C,t as j}from"./DnW7WNo1.js";import{t as I}from"./CwE8D5S0.js";import{n as E,o as S,r as z,t as A}from"./Hfo3iOYG2.js";import{t as U}from"./BCu0TrNB2.js";import{a as q,i as O,n as _,r as k,t as M}from"./B7EvJYrt2.js";var L=({content:e,onDeleted:t,onClose:a})=>{const n=function(){const e=s(),{user:t,props:a}=d(),n=a?.organizationId,r=t?.token;return v({mutationKey:["delete-upload",r??null],mutationFn:async({contentId:e})=>{const t=await i.post(u.DELETE_CONTENT,{json:{contentId:e},headers:{"x-org-id":n,...r?{Authorization:`Bearer ${r}`}:{}}}).json();if(t?.error)throw new Error(t.error);return{contentId:e}},onMutate:async({contentId:t})=>{await e.cancelQueries({queryKey:[l.USER_UPLOADS],exact:!1});const a=e.getQueriesData({queryKey:[l.USER_UPLOADS],exact:!1});return e.setQueriesData({queryKey:[l.USER_UPLOADS],exact:!1},e=>e?.pages?{...e,pages:e.pages.map(e=>({...e,data:e.data.filter(e=>e._id!==t),meta:{...e.meta,totalCount:Math.max(0,(e.meta.totalCount??0)-1)}}))}:e),{previousData:a}},onError:(t,a,n)=>{n?.previousData?.forEach(([t,a])=>{e.setQueryData(t,a)})}})}(),r=e?.rateCount??0,c=r<=0,m=c?null:`This photo has ${r} rating${r>1?"s":""}. Photos with at least 1 rating cannot be deleted.`;/* @__PURE__ */
-return o(k,{open:Boolean(e),onOpenChange:e=>{e||a()},title:"Delete content?",description:m??"Are you sure you want to delete this content? This operation is permanent and cannot be undone.",cancelText:"Cancel",confirmText:c?"Delete":"Got it",confirmColor:c?"error":"primary",onCancel:a,onConfirm:c?()=>{if(!e||!c)return;const a=e.eventId,r=e._id;t(),n.mutate({contentId:r,eventId:a})}:a})};function $({className:e}){/* @__PURE__ */
-return o("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 24 24",className:e,"aria-hidden":"true",focusable:"false",children:/* @__PURE__ */o("path",{fill:"currentColor",d:"M7 21q-.825 0-1.412-.587T5 19V6q-.425 0-.712-.288T4 5t.288-.712T5 4h4q0-.425.288-.712T10 3h4q.425 0 .713.288T15 4h4q.425 0 .713.288T20 5t-.288.713T19 6v13q0 .825-.587 1.413T17 21zM17 6H7v13h10zm-7 11q.425 0 .713-.288T11 16V9q0-.425-.288-.712T10 8t-.712.288T9 9v7q0 .425.288.713T10 17m4 0q.425 0 .713-.288T15 16V9q0-.425-.288-.712T14 8t-.712.288T13 9v7q0 .425.288.713T14 17M7 6v13z"})})}var R={[m.APPROVED]:{color:"text-success",bgColor:"bg-success/20",icon:/* @__PURE__ */o(M,{className:"size-full"}),title:"Approved",description:"Your upload has been approved and is now visible to everyone viewing this event."},[m.IN_REVIEW]:{color:"text-warning",bgColor:"bg-warning/20",icon:/* @__PURE__ */o(O,{className:"size-full"}),title:"In Review",description:"Your upload is currently being reviewed. It will be visible once approved by the event admin."},[m.REJECTED]:{color:"text-destructive",bgColor:"bg-destructive/20",icon:/* @__PURE__ */o(U,{className:"size-full"}),title:"Rejected",description:"Your upload was not approved as it may not meet the content guidelines. Please upload appropriate content."}},F=e=>{const t=new Date(e).getTime();if(Number.isNaN(t))return"";const a=Math.max(0,Math.floor((Date.now()-t)/1e3)),n=[[60,"second"],[60,"minute"],[24,"hour"],[30,"day"],[12,"month"],[Number.POSITIVE_INFINITY,"year"]];let r=a,o="second";for(const[s,i]of n){if(r<s){o=i;break}r=Math.floor(r/s),o=i}return"second"===o&&r<30?"just now":`${r} ${o}${1===r?"":"s"} ago`},V=({content:e,onDelete:t,onStatusClick:a})=>{const n=e.status,r=R[n];/* @__PURE__ */
-return o("div",{className:"group relative size-full overflow-hidden sm:rounded",children:/* @__PURE__ */o("div",{className:"relative size-full",children:[
-/* @__PURE__ */o(C,{url:e.url||"",alt:e.caption||"",thumbnailUrl:e.thumbnailUrl||void 0,blurhash:e.blurhash||void 0,pswpData:{id:e._id,type:e.type,hash:e._id,width:e.dimension?.width,height:e.dimension?.height,thumbnailUrl:e.thumbnailUrl||void 0,caption:e.caption||""}}),
-/* @__PURE__ */o("div",{className:"pointer-events-none absolute inset-x-0 bottom-0 flex items-center justify-between bg-gradient-to-t from-black/50 to-transparent pl-3",children:[/* @__PURE__ */o(b,{variant:"caption",className:"text-xs text-white opacity-90 sm:text-sm",children:F(e.createdAt)}),/* @__PURE__ */o(_,{icon:/* @__PURE__ */o($,{className:"size-5"}),color:"error",size:"sm",className:"pointer-events-auto","aria-label":"Delete upload",tooltip:"Delete",onClick:e=>{e.stopPropagation(),e.preventDefault(),t()}})]}),
-/* @__PURE__ */o("button",{type:"button","aria-label":`Status: ${r?.title||"Unknown"}`,onClick:e=>{e.stopPropagation(),e.preventDefault(),a(n)},className:c("pointer-events-auto absolute top-1 right-1 cursor-pointer rounded-full p-1 transition-opacity hover:opacity-80",r?.bgColor||"bg-gray-500/20"),children:/* @__PURE__ */o("span",{className:c("block size-5",r?.color||"text-gray-500"),children:r?.icon||null})})]})})},B=e=>new Date(e).toLocaleDateString("en-US",{month:"short",year:"numeric"}),K=e=>{if(0===e.length)return"";if(1===e.length)return B(e[0].createdAt);const{minTime:t,maxTime:a}=e.reduce((e,t)=>{const a=new Date(t.createdAt).getTime();return{minTime:Math.min(e.minTime,a),maxTime:Math.max(e.maxTime,a)}},{minTime:1/0,maxTime:-1/0}),n=B(new Date(t).toISOString()),r=B(new Date(a).toISOString());return n===r?n:`${n} - ${r}`},Y=()=>{const s=y(),m=N(),{user:v,loadingUser:C,portalContainer:U}=d(),O=a(null),_=a(null),k=a(null),[M,$]=n(null),[F,B]=n(null),{contents:Y,loading:Q,hasNextPage:G,fetchNextPage:H,isFetchingNextPage:J}=function({sort:e="-createdAt",limit:t=20}={}){const{user:a,loadingUser:n,props:o}=d(),s=o?.organizationId,c=a?.token,m=a?._id??a?.uid??null,{data:f,isLoading:v,isError:x,error:N,isFetchingNextPage:y,hasNextPage:w,fetchNextPage:b,refetch:T}=h({queryKey:[l.USER_UPLOADS,s??"",m,t,e],queryFn:async({pageParam:a=1})=>await i.get(u.MY_UPLOADS,{searchParams:{page:a,limit:t,sort:e},headers:{"x-org-id":s,...c?{Authorization:`Bearer ${c}`}:{}}}).json(),initialPageParam:1,getPreviousPageParam:p,getNextPageParam:g,staleTime:12e4,gcTime:3e5,enabled:!n&&!!a});return{contents:r(()=>f?.pages?.flatMap(e=>e?.data??[])??[],[f]),loading:v,isError:x,error:N,isFetchingNextPage:y,hasNextPage:!!w,fetchNextPage:b,refetch:T,totalCount:f?.pages?.[0]?.meta?.totalCount??0}}({sort:"-createdAt",limit:20});t(()=>{C||v||s("/auth/login",{state:{referrer:m.pathname}})},[C,v]);const W=Y.length>0,Z=!Q&&!W,X=r(()=>{if(!Y.length)return[];const e={};return Y.forEach(t=>{const a=t.eventId||"unknown";e[a]||(e[a]={eventId:a,eventName:t.event?.name||"Event",uploads:[]}),e[a].uploads.push(t)}),Object.values(e).sort((e,t)=>{const a=new Date(e.uploads[0]?.createdAt||0).getTime();return new Date(t.uploads[0]?.createdAt||0).getTime()-a})},[Y]);t(()=>{const e=_.current;if(!e)return;const t=new P({gallery:e,children:"a",counter:!1,bgOpacity:1,wheelToZoom:!0,pinchToClose:!0,zoom:!1,pswpModule:j,appendToEl:U??document.body});return O.current=t,new x(t),new f(t),t.init(),()=>{t.destroy(),O.current=null}},[U]),t(()=>{const e=k.current;if(!e||!G)return;const t=new IntersectionObserver(e=>{e[0]?.isIntersecting&&G&&!J&&H()},{rootMargin:"200px"});return t.observe(e),()=>t.disconnect()},[G,J,H]);const ee=r(()=>Y.find(e=>e._id===M)??null,[M,Y]),te=F?R[F]:null;/* @__PURE__ */
-return o("div",{className:"bg-background mx-auto min-h-screen max-w-5xl px-3 pt-16 pb-12 lg:px-0",children:[
-/* @__PURE__ */o("div",{className:"relative mb-6 flex items-center justify-center",children:[/* @__PURE__ */o(I,{}),/* @__PURE__ */o(b,{variant:"h4",align:"center",children:"My Uploads"})]}),
-/* @__PURE__ */o("section",{className:"space-y-3",children:Q?/* @__PURE__ */o("div",{className:"space-y-8 py-4",children:Array.from({length:2}).map((e,t)=>/* @__PURE__ */o("div",{className:"space-y-4",children:[/* @__PURE__ */o("div",{className:"flex items-center justify-between",children:[/* @__PURE__ */o(w,{className:"h-6 w-48"}),/* @__PURE__ */o(w,{className:"h-5 w-24"})]}),/* @__PURE__ */o("div",{className:"grid grid-cols-2 gap-3 sm:grid-cols-3 lg:grid-cols-4",children:Array.from({length:4}).map((e,t)=>/* @__PURE__ */o(w,{className:"h-52 w-full lg:h-64"},t))})]},t))}):Z?/* @__PURE__ */o(T,{className:"py-12",title:"No uploads yet",description:"Photos and videos you upload to events will appear here."}):/* @__PURE__ */o(e,{children:[
-/* @__PURE__ */o("div",{ref:_,className:"space-y-8 py-4",children:X.map(e=>/* @__PURE__ */o("div",{className:"space-y-4",children:[/* @__PURE__ */o("div",{className:"flex items-center justify-between",children:[/* @__PURE__ */o(b,{variant:"h5",color:"muted",children:e.eventName}),/* @__PURE__ */o("span",{className:"text-muted-foreground text-sm font-light uppercase sm:text-base",children:K(e.uploads)})]}),/* @__PURE__ */o("div",{className:"grid grid-cols-2 gap-1 sm:grid-cols-3 sm:gap-3 lg:grid-cols-4",children:e.uploads.map(e=>/* @__PURE__ */o("div",{className:"h-52 lg:h-64",children:/* @__PURE__ */o(V,{content:e,onDelete:()=>$(e._id),onStatusClick:e=>B(e)})},e._id))})]},e.eventId))}),
-/* @__PURE__ */o("div",{ref:k,className:"h-px w-full"}),J&&/* @__PURE__ */o("div",{className:"my-6 w-full",children:/* @__PURE__ */o(q,{})})]})}),
-/* @__PURE__ */o(L,{content:ee,onClose:()=>$(null),onDeleted:()=>$(null)}),
-/* @__PURE__ */o(A,{open:Boolean(F),onOpenChange:e=>!e&&B(null),children:/* @__PURE__ */o(E,{className:"w-full max-w-lg",children:[/* @__PURE__ */o("div",{className:"flex flex-col gap-4 p-2 sm:flex-row sm:items-start sm:p-4",children:[/* @__PURE__ */o("div",{className:c("mx-auto flex size-12 shrink-0 items-center justify-center rounded-full sm:mx-0 sm:size-10",te?.bgColor||"bg-gray-500/20"),children:/* @__PURE__ */o("span",{className:c("size-6",te?.color||"text-gray-500"),children:te?.icon||null})}),/* @__PURE__ */o("div",{className:"flex-1 space-y-2 text-center sm:text-left",children:[/* @__PURE__ */o(S,{children:te?.title||"Unknown Status"}),/* @__PURE__ */o(z,{children:te?.description||"Status information unavailable."})]})]}),/* @__PURE__ */o("div",{className:"flex justify-end p-4",children:/* @__PURE__ */o(D,{variant:"outlined",color:"foreground",onClick:()=>B(null),children:"Got it"})})]})})]})};export{Y as default};
+import{b as e,f as t,h as a,p as n,t as r,w as o}from"./C3uDEVBt.js";import{L as s,N as i,O as l,i as c,n as d,p as m,u}from"./BItJQVdK.js";import{n as p,r as h,t as g}from"./C8_zGNAf.js";import{n as f,r as v,t as x}from"./CnoPTYOO.js";import{c as N,l as w}from"./b6CwQBFC.js";import{t as y}from"./ekog7y-V.js";import{t as b}from"./Cb1JRT_1.js";import{t as T}from"./CCLXmMXp.js";import{t as D}from"./D9NypPiv.js";import{n as P,r as C,t as j}from"./BYEF5Khs.js";import{t as I}from"./BglDIiFp.js";import{n as E,o as S,r as z,t as A}from"./BQuhYd4G2.js";import{t as U}from"./DNG5BSHx2.js";import{a as q,i as O,n as _,r as k,t as M}from"./BdOzsWR32.js";var L=({content:e,onDeleted:t,onClose:a})=>{const n=function(){const e=s(),{user:t,props:a}=d(),n=a?.organizationId,r=t?.token;return v({mutationKey:["delete-upload",r??null],mutationFn:async({contentId:e})=>{const t=await i.post(u.DELETE_CONTENT,{json:{contentId:e},headers:{"x-org-id":n,...r?{Authorization:`Bearer ${r}`}:{}}}).json();if(t?.error)throw new Error(t.error);return{contentId:e}},onMutate:async({contentId:t})=>{await e.cancelQueries({queryKey:[l.USER_UPLOADS],exact:!1});const a=e.getQueriesData({queryKey:[l.USER_UPLOADS],exact:!1});return e.setQueriesData({queryKey:[l.USER_UPLOADS],exact:!1},e=>e?.pages?{...e,pages:e.pages.map(e=>({...e,data:e.data.filter(e=>e._id!==t),meta:{...e.meta,totalCount:Math.max(0,(e.meta.totalCount??0)-1)}}))}:e),{previousData:a}},onError:(t,a,n)=>{n?.previousData?.forEach(([t,a])=>{e.setQueryData(t,a)})}})}(),o=e?.rateCount??0,c=o<=0,m=c?null:`This photo has ${o} rating${o>1?"s":""}. Photos with at least 1 rating cannot be deleted.`;/* @__PURE__ */
+return r(k,{open:Boolean(e),onOpenChange:e=>{e||a()},title:"Delete content?",description:m??"Are you sure you want to delete this content? This operation is permanent and cannot be undone.",cancelText:"Cancel",confirmText:c?"Delete":"Got it",confirmColor:c?"error":"primary",onCancel:a,onConfirm:c?()=>{if(!e||!c)return;const a=e.eventId,r=e._id;t(),n.mutate({contentId:r,eventId:a})}:a})};function $({className:e}){/* @__PURE__ */
+return r("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 24 24",className:e,"aria-hidden":"true",focusable:"false",children:/* @__PURE__ */r("path",{fill:"currentColor",d:"M7 21q-.825 0-1.412-.587T5 19V6q-.425 0-.712-.288T4 5t.288-.712T5 4h4q0-.425.288-.712T10 3h4q.425 0 .713.288T15 4h4q.425 0 .713.288T20 5t-.288.713T19 6v13q0 .825-.587 1.413T17 21zM17 6H7v13h10zm-7 11q.425 0 .713-.288T11 16V9q0-.425-.288-.712T10 8t-.712.288T9 9v7q0 .425.288.713T10 17m4 0q.425 0 .713-.288T15 16V9q0-.425-.288-.712T14 8t-.712.288T13 9v7q0 .425.288.713T14 17M7 6v13z"})})}var R={[m.APPROVED]:{color:"text-success",bgColor:"bg-success/20",icon:/* @__PURE__ */r(M,{className:"size-full"}),title:"Approved",description:"Your upload has been approved and is now visible to everyone viewing this event."},[m.IN_REVIEW]:{color:"text-warning",bgColor:"bg-warning/20",icon:/* @__PURE__ */r(O,{className:"size-full"}),title:"In Review",description:"Your upload is currently being reviewed. It will be visible once approved by the event admin."},[m.REJECTED]:{color:"text-destructive",bgColor:"bg-destructive/20",icon:/* @__PURE__ */r(U,{className:"size-full"}),title:"Rejected",description:"Your upload was not approved as it may not meet the content guidelines. Please upload appropriate content."}},F=e=>{const t=new Date(e).getTime();if(Number.isNaN(t))return"";const a=Math.max(0,Math.floor((Date.now()-t)/1e3)),n=[[60,"second"],[60,"minute"],[24,"hour"],[30,"day"],[12,"month"],[Number.POSITIVE_INFINITY,"year"]];let r=a,o="second";for(const[s,i]of n){if(r<s){o=i;break}r=Math.floor(r/s),o=i}return"second"===o&&r<30?"just now":`${r} ${o}${1===r?"":"s"} ago`},V=({content:e,onDelete:t,onStatusClick:a})=>{const n=e.status,o=R[n];/* @__PURE__ */
+return r("div",{className:"group relative size-full overflow-hidden sm:rounded",children:/* @__PURE__ */r("div",{className:"relative size-full",children:[
+/* @__PURE__ */r(C,{url:e.url||"",alt:e.caption||"",thumbnailUrl:e.thumbnailUrl||void 0,blurhash:e.blurhash||void 0,pswpData:{id:e._id,type:e.type,hash:e._id,width:e.dimension?.width,height:e.dimension?.height,thumbnailUrl:e.thumbnailUrl||void 0,caption:e.caption||""}}),
+/* @__PURE__ */r("div",{className:"pointer-events-none absolute inset-x-0 bottom-0 flex items-center justify-between bg-gradient-to-t from-black/50 to-transparent pl-3",children:[/* @__PURE__ */r(b,{variant:"caption",className:"text-xs text-white opacity-90 sm:text-sm",children:F(e.createdAt)}),/* @__PURE__ */r(_,{icon:/* @__PURE__ */r($,{className:"size-5"}),color:"error",size:"sm",className:"pointer-events-auto","aria-label":"Delete upload",tooltip:"Delete",onClick:e=>{e.stopPropagation(),e.preventDefault(),t()}})]}),
+/* @__PURE__ */r("button",{type:"button","aria-label":`Status: ${o?.title||"Unknown"}`,onClick:e=>{e.stopPropagation(),e.preventDefault(),a(n)},className:c("pointer-events-auto absolute top-1 right-1 cursor-pointer rounded-full p-1 transition-opacity hover:opacity-80",o?.bgColor||"bg-gray-500/20"),children:/* @__PURE__ */r("span",{className:c("block size-5",o?.color||"text-gray-500"),children:o?.icon||null})})]})})},B=e=>new Date(e).toLocaleDateString("en-US",{month:"short",year:"numeric"}),K=e=>{if(0===e.length)return"";if(1===e.length)return B(e[0].createdAt);const{minTime:t,maxTime:a}=e.reduce((e,t)=>{const a=new Date(t.createdAt).getTime();return{minTime:Math.min(e.minTime,a),maxTime:Math.max(e.maxTime,a)}},{minTime:1/0,maxTime:-1/0}),n=B(new Date(t).toISOString()),r=B(new Date(a).toISOString());return n===r?n:`${n} - ${r}`},Y=()=>{const s=w(),m=N(),{user:v,loadingUser:C,portalContainer:U}=d(),O=t(null),_=t(null),k=t(null),[M,$]=a(null),[F,B]=a(null),{contents:Y,loading:Q,hasNextPage:G,fetchNextPage:H,isFetchingNextPage:J}=function({sort:e="-createdAt",limit:t=20}={}){const{user:a,loadingUser:r,props:o}=d(),s=o?.organizationId,c=a?.token,m=a?._id??a?.uid??null,{data:f,isLoading:v,isError:x,error:N,isFetchingNextPage:w,hasNextPage:y,fetchNextPage:b,refetch:T}=h({queryKey:[l.USER_UPLOADS,s??"",m,t,e],queryFn:async({pageParam:a=1})=>await i.get(u.MY_UPLOADS,{searchParams:{page:a,limit:t,sort:e},headers:{"x-org-id":s,...c?{Authorization:`Bearer ${c}`}:{}}}).json(),initialPageParam:1,getPreviousPageParam:p,getNextPageParam:g,staleTime:12e4,gcTime:3e5,enabled:!r&&!!a});return{contents:n(()=>f?.pages?.flatMap(e=>e?.data??[])??[],[f]),loading:v,isError:x,error:N,isFetchingNextPage:w,hasNextPage:!!y,fetchNextPage:b,refetch:T,totalCount:f?.pages?.[0]?.meta?.totalCount??0}}({sort:"-createdAt",limit:20});e(()=>{C||v||s("/auth/login",{state:{referrer:m.pathname}})},[C,v]);const W=Y.length>0,Z=!Q&&!W,X=n(()=>{if(!Y.length)return[];const e={};return Y.forEach(t=>{const a=t.eventId||"unknown";e[a]||(e[a]={eventId:a,eventName:t.event?.name||"Event",uploads:[]}),e[a].uploads.push(t)}),Object.values(e).sort((e,t)=>{const a=new Date(e.uploads[0]?.createdAt||0).getTime();return new Date(t.uploads[0]?.createdAt||0).getTime()-a})},[Y]);e(()=>{const e=_.current;if(!e)return;const t=new P({gallery:e,children:"a",counter:!1,bgOpacity:1,wheelToZoom:!0,pinchToClose:!0,zoom:!1,pswpModule:j,appendToEl:U??document.body});return O.current=t,new x(t),new f(t),t.init(),()=>{t.destroy(),O.current=null}},[U]),e(()=>{const e=k.current;if(!e||!G)return;const t=new IntersectionObserver(e=>{e[0]?.isIntersecting&&G&&!J&&H()},{rootMargin:"200px"});return t.observe(e),()=>t.disconnect()},[G,J,H]);const ee=n(()=>Y.find(e=>e._id===M)??null,[M,Y]),te=F?R[F]:null;/* @__PURE__ */
+return r("div",{className:"bg-background mx-auto min-h-screen max-w-5xl px-3 pt-16 pb-12 lg:px-0",children:[
+/* @__PURE__ */r("div",{className:"relative mb-6 flex items-center justify-center",children:[/* @__PURE__ */r(I,{}),/* @__PURE__ */r(b,{variant:"h4",align:"center",children:"My Uploads"})]}),
+/* @__PURE__ */r("section",{className:"space-y-3",children:Q?/* @__PURE__ */r("div",{className:"space-y-8 py-4",children:Array.from({length:2}).map((e,t)=>/* @__PURE__ */r("div",{className:"space-y-4",children:[/* @__PURE__ */r("div",{className:"flex items-center justify-between",children:[/* @__PURE__ */r(y,{className:"h-6 w-48"}),/* @__PURE__ */r(y,{className:"h-5 w-24"})]}),/* @__PURE__ */r("div",{className:"grid grid-cols-2 gap-3 sm:grid-cols-3 lg:grid-cols-4",children:Array.from({length:4}).map((e,t)=>/* @__PURE__ */r(y,{className:"h-52 w-full lg:h-64"},t))})]},t))}):Z?/* @__PURE__ */r(T,{className:"py-12",title:"No uploads yet",description:"Photos and videos you upload to events will appear here."}):/* @__PURE__ */r(o,{children:[
+/* @__PURE__ */r("div",{ref:_,className:"space-y-8 py-4",children:X.map(e=>/* @__PURE__ */r("div",{className:"space-y-4",children:[/* @__PURE__ */r("div",{className:"flex items-center justify-between",children:[/* @__PURE__ */r(b,{variant:"h5",color:"muted",children:e.eventName}),/* @__PURE__ */r("span",{className:"text-muted-foreground text-sm font-light uppercase sm:text-base",children:K(e.uploads)})]}),/* @__PURE__ */r("div",{className:"grid grid-cols-2 gap-1 sm:grid-cols-3 sm:gap-3 lg:grid-cols-4",children:e.uploads.map(e=>/* @__PURE__ */r("div",{className:"h-52 lg:h-64",children:/* @__PURE__ */r(V,{content:e,onDelete:()=>$(e._id),onStatusClick:e=>B(e)})},e._id))})]},e.eventId))}),
+/* @__PURE__ */r("div",{ref:k,className:"h-px w-full"}),J&&/* @__PURE__ */r("div",{className:"my-6 w-full",children:/* @__PURE__ */r(q,{})})]})}),
+/* @__PURE__ */r(L,{content:ee,onClose:()=>$(null),onDeleted:()=>$(null)}),
+/* @__PURE__ */r(A,{open:Boolean(F),onOpenChange:e=>!e&&B(null),children:/* @__PURE__ */r(E,{className:"w-full max-w-lg",children:[/* @__PURE__ */r("div",{className:"flex flex-col gap-4 p-2 sm:flex-row sm:items-start sm:p-4",children:[/* @__PURE__ */r("div",{className:c("mx-auto flex size-12 shrink-0 items-center justify-center rounded-full sm:mx-0 sm:size-10",te?.bgColor||"bg-gray-500/20"),children:/* @__PURE__ */r("span",{className:c("size-6",te?.color||"text-gray-500"),children:te?.icon||null})}),/* @__PURE__ */r("div",{className:"flex-1 space-y-2 text-center sm:text-left",children:[/* @__PURE__ */r(S,{children:te?.title||"Unknown Status"}),/* @__PURE__ */r(z,{children:te?.description||"Status information unavailable."})]})]}),/* @__PURE__ */r("div",{className:"flex justify-end p-4",children:/* @__PURE__ */r(D,{variant:"outlined",color:"foreground",onClick:()=>B(null),children:"Got it"})})]})})]})};export{Y as default};

package/{umd/E5aJy_fH.js → element/BtN9y353.js}

@@ -1 +1 @@
-import{b as t,c as n,f as o,h as a,l as e,m as s,r,u as i}from"./qbHuxVSe.js";import{o as l}from"./TV5seYRS.js";var f=t=>"number"==typeof t&&!isNaN(t),c=t=>"string"==typeof t,d=t=>"function"==typeof t,y=t=>c(t)||d(t)?t:null,m=(t,n)=>!1===t||f(t)&&t>0?t:n,p=t=>e(t)||c(t)||d(t)||f(t);function u({enter:a,exit:e,appendPosition:r=!1,collapse:i=!0,collapseDuration:l=300}){return function({children:f,position:c,preventExitTransition:d,done:y,nodeRef:m,isIn:p,playToast:u}){let _=r?`${a}--${c}`:a,g=r?`${e}--${c}`:e,v=o(0);return s(()=>{let t=m.current,n=_.split(" "),o=a=>{a.target===m.current&&(u(),t.removeEventListener("animationend",o),t.removeEventListener("animationcancel",o),0===v.current&&"animationcancel"!==a.type&&t.classList.remove(...n))};t.classList.add(...n),t.addEventListener("animationend",o),t.addEventListener("animationcancel",o)},[]),t(()=>{let t=m.current,n=()=>{t.removeEventListener("animationend",n),i?function(t,n,o=300){let{scrollHeight:a,style:e}=t;requestAnimationFrame(()=>{e.minHeight="initial",e.height=a+"px",e.transition=`all ${o}ms`,requestAnimationFrame(()=>{e.height="0",e.padding="0",e.margin="0",setTimeout(n,o)})})}(t,y,l):y()};p||(d?n():(v.current=1,t.className+=` ${g}`,t.addEventListener("animationend",n)))},[p]),n.createElement(n.Fragment,null,f)}}function _(t,n){return{content:g(t.content,t.props),containerId:t.props.containerId,id:t.props.toastId,theme:t.props.theme,type:t.props.type,data:t.props.data||{},isLoading:t.props.isLoading,icon:t.props.icon,reason:t.removalReason,status:n}}function g(t,n,o=!1){return e(t)&&!c(t.type)?i(t,{closeToast:n.closeToast,toastProps:n,data:n.data,isPaused:o}):d(t)?t({closeToast:n.closeToast,toastProps:n,data:n.data,isPaused:o}):t}function v({delay:t,isRunning:o,closeToast:a,type:e="default",hide:s,className:r,controlledProgress:i,progress:f,rtl:c,isIn:y,theme:m}){let p=s||i&&0===f,u={animationDuration:`${t}ms`,animationPlayState:o?"running":"paused"};i&&(u.transform=`scaleX(${f})`);let _=l("Toastify__progress-bar",i?"Toastify__progress-bar--controlled":"Toastify__progress-bar--animated",`Toastify__progress-bar-theme--${m}`,`Toastify__progress-bar--${e}`,{"Toastify__progress-bar--rtl":c}),g=d(r)?r({rtl:c,type:e,defaultClassName:_}):l(_,r),v={[i&&f>=1?"onTransitionEnd":"onAnimationEnd"]:i&&f<1?null:()=>{y&&a()}};return n.createElement("div",{className:"Toastify__progress-bar--wrp","data-hidden":p},n.createElement("div",{className:`Toastify__progress-bar--bg Toastify__progress-bar-theme--${m} Toastify__progress-bar--${e}`}),n.createElement("div",{role:"progressbar","aria-hidden":p?"true":"false","aria-label":"notification timer","aria-valuenow":i?Math.round(100*f):void 0,"aria-valuemin":0,"aria-valuemax":100,className:g,style:u,...v}))}var b=1,T=()=>""+b++;var h=/* @__PURE__ */new Map,x=[],k=/* @__PURE__ */new Set,w=t=>k.forEach(n=>n(t)),I=()=>h.size>0;function E(t,n){var o;if(n)return!(null==(o=h.get(n))||!o.isToastActive(t));let a=!1;return h.forEach(n=>{n.isToastActive(t)&&(a=!0)}),a}function L(t,n){p(t)&&(I()||x.push({content:t,options:n}),h.forEach(o=>{o.buildToast(t,n)}))}function C(t,n){h.forEach(o=>{(null==n||null==n||!n.containerId||(null==n?void 0:n.containerId)===o.id)&&o.toggle(t,null==n?void 0:n.id)})}function O(t){let n=t.containerId||1;return{subscribe(o){let a=function(t,n,o){let a=1,e=0,s=[],r=[],i=n,l=/* @__PURE__ */new Map,c=/* @__PURE__ */new Set,d=()=>{r=Array.from(l.values()),c.forEach(t=>t())},u=t=>{var n,a;t.isActive&&(null==(a=null==(n=t.props)?void 0:n.onClose)||a.call(n,t.removalReason),t.isActive=!1,o(_(t,"removed")))},g=t=>{if(null==t)l.forEach(u);else{let n=l.get(t);n&&u(n)}d()},v=t=>{var n,a;let{toastId:e,updateId:s}=t.props,r=null==s;t.staleId&&l.delete(t.staleId),t.isActive=!0,l.set(e,t),d(),o(_(t,r?"added":"updated")),r&&(null==(a=(n=t.props).onOpen)||a.call(n))};return{id:t,props:i,observe:t=>(c.add(t),()=>c.delete(t)),toggle:(t,n)=>{l.forEach(o=>{var a;(null==n||n===o.props.toastId)&&(null==(a=o.toggle)||a.call(o,t))})},removeToast:g,toasts:l,clearQueue:()=>{e-=s.length,s=[]},buildToast:(n,o)=>{if((({containerId:n,toastId:o,updateId:a})=>{let e=n?n!==t:1!==t,s=l.has(o)&&null==a;return e||s})(o))return;let{toastId:r,updateId:c,data:u,staleId:_,delay:b}=o,T=null==c;T&&e++;let h={...i,style:i.toastStyle,key:a++,...Object.fromEntries(Object.entries(o).filter(([t,n])=>null!=n)),toastId:r,updateId:c,data:u,isIn:!1,className:y(o.className||i.toastClassName),progressClassName:y(o.progressClassName||i.progressClassName),autoClose:!o.isLoading&&m(o.autoClose,i.autoClose),closeToast(t){let n=l.get(r);n&&(n.removalReason=t,g(r))},deleteToast(){if(null!=l.get(r)){if(l.delete(r),e--,e<0&&(e=0),s.length>0)return void v(s.shift());d()}}};h.closeButton=i.closeButton,!1===o.closeButton||p(o.closeButton)?h.closeButton=o.closeButton:!0===o.closeButton&&(h.closeButton=!p(i.closeButton)||i.closeButton);let x={content:n,props:h,staleId:_};i.limit&&i.limit>0&&e>i.limit&&T?s.push(x):f(b)?setTimeout(()=>{v(x)},b):v(x)},setProps(t){i=t},setToggle:(t,n)=>{let o=l.get(t);o&&(o.toggle=n)},isToastActive:t=>{var n;return null==(n=l.get(t))?void 0:n.isActive},getSnapshot:()=>r}}(n,t,w);h.set(n,a);let e=a.observe(o);return x.forEach(t=>L(t.content,t.options)),x=[],()=>{e(),h.delete(n)}},setProps(t){var o;null==(o=h.get(n))||o.setProps(t)},getSnapshot(){var t;return null==(t=h.get(n))?void 0:t.getSnapshot()}}}function z(t){return t&&(c(t.toastId)||f(t.toastId))?t.toastId:T()}function P(t,n){return L(t,n),n.toastId}function $(t,n){return{...n,type:n&&n.type||t,toastId:z(n)}}function N(t){return(n,o)=>P(n,$(t,o))}function A(t,n){return P(t,$("default",n))}function D(t){var n;let{subscribe:a,getSnapshot:e,setProps:s}=o(O(t)).current;s(t);let i=null==(n=r(a,e,e))?void 0:n.slice();return{getToastToRender:function(n){if(!i)return[];let o=/* @__PURE__ */new Map;return t.newestOnTop&&i.reverse(),i.forEach(t=>{let{position:n}=t.props;o.has(n)||o.set(n,[]),o.get(n).push(t)}),Array.from(o,t=>n(t[0],t[1]))},isToastActive:E,count:null==i?void 0:i.length}}function M(n){let[e,s]=a(!1),[r,i]=a(!1),l=o(null),f=o({start:0,delta:0,removalDistance:0,canCloseOnClick:!0,canDrag:!1,didMove:!1}).current,{autoClose:c,pauseOnHover:d,closeToast:y,onClick:m,closeOnClick:p}=n;function u(){s(!0)}function _(){s(!1)}function g(t){let o=l.current;if(f.canDrag&&o){f.didMove=!0,e&&_(),"x"===n.draggableDirection?f.delta=t.clientX-f.start:f.delta=t.clientY-f.start,f.start!==t.clientX&&(f.canCloseOnClick=!1);let a="x"===n.draggableDirection?`${f.delta}px, var(--y)`:`0, calc(${f.delta}px + var(--y))`;o.style.transform=`translate3d(${a},0)`,o.style.opacity=""+(1-Math.abs(f.delta/f.removalDistance))}}function v(){document.removeEventListener("pointermove",g),document.removeEventListener("pointerup",v);let t=l.current;if(f.canDrag&&f.didMove&&t){if(f.canDrag=!1,Math.abs(f.delta)>f.removalDistance)return i(!0),n.closeToast(!0),void n.collapseAll();t.style.transition="transform 0.2s, opacity 0.2s",t.style.removeProperty("transform"),t.style.removeProperty("opacity")}}(function(t){var n;null==(n=h.get(t.containerId||1))||n.setToggle(t.id,t.fn)})({id:n.toastId,containerId:n.containerId,fn:s}),t(()=>{if(n.pauseOnFocusLoss)return document.hasFocus()||_(),window.addEventListener("focus",u),window.addEventListener("blur",_),()=>{window.removeEventListener("focus",u),window.removeEventListener("blur",_)}},[n.pauseOnFocusLoss]);let b={onPointerDown:function(t){if(!0===n.draggable||n.draggable===t.pointerType){f.didMove=!1,document.addEventListener("pointermove",g),document.addEventListener("pointerup",v);let o=l.current;f.canCloseOnClick=!0,f.canDrag=!0,o.style.transition="none","x"===n.draggableDirection?(f.start=t.clientX,f.removalDistance=o.offsetWidth*(n.draggablePercent/100)):(f.start=t.clientY,f.removalDistance=o.offsetHeight*(80===n.draggablePercent?1.5*n.draggablePercent:n.draggablePercent)/100)}},onPointerUp:function(t){let{top:o,bottom:a,left:e,right:s}=l.current.getBoundingClientRect();"mouse"===t.pointerType&&n.pauseOnHover&&t.clientX>=e&&t.clientX<=s&&t.clientY>=o&&t.clientY<=a?_():u()}};return c&&d&&(b.onMouseEnter=_,n.stacked||(b.onMouseLeave=u)),p&&(b.onClick=t=>{m&&m(t),f.canCloseOnClick&&y(!0)}),{playToast:u,pauseToast:_,isRunning:e,preventExitTransition:r,toastRef:l,eventHandlers:b}}A.loading=(t,n)=>P(t,$("default",{isLoading:!0,autoClose:!1,closeOnClick:!1,closeButton:!1,draggable:!1,...n})),A.promise=function(t,{pending:n,error:o,success:a},e){let s;n&&(s=c(n)?A.loading(n,e):A.loading(n.render,{...e,...n}));let r={isLoading:null,autoClose:null,closeOnClick:null,closeButton:null,draggable:null},i=(t,n,o)=>{if(null==n)return void A.dismiss(s);let a={type:t,...r,...e,data:o},i=c(n)?{render:n}:n;return s?A.update(s,{...a,...i}):A(i.render,{...a,...i}),o},l=d(t)?t():t;return l.then(t=>i("success",a,t)).catch(t=>i("error",o,t)),l},A.success=N("success"),A.info=N("info"),A.error=N("error"),A.warning=N("warning"),A.warn=A.warning,A.dark=(t,n)=>P(t,$("default",{theme:"dark",...n})),A.dismiss=function(t){!function(t){if(I()){if(null==t||(t=>c(t)||f(t))(t))h.forEach(n=>{n.removeToast(t)});else if(t&&("containerId"in t||"id"in t)){let n=h.get(t.containerId);n?n.removeToast(t.id):h.forEach(n=>{n.removeToast(t.id)})}}else x=x.filter(n=>null!=t&&n.options.toastId!==t)}(t)},A.clearWaitingQueue=(t={})=>{h.forEach(n=>{n.props.limit&&(!t.containerId||n.id===t.containerId)&&n.clearQueue()})},A.isActive=E,A.update=(t,n={})=>{let o=((t,{containerId:n})=>{var o;return null==(o=h.get(n||1))?void 0:o.toasts.get(t)})(t,n);if(o){let{props:a,content:e}=o,s={delay:100,...a,...n,toastId:n.toastId||t,updateId:T()};s.toastId!==t&&(s.staleId=t);let r=s.render||e;delete s.render,P(r,s)}},A.done=t=>{A.update(t,{progress:1})},A.onChange=function(t){return k.add(t),()=>{k.delete(t)}},A.play=t=>C(!0,t),A.pause=t=>C(!1,t);var R="undefined"!=typeof window?s:t,B=({theme:t,type:o,isLoading:a,...e})=>n.createElement("svg",{viewBox:"0 0 24 24",width:"100%",height:"100%",fill:"colored"===t?"currentColor":`var(--toastify-icon-color-${o})`,...e}),X={info:function(t){return n.createElement(B,{...t},n.createElement("path",{d:"M12 0a12 12 0 1012 12A12.013 12.013 0 0012 0zm.25 5a1.5 1.5 0 11-1.5 1.5 1.5 1.5 0 011.5-1.5zm2.25 13.5h-4a1 1 0 010-2h.75a.25.25 0 00.25-.25v-4.5a.25.25 0 00-.25-.25h-.75a1 1 0 010-2h1a2 2 0 012 2v4.75a.25.25 0 00.25.25h.75a1 1 0 110 2z"}))},warning:function(t){return n.createElement(B,{...t},n.createElement("path",{d:"M23.32 17.191L15.438 2.184C14.728.833 13.416 0 11.996 0c-1.42 0-2.733.833-3.443 2.184L.533 17.448a4.744 4.744 0 000 4.368C1.243 23.167 2.555 24 3.975 24h16.05C22.22 24 24 22.044 24 19.632c0-.904-.251-1.746-.68-2.44zm-9.622 1.46c0 1.033-.724 1.823-1.698 1.823s-1.698-.79-1.698-1.822v-.043c0-1.028.724-1.822 1.698-1.822s1.698.79 1.698 1.822v.043zm.039-12.285l-.84 8.06c-.057.581-.408.943-.897.943-.49 0-.84-.367-.896-.942l-.84-8.065c-.057-.624.25-1.095.779-1.095h1.91c.528.005.84.476.784 1.1z"}))},success:function(t){return n.createElement(B,{...t},n.createElement("path",{d:"M12 0a12 12 0 1012 12A12.014 12.014 0 0012 0zm6.927 8.2l-6.845 9.289a1.011 1.011 0 01-1.43.188l-4.888-3.908a1 1 0 111.25-1.562l4.076 3.261 6.227-8.451a1 1 0 111.61 1.183z"}))},error:function(t){return n.createElement(B,{...t},n.createElement("path",{d:"M11.983 0a12.206 12.206 0 00-8.51 3.653A11.8 11.8 0 000 12.207 11.779 11.779 0 0011.8 24h.214A12.111 12.111 0 0024 11.791 11.766 11.766 0 0011.983 0zM10.5 16.542a1.476 1.476 0 011.449-1.53h.027a1.527 1.527 0 011.523 1.47 1.475 1.475 0 01-1.449 1.53h-.027a1.529 1.529 0 01-1.523-1.47zM11 12.5v-6a1 1 0 012 0v6a1 1 0 11-2 0z"}))},spinner:function(){return n.createElement("div",{className:"Toastify__spinner"})}};var S=t=>{let{isRunning:o,preventExitTransition:a,toastRef:s,eventHandlers:r,playToast:f}=M(t),{closeButton:c,children:y,autoClose:m,onClick:p,type:u,hideProgressBar:_,closeToast:b,transition:T,position:h,className:x,style:k,progressClassName:w,updateId:I,role:E,progress:L,rtl:C,toastId:O,deleteToast:z,isIn:P,isLoading:$,closeOnClick:N,theme:A,ariaLabel:D}=t,R=l("Toastify__toast",`Toastify__toast-theme--${A}`,`Toastify__toast--${u}`,{"Toastify__toast--rtl":C},{"Toastify__toast--close-on-click":N}),B=d(x)?x({rtl:C,position:h,type:u,defaultClassName:R}):l(R,x),S=function({theme:t,type:n,isLoading:o,icon:a}){let s=null,r={theme:t,type:n};return!1===a||(d(a)?s=a({...r,isLoading:o}):e(a)?s=i(a,r):o?s=X.spinner():(t=>t in X)(n)&&(s=X[n](r))),s}(t),U=!!L||!m,H={closeToast:b,type:u,theme:A},F=null;return!1===c||(F=d(c)?c(H):e(c)?i(c,H):function({closeToast:t,theme:o,ariaLabel:a="close"}){return n.createElement("button",{className:`Toastify__close-button Toastify__close-button--${o}`,type:"button",onClick:n=>{n.stopPropagation(),t(!0)},"aria-label":a},n.createElement("svg",{"aria-hidden":"true",viewBox:"0 0 14 16"},n.createElement("path",{fillRule:"evenodd",d:"M7.71 8.23l3.75 3.75-1.48 1.48-3.75-3.75-3.75 3.75L1 11.98l3.75-3.75L1 4.48 2.48 3l3.75 3.75L9.98 3l1.48 1.48-3.75 3.75z"})))}(H)),n.createElement(T,{isIn:P,done:z,position:h,preventExitTransition:a,nodeRef:s,playToast:f},n.createElement("div",{id:O,tabIndex:0,onClick:p,"data-in":P,className:B,...r,style:k,ref:s,...P&&{role:E,"aria-label":D}},null!=S&&n.createElement("div",{className:l("Toastify__toast-icon",{"Toastify--animate-icon Toastify__zoom-enter":!$})},S),g(y,t,!o),F,!t.customProgressBar&&n.createElement(v,{...I&&!U?{key:`p-${I}`}:{},rtl:C,theme:A,delay:m,isRunning:o,isIn:P,closeToast:b,hide:_,type:u,className:w,controlledProgress:U,progress:L||0})))},U=(t,n=!1)=>({enter:`Toastify--animate Toastify__${t}-enter`,exit:`Toastify--animate Toastify__${t}-exit`,appendPosition:n}),H=u(U("bounce",!0)),F=(u(U("slide",!0)),u(U("zoom")),u(U("flip")),{position:"top-right",transition:H,autoClose:5e3,closeButton:!0,pauseOnHover:!0,pauseOnFocusLoss:!0,draggable:"touch",draggablePercent:80,draggableDirection:"x",role:"alert",theme:"light","aria-label":"Notifications Alt+T",hotKeys:t=>t.altKey&&"KeyT"===t.code});function Y(e){let s={...F,...e},r=e.stacked,[i,f]=a(!0),c=o(null),{getToastToRender:m,isToastActive:p,count:u}=D(s),{className:_,style:g,rtl:v,containerId:b,hotKeys:T}=s;function h(t){let n=l("Toastify__toast-container",`Toastify__toast-container--${t}`,{"Toastify__toast-container--rtl":v});return d(_)?_({position:t,rtl:v,defaultClassName:n}):l(n,y(_))}function x(){r&&(f(!0),A.play())}return R(()=>{var t;if(r){let n=c.current.querySelectorAll('[data-in="true"]'),o=12,a=null==(t=s.position)?void 0:t.includes("top"),e=0,r=0;Array.from(n).reverse().forEach((t,n)=>{let s=t;s.classList.add("Toastify__toast--stacked"),n>0&&(s.dataset.collapsed=`${i}`),s.dataset.pos||(s.dataset.pos=a?"top":"bot");let l=e*(i?.2:1)+(i?0:o*n),f=Math.max(.5,1-(i?r:0));s.style.setProperty("--y",`${a?l:-1*l}px`),s.style.setProperty("--g",`${o}`),s.style.setProperty("--s",`${f}`),e+=s.offsetHeight,r+=.025})}},[i,u,r]),t(()=>{function t(t){var n;let o=c.current;T(t)&&(null==(n=null==o?void 0:o.querySelector('[tabIndex="0"]'))||n.focus(),f(!1),A.pause()),"Escape"===t.key&&(document.activeElement===o||null!=o&&o.contains(document.activeElement))&&(f(!0),A.play())}return document.addEventListener("keydown",t),()=>{document.removeEventListener("keydown",t)}},[T]),n.createElement("section",{ref:c,className:"Toastify",id:b,onMouseEnter:()=>{r&&(f(!1),A.pause())},onMouseLeave:x,"aria-live":"polite","aria-atomic":"false","aria-relevant":"additions text","aria-label":s["aria-label"]},m((t,o)=>{let a=o.length?{...g}:{...g,pointerEvents:"none"};return n.createElement("div",{tabIndex:-1,className:h(t),"data-stacked":r,style:a,key:`c-${t}`},o.map(({content:t,props:o})=>n.createElement(S,{...o,stacked:r,collapseAll:x,isIn:p(o.toastId,o.containerId),key:`t-${o.key}`},t)))}))}var j=/* @__PURE__ */new Map;function q(t){return((t,n)=>{R(()=>{if("undefined"==typeof document)return;let o=document,a=j.get(o);if(a)return void(n&&a.setAttribute("nonce",n));let e=o.createElement("style");e.textContent=t,n&&e.setAttribute("nonce",n),o.head.appendChild(e),j.set(o,e)},[n])})(":root {\n  --toastify-color-light: #fff;\n  --toastify-color-dark: #121212;\n  --toastify-color-info: #3498db;\n  --toastify-color-success: #07bc0c;\n  --toastify-color-warning: #f1c40f;\n  --toastify-color-error: hsl(6, 78%, 57%);\n  --toastify-color-transparent: rgba(255, 255, 255, 0.7);\n\n  --toastify-icon-color-info: var(--toastify-color-info);\n  --toastify-icon-color-success: var(--toastify-color-success);\n  --toastify-icon-color-warning: var(--toastify-color-warning);\n  --toastify-icon-color-error: var(--toastify-color-error);\n\n  --toastify-container-width: fit-content;\n  --toastify-toast-width: 320px;\n  --toastify-toast-offset: 16px;\n  --toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));\n  --toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));\n  --toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));\n  --toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));\n  --toastify-toast-background: #fff;\n  --toastify-toast-padding: 14px;\n  --toastify-toast-min-height: 64px;\n  --toastify-toast-max-height: 800px;\n  --toastify-toast-bd-radius: 6px;\n  --toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);\n  --toastify-font-family: sans-serif;\n  --toastify-z-index: 9999;\n  --toastify-text-color-light: #757575;\n  --toastify-text-color-dark: #fff;\n\n  /* Used only for colored theme */\n  --toastify-text-color-info: #fff;\n  --toastify-text-color-success: #fff;\n  --toastify-text-color-warning: #fff;\n  --toastify-text-color-error: #fff;\n\n  --toastify-spinner-color: #616161;\n  --toastify-spinner-color-empty-area: #e0e0e0;\n  --toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);\n  --toastify-color-progress-dark: #bb86fc;\n  --toastify-color-progress-info: var(--toastify-color-info);\n  --toastify-color-progress-success: var(--toastify-color-success);\n  --toastify-color-progress-warning: var(--toastify-color-warning);\n  --toastify-color-progress-error: var(--toastify-color-error);\n  /* used to control the opacity of the progress trail */\n  --toastify-color-progress-bgo: 0.2;\n}\n\n.Toastify__toast-container {\n  z-index: var(--toastify-z-index);\n  -webkit-transform: translate3d(0, 0, var(--toastify-z-index));\n  position: fixed;\n  width: var(--toastify-container-width);\n  box-sizing: border-box;\n  color: #fff;\n  display: flex;\n  flex-direction: column;\n}\n\n.Toastify__toast-container--top-left {\n  top: var(--toastify-toast-top);\n  left: var(--toastify-toast-left);\n}\n.Toastify__toast-container--top-center {\n  top: var(--toastify-toast-top);\n  left: 50%;\n  transform: translateX(-50%);\n  align-items: center;\n}\n.Toastify__toast-container--top-right {\n  top: var(--toastify-toast-top);\n  right: var(--toastify-toast-right);\n  align-items: end;\n}\n.Toastify__toast-container--bottom-left {\n  bottom: var(--toastify-toast-bottom);\n  left: var(--toastify-toast-left);\n}\n.Toastify__toast-container--bottom-center {\n  bottom: var(--toastify-toast-bottom);\n  left: 50%;\n  transform: translateX(-50%);\n  align-items: center;\n}\n.Toastify__toast-container--bottom-right {\n  bottom: var(--toastify-toast-bottom);\n  right: var(--toastify-toast-right);\n  align-items: end;\n}\n\n.Toastify__toast {\n  --y: 0px;\n  position: relative;\n  touch-action: none;\n  width: var(--toastify-toast-width);\n  min-height: var(--toastify-toast-min-height);\n  box-sizing: border-box;\n  margin-bottom: 1rem;\n  padding: var(--toastify-toast-padding);\n  border-radius: var(--toastify-toast-bd-radius);\n  box-shadow: var(--toastify-toast-shadow);\n  max-height: var(--toastify-toast-max-height);\n  font-family: var(--toastify-font-family);\n  /* webkit only issue #791 */\n  z-index: 0;\n  /* inner swag */\n  display: flex;\n  flex: 1 auto;\n  align-items: center;\n  word-break: break-word;\n}\n\n@media only screen and (max-width: 480px) {\n  .Toastify__toast-container {\n    width: 100vw;\n    left: env(safe-area-inset-left);\n    margin: 0;\n  }\n  .Toastify__toast-container--top-left,\n  .Toastify__toast-container--top-center,\n  .Toastify__toast-container--top-right {\n    top: env(safe-area-inset-top);\n    transform: translateX(0);\n  }\n  .Toastify__toast-container--bottom-left,\n  .Toastify__toast-container--bottom-center,\n  .Toastify__toast-container--bottom-right {\n    bottom: env(safe-area-inset-bottom);\n    transform: translateX(0);\n  }\n  .Toastify__toast-container--rtl {\n    right: env(safe-area-inset-right);\n    left: initial;\n  }\n  .Toastify__toast {\n    --toastify-toast-width: 100%;\n    margin-bottom: 0;\n    border-radius: 0;\n  }\n}\n\n.Toastify__toast-container[data-stacked='true'] {\n  width: var(--toastify-toast-width);\n}\n\n@media only screen and (max-width: 480px) {\n  .Toastify__toast-container[data-stacked='true'] {\n    width: 100vw;\n  }\n}\n\n.Toastify__toast--stacked {\n  position: absolute;\n  width: 100%;\n  transform: translate3d(0, var(--y), 0) scale(var(--s));\n  transition: transform 0.3s;\n}\n\n.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,\n.Toastify__toast--stacked[data-collapsed] .Toastify__close-button {\n  transition: opacity 0.1s;\n}\n\n.Toastify__toast--stacked[data-collapsed='false'] {\n  overflow: visible;\n}\n\n.Toastify__toast--stacked[data-collapsed='true']:not(:last-child) > * {\n  opacity: 0;\n}\n\n.Toastify__toast--stacked:after {\n  content: '';\n  position: absolute;\n  left: 0;\n  right: 0;\n  height: calc(var(--g) * 1px);\n  bottom: 100%;\n}\n\n.Toastify__toast--stacked[data-pos='top'] {\n  top: 0;\n}\n\n.Toastify__toast--stacked[data-pos='bot'] {\n  bottom: 0;\n}\n\n.Toastify__toast--stacked[data-pos='bot'].Toastify__toast--stacked:before {\n  transform-origin: top;\n}\n\n.Toastify__toast--stacked[data-pos='top'].Toastify__toast--stacked:before {\n  transform-origin: bottom;\n}\n\n.Toastify__toast--stacked:before {\n  content: '';\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  height: 100%;\n  transform: scaleY(3);\n  z-index: -1;\n}\n\n.Toastify__toast--rtl {\n  direction: rtl;\n}\n\n.Toastify__toast--close-on-click {\n  cursor: pointer;\n}\n\n.Toastify__toast-icon {\n  margin-inline-end: 10px;\n  width: 22px;\n  flex-shrink: 0;\n  display: flex;\n}\n\n.Toastify--animate {\n  animation-fill-mode: both;\n  animation-duration: 0.5s;\n}\n\n.Toastify--animate-icon {\n  animation-fill-mode: both;\n  animation-duration: 0.3s;\n}\n\n.Toastify__toast-theme--dark {\n  background: var(--toastify-color-dark);\n  color: var(--toastify-text-color-dark);\n}\n\n.Toastify__toast-theme--light {\n  background: var(--toastify-color-light);\n  color: var(--toastify-text-color-light);\n}\n\n.Toastify__toast-theme--colored.Toastify__toast--default {\n  background: var(--toastify-color-light);\n  color: var(--toastify-text-color-light);\n}\n\n.Toastify__toast-theme--colored.Toastify__toast--info {\n  color: var(--toastify-text-color-info);\n  background: var(--toastify-color-info);\n}\n\n.Toastify__toast-theme--colored.Toastify__toast--success {\n  color: var(--toastify-text-color-success);\n  background: var(--toastify-color-success);\n}\n\n.Toastify__toast-theme--colored.Toastify__toast--warning {\n  color: var(--toastify-text-color-warning);\n  background: var(--toastify-color-warning);\n}\n\n.Toastify__toast-theme--colored.Toastify__toast--error {\n  color: var(--toastify-text-color-error);\n  background: var(--toastify-color-error);\n}\n\n.Toastify__progress-bar-theme--light {\n  background: var(--toastify-color-progress-light);\n}\n\n.Toastify__progress-bar-theme--dark {\n  background: var(--toastify-color-progress-dark);\n}\n\n.Toastify__progress-bar--info {\n  background: var(--toastify-color-progress-info);\n}\n\n.Toastify__progress-bar--success {\n  background: var(--toastify-color-progress-success);\n}\n\n.Toastify__progress-bar--warning {\n  background: var(--toastify-color-progress-warning);\n}\n\n.Toastify__progress-bar--error {\n  background: var(--toastify-color-progress-error);\n}\n\n.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,\n.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,\n.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,\n.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {\n  background: var(--toastify-color-transparent);\n}\n\n.Toastify__close-button {\n  color: #fff;\n  position: absolute;\n  top: 6px;\n  right: 6px;\n  background: transparent;\n  outline: none;\n  border: none;\n  padding: 0;\n  cursor: pointer;\n  opacity: 0.7;\n  transition: 0.3s ease;\n  z-index: 1;\n}\n\n.Toastify__toast--rtl .Toastify__close-button {\n  left: 6px;\n  right: unset;\n}\n\n.Toastify__close-button--light {\n  color: #000;\n  opacity: 0.3;\n}\n\n.Toastify__close-button > svg {\n  fill: currentColor;\n  height: 16px;\n  width: 14px;\n}\n\n.Toastify__close-button:hover,\n.Toastify__close-button:focus {\n  opacity: 1;\n}\n\n@keyframes Toastify__trackProgress {\n  0% {\n    transform: scaleX(1);\n  }\n  100% {\n    transform: scaleX(0);\n  }\n}\n\n.Toastify__progress-bar {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n  opacity: 0.7;\n  transform-origin: left;\n}\n\n.Toastify__progress-bar--animated {\n  animation: Toastify__trackProgress linear 1 forwards;\n}\n\n.Toastify__progress-bar--controlled {\n  transition: transform 0.2s;\n}\n\n.Toastify__progress-bar--rtl {\n  right: 0;\n  left: initial;\n  transform-origin: right;\n  border-bottom-left-radius: initial;\n}\n\n.Toastify__progress-bar--wrp {\n  position: absolute;\n  overflow: hidden;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: 5px;\n  border-bottom-left-radius: var(--toastify-toast-bd-radius);\n  border-bottom-right-radius: var(--toastify-toast-bd-radius);\n}\n\n.Toastify__progress-bar--wrp[data-hidden='true'] {\n  opacity: 0;\n}\n\n.Toastify__progress-bar--bg {\n  opacity: var(--toastify-color-progress-bgo);\n  width: 100%;\n  height: 100%;\n}\n\n.Toastify__spinner {\n  width: 20px;\n  height: 20px;\n  box-sizing: border-box;\n  border: 2px solid;\n  border-radius: 100%;\n  border-color: var(--toastify-spinner-color-empty-area);\n  border-right-color: var(--toastify-spinner-color);\n  animation: Toastify__spin 0.65s linear infinite;\n}\n\n@keyframes Toastify__bounceInRight {\n  from,\n  60%,\n  75%,\n  90%,\n  to {\n    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n  }\n  from {\n    opacity: 0;\n    transform: translate3d(3000px, 0, 0);\n  }\n  60% {\n    opacity: 1;\n    transform: translate3d(-25px, 0, 0);\n  }\n  75% {\n    transform: translate3d(10px, 0, 0);\n  }\n  90% {\n    transform: translate3d(-5px, 0, 0);\n  }\n  to {\n    transform: none;\n  }\n}\n\n@keyframes Toastify__bounceOutRight {\n  20% {\n    opacity: 1;\n    transform: translate3d(-20px, var(--y), 0);\n  }\n  to {\n    opacity: 0;\n    transform: translate3d(2000px, var(--y), 0);\n  }\n}\n\n@keyframes Toastify__bounceInLeft {\n  from,\n  60%,\n  75%,\n  90%,\n  to {\n    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n  }\n  0% {\n    opacity: 0;\n    transform: translate3d(-3000px, 0, 0);\n  }\n  60% {\n    opacity: 1;\n    transform: translate3d(25px, 0, 0);\n  }\n  75% {\n    transform: translate3d(-10px, 0, 0);\n  }\n  90% {\n    transform: translate3d(5px, 0, 0);\n  }\n  to {\n    transform: none;\n  }\n}\n\n@keyframes Toastify__bounceOutLeft {\n  20% {\n    opacity: 1;\n    transform: translate3d(20px, var(--y), 0);\n  }\n  to {\n    opacity: 0;\n    transform: translate3d(-2000px, var(--y), 0);\n  }\n}\n\n@keyframes Toastify__bounceInUp {\n  from,\n  60%,\n  75%,\n  90%,\n  to {\n    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n  }\n  from {\n    opacity: 0;\n    transform: translate3d(0, 3000px, 0);\n  }\n  60% {\n    opacity: 1;\n    transform: translate3d(0, -20px, 0);\n  }\n  75% {\n    transform: translate3d(0, 10px, 0);\n  }\n  90% {\n    transform: translate3d(0, -5px, 0);\n  }\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n}\n\n@keyframes Toastify__bounceOutUp {\n  20% {\n    transform: translate3d(0, calc(var(--y) - 10px), 0);\n  }\n  40%,\n  45% {\n    opacity: 1;\n    transform: translate3d(0, calc(var(--y) + 20px), 0);\n  }\n  to {\n    opacity: 0;\n    transform: translate3d(0, -2000px, 0);\n  }\n}\n\n@keyframes Toastify__bounceInDown {\n  from,\n  60%,\n  75%,\n  90%,\n  to {\n    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n  }\n  0% {\n    opacity: 0;\n    transform: translate3d(0, -3000px, 0);\n  }\n  60% {\n    opacity: 1;\n    transform: translate3d(0, 25px, 0);\n  }\n  75% {\n    transform: translate3d(0, -10px, 0);\n  }\n  90% {\n    transform: translate3d(0, 5px, 0);\n  }\n  to {\n    transform: none;\n  }\n}\n\n@keyframes Toastify__bounceOutDown {\n  20% {\n    transform: translate3d(0, calc(var(--y) - 10px), 0);\n  }\n  40%,\n  45% {\n    opacity: 1;\n    transform: translate3d(0, calc(var(--y) + 20px), 0);\n  }\n  to {\n    opacity: 0;\n    transform: translate3d(0, 2000px, 0);\n  }\n}\n\n.Toastify__bounce-enter--top-left,\n.Toastify__bounce-enter--bottom-left {\n  animation-name: Toastify__bounceInLeft;\n}\n\n.Toastify__bounce-enter--top-right,\n.Toastify__bounce-enter--bottom-right {\n  animation-name: Toastify__bounceInRight;\n}\n\n.Toastify__bounce-enter--top-center {\n  animation-name: Toastify__bounceInDown;\n}\n\n.Toastify__bounce-enter--bottom-center {\n  animation-name: Toastify__bounceInUp;\n}\n\n.Toastify__bounce-exit--top-left,\n.Toastify__bounce-exit--bottom-left {\n  animation-name: Toastify__bounceOutLeft;\n}\n\n.Toastify__bounce-exit--top-right,\n.Toastify__bounce-exit--bottom-right {\n  animation-name: Toastify__bounceOutRight;\n}\n\n.Toastify__bounce-exit--top-center {\n  animation-name: Toastify__bounceOutUp;\n}\n\n.Toastify__bounce-exit--bottom-center {\n  animation-name: Toastify__bounceOutDown;\n}\n\n@keyframes Toastify__zoomIn {\n  from {\n    opacity: 0;\n    transform: scale3d(0.3, 0.3, 0.3);\n  }\n  50% {\n    opacity: 1;\n  }\n}\n\n@keyframes Toastify__zoomOut {\n  from {\n    opacity: 1;\n  }\n  50% {\n    opacity: 0;\n    transform: translate3d(0, var(--y), 0) scale3d(0.3, 0.3, 0.3);\n  }\n  to {\n    opacity: 0;\n  }\n}\n\n.Toastify__zoom-enter {\n  animation-name: Toastify__zoomIn;\n}\n\n.Toastify__zoom-exit {\n  animation-name: Toastify__zoomOut;\n}\n\n@keyframes Toastify__flipIn {\n  from {\n    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\n    animation-timing-function: ease-in;\n    opacity: 0;\n  }\n  40% {\n    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\n    animation-timing-function: ease-in;\n  }\n  60% {\n    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);\n    opacity: 1;\n  }\n  80% {\n    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);\n  }\n  to {\n    transform: perspective(400px);\n  }\n}\n\n@keyframes Toastify__flipOut {\n  from {\n    transform: translate3d(0, var(--y), 0) perspective(400px);\n  }\n  30% {\n    transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, -20deg);\n    opacity: 1;\n  }\n  to {\n    transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, 90deg);\n    opacity: 0;\n  }\n}\n\n.Toastify__flip-enter {\n  animation-name: Toastify__flipIn;\n}\n\n.Toastify__flip-exit {\n  animation-name: Toastify__flipOut;\n}\n\n@keyframes Toastify__slideInRight {\n  from {\n    transform: translate3d(110%, 0, 0);\n    visibility: visible;\n  }\n  to {\n    transform: translate3d(0, var(--y), 0);\n  }\n}\n\n@keyframes Toastify__slideInLeft {\n  from {\n    transform: translate3d(-110%, 0, 0);\n    visibility: visible;\n  }\n  to {\n    transform: translate3d(0, var(--y), 0);\n  }\n}\n\n@keyframes Toastify__slideInUp {\n  from {\n    transform: translate3d(0, 110%, 0);\n    visibility: visible;\n  }\n  to {\n    transform: translate3d(0, var(--y), 0);\n  }\n}\n\n@keyframes Toastify__slideInDown {\n  from {\n    transform: translate3d(0, -110%, 0);\n    visibility: visible;\n  }\n  to {\n    transform: translate3d(0, var(--y), 0);\n  }\n}\n\n@keyframes Toastify__slideOutRight {\n  from {\n    transform: translate3d(0, var(--y), 0);\n  }\n  to {\n    visibility: hidden;\n    transform: translate3d(110%, var(--y), 0);\n  }\n}\n\n@keyframes Toastify__slideOutLeft {\n  from {\n    transform: translate3d(0, var(--y), 0);\n  }\n  to {\n    visibility: hidden;\n    transform: translate3d(-110%, var(--y), 0);\n  }\n}\n\n@keyframes Toastify__slideOutDown {\n  from {\n    transform: translate3d(0, var(--y), 0);\n  }\n  to {\n    visibility: hidden;\n    transform: translate3d(0, 500px, 0);\n  }\n}\n\n@keyframes Toastify__slideOutUp {\n  from {\n    transform: translate3d(0, var(--y), 0);\n  }\n  to {\n    visibility: hidden;\n    transform: translate3d(0, -500px, 0);\n  }\n}\n\n.Toastify__slide-enter--top-left,\n.Toastify__slide-enter--bottom-left {\n  animation-name: Toastify__slideInLeft;\n}\n\n.Toastify__slide-enter--top-right,\n.Toastify__slide-enter--bottom-right {\n  animation-name: Toastify__slideInRight;\n}\n\n.Toastify__slide-enter--top-center {\n  animation-name: Toastify__slideInDown;\n}\n\n.Toastify__slide-enter--bottom-center {\n  animation-name: Toastify__slideInUp;\n}\n\n.Toastify__slide-exit--top-left,\n.Toastify__slide-exit--bottom-left {\n  animation-name: Toastify__slideOutLeft;\n  animation-timing-function: ease-in;\n  animation-duration: 0.3s;\n}\n\n.Toastify__slide-exit--top-right,\n.Toastify__slide-exit--bottom-right {\n  animation-name: Toastify__slideOutRight;\n  animation-timing-function: ease-in;\n  animation-duration: 0.3s;\n}\n\n.Toastify__slide-exit--top-center {\n  animation-name: Toastify__slideOutUp;\n  animation-timing-function: ease-in;\n  animation-duration: 0.3s;\n}\n\n.Toastify__slide-exit--bottom-center {\n  animation-name: Toastify__slideOutDown;\n  animation-timing-function: ease-in;\n  animation-duration: 0.3s;\n}\n\n@keyframes Toastify__spin {\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n}\n",t.nonce),n.createElement(Y,{...t})}export{A as n,q as t};
+import{b as t,c as n,f as o,h as a,l as e,m as s,r,u as i}from"./C3uDEVBt.js";import{o as l}from"./BItJQVdK.js";var f=t=>"number"==typeof t&&!isNaN(t),c=t=>"string"==typeof t,d=t=>"function"==typeof t,y=t=>c(t)||d(t)?t:null,m=(t,n)=>!1===t||f(t)&&t>0?t:n,p=t=>e(t)||c(t)||d(t)||f(t);function u({enter:a,exit:e,appendPosition:r=!1,collapse:i=!0,collapseDuration:l=300}){return function({children:f,position:c,preventExitTransition:d,done:y,nodeRef:m,isIn:p,playToast:u}){let _=r?`${a}--${c}`:a,g=r?`${e}--${c}`:e,v=o(0);return s(()=>{let t=m.current,n=_.split(" "),o=a=>{a.target===m.current&&(u(),t.removeEventListener("animationend",o),t.removeEventListener("animationcancel",o),0===v.current&&"animationcancel"!==a.type&&t.classList.remove(...n))};t.classList.add(...n),t.addEventListener("animationend",o),t.addEventListener("animationcancel",o)},[]),t(()=>{let t=m.current,n=()=>{t.removeEventListener("animationend",n),i?function(t,n,o=300){let{scrollHeight:a,style:e}=t;requestAnimationFrame(()=>{e.minHeight="initial",e.height=a+"px",e.transition=`all ${o}ms`,requestAnimationFrame(()=>{e.height="0",e.padding="0",e.margin="0",setTimeout(n,o)})})}(t,y,l):y()};p||(d?n():(v.current=1,t.className+=` ${g}`,t.addEventListener("animationend",n)))},[p]),n.createElement(n.Fragment,null,f)}}function _(t,n){return{content:g(t.content,t.props),containerId:t.props.containerId,id:t.props.toastId,theme:t.props.theme,type:t.props.type,data:t.props.data||{},isLoading:t.props.isLoading,icon:t.props.icon,reason:t.removalReason,status:n}}function g(t,n,o=!1){return e(t)&&!c(t.type)?i(t,{closeToast:n.closeToast,toastProps:n,data:n.data,isPaused:o}):d(t)?t({closeToast:n.closeToast,toastProps:n,data:n.data,isPaused:o}):t}function v({delay:t,isRunning:o,closeToast:a,type:e="default",hide:s,className:r,controlledProgress:i,progress:f,rtl:c,isIn:y,theme:m}){let p=s||i&&0===f,u={animationDuration:`${t}ms`,animationPlayState:o?"running":"paused"};i&&(u.transform=`scaleX(${f})`);let _=l("Toastify__progress-bar",i?"Toastify__progress-bar--controlled":"Toastify__progress-bar--animated",`Toastify__progress-bar-theme--${m}`,`Toastify__progress-bar--${e}`,{"Toastify__progress-bar--rtl":c}),g=d(r)?r({rtl:c,type:e,defaultClassName:_}):l(_,r),v={[i&&f>=1?"onTransitionEnd":"onAnimationEnd"]:i&&f<1?null:()=>{y&&a()}};return n.createElement("div",{className:"Toastify__progress-bar--wrp","data-hidden":p},n.createElement("div",{className:`Toastify__progress-bar--bg Toastify__progress-bar-theme--${m} Toastify__progress-bar--${e}`}),n.createElement("div",{role:"progressbar","aria-hidden":p?"true":"false","aria-label":"notification timer","aria-valuenow":i?Math.round(100*f):void 0,"aria-valuemin":0,"aria-valuemax":100,className:g,style:u,...v}))}var b=1,T=()=>""+b++;var h=/* @__PURE__ */new Map,x=[],k=/* @__PURE__ */new Set,w=t=>k.forEach(n=>n(t)),I=()=>h.size>0;function E(t,n){var o;if(n)return!(null==(o=h.get(n))||!o.isToastActive(t));let a=!1;return h.forEach(n=>{n.isToastActive(t)&&(a=!0)}),a}function L(t,n){p(t)&&(I()||x.push({content:t,options:n}),h.forEach(o=>{o.buildToast(t,n)}))}function C(t,n){h.forEach(o=>{(null==n||null==n||!n.containerId||(null==n?void 0:n.containerId)===o.id)&&o.toggle(t,null==n?void 0:n.id)})}function O(t){let n=t.containerId||1;return{subscribe(o){let a=function(t,n,o){let a=1,e=0,s=[],r=[],i=n,l=/* @__PURE__ */new Map,c=/* @__PURE__ */new Set,d=()=>{r=Array.from(l.values()),c.forEach(t=>t())},u=t=>{var n,a;t.isActive&&(null==(a=null==(n=t.props)?void 0:n.onClose)||a.call(n,t.removalReason),t.isActive=!1,o(_(t,"removed")))},g=t=>{if(null==t)l.forEach(u);else{let n=l.get(t);n&&u(n)}d()},v=t=>{var n,a;let{toastId:e,updateId:s}=t.props,r=null==s;t.staleId&&l.delete(t.staleId),t.isActive=!0,l.set(e,t),d(),o(_(t,r?"added":"updated")),r&&(null==(a=(n=t.props).onOpen)||a.call(n))};return{id:t,props:i,observe:t=>(c.add(t),()=>c.delete(t)),toggle:(t,n)=>{l.forEach(o=>{var a;(null==n||n===o.props.toastId)&&(null==(a=o.toggle)||a.call(o,t))})},removeToast:g,toasts:l,clearQueue:()=>{e-=s.length,s=[]},buildToast:(n,o)=>{if((({containerId:n,toastId:o,updateId:a})=>{let e=n?n!==t:1!==t,s=l.has(o)&&null==a;return e||s})(o))return;let{toastId:r,updateId:c,data:u,staleId:_,delay:b}=o,T=null==c;T&&e++;let h={...i,style:i.toastStyle,key:a++,...Object.fromEntries(Object.entries(o).filter(([t,n])=>null!=n)),toastId:r,updateId:c,data:u,isIn:!1,className:y(o.className||i.toastClassName),progressClassName:y(o.progressClassName||i.progressClassName),autoClose:!o.isLoading&&m(o.autoClose,i.autoClose),closeToast(t){let n=l.get(r);n&&(n.removalReason=t,g(r))},deleteToast(){if(null!=l.get(r)){if(l.delete(r),e--,e<0&&(e=0),s.length>0)return void v(s.shift());d()}}};h.closeButton=i.closeButton,!1===o.closeButton||p(o.closeButton)?h.closeButton=o.closeButton:!0===o.closeButton&&(h.closeButton=!p(i.closeButton)||i.closeButton);let x={content:n,props:h,staleId:_};i.limit&&i.limit>0&&e>i.limit&&T?s.push(x):f(b)?setTimeout(()=>{v(x)},b):v(x)},setProps(t){i=t},setToggle:(t,n)=>{let o=l.get(t);o&&(o.toggle=n)},isToastActive:t=>{var n;return null==(n=l.get(t))?void 0:n.isActive},getSnapshot:()=>r}}(n,t,w);h.set(n,a);let e=a.observe(o);return x.forEach(t=>L(t.content,t.options)),x=[],()=>{e(),h.delete(n)}},setProps(t){var o;null==(o=h.get(n))||o.setProps(t)},getSnapshot(){var t;return null==(t=h.get(n))?void 0:t.getSnapshot()}}}function z(t){return t&&(c(t.toastId)||f(t.toastId))?t.toastId:T()}function P(t,n){return L(t,n),n.toastId}function $(t,n){return{...n,type:n&&n.type||t,toastId:z(n)}}function N(t){return(n,o)=>P(n,$(t,o))}function A(t,n){return P(t,$("default",n))}function D(t){var n;let{subscribe:a,getSnapshot:e,setProps:s}=o(O(t)).current;s(t);let i=null==(n=r(a,e,e))?void 0:n.slice();return{getToastToRender:function(n){if(!i)return[];let o=/* @__PURE__ */new Map;return t.newestOnTop&&i.reverse(),i.forEach(t=>{let{position:n}=t.props;o.has(n)||o.set(n,[]),o.get(n).push(t)}),Array.from(o,t=>n(t[0],t[1]))},isToastActive:E,count:null==i?void 0:i.length}}function M(n){let[e,s]=a(!1),[r,i]=a(!1),l=o(null),f=o({start:0,delta:0,removalDistance:0,canCloseOnClick:!0,canDrag:!1,didMove:!1}).current,{autoClose:c,pauseOnHover:d,closeToast:y,onClick:m,closeOnClick:p}=n;function u(){s(!0)}function _(){s(!1)}function g(t){let o=l.current;if(f.canDrag&&o){f.didMove=!0,e&&_(),"x"===n.draggableDirection?f.delta=t.clientX-f.start:f.delta=t.clientY-f.start,f.start!==t.clientX&&(f.canCloseOnClick=!1);let a="x"===n.draggableDirection?`${f.delta}px, var(--y)`:`0, calc(${f.delta}px + var(--y))`;o.style.transform=`translate3d(${a},0)`,o.style.opacity=""+(1-Math.abs(f.delta/f.removalDistance))}}function v(){document.removeEventListener("pointermove",g),document.removeEventListener("pointerup",v);let t=l.current;if(f.canDrag&&f.didMove&&t){if(f.canDrag=!1,Math.abs(f.delta)>f.removalDistance)return i(!0),n.closeToast(!0),void n.collapseAll();t.style.transition="transform 0.2s, opacity 0.2s",t.style.removeProperty("transform"),t.style.removeProperty("opacity")}}(function(t){var n;null==(n=h.get(t.containerId||1))||n.setToggle(t.id,t.fn)})({id:n.toastId,containerId:n.containerId,fn:s}),t(()=>{if(n.pauseOnFocusLoss)return document.hasFocus()||_(),window.addEventListener("focus",u),window.addEventListener("blur",_),()=>{window.removeEventListener("focus",u),window.removeEventListener("blur",_)}},[n.pauseOnFocusLoss]);let b={onPointerDown:function(t){if(!0===n.draggable||n.draggable===t.pointerType){f.didMove=!1,document.addEventListener("pointermove",g),document.addEventListener("pointerup",v);let o=l.current;f.canCloseOnClick=!0,f.canDrag=!0,o.style.transition="none","x"===n.draggableDirection?(f.start=t.clientX,f.removalDistance=o.offsetWidth*(n.draggablePercent/100)):(f.start=t.clientY,f.removalDistance=o.offsetHeight*(80===n.draggablePercent?1.5*n.draggablePercent:n.draggablePercent)/100)}},onPointerUp:function(t){let{top:o,bottom:a,left:e,right:s}=l.current.getBoundingClientRect();"mouse"===t.pointerType&&n.pauseOnHover&&t.clientX>=e&&t.clientX<=s&&t.clientY>=o&&t.clientY<=a?_():u()}};return c&&d&&(b.onMouseEnter=_,n.stacked||(b.onMouseLeave=u)),p&&(b.onClick=t=>{m&&m(t),f.canCloseOnClick&&y(!0)}),{playToast:u,pauseToast:_,isRunning:e,preventExitTransition:r,toastRef:l,eventHandlers:b}}A.loading=(t,n)=>P(t,$("default",{isLoading:!0,autoClose:!1,closeOnClick:!1,closeButton:!1,draggable:!1,...n})),A.promise=function(t,{pending:n,error:o,success:a},e){let s;n&&(s=c(n)?A.loading(n,e):A.loading(n.render,{...e,...n}));let r={isLoading:null,autoClose:null,closeOnClick:null,closeButton:null,draggable:null},i=(t,n,o)=>{if(null==n)return void A.dismiss(s);let a={type:t,...r,...e,data:o},i=c(n)?{render:n}:n;return s?A.update(s,{...a,...i}):A(i.render,{...a,...i}),o},l=d(t)?t():t;return l.then(t=>i("success",a,t)).catch(t=>i("error",o,t)),l},A.success=N("success"),A.info=N("info"),A.error=N("error"),A.warning=N("warning"),A.warn=A.warning,A.dark=(t,n)=>P(t,$("default",{theme:"dark",...n})),A.dismiss=function(t){!function(t){if(I()){if(null==t||(t=>c(t)||f(t))(t))h.forEach(n=>{n.removeToast(t)});else if(t&&("containerId"in t||"id"in t)){let n=h.get(t.containerId);n?n.removeToast(t.id):h.forEach(n=>{n.removeToast(t.id)})}}else x=x.filter(n=>null!=t&&n.options.toastId!==t)}(t)},A.clearWaitingQueue=(t={})=>{h.forEach(n=>{n.props.limit&&(!t.containerId||n.id===t.containerId)&&n.clearQueue()})},A.isActive=E,A.update=(t,n={})=>{let o=((t,{containerId:n})=>{var o;return null==(o=h.get(n||1))?void 0:o.toasts.get(t)})(t,n);if(o){let{props:a,content:e}=o,s={delay:100,...a,...n,toastId:n.toastId||t,updateId:T()};s.toastId!==t&&(s.staleId=t);let r=s.render||e;delete s.render,P(r,s)}},A.done=t=>{A.update(t,{progress:1})},A.onChange=function(t){return k.add(t),()=>{k.delete(t)}},A.play=t=>C(!0,t),A.pause=t=>C(!1,t);var R="undefined"!=typeof window?s:t,B=({theme:t,type:o,isLoading:a,...e})=>n.createElement("svg",{viewBox:"0 0 24 24",width:"100%",height:"100%",fill:"colored"===t?"currentColor":`var(--toastify-icon-color-${o})`,...e}),X={info:function(t){return n.createElement(B,{...t},n.createElement("path",{d:"M12 0a12 12 0 1012 12A12.013 12.013 0 0012 0zm.25 5a1.5 1.5 0 11-1.5 1.5 1.5 1.5 0 011.5-1.5zm2.25 13.5h-4a1 1 0 010-2h.75a.25.25 0 00.25-.25v-4.5a.25.25 0 00-.25-.25h-.75a1 1 0 010-2h1a2 2 0 012 2v4.75a.25.25 0 00.25.25h.75a1 1 0 110 2z"}))},warning:function(t){return n.createElement(B,{...t},n.createElement("path",{d:"M23.32 17.191L15.438 2.184C14.728.833 13.416 0 11.996 0c-1.42 0-2.733.833-3.443 2.184L.533 17.448a4.744 4.744 0 000 4.368C1.243 23.167 2.555 24 3.975 24h16.05C22.22 24 24 22.044 24 19.632c0-.904-.251-1.746-.68-2.44zm-9.622 1.46c0 1.033-.724 1.823-1.698 1.823s-1.698-.79-1.698-1.822v-.043c0-1.028.724-1.822 1.698-1.822s1.698.79 1.698 1.822v.043zm.039-12.285l-.84 8.06c-.057.581-.408.943-.897.943-.49 0-.84-.367-.896-.942l-.84-8.065c-.057-.624.25-1.095.779-1.095h1.91c.528.005.84.476.784 1.1z"}))},success:function(t){return n.createElement(B,{...t},n.createElement("path",{d:"M12 0a12 12 0 1012 12A12.014 12.014 0 0012 0zm6.927 8.2l-6.845 9.289a1.011 1.011 0 01-1.43.188l-4.888-3.908a1 1 0 111.25-1.562l4.076 3.261 6.227-8.451a1 1 0 111.61 1.183z"}))},error:function(t){return n.createElement(B,{...t},n.createElement("path",{d:"M11.983 0a12.206 12.206 0 00-8.51 3.653A11.8 11.8 0 000 12.207 11.779 11.779 0 0011.8 24h.214A12.111 12.111 0 0024 11.791 11.766 11.766 0 0011.983 0zM10.5 16.542a1.476 1.476 0 011.449-1.53h.027a1.527 1.527 0 011.523 1.47 1.475 1.475 0 01-1.449 1.53h-.027a1.529 1.529 0 01-1.523-1.47zM11 12.5v-6a1 1 0 012 0v6a1 1 0 11-2 0z"}))},spinner:function(){return n.createElement("div",{className:"Toastify__spinner"})}};var S=t=>{let{isRunning:o,preventExitTransition:a,toastRef:s,eventHandlers:r,playToast:f}=M(t),{closeButton:c,children:y,autoClose:m,onClick:p,type:u,hideProgressBar:_,closeToast:b,transition:T,position:h,className:x,style:k,progressClassName:w,updateId:I,role:E,progress:L,rtl:C,toastId:O,deleteToast:z,isIn:P,isLoading:$,closeOnClick:N,theme:A,ariaLabel:D}=t,R=l("Toastify__toast",`Toastify__toast-theme--${A}`,`Toastify__toast--${u}`,{"Toastify__toast--rtl":C},{"Toastify__toast--close-on-click":N}),B=d(x)?x({rtl:C,position:h,type:u,defaultClassName:R}):l(R,x),S=function({theme:t,type:n,isLoading:o,icon:a}){let s=null,r={theme:t,type:n};return!1===a||(d(a)?s=a({...r,isLoading:o}):e(a)?s=i(a,r):o?s=X.spinner():(t=>t in X)(n)&&(s=X[n](r))),s}(t),U=!!L||!m,H={closeToast:b,type:u,theme:A},F=null;return!1===c||(F=d(c)?c(H):e(c)?i(c,H):function({closeToast:t,theme:o,ariaLabel:a="close"}){return n.createElement("button",{className:`Toastify__close-button Toastify__close-button--${o}`,type:"button",onClick:n=>{n.stopPropagation(),t(!0)},"aria-label":a},n.createElement("svg",{"aria-hidden":"true",viewBox:"0 0 14 16"},n.createElement("path",{fillRule:"evenodd",d:"M7.71 8.23l3.75 3.75-1.48 1.48-3.75-3.75-3.75 3.75L1 11.98l3.75-3.75L1 4.48 2.48 3l3.75 3.75L9.98 3l1.48 1.48-3.75 3.75z"})))}(H)),n.createElement(T,{isIn:P,done:z,position:h,preventExitTransition:a,nodeRef:s,playToast:f},n.createElement("div",{id:O,tabIndex:0,onClick:p,"data-in":P,className:B,...r,style:k,ref:s,...P&&{role:E,"aria-label":D}},null!=S&&n.createElement("div",{className:l("Toastify__toast-icon",{"Toastify--animate-icon Toastify__zoom-enter":!$})},S),g(y,t,!o),F,!t.customProgressBar&&n.createElement(v,{...I&&!U?{key:`p-${I}`}:{},rtl:C,theme:A,delay:m,isRunning:o,isIn:P,closeToast:b,hide:_,type:u,className:w,controlledProgress:U,progress:L||0})))},U=(t,n=!1)=>({enter:`Toastify--animate Toastify__${t}-enter`,exit:`Toastify--animate Toastify__${t}-exit`,appendPosition:n}),H=u(U("bounce",!0)),F=(u(U("slide",!0)),u(U("zoom")),u(U("flip")),{position:"top-right",transition:H,autoClose:5e3,closeButton:!0,pauseOnHover:!0,pauseOnFocusLoss:!0,draggable:"touch",draggablePercent:80,draggableDirection:"x",role:"alert",theme:"light","aria-label":"Notifications Alt+T",hotKeys:t=>t.altKey&&"KeyT"===t.code});function Y(e){let s={...F,...e},r=e.stacked,[i,f]=a(!0),c=o(null),{getToastToRender:m,isToastActive:p,count:u}=D(s),{className:_,style:g,rtl:v,containerId:b,hotKeys:T}=s;function h(t){let n=l("Toastify__toast-container",`Toastify__toast-container--${t}`,{"Toastify__toast-container--rtl":v});return d(_)?_({position:t,rtl:v,defaultClassName:n}):l(n,y(_))}function x(){r&&(f(!0),A.play())}return R(()=>{var t;if(r){let n=c.current.querySelectorAll('[data-in="true"]'),o=12,a=null==(t=s.position)?void 0:t.includes("top"),e=0,r=0;Array.from(n).reverse().forEach((t,n)=>{let s=t;s.classList.add("Toastify__toast--stacked"),n>0&&(s.dataset.collapsed=`${i}`),s.dataset.pos||(s.dataset.pos=a?"top":"bot");let l=e*(i?.2:1)+(i?0:o*n),f=Math.max(.5,1-(i?r:0));s.style.setProperty("--y",`${a?l:-1*l}px`),s.style.setProperty("--g",`${o}`),s.style.setProperty("--s",`${f}`),e+=s.offsetHeight,r+=.025})}},[i,u,r]),t(()=>{function t(t){var n;let o=c.current;T(t)&&(null==(n=null==o?void 0:o.querySelector('[tabIndex="0"]'))||n.focus(),f(!1),A.pause()),"Escape"===t.key&&(document.activeElement===o||null!=o&&o.contains(document.activeElement))&&(f(!0),A.play())}return document.addEventListener("keydown",t),()=>{document.removeEventListener("keydown",t)}},[T]),n.createElement("section",{ref:c,className:"Toastify",id:b,onMouseEnter:()=>{r&&(f(!1),A.pause())},onMouseLeave:x,"aria-live":"polite","aria-atomic":"false","aria-relevant":"additions text","aria-label":s["aria-label"]},m((t,o)=>{let a=o.length?{...g}:{...g,pointerEvents:"none"};return n.createElement("div",{tabIndex:-1,className:h(t),"data-stacked":r,style:a,key:`c-${t}`},o.map(({content:t,props:o})=>n.createElement(S,{...o,stacked:r,collapseAll:x,isIn:p(o.toastId,o.containerId),key:`t-${o.key}`},t)))}))}var j=/* @__PURE__ */new Map;function q(t){return((t,n)=>{R(()=>{if("undefined"==typeof document)return;let o=document,a=j.get(o);if(a)return void(n&&a.setAttribute("nonce",n));let e=o.createElement("style");e.textContent=t,n&&e.setAttribute("nonce",n),o.head.appendChild(e),j.set(o,e)},[n])})(":root {\n  --toastify-color-light: #fff;\n  --toastify-color-dark: #121212;\n  --toastify-color-info: #3498db;\n  --toastify-color-success: #07bc0c;\n  --toastify-color-warning: #f1c40f;\n  --toastify-color-error: hsl(6, 78%, 57%);\n  --toastify-color-transparent: rgba(255, 255, 255, 0.7);\n\n  --toastify-icon-color-info: var(--toastify-color-info);\n  --toastify-icon-color-success: var(--toastify-color-success);\n  --toastify-icon-color-warning: var(--toastify-color-warning);\n  --toastify-icon-color-error: var(--toastify-color-error);\n\n  --toastify-container-width: fit-content;\n  --toastify-toast-width: 320px;\n  --toastify-toast-offset: 16px;\n  --toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));\n  --toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));\n  --toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));\n  --toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));\n  --toastify-toast-background: #fff;\n  --toastify-toast-padding: 14px;\n  --toastify-toast-min-height: 64px;\n  --toastify-toast-max-height: 800px;\n  --toastify-toast-bd-radius: 6px;\n  --toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);\n  --toastify-font-family: sans-serif;\n  --toastify-z-index: 9999;\n  --toastify-text-color-light: #757575;\n  --toastify-text-color-dark: #fff;\n\n  /* Used only for colored theme */\n  --toastify-text-color-info: #fff;\n  --toastify-text-color-success: #fff;\n  --toastify-text-color-warning: #fff;\n  --toastify-text-color-error: #fff;\n\n  --toastify-spinner-color: #616161;\n  --toastify-spinner-color-empty-area: #e0e0e0;\n  --toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);\n  --toastify-color-progress-dark: #bb86fc;\n  --toastify-color-progress-info: var(--toastify-color-info);\n  --toastify-color-progress-success: var(--toastify-color-success);\n  --toastify-color-progress-warning: var(--toastify-color-warning);\n  --toastify-color-progress-error: var(--toastify-color-error);\n  /* used to control the opacity of the progress trail */\n  --toastify-color-progress-bgo: 0.2;\n}\n\n.Toastify__toast-container {\n  z-index: var(--toastify-z-index);\n  -webkit-transform: translate3d(0, 0, var(--toastify-z-index));\n  position: fixed;\n  width: var(--toastify-container-width);\n  box-sizing: border-box;\n  color: #fff;\n  display: flex;\n  flex-direction: column;\n}\n\n.Toastify__toast-container--top-left {\n  top: var(--toastify-toast-top);\n  left: var(--toastify-toast-left);\n}\n.Toastify__toast-container--top-center {\n  top: var(--toastify-toast-top);\n  left: 50%;\n  transform: translateX(-50%);\n  align-items: center;\n}\n.Toastify__toast-container--top-right {\n  top: var(--toastify-toast-top);\n  right: var(--toastify-toast-right);\n  align-items: end;\n}\n.Toastify__toast-container--bottom-left {\n  bottom: var(--toastify-toast-bottom);\n  left: var(--toastify-toast-left);\n}\n.Toastify__toast-container--bottom-center {\n  bottom: var(--toastify-toast-bottom);\n  left: 50%;\n  transform: translateX(-50%);\n  align-items: center;\n}\n.Toastify__toast-container--bottom-right {\n  bottom: var(--toastify-toast-bottom);\n  right: var(--toastify-toast-right);\n  align-items: end;\n}\n\n.Toastify__toast {\n  --y: 0px;\n  position: relative;\n  touch-action: none;\n  width: var(--toastify-toast-width);\n  min-height: var(--toastify-toast-min-height);\n  box-sizing: border-box;\n  margin-bottom: 1rem;\n  padding: var(--toastify-toast-padding);\n  border-radius: var(--toastify-toast-bd-radius);\n  box-shadow: var(--toastify-toast-shadow);\n  max-height: var(--toastify-toast-max-height);\n  font-family: var(--toastify-font-family);\n  /* webkit only issue #791 */\n  z-index: 0;\n  /* inner swag */\n  display: flex;\n  flex: 1 auto;\n  align-items: center;\n  word-break: break-word;\n}\n\n@media only screen and (max-width: 480px) {\n  .Toastify__toast-container {\n    width: 100vw;\n    left: env(safe-area-inset-left);\n    margin: 0;\n  }\n  .Toastify__toast-container--top-left,\n  .Toastify__toast-container--top-center,\n  .Toastify__toast-container--top-right {\n    top: env(safe-area-inset-top);\n    transform: translateX(0);\n  }\n  .Toastify__toast-container--bottom-left,\n  .Toastify__toast-container--bottom-center,\n  .Toastify__toast-container--bottom-right {\n    bottom: env(safe-area-inset-bottom);\n    transform: translateX(0);\n  }\n  .Toastify__toast-container--rtl {\n    right: env(safe-area-inset-right);\n    left: initial;\n  }\n  .Toastify__toast {\n    --toastify-toast-width: 100%;\n    margin-bottom: 0;\n    border-radius: 0;\n  }\n}\n\n.Toastify__toast-container[data-stacked='true'] {\n  width: var(--toastify-toast-width);\n}\n\n@media only screen and (max-width: 480px) {\n  .Toastify__toast-container[data-stacked='true'] {\n    width: 100vw;\n  }\n}\n\n.Toastify__toast--stacked {\n  position: absolute;\n  width: 100%;\n  transform: translate3d(0, var(--y), 0) scale(var(--s));\n  transition: transform 0.3s;\n}\n\n.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,\n.Toastify__toast--stacked[data-collapsed] .Toastify__close-button {\n  transition: opacity 0.1s;\n}\n\n.Toastify__toast--stacked[data-collapsed='false'] {\n  overflow: visible;\n}\n\n.Toastify__toast--stacked[data-collapsed='true']:not(:last-child) > * {\n  opacity: 0;\n}\n\n.Toastify__toast--stacked:after {\n  content: '';\n  position: absolute;\n  left: 0;\n  right: 0;\n  height: calc(var(--g) * 1px);\n  bottom: 100%;\n}\n\n.Toastify__toast--stacked[data-pos='top'] {\n  top: 0;\n}\n\n.Toastify__toast--stacked[data-pos='bot'] {\n  bottom: 0;\n}\n\n.Toastify__toast--stacked[data-pos='bot'].Toastify__toast--stacked:before {\n  transform-origin: top;\n}\n\n.Toastify__toast--stacked[data-pos='top'].Toastify__toast--stacked:before {\n  transform-origin: bottom;\n}\n\n.Toastify__toast--stacked:before {\n  content: '';\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  height: 100%;\n  transform: scaleY(3);\n  z-index: -1;\n}\n\n.Toastify__toast--rtl {\n  direction: rtl;\n}\n\n.Toastify__toast--close-on-click {\n  cursor: pointer;\n}\n\n.Toastify__toast-icon {\n  margin-inline-end: 10px;\n  width: 22px;\n  flex-shrink: 0;\n  display: flex;\n}\n\n.Toastify--animate {\n  animation-fill-mode: both;\n  animation-duration: 0.5s;\n}\n\n.Toastify--animate-icon {\n  animation-fill-mode: both;\n  animation-duration: 0.3s;\n}\n\n.Toastify__toast-theme--dark {\n  background: var(--toastify-color-dark);\n  color: var(--toastify-text-color-dark);\n}\n\n.Toastify__toast-theme--light {\n  background: var(--toastify-color-light);\n  color: var(--toastify-text-color-light);\n}\n\n.Toastify__toast-theme--colored.Toastify__toast--default {\n  background: var(--toastify-color-light);\n  color: var(--toastify-text-color-light);\n}\n\n.Toastify__toast-theme--colored.Toastify__toast--info {\n  color: var(--toastify-text-color-info);\n  background: var(--toastify-color-info);\n}\n\n.Toastify__toast-theme--colored.Toastify__toast--success {\n  color: var(--toastify-text-color-success);\n  background: var(--toastify-color-success);\n}\n\n.Toastify__toast-theme--colored.Toastify__toast--warning {\n  color: var(--toastify-text-color-warning);\n  background: var(--toastify-color-warning);\n}\n\n.Toastify__toast-theme--colored.Toastify__toast--error {\n  color: var(--toastify-text-color-error);\n  background: var(--toastify-color-error);\n}\n\n.Toastify__progress-bar-theme--light {\n  background: var(--toastify-color-progress-light);\n}\n\n.Toastify__progress-bar-theme--dark {\n  background: var(--toastify-color-progress-dark);\n}\n\n.Toastify__progress-bar--info {\n  background: var(--toastify-color-progress-info);\n}\n\n.Toastify__progress-bar--success {\n  background: var(--toastify-color-progress-success);\n}\n\n.Toastify__progress-bar--warning {\n  background: var(--toastify-color-progress-warning);\n}\n\n.Toastify__progress-bar--error {\n  background: var(--toastify-color-progress-error);\n}\n\n.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,\n.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,\n.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,\n.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {\n  background: var(--toastify-color-transparent);\n}\n\n.Toastify__close-button {\n  color: #fff;\n  position: absolute;\n  top: 6px;\n  right: 6px;\n  background: transparent;\n  outline: none;\n  border: none;\n  padding: 0;\n  cursor: pointer;\n  opacity: 0.7;\n  transition: 0.3s ease;\n  z-index: 1;\n}\n\n.Toastify__toast--rtl .Toastify__close-button {\n  left: 6px;\n  right: unset;\n}\n\n.Toastify__close-button--light {\n  color: #000;\n  opacity: 0.3;\n}\n\n.Toastify__close-button > svg {\n  fill: currentColor;\n  height: 16px;\n  width: 14px;\n}\n\n.Toastify__close-button:hover,\n.Toastify__close-button:focus {\n  opacity: 1;\n}\n\n@keyframes Toastify__trackProgress {\n  0% {\n    transform: scaleX(1);\n  }\n  100% {\n    transform: scaleX(0);\n  }\n}\n\n.Toastify__progress-bar {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n  opacity: 0.7;\n  transform-origin: left;\n}\n\n.Toastify__progress-bar--animated {\n  animation: Toastify__trackProgress linear 1 forwards;\n}\n\n.Toastify__progress-bar--controlled {\n  transition: transform 0.2s;\n}\n\n.Toastify__progress-bar--rtl {\n  right: 0;\n  left: initial;\n  transform-origin: right;\n  border-bottom-left-radius: initial;\n}\n\n.Toastify__progress-bar--wrp {\n  position: absolute;\n  overflow: hidden;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: 5px;\n  border-bottom-left-radius: var(--toastify-toast-bd-radius);\n  border-bottom-right-radius: var(--toastify-toast-bd-radius);\n}\n\n.Toastify__progress-bar--wrp[data-hidden='true'] {\n  opacity: 0;\n}\n\n.Toastify__progress-bar--bg {\n  opacity: var(--toastify-color-progress-bgo);\n  width: 100%;\n  height: 100%;\n}\n\n.Toastify__spinner {\n  width: 20px;\n  height: 20px;\n  box-sizing: border-box;\n  border: 2px solid;\n  border-radius: 100%;\n  border-color: var(--toastify-spinner-color-empty-area);\n  border-right-color: var(--toastify-spinner-color);\n  animation: Toastify__spin 0.65s linear infinite;\n}\n\n@keyframes Toastify__bounceInRight {\n  from,\n  60%,\n  75%,\n  90%,\n  to {\n    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n  }\n  from {\n    opacity: 0;\n    transform: translate3d(3000px, 0, 0);\n  }\n  60% {\n    opacity: 1;\n    transform: translate3d(-25px, 0, 0);\n  }\n  75% {\n    transform: translate3d(10px, 0, 0);\n  }\n  90% {\n    transform: translate3d(-5px, 0, 0);\n  }\n  to {\n    transform: none;\n  }\n}\n\n@keyframes Toastify__bounceOutRight {\n  20% {\n    opacity: 1;\n    transform: translate3d(-20px, var(--y), 0);\n  }\n  to {\n    opacity: 0;\n    transform: translate3d(2000px, var(--y), 0);\n  }\n}\n\n@keyframes Toastify__bounceInLeft {\n  from,\n  60%,\n  75%,\n  90%,\n  to {\n    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n  }\n  0% {\n    opacity: 0;\n    transform: translate3d(-3000px, 0, 0);\n  }\n  60% {\n    opacity: 1;\n    transform: translate3d(25px, 0, 0);\n  }\n  75% {\n    transform: translate3d(-10px, 0, 0);\n  }\n  90% {\n    transform: translate3d(5px, 0, 0);\n  }\n  to {\n    transform: none;\n  }\n}\n\n@keyframes Toastify__bounceOutLeft {\n  20% {\n    opacity: 1;\n    transform: translate3d(20px, var(--y), 0);\n  }\n  to {\n    opacity: 0;\n    transform: translate3d(-2000px, var(--y), 0);\n  }\n}\n\n@keyframes Toastify__bounceInUp {\n  from,\n  60%,\n  75%,\n  90%,\n  to {\n    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n  }\n  from {\n    opacity: 0;\n    transform: translate3d(0, 3000px, 0);\n  }\n  60% {\n    opacity: 1;\n    transform: translate3d(0, -20px, 0);\n  }\n  75% {\n    transform: translate3d(0, 10px, 0);\n  }\n  90% {\n    transform: translate3d(0, -5px, 0);\n  }\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n}\n\n@keyframes Toastify__bounceOutUp {\n  20% {\n    transform: translate3d(0, calc(var(--y) - 10px), 0);\n  }\n  40%,\n  45% {\n    opacity: 1;\n    transform: translate3d(0, calc(var(--y) + 20px), 0);\n  }\n  to {\n    opacity: 0;\n    transform: translate3d(0, -2000px, 0);\n  }\n}\n\n@keyframes Toastify__bounceInDown {\n  from,\n  60%,\n  75%,\n  90%,\n  to {\n    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n  }\n  0% {\n    opacity: 0;\n    transform: translate3d(0, -3000px, 0);\n  }\n  60% {\n    opacity: 1;\n    transform: translate3d(0, 25px, 0);\n  }\n  75% {\n    transform: translate3d(0, -10px, 0);\n  }\n  90% {\n    transform: translate3d(0, 5px, 0);\n  }\n  to {\n    transform: none;\n  }\n}\n\n@keyframes Toastify__bounceOutDown {\n  20% {\n    transform: translate3d(0, calc(var(--y) - 10px), 0);\n  }\n  40%,\n  45% {\n    opacity: 1;\n    transform: translate3d(0, calc(var(--y) + 20px), 0);\n  }\n  to {\n    opacity: 0;\n    transform: translate3d(0, 2000px, 0);\n  }\n}\n\n.Toastify__bounce-enter--top-left,\n.Toastify__bounce-enter--bottom-left {\n  animation-name: Toastify__bounceInLeft;\n}\n\n.Toastify__bounce-enter--top-right,\n.Toastify__bounce-enter--bottom-right {\n  animation-name: Toastify__bounceInRight;\n}\n\n.Toastify__bounce-enter--top-center {\n  animation-name: Toastify__bounceInDown;\n}\n\n.Toastify__bounce-enter--bottom-center {\n  animation-name: Toastify__bounceInUp;\n}\n\n.Toastify__bounce-exit--top-left,\n.Toastify__bounce-exit--bottom-left {\n  animation-name: Toastify__bounceOutLeft;\n}\n\n.Toastify__bounce-exit--top-right,\n.Toastify__bounce-exit--bottom-right {\n  animation-name: Toastify__bounceOutRight;\n}\n\n.Toastify__bounce-exit--top-center {\n  animation-name: Toastify__bounceOutUp;\n}\n\n.Toastify__bounce-exit--bottom-center {\n  animation-name: Toastify__bounceOutDown;\n}\n\n@keyframes Toastify__zoomIn {\n  from {\n    opacity: 0;\n    transform: scale3d(0.3, 0.3, 0.3);\n  }\n  50% {\n    opacity: 1;\n  }\n}\n\n@keyframes Toastify__zoomOut {\n  from {\n    opacity: 1;\n  }\n  50% {\n    opacity: 0;\n    transform: translate3d(0, var(--y), 0) scale3d(0.3, 0.3, 0.3);\n  }\n  to {\n    opacity: 0;\n  }\n}\n\n.Toastify__zoom-enter {\n  animation-name: Toastify__zoomIn;\n}\n\n.Toastify__zoom-exit {\n  animation-name: Toastify__zoomOut;\n}\n\n@keyframes Toastify__flipIn {\n  from {\n    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\n    animation-timing-function: ease-in;\n    opacity: 0;\n  }\n  40% {\n    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\n    animation-timing-function: ease-in;\n  }\n  60% {\n    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);\n    opacity: 1;\n  }\n  80% {\n    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);\n  }\n  to {\n    transform: perspective(400px);\n  }\n}\n\n@keyframes Toastify__flipOut {\n  from {\n    transform: translate3d(0, var(--y), 0) perspective(400px);\n  }\n  30% {\n    transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, -20deg);\n    opacity: 1;\n  }\n  to {\n    transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, 90deg);\n    opacity: 0;\n  }\n}\n\n.Toastify__flip-enter {\n  animation-name: Toastify__flipIn;\n}\n\n.Toastify__flip-exit {\n  animation-name: Toastify__flipOut;\n}\n\n@keyframes Toastify__slideInRight {\n  from {\n    transform: translate3d(110%, 0, 0);\n    visibility: visible;\n  }\n  to {\n    transform: translate3d(0, var(--y), 0);\n  }\n}\n\n@keyframes Toastify__slideInLeft {\n  from {\n    transform: translate3d(-110%, 0, 0);\n    visibility: visible;\n  }\n  to {\n    transform: translate3d(0, var(--y), 0);\n  }\n}\n\n@keyframes Toastify__slideInUp {\n  from {\n    transform: translate3d(0, 110%, 0);\n    visibility: visible;\n  }\n  to {\n    transform: translate3d(0, var(--y), 0);\n  }\n}\n\n@keyframes Toastify__slideInDown {\n  from {\n    transform: translate3d(0, -110%, 0);\n    visibility: visible;\n  }\n  to {\n    transform: translate3d(0, var(--y), 0);\n  }\n}\n\n@keyframes Toastify__slideOutRight {\n  from {\n    transform: translate3d(0, var(--y), 0);\n  }\n  to {\n    visibility: hidden;\n    transform: translate3d(110%, var(--y), 0);\n  }\n}\n\n@keyframes Toastify__slideOutLeft {\n  from {\n    transform: translate3d(0, var(--y), 0);\n  }\n  to {\n    visibility: hidden;\n    transform: translate3d(-110%, var(--y), 0);\n  }\n}\n\n@keyframes Toastify__slideOutDown {\n  from {\n    transform: translate3d(0, var(--y), 0);\n  }\n  to {\n    visibility: hidden;\n    transform: translate3d(0, 500px, 0);\n  }\n}\n\n@keyframes Toastify__slideOutUp {\n  from {\n    transform: translate3d(0, var(--y), 0);\n  }\n  to {\n    visibility: hidden;\n    transform: translate3d(0, -500px, 0);\n  }\n}\n\n.Toastify__slide-enter--top-left,\n.Toastify__slide-enter--bottom-left {\n  animation-name: Toastify__slideInLeft;\n}\n\n.Toastify__slide-enter--top-right,\n.Toastify__slide-enter--bottom-right {\n  animation-name: Toastify__slideInRight;\n}\n\n.Toastify__slide-enter--top-center {\n  animation-name: Toastify__slideInDown;\n}\n\n.Toastify__slide-enter--bottom-center {\n  animation-name: Toastify__slideInUp;\n}\n\n.Toastify__slide-exit--top-left,\n.Toastify__slide-exit--bottom-left {\n  animation-name: Toastify__slideOutLeft;\n  animation-timing-function: ease-in;\n  animation-duration: 0.3s;\n}\n\n.Toastify__slide-exit--top-right,\n.Toastify__slide-exit--bottom-right {\n  animation-name: Toastify__slideOutRight;\n  animation-timing-function: ease-in;\n  animation-duration: 0.3s;\n}\n\n.Toastify__slide-exit--top-center {\n  animation-name: Toastify__slideOutUp;\n  animation-timing-function: ease-in;\n  animation-duration: 0.3s;\n}\n\n.Toastify__slide-exit--bottom-center {\n  animation-name: Toastify__slideOutDown;\n  animation-timing-function: ease-in;\n  animation-duration: 0.3s;\n}\n\n@keyframes Toastify__spin {\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n}\n",t.nonce),n.createElement(Y,{...t})}export{A as n,q as t};

package/element/{CKk0UYyd.js → Byk0pccK.js}

@@ -1 +1 @@
-import{D as e,b as t,f as n,h as r,m as i,t as o,v as a,y as l}from"./qbHuxVSe.js";var s,d="itemOne",c="--rcs-raw-position",p="--rcs-current-position",u="--rcs-bounds-padding",h="--rcs-handle-color",v={capture:!1,passive:!0},g={capture:!0,passive:!1},b=((s={}).ARROW_LEFT="ArrowLeft",s.ARROW_RIGHT="ArrowRight",s.ARROW_UP="ArrowUp",s.ARROW_DOWN="ArrowDown",s),m=(e,r,i,o)=>{let a=n(void 0);t(()=>{a.current=r},[r]),t(()=>{if(!i?.addEventListener)return;let t=e=>a.current?.(e);return i.addEventListener(e,t,o),()=>{i.removeEventListener(e,t,o)}},[e,i,o])},y=e(null),x=({children:e,...t})=>o(y.Provider,{value:t,children:e}),f=()=>{let e=l(y);if(!e)throw Error("useReactCompareSliderContext must be used within the Provider component");return e},w=({flip:e})=>o("div",{"aria-hidden":"true",className:"__rcs-handle-arrow",style:{width:"0.85rem",height:"0.85rem",clipPath:"polygon(100% 0%, 100% 100%, 30% 50%)",rotate:e?"180deg":"0deg",outline:`0.5rem solid var(${h})`,outlineOffset:"-0.5rem"}}),R=({className:e="__rcs-handle-root",buttonStyle:t,linesStyle:n,style:r,...i})=>{let{disabled:a,portrait:l}=f(),s={boxSizing:"border-box",position:"relative",display:"inline-flex",flexDirection:l?"row":"column",placeItems:"center",width:l?"100%":void 0,height:l?void 0:"100%",cursor:a?"not-allowed":l?"ns-resize":"ew-resize",pointerEvents:"none",[h]:"rgba(255, 255, 255, 1)",...r},d={flexGrow:1,height:l?2:"100%",width:l?"100%":2,outline:`1px solid var(${h})`,outlineOffset:-1,pointerEvents:"auto",boxShadow:"0 0 4px rgba(0,0,0,.5)",...n},c={direction:"ltr",display:"grid",gridAutoFlow:"column",gap:"0.5rem",placeContent:"center",flexShrink:0,width:"3.5rem",height:"3.5rem",borderRadius:"50%",border:`2px solid var(${h})`,color:"inherit",pointerEvents:"auto",backdropFilter:"blur(0.5rem)",WebkitBackdropFilter:"blur(0.5rem)",backgroundColor:"rgba(0, 0, 0, 0.125)",boxShadow:"0 0 4px rgba(0,0,0,.35)",transform:l?"rotate(90deg)":void 0,...t};return o("div",{"data-rcs":"handle",...i,className:e,style:s,children:[o("div",{className:"__rcs-handle-line",style:d}),o("div",{className:"__rcs-handle-button",style:c,children:[o(w,{}),o(w,{flip:!0})]}),o("div",{className:"__rcs-handle-line",style:d})]})},P=({style:e,...t})=>{let{disabled:n,portrait:r,position:i,handleRootRef:a,onHandleRootClick:l,onHandleRootKeyDown:s}=f(),d={WebkitAppearance:"none",MozAppearance:"none",WebkitTapHighlightColor:"transparent",boxSizing:"border-box",position:"absolute",display:"flex",flexDirection:r?"row":"column",placeItems:"center",contain:"layout",top:r?"-50%":void 0,left:r?void 0:"-50%",width:"100%",height:"100%",background:"none",border:0,padding:0,pointerEvents:"none",appearance:"none",outline:0,zIndex:1,translate:r?`0 var(${p}) 0`:`var(${p}) 0 0`,backfaceVisibility:"hidden",willChange:"translate",...e};return m("keydown",s,a.current,g),m("click",l,a.current,g),o("div",{ref:a,tabIndex:0,"aria-label":"Click and drag or focus and use arrow keys to change the position of the slider","aria-orientation":r?"vertical":"horizontal","aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":i.current,"aria-disabled":n,"data-rcs":"handle-root",role:"slider",style:d,...t})},k=({itemClip:e,portrait:t})=>e===d?t?`inset(0px 0px calc(100% - var(${p})) 0px)`:`inset(0px calc(100% - var(${p})) 0px 0px)`:"itemTwo"===e?t?`inset(var(${p}) 0px 0px 0px)`:`inset(0px 0px 0px var(${p}))`:"none",C=({item:e,style:t,...n})=>{let{clip:r,portrait:i}=f(),a={KhtmlUserSelect:"none",MozUserSelect:"none",WebkitUserSelect:"none",backfaceVisibility:"hidden",WebkitBackfaceVisibility:"hidden",gridArea:"1 / 1",maxWidth:"100%",overflow:"hidden",clipPath:k({itemClip:"all"===r||r===e?e:void 0,portrait:i}),boxSizing:"border-box",transform:"translateZ(0)",userSelect:"none",zIndex:e===d?1:void 0,willChange:"clip-path",...t};return o("div",{"data-rcs":"item","data-rcs-item":e,...n,style:a})},S=`clamp(var(${u}), var(${c}) - var(${u}) + var(${u}), calc(100% - var(${u})))`,O=({style:e,...n})=>{let{browsingContext:r,boundsPadding:i,changePositionOnHover:a,clip:l,isDragging:s,portrait:d,position:h,onTouchEnd:b,onPointerDown:y,onPointerMove:x,onPointerUp:w,interactiveTarget:R,rootRef:P,transition:k,canTransition:C}=f(),O={position:"relative",boxSizing:"border-box",display:"grid",maxWidth:"100%",maxHeight:"100%",overflow:"hidden",cursor:s?d?"ns-resize":"ew-resize":void 0,touchAction:"pan-y",userSelect:"none",KhtmlUserSelect:"none",msUserSelect:"none",MozUserSelect:"none",WebkitUserSelect:"none",transition:C&&k?`${c} ${k}`:"none",[c]:`${h.current}%`,[u]:i,[p]:S,...e};return m("touchend",b,R,g),m("pointerdown",y,R,g),t(()=>{let e=P.current,t=e=>{s||w(e)};return a&&(e.addEventListener("pointermove",x,v),e.addEventListener("pointerleave",t,v)),()=>{e.removeEventListener("pointermove",x),e.removeEventListener("pointerleave",t)}},[a,x,w,s,P]),t(()=>{if(s)return r.addEventListener("pointermove",x,v),r.addEventListener("pointerup",w,v),()=>{r?.removeEventListener("pointermove",x),r?.removeEventListener("pointerup",w)}},[x,w,s,r]),o("div",{ref:P,style:O,"data-rcs":"root","data-rcs-clip":l,...n})};(()=>{try{typeof CSS<"u"&&CSS.registerProperty({name:c,syntax:"<percentage>",inherits:!0,initialValue:"50%"})}catch(s){console.debug("[react-compare-slider] register CSS property:",s)}})();var E=()=>globalThis.matchMedia?.("(prefers-reduced-motion: no-preference)")?.matches?"0.15s ease-out":"none",D=()=>!!globalThis.matchMedia?.("(pointer: coarse)")?.matches,$=({boundsPadding:e="0px",browsingContext:o=globalThis,changePositionOnHover:l=!1,clip:s="all",defaultPosition:d=50,disabled:p=!1,keyboardIncrement:u="5%",onlyHandleDraggable:h=D(),onPositionChange:v,portrait:g=!1,transition:m=E()}={})=>{let y=n(null),x=n(null),f=n(d),[w,R]=r(!1),[P,k]=r(!0),[C,S]=r(null),O=a(e=>{let t=Math.min(Math.max(e,0),100);y.current?.style.setProperty(c,`${t}%`),x.current?.setAttribute("aria-valuenow",`${Math.round(t)}`),f.current=t,v?.(t)},[v]),$=a(function({x:e,y:t}){let{width:n,height:r,top:i,left:a}=y.current.getBoundingClientRect();0===n||0===r||O((g?t-i-o.scrollY:e-a-o.scrollX)/(g?r:n)*100)},[o,g,O]),A=a(e=>{e.preventDefault(),!p&&0===e.button&&($({x:e.pageX,y:e.pageY}),R(!0),k(!0))},[p,$]),T=a(function(e){k(!1),$({x:e.pageX,y:e.pageY})},[$]),W=a(e=>{R(!1),k(!0)},[]),_=a(e=>{R(!1),k(!0)},[]),H=a(e=>{e.preventDefault(),e.currentTarget?.focus()},[]),z=a(e=>{if(!Object.values(b).includes(e.key))return;e.preventDefault(),k(!0);let t="string"==typeof u?Number.parseFloat(u):u/y.current?.getBoundingClientRect().width*100;O((g?e.key===b.ARROW_LEFT||e.key===b.ARROW_DOWN:e.key===b.ARROW_RIGHT||e.key===b.ARROW_UP)?f.current+t:f.current-t)},[u,g,O]);return i(()=>{S(h?x.current:y.current)},[h]),t(()=>{O(d)},[d,O]),{boundsPadding:e,browsingContext:o,changePositionOnHover:l,clip:s,defaultPosition:d,disabled:p,keyboardIncrement:u,onlyHandleDraggable:h,portrait:g,transition:m,onHandleRootKeyDown:z,onPointerDown:A,onPointerMove:T,onPointerUp:W,onTouchEnd:_,onHandleRootClick:H,canTransition:P,isDragging:w,position:f,setPosition:O,setPositionFromBounds:$,rootRef:y,handleRootRef:x,interactiveTarget:C}},A=({boundsPadding:e,browsingContext:t,changePositionOnHover:n,clip:r,defaultPosition:i,disabled:a,handle:l,itemOne:s,itemTwo:d,keyboardIncrement:c,onPositionChange:p,onlyHandleDraggable:u,portrait:h,transition:v,...g})=>o(x,{...$({boundsPadding:e,browsingContext:t,changePositionOnHover:n,clip:r,defaultPosition:i,disabled:a,keyboardIncrement:c,onPositionChange:p,onlyHandleDraggable:u,portrait:h,transition:v}),children:o(O,{...g,children:[o(C,{item:"itemOne",children:s}),o(C,{item:"itemTwo",children:d}),o(P,{children:l||o(R,{})})]})});export{A as ReactCompareSlider};
+import{E as e,b as t,f as n,h as r,m as i,t as o,v as a,y as l}from"./C3uDEVBt.js";var s,d="itemOne",c="--rcs-raw-position",p="--rcs-current-position",u="--rcs-bounds-padding",h="--rcs-handle-color",v={capture:!1,passive:!0},g={capture:!0,passive:!1},b=((s={}).ARROW_LEFT="ArrowLeft",s.ARROW_RIGHT="ArrowRight",s.ARROW_UP="ArrowUp",s.ARROW_DOWN="ArrowDown",s),m=(e,r,i,o)=>{let a=n(void 0);t(()=>{a.current=r},[r]),t(()=>{if(!i?.addEventListener)return;let t=e=>a.current?.(e);return i.addEventListener(e,t,o),()=>{i.removeEventListener(e,t,o)}},[e,i,o])},y=e(null),x=({children:e,...t})=>o(y.Provider,{value:t,children:e}),f=()=>{let e=l(y);if(!e)throw Error("useReactCompareSliderContext must be used within the Provider component");return e},w=({flip:e})=>o("div",{"aria-hidden":"true",className:"__rcs-handle-arrow",style:{width:"0.85rem",height:"0.85rem",clipPath:"polygon(100% 0%, 100% 100%, 30% 50%)",rotate:e?"180deg":"0deg",outline:`0.5rem solid var(${h})`,outlineOffset:"-0.5rem"}}),R=({className:e="__rcs-handle-root",buttonStyle:t,linesStyle:n,style:r,...i})=>{let{disabled:a,portrait:l}=f(),s={boxSizing:"border-box",position:"relative",display:"inline-flex",flexDirection:l?"row":"column",placeItems:"center",width:l?"100%":void 0,height:l?void 0:"100%",cursor:a?"not-allowed":l?"ns-resize":"ew-resize",pointerEvents:"none",[h]:"rgba(255, 255, 255, 1)",...r},d={flexGrow:1,height:l?2:"100%",width:l?"100%":2,outline:`1px solid var(${h})`,outlineOffset:-1,pointerEvents:"auto",boxShadow:"0 0 4px rgba(0,0,0,.5)",...n},c={direction:"ltr",display:"grid",gridAutoFlow:"column",gap:"0.5rem",placeContent:"center",flexShrink:0,width:"3.5rem",height:"3.5rem",borderRadius:"50%",border:`2px solid var(${h})`,color:"inherit",pointerEvents:"auto",backdropFilter:"blur(0.5rem)",WebkitBackdropFilter:"blur(0.5rem)",backgroundColor:"rgba(0, 0, 0, 0.125)",boxShadow:"0 0 4px rgba(0,0,0,.35)",transform:l?"rotate(90deg)":void 0,...t};return o("div",{"data-rcs":"handle",...i,className:e,style:s,children:[o("div",{className:"__rcs-handle-line",style:d}),o("div",{className:"__rcs-handle-button",style:c,children:[o(w,{}),o(w,{flip:!0})]}),o("div",{className:"__rcs-handle-line",style:d})]})},P=({style:e,...t})=>{let{disabled:n,portrait:r,position:i,handleRootRef:a,onHandleRootClick:l,onHandleRootKeyDown:s}=f(),d={WebkitAppearance:"none",MozAppearance:"none",WebkitTapHighlightColor:"transparent",boxSizing:"border-box",position:"absolute",display:"flex",flexDirection:r?"row":"column",placeItems:"center",contain:"layout",top:r?"-50%":void 0,left:r?void 0:"-50%",width:"100%",height:"100%",background:"none",border:0,padding:0,pointerEvents:"none",appearance:"none",outline:0,zIndex:1,translate:r?`0 var(${p}) 0`:`var(${p}) 0 0`,backfaceVisibility:"hidden",willChange:"translate",...e};return m("keydown",s,a.current,g),m("click",l,a.current,g),o("div",{ref:a,tabIndex:0,"aria-label":"Click and drag or focus and use arrow keys to change the position of the slider","aria-orientation":r?"vertical":"horizontal","aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":i.current,"aria-disabled":n,"data-rcs":"handle-root",role:"slider",style:d,...t})},k=({itemClip:e,portrait:t})=>e===d?t?`inset(0px 0px calc(100% - var(${p})) 0px)`:`inset(0px calc(100% - var(${p})) 0px 0px)`:"itemTwo"===e?t?`inset(var(${p}) 0px 0px 0px)`:`inset(0px 0px 0px var(${p}))`:"none",C=({item:e,style:t,...n})=>{let{clip:r,portrait:i}=f(),a={KhtmlUserSelect:"none",MozUserSelect:"none",WebkitUserSelect:"none",backfaceVisibility:"hidden",WebkitBackfaceVisibility:"hidden",gridArea:"1 / 1",maxWidth:"100%",overflow:"hidden",clipPath:k({itemClip:"all"===r||r===e?e:void 0,portrait:i}),boxSizing:"border-box",transform:"translateZ(0)",userSelect:"none",zIndex:e===d?1:void 0,willChange:"clip-path",...t};return o("div",{"data-rcs":"item","data-rcs-item":e,...n,style:a})},S=`clamp(var(${u}), var(${c}) - var(${u}) + var(${u}), calc(100% - var(${u})))`,E=({style:e,...n})=>{let{browsingContext:r,boundsPadding:i,changePositionOnHover:a,clip:l,isDragging:s,portrait:d,position:h,onTouchEnd:b,onPointerDown:y,onPointerMove:x,onPointerUp:w,interactiveTarget:R,rootRef:P,transition:k,canTransition:C}=f(),E={position:"relative",boxSizing:"border-box",display:"grid",maxWidth:"100%",maxHeight:"100%",overflow:"hidden",cursor:s?d?"ns-resize":"ew-resize":void 0,touchAction:"pan-y",userSelect:"none",KhtmlUserSelect:"none",msUserSelect:"none",MozUserSelect:"none",WebkitUserSelect:"none",transition:C&&k?`${c} ${k}`:"none",[c]:`${h.current}%`,[u]:i,[p]:S,...e};return m("touchend",b,R,g),m("pointerdown",y,R,g),t(()=>{let e=P.current,t=e=>{s||w(e)};return a&&(e.addEventListener("pointermove",x,v),e.addEventListener("pointerleave",t,v)),()=>{e.removeEventListener("pointermove",x),e.removeEventListener("pointerleave",t)}},[a,x,w,s,P]),t(()=>{if(s)return r.addEventListener("pointermove",x,v),r.addEventListener("pointerup",w,v),()=>{r?.removeEventListener("pointermove",x),r?.removeEventListener("pointerup",w)}},[x,w,s,r]),o("div",{ref:P,style:E,"data-rcs":"root","data-rcs-clip":l,...n})};(()=>{try{typeof CSS<"u"&&CSS.registerProperty({name:c,syntax:"<percentage>",inherits:!0,initialValue:"50%"})}catch(s){console.debug("[react-compare-slider] register CSS property:",s)}})();var O=()=>globalThis.matchMedia?.("(prefers-reduced-motion: no-preference)")?.matches?"0.15s ease-out":"none",$=()=>!!globalThis.matchMedia?.("(pointer: coarse)")?.matches,A=({boundsPadding:e="0px",browsingContext:o=globalThis,changePositionOnHover:l=!1,clip:s="all",defaultPosition:d=50,disabled:p=!1,keyboardIncrement:u="5%",onlyHandleDraggable:h=$(),onPositionChange:v,portrait:g=!1,transition:m=O()}={})=>{let y=n(null),x=n(null),f=n(d),[w,R]=r(!1),[P,k]=r(!0),[C,S]=r(null),E=a(e=>{let t=Math.min(Math.max(e,0),100);y.current?.style.setProperty(c,`${t}%`),x.current?.setAttribute("aria-valuenow",`${Math.round(t)}`),f.current=t,v?.(t)},[v]),A=a(function({x:e,y:t}){let{width:n,height:r,top:i,left:a}=y.current.getBoundingClientRect();0===n||0===r||E((g?t-i-o.scrollY:e-a-o.scrollX)/(g?r:n)*100)},[o,g,E]),D=a(e=>{e.preventDefault(),!p&&0===e.button&&(A({x:e.pageX,y:e.pageY}),R(!0),k(!0))},[p,A]),T=a(function(e){k(!1),A({x:e.pageX,y:e.pageY})},[A]),W=a(e=>{R(!1),k(!0)},[]),_=a(e=>{R(!1),k(!0)},[]),H=a(e=>{e.preventDefault(),e.currentTarget?.focus()},[]),z=a(e=>{if(!Object.values(b).includes(e.key))return;e.preventDefault(),k(!0);let t="string"==typeof u?Number.parseFloat(u):u/y.current?.getBoundingClientRect().width*100;E((g?e.key===b.ARROW_LEFT||e.key===b.ARROW_DOWN:e.key===b.ARROW_RIGHT||e.key===b.ARROW_UP)?f.current+t:f.current-t)},[u,g,E]);return i(()=>{S(h?x.current:y.current)},[h]),t(()=>{E(d)},[d,E]),{boundsPadding:e,browsingContext:o,changePositionOnHover:l,clip:s,defaultPosition:d,disabled:p,keyboardIncrement:u,onlyHandleDraggable:h,portrait:g,transition:m,onHandleRootKeyDown:z,onPointerDown:D,onPointerMove:T,onPointerUp:W,onTouchEnd:_,onHandleRootClick:H,canTransition:P,isDragging:w,position:f,setPosition:E,setPositionFromBounds:A,rootRef:y,handleRootRef:x,interactiveTarget:C}},D=({boundsPadding:e,browsingContext:t,changePositionOnHover:n,clip:r,defaultPosition:i,disabled:a,handle:l,itemOne:s,itemTwo:d,keyboardIncrement:c,onPositionChange:p,onlyHandleDraggable:u,portrait:h,transition:v,...g})=>o(x,{...A({boundsPadding:e,browsingContext:t,changePositionOnHover:n,clip:r,defaultPosition:i,disabled:a,keyboardIncrement:c,onPositionChange:p,onlyHandleDraggable:u,portrait:h,transition:v}),children:o(E,{...g,children:[o(C,{item:"itemOne",children:s}),o(C,{item:"itemTwo",children:d}),o(P,{children:l||o(R,{})})]})});export{D as ReactCompareSlider};