monica-alexandria 2.5.4 → 2.5.8

package/dist/index.es.js

@@ -946,24 +946,34 @@ import r,{keyframes as a}from"styled-components";const e=r.button`
         transition: color .5s;
     }
 `,Lr=r.div`
+    padding: var(--smallDist);
+
+    h3{
+        margin-bottom: 2rem;
+    }
+`,Dr=r.div`
+    
+`,Sr=r.div`
+    
+`,Rr=r.div`
     
     img{
         height: 4rem;
     }
-`,Dr=r.div`
+`,zr=r.div`
     max-width: 45rem;
-`,Sr=r.div`
+`,Tr=r.div`
     max-width: 45rem;
 
     h1{
         margin: var(--smallDist);
     }
-`,Rr=r.form`
+`,Pr=r.form`
     padding: var(--normalDist);
     background: ${r=>"dark"===r.theme?"var(--gloomDark)":"var(--greyLight)"};
     border-radius: var(--normalRadius);
     box-shadow: ${r=>"dark"===r.theme?"var(--outShine)":"var(--outShadow)"};
-`,zr=r.div`
+`,Nr=r.div`
     display: flex;
     gap: 1rem;
     align-items: center;
@@ -975,7 +985,7 @@ import r,{keyframes as a}from"styled-components";const e=r.button`
         gap: .5rem;
         align-items: center;
     }
-`,Tr=r.div`
+`,jr=r.div`
     display: flex;
     align-items: flex-start;
     gap: 1rem;
@@ -983,17 +993,17 @@ import r,{keyframes as a}from"styled-components";const e=r.button`
     input{
         margin-top: .3rem;
     }
-`,Pr=r.div`
+`,Ir=r.div`
     display: grid;
     grid-template-columns: 1fr 1fr;
     grid-gap: 1rem;
     margin: 2rem 1rem;
-`,Nr=r.div`
+`,Fr=r.div`
     display: flex;
     align-items: center;
     justify-content: center;
     margin-top: 4rem;
-`,jr=r.div`
+`,Or=r.div`
     
     section{
 
@@ -1001,7 +1011,7 @@ import r,{keyframes as a}from"styled-components";const e=r.button`
             margin-bottom: 2rem;
         }
     }
-`,Ir=r.div`
+`,Yr=r.div`
     
     picture{
         width: 100%;
@@ -1022,7 +1032,7 @@ import r,{keyframes as a}from"styled-components";const e=r.button`
         display: flex;
         gap: 1rem;
     }
-`,Fr=r.div`
+`,Mr=r.div`
     display: grid;
     grid-template-columns: 20rem 1fr;
     grid-gap: 2rem;
@@ -1047,7 +1057,7 @@ import r,{keyframes as a}from"styled-components";const e=r.button`
         flex-direction: column;
         gap: 1rem;
     }
-`,Or=r.ul`
+`,qr=r.ul`
     background: ${r=>"dark"===r.theme?"var(--gloomDark)":"var(--greyLight)"};
     padding: var(--smallDist);
     border-radius: var(--smallRadius);
@@ -1072,7 +1082,7 @@ import r,{keyframes as a}from"styled-components";const e=r.button`
     li{
         margin-top: .5rem;
     }
-`,Yr=r.div`
+`,Ar=r.div`
     display: grid;
     grid-template-columns: auto 1fr;
     align-items: flex-start;
@@ -1082,7 +1092,7 @@ import r,{keyframes as a}from"styled-components";const e=r.button`
     form{
         margin-top: 4rem;
     }
-`,Mr=r.div`
+`,Br=r.div`
     padding: var(--smallDist);
 
     ul{
@@ -1098,24 +1108,31 @@ import r,{keyframes as a}from"styled-components";const e=r.button`
             }
         }
     }
-`,qr=r.div`
+`,Cr=r.div`
     position: fixed;
     top: 0;
     left: 0;
     z-index: 500;
     height: 100vh;
     width: 100%;
+`,Er=r.div`
+    position: fixed;
+    top: 0;
+    left: 0;
+    z-index: 501;
+    height: 100vh;
+    width: 100%;
     background: ${r=>"dark"===r.theme?"var(--blancOverlay)":"var(--blackOverlay)"};
-`,Ar=r.div`
+`,Gr=r.div`
     position: fixed;
     right: 0;
-    z-index: 501;
+    z-index: 502;
     width: calc(60% + 8rem);
     min-width: 40rem;
     height: 100vh;
     background: ${r=>"dark"===r.theme?"var(--dark)":"var(--white)"};
     box-shadow: ${r=>"dark"===r.theme?"var(--sliderShine)":"var(--sliderShadow)"};
-    animation: ${cr} .5s linear;
+    animation: ${cr} .2s linear;
 
     @media ${lr.md} {
         width: calc(80% + 8rem);
@@ -1124,11 +1141,11 @@ import r,{keyframes as a}from"styled-components";const e=r.button`
     @media ${lr.sm} {
         width: 100%;
     }
-`,Br=r.div`
+`,Hr=r.div`
     max-height: calc(100vh - 9rem);
     overflow-x: hidden;
     overflow-y: auto;
-`,Cr=r.div`
+`,Jr=r.div`
     display: flex;
     align-items: center;
     justify-content: space-between;
@@ -1143,4 +1160,4 @@ import r,{keyframes as a}from"styled-components";const e=r.button`
             display: none;
         }
     }
-`;export{Nr as AuthActions,Pr as AuthCap,Tr as AuthCheck,Dr as AuthContainer,Rr as AuthForm,Lr as AuthLogo,zr as AuthSecondary,Sr as AuthWrapper,_ as BoxActions,Z as BoxContent,W as BoxGrid,X as BoxWrapper,l as CtaButtonLarge,n as CtaButtonNormal,d as CtaButtonSmall,S as DeleteButtonLarge,D as DeleteButtonNormal,L as DeleteButtonSmall,Mr as EditList,Yr as EditSelect,Or as EditTips,Fr as EditUploadAvatar,Ir as EditUploadCover,jr as EditWrapper,Q as ErrorValidator,m as FocusButtonLarge,v as FocusButtonNormal,s as FocusButtonSmall,p as FocusPlainButtonLarge,h as FocusPlainButtonNormal,g as FocusPlainButtonSmall,T as GreyButtonLarge,z as GreyButtonNormal,R as GreyButtonSmall,ar as GreyDropdownNormal,j as GreyLinkButtonLarge,N as GreyLinkButtonNormal,P as GreyLinkButtonSmall,G as InputAdd,C as InputGroup,H as InputIcon,Y as InputLarge,J as InputMandatory,O as InputNormal,E as InputSearch,F as InputSmall,B as LabelLarge,A as LabelNormal,q as LabelSmall,k as MainButtonLarge,u as MainButtonNormal,c as MainButtonSmall,x as MainPlainButtonLarge,f as MainPlainButtonNormal,b as MainPlainButtonSmall,sr as Navbar,gr as NavbarCta,hr as NavbarList,vr as NavbarLogo,pr as NavbarMobile,mr as NavbarText,$r as PageAlwaysVisible,xr as PageForty,yr as PageMobileHidden,ur as PagePaddings,kr as PageSamePaddings,fr as PageSixty,br as PageTopPaddings,cr as SlideIn,qr as Slider,Ar as SliderContainer,Cr as SliderTitle,Br as SliderWrapper,U as SuccessValidator,tr as TextareaLarge,ir as TextareaNormal,or as TextareaSmall,wr as Theme,V as TipValidator,w as WhitePlainButtonLarge,y as WhitePlainButtonNormal,$ as WhitePlainButtonSmall,dr as breakPoints,nr as breakSize,lr as device};
+`;export{Fr as AuthActions,Ir as AuthCap,jr as AuthCheck,zr as AuthContainer,Pr as AuthForm,Rr as AuthLogo,Nr as AuthSecondary,Tr as AuthWrapper,_ as BoxActions,Z as BoxContent,W as BoxGrid,X as BoxWrapper,Dr as Container,l as CtaButtonLarge,n as CtaButtonNormal,d as CtaButtonSmall,S as DeleteButtonLarge,D as DeleteButtonNormal,L as DeleteButtonSmall,Br as EditList,Ar as EditSelect,qr as EditTips,Mr as EditUploadAvatar,Yr as EditUploadCover,Or as EditWrapper,Q as ErrorValidator,m as FocusButtonLarge,v as FocusButtonNormal,s as FocusButtonSmall,p as FocusPlainButtonLarge,h as FocusPlainButtonNormal,g as FocusPlainButtonSmall,T as GreyButtonLarge,z as GreyButtonNormal,R as GreyButtonSmall,ar as GreyDropdownNormal,j as GreyLinkButtonLarge,N as GreyLinkButtonNormal,P as GreyLinkButtonSmall,G as InputAdd,C as InputGroup,H as InputIcon,Y as InputLarge,J as InputMandatory,O as InputNormal,E as InputSearch,F as InputSmall,B as LabelLarge,A as LabelNormal,q as LabelSmall,k as MainButtonLarge,u as MainButtonNormal,c as MainButtonSmall,x as MainPlainButtonLarge,f as MainPlainButtonNormal,b as MainPlainButtonSmall,sr as Navbar,gr as NavbarCta,hr as NavbarList,vr as NavbarLogo,pr as NavbarMobile,mr as NavbarText,$r as PageAlwaysVisible,xr as PageForty,yr as PageMobileHidden,ur as PagePaddings,kr as PageSamePaddings,fr as PageSixty,br as PageTopPaddings,Sr as Section,cr as SlideIn,Cr as Slider,Er as SliderBg,Gr as SliderContainer,Jr as SliderTitle,Hr as SliderWrapper,U as SuccessValidator,tr as TextareaLarge,ir as TextareaNormal,or as TextareaSmall,wr as Theme,V as TipValidator,w as WhitePlainButtonLarge,y as WhitePlainButtonNormal,$ as WhitePlainButtonSmall,Lr as Wrapper,dr as breakPoints,nr as breakSize,lr as device};

package/dist/index.js

@@ -449,7 +449,7 @@
             fill: var(--errorLight)
         }
     }
-`,N=e.default(o)`
+`,B=e.default(o)`
     background: ${r=>"dark"===r.theme?"var(--gloom)":"var(--grey)"};
     border: 1px solid ${r=>"dark"===r.theme?"var(--gloom)":"var(--grey)"};
     border-radius: var(--normalRadius);
@@ -466,7 +466,7 @@
         background: ${r=>"dark"===r.theme?"var(--gloomDark)":"var(--greyLight)"};
         border: 1px solid ${r=>"dark"===r.theme?"var(--gloomDark)":"var(--greyLight)"};
     }
-`,B=e.default(i)`
+`,N=e.default(i)`
     background: ${r=>"dark"===r.theme?"var(--gloom)":"var(--grey)"};
     border: 1px solid ${r=>"dark"===r.theme?"var(--gloom)":"var(--grey)"};
     border-radius: var(--normalRadius);
@@ -500,7 +500,7 @@
         background: ${r=>"dark"===r.theme?"var(--gloomDark)":"var(--greyLight)"};
         border: 1px solid ${r=>"dark"===r.theme?"var(--gloomDark)":"var(--greyLight)"};
     }
-`,R=e.default(o)`
+`,z=e.default(o)`
     background: transparent;
     border: 1px solid transparent;
 
@@ -523,7 +523,7 @@
             fill: ${r=>"dark"===r.theme?"var(--gloom)":"var(--grey)"};
         }
     }
-`,z=e.default(i)`
+`,R=e.default(i)`
     background: transparent;
     border: 1px solid transparent;
 
@@ -589,16 +589,16 @@
 `,A=e.default(F)`
     padding: var(--inputNormalPads);
     font-size: var(--inputNormalText);
-`,M=e.default(F)`
+`,C=e.default(F)`
     padding: var(--inputLargePads);
     font-size: var(--inputLargeText);
-`,C=e.default.label`
+`,M=e.default.label`
     color: ${r=>"dark"===r.theme?"var(--blanc)":"var(--black)"};
-`,G=e.default(C)`
+`,G=e.default(M)`
     font-size: var(--inputSmallText);
-`,E=e.default(C)`
+`,W=e.default(M)`
     font-size: var(--inputNormalText);
-`,W=e.default(C)`
+`,E=e.default(M)`
     font-size: var(--inputLargeText);
 `,V=e.default.div`
     position: relative;
@@ -946,24 +946,34 @@
         transition: color .5s;
     }
 `,Dr=e.default.div`
+    padding: var(--smallDist);
+
+    h3{
+        margin-bottom: 2rem;
+    }
+`,Pr=e.default.div`
+    
+`,Br=e.default.div`
+    
+`,Nr=e.default.div`
     
     img{
         height: 4rem;
     }
-`,Pr=e.default.div`
+`,Tr=e.default.div`
     max-width: 45rem;
-`,Nr=e.default.div`
+`,zr=e.default.div`
     max-width: 45rem;
 
     h1{
         margin: var(--smallDist);
     }
-`,Br=e.default.form`
+`,Rr=e.default.form`
     padding: var(--normalDist);
     background: ${r=>"dark"===r.theme?"var(--gloomDark)":"var(--greyLight)"};
     border-radius: var(--normalRadius);
     box-shadow: ${r=>"dark"===r.theme?"var(--outShine)":"var(--outShadow)"};
-`,Tr=e.default.div`
+`,Ir=e.default.div`
     display: flex;
     gap: 1rem;
     align-items: center;
@@ -975,7 +985,7 @@
         gap: .5rem;
         align-items: center;
     }
-`,Rr=e.default.div`
+`,Fr=e.default.div`
     display: flex;
     align-items: flex-start;
     gap: 1rem;
@@ -983,17 +993,17 @@
     input{
         margin-top: .3rem;
     }
-`,zr=e.default.div`
+`,jr=e.default.div`
     display: grid;
     grid-template-columns: 1fr 1fr;
     grid-gap: 1rem;
     margin: 2rem 1rem;
-`,Ir=e.default.div`
+`,Ar=e.default.div`
     display: flex;
     align-items: center;
     justify-content: center;
     margin-top: 4rem;
-`,Fr=e.default.div`
+`,Cr=e.default.div`
     
     section{
 
@@ -1001,7 +1011,7 @@
             margin-bottom: 2rem;
         }
     }
-`,jr=e.default.div`
+`,Mr=e.default.div`
     
     picture{
         width: 100%;
@@ -1022,7 +1032,7 @@
         display: flex;
         gap: 1rem;
     }
-`,Ar=e.default.div`
+`,Gr=e.default.div`
     display: grid;
     grid-template-columns: 20rem 1fr;
     grid-gap: 2rem;
@@ -1047,7 +1057,7 @@
         flex-direction: column;
         gap: 1rem;
     }
-`,Mr=e.default.ul`
+`,Wr=e.default.ul`
     background: ${r=>"dark"===r.theme?"var(--gloomDark)":"var(--greyLight)"};
     padding: var(--smallDist);
     border-radius: var(--smallRadius);
@@ -1072,7 +1082,7 @@
     li{
         margin-top: .5rem;
     }
-`,Cr=e.default.div`
+`,Er=e.default.div`
     display: grid;
     grid-template-columns: auto 1fr;
     align-items: flex-start;
@@ -1082,7 +1092,7 @@
     form{
         margin-top: 4rem;
     }
-`,Gr=e.default.div`
+`,Vr=e.default.div`
     padding: var(--smallDist);
 
     ul{
@@ -1098,24 +1108,31 @@
             }
         }
     }
-`,Er=e.default.div`
+`,Or=e.default.div`
     position: fixed;
     top: 0;
     left: 0;
     z-index: 500;
     height: 100vh;
     width: 100%;
+`,Ur=e.default.div`
+    position: fixed;
+    top: 0;
+    left: 0;
+    z-index: 501;
+    height: 100vh;
+    width: 100%;
     background: ${r=>"dark"===r.theme?"var(--blancOverlay)":"var(--blackOverlay)"};
-`,Wr=e.default.div`
+`,Yr=e.default.div`
     position: fixed;
     right: 0;
-    z-index: 501;
+    z-index: 502;
     width: calc(60% + 8rem);
     min-width: 40rem;
     height: 100vh;
     background: ${r=>"dark"===r.theme?"var(--dark)":"var(--white)"};
     box-shadow: ${r=>"dark"===r.theme?"var(--sliderShine)":"var(--sliderShadow)"};
-    animation: ${fr} .5s linear;
+    animation: ${fr} .2s linear;
 
     @media ${vr.md} {
         width: calc(80% + 8rem);
@@ -1124,11 +1141,11 @@
     @media ${vr.sm} {
         width: 100%;
     }
-`,Vr=e.default.div`
+`,_r=e.default.div`
     max-height: calc(100vh - 9rem);
     overflow-x: hidden;
     overflow-y: auto;
-`,Or=e.default.div`
+`,qr=e.default.div`
     display: flex;
     align-items: center;
     justify-content: space-between;
@@ -1143,4 +1160,4 @@
             display: none;
         }
     }
-`;exports.AuthActions=Ir,exports.AuthCap=zr,exports.AuthCheck=Rr,exports.AuthContainer=Pr,exports.AuthForm=Br,exports.AuthLogo=Dr,exports.AuthSecondary=Tr,exports.AuthWrapper=Nr,exports.BoxActions=rr,exports.BoxContent=Z,exports.BoxGrid=Q,exports.BoxWrapper=X,exports.CtaButtonLarge=s,exports.CtaButtonNormal=n,exports.CtaButtonSmall=l,exports.DeleteButtonLarge=P,exports.DeleteButtonNormal=D,exports.DeleteButtonSmall=S,exports.EditList=Gr,exports.EditSelect=Cr,exports.EditTips=Mr,exports.EditUploadAvatar=Ar,exports.EditUploadCover=jr,exports.EditWrapper=Fr,exports.ErrorValidator=H,exports.FocusButtonLarge=g,exports.FocusButtonNormal=m,exports.FocusButtonSmall=v,exports.FocusPlainButtonLarge=h,exports.FocusPlainButtonNormal=u,exports.FocusPlainButtonSmall=p,exports.GreyButtonLarge=T,exports.GreyButtonNormal=B,exports.GreyButtonSmall=N,exports.GreyDropdownNormal=tr,exports.GreyLinkButtonLarge=I,exports.GreyLinkButtonNormal=z,exports.GreyLinkButtonSmall=R,exports.InputAdd=U,exports.InputGroup=V,exports.InputIcon=Y,exports.InputLarge=M,exports.InputMandatory=_,exports.InputNormal=A,exports.InputSearch=O,exports.InputSmall=j,exports.LabelLarge=W,exports.LabelNormal=E,exports.LabelSmall=G,exports.MainButtonLarge=k,exports.MainButtonNormal=f,exports.MainButtonSmall=c,exports.MainPlainButtonLarge=y,exports.MainPlainButtonNormal=b,exports.MainPlainButtonSmall=x,exports.Navbar=mr,exports.NavbarCta=ur,exports.NavbarList=hr,exports.NavbarLogo=gr,exports.NavbarMobile=cr,exports.NavbarText=pr,exports.PageAlwaysVisible=wr,exports.PageForty=$r,exports.PageMobileHidden=Lr,exports.PagePaddings=kr,exports.PageSamePaddings=xr,exports.PageSixty=yr,exports.PageTopPaddings=br,exports.SlideIn=fr,exports.Slider=Er,exports.SliderContainer=Wr,exports.SliderTitle=Or,exports.SliderWrapper=Vr,exports.SuccessValidator=J,exports.TextareaLarge=lr,exports.TextareaNormal=dr,exports.TextareaSmall=ir,exports.Theme=Sr,exports.TipValidator=K,exports.WhitePlainButtonLarge=L,exports.WhitePlainButtonNormal=w,exports.WhitePlainButtonSmall=$,exports.breakPoints=nr,exports.breakSize=sr,exports.device=vr;
+`;exports.AuthActions=Ar,exports.AuthCap=jr,exports.AuthCheck=Fr,exports.AuthContainer=Tr,exports.AuthForm=Rr,exports.AuthLogo=Nr,exports.AuthSecondary=Ir,exports.AuthWrapper=zr,exports.BoxActions=rr,exports.BoxContent=Z,exports.BoxGrid=Q,exports.BoxWrapper=X,exports.Container=Pr,exports.CtaButtonLarge=s,exports.CtaButtonNormal=n,exports.CtaButtonSmall=l,exports.DeleteButtonLarge=P,exports.DeleteButtonNormal=D,exports.DeleteButtonSmall=S,exports.EditList=Vr,exports.EditSelect=Er,exports.EditTips=Wr,exports.EditUploadAvatar=Gr,exports.EditUploadCover=Mr,exports.EditWrapper=Cr,exports.ErrorValidator=H,exports.FocusButtonLarge=g,exports.FocusButtonNormal=m,exports.FocusButtonSmall=v,exports.FocusPlainButtonLarge=h,exports.FocusPlainButtonNormal=u,exports.FocusPlainButtonSmall=p,exports.GreyButtonLarge=T,exports.GreyButtonNormal=N,exports.GreyButtonSmall=B,exports.GreyDropdownNormal=tr,exports.GreyLinkButtonLarge=I,exports.GreyLinkButtonNormal=R,exports.GreyLinkButtonSmall=z,exports.InputAdd=U,exports.InputGroup=V,exports.InputIcon=Y,exports.InputLarge=C,exports.InputMandatory=_,exports.InputNormal=A,exports.InputSearch=O,exports.InputSmall=j,exports.LabelLarge=E,exports.LabelNormal=W,exports.LabelSmall=G,exports.MainButtonLarge=k,exports.MainButtonNormal=f,exports.MainButtonSmall=c,exports.MainPlainButtonLarge=y,exports.MainPlainButtonNormal=b,exports.MainPlainButtonSmall=x,exports.Navbar=mr,exports.NavbarCta=ur,exports.NavbarList=hr,exports.NavbarLogo=gr,exports.NavbarMobile=cr,exports.NavbarText=pr,exports.PageAlwaysVisible=wr,exports.PageForty=$r,exports.PageMobileHidden=Lr,exports.PagePaddings=kr,exports.PageSamePaddings=xr,exports.PageSixty=yr,exports.PageTopPaddings=br,exports.Section=Br,exports.SlideIn=fr,exports.Slider=Or,exports.SliderBg=Ur,exports.SliderContainer=Yr,exports.SliderTitle=qr,exports.SliderWrapper=_r,exports.SuccessValidator=J,exports.TextareaLarge=lr,exports.TextareaNormal=dr,exports.TextareaSmall=ir,exports.Theme=Sr,exports.TipValidator=K,exports.WhitePlainButtonLarge=L,exports.WhitePlainButtonNormal=w,exports.WhitePlainButtonSmall=$,exports.Wrapper=Dr,exports.breakPoints=nr,exports.breakSize=sr,exports.device=vr;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "monica-alexandria",
-  "version": "2.5.4",
+  "version": "2.5.8",
   "description": "A styled-components styles library for Doitforme platorm and universal tweeks to create your own new styled library for your project",
   "main": "dist/index.js",
   "module": "dist/index.es.js",

package/src/components/layout/Blocks.jsx

@@ -0,0 +1,23 @@
+import styled from "styled-components";
+
+const Wrapper = styled.div`
+    padding: var(--smallDist);
+
+    h3{
+        margin-bottom: 2rem;
+    }
+`
+
+const Container = styled.div`
+    
+`
+
+const Section = styled.div`
+    
+`
+
+export{
+    Wrapper,
+    Container,
+    Section
+}

package/src/components/layout/index.js

@@ -1,2 +1,3 @@
 export * from './Layout.jsx';
-export * from './Theme.jsx';
+export * from './Theme.jsx';
+export * from './Blocks.jsx';

package/src/components/slider/Slider.jsx

@@ -8,19 +8,28 @@ const Slider = styled.div`
     z-index: 500;
     height: 100vh;
     width: 100%;
+`
+
+const SliderBg = styled.div`
+    position: fixed;
+    top: 0;
+    left: 0;
+    z-index: 501;
+    height: 100vh;
+    width: 100%;
     background: ${props => props.theme === 'dark' ? "var(--blancOverlay)" : "var(--blackOverlay)"};
 `
 
 const SliderContainer = styled.div`
     position: fixed;
     right: 0;
-    z-index: 501;
+    z-index: 502;
     width: calc(60% + 8rem);
     min-width: 40rem;
     height: 100vh;
     background: ${props => props.theme === 'dark' ? "var(--dark)" : "var(--white)"};
     box-shadow: ${props => props.theme === 'dark' ? "var(--sliderShine)" : "var(--sliderShadow)"};
-    animation: ${SlideIn} .5s linear;
+    animation: ${SlideIn} .2s linear;
 
     @media ${device.md} {
         width: calc(80% + 8rem);
@@ -56,6 +65,7 @@ const SliderTitle = styled.div`
 
 export {
     Slider,
+    SliderBg,
     SliderContainer,
     SliderWrapper,
     SliderTitle