@canmingir/link 1.2.27 → 1.2.30

package/src/assets/illustrations/upload-illustration.jsx

@@ -18,14 +18,14 @@ function UploadIllustration({ ...other }) {
   return (
     <Box
       component="svg"
-      width="100%"
-      height="100%"
       viewBox="0 0 480 360"
       xmlns="http://www.w3.org/2000/svg"
       {...other}
-    >
+      sx={[{
+        width: "100%",
+        height: "100%"
+      }, ...(Array.isArray(other.sx) ? other.sx : [other.sx])]}>
       <BackgroundShape />
-
       <defs>
         <linearGradient
           id="linearGradient-2"
@@ -38,48 +38,41 @@ function UploadIllustration({ ...other }) {
           <stop offset="100%" />
         </linearGradient>
       </defs>
-
       <path
         fill="#FF4842"
         fillRule="nonzero"
         d="M293.006 206.192c-2.248 2.672-4.676 2.628-6.123 2.251l.054-1.384s5.979-2.733 5.827-2.159c-.057.215.057.733.242 1.292zM309.393 209.217c-3.818 2.206-6.058-.38-6.578-1.112.32-.84.801-2.204.703-2.592-.144-.577 5.827 2.155 5.827 2.155l.048 1.549zM305.303 187.204s3.632-2.093 4.425-1.151c.792.942-4.425 1.151-4.425 1.151zM307.497 188.355s-.598.299.721.681c1.318.383-.721-.681-.721-.681zM285.532 182.599c-.123.036 3.022 2.123 5.862.395-.012 0-5.154-.61-5.862-.395zM291.239 186.591s-.861 1.692-2.625 1.943c-1.764.251 2.625-1.943 2.625-1.943zM302.785 190.262s4.138 6.578 3.346 8.129c-.793 1.552-3.346-8.129-3.346-8.129zM294.62 216.416c0 .368 0 .712-.036.996-.107 1.33-3.381.828-3.381.828-2.99.416-4.066-1.019-4.422-2.392a5.444 5.444 0 01-.164-1.363 5.606 5.606 0 01.054-.819v-.272a1.998 1.998 0 011.859.379c1.331 1.08 3.095.252 3.095.252s1.294.107 1.793.538c.281.242.745-.341 1.098-.897.021.359.054 1.007.074 1.701.024.356.03.714.03 1.049z"
         opacity="0.05"
       />
-
       <path
         fill="#FF4842"
         fillRule="nonzero"
         d="M289.37 216.339s-.897.879-2.589-.479a5.444 5.444 0 01-.164-1.363c.864.658 2.466 1.842 2.753 1.842zM294.62 216.416a.67.67 0 01-.519.132.672.672 0 01-.452-.287c.348-.266.669-.566.956-.897.009.359.015.717.015 1.052zM301.637 217.032c0 .371 0 .715.033.996.108 1.333 3.382.828 3.382.828 2.989.419 4.066-1.017 4.421-2.392a5.728 5.728 0 00.111-2.182v-.272a2.024 2.024 0 00-1.862.379c-1.331 1.08-3.092.251-3.092.251s-1.294.111-1.794.542c-.281.242-.744-.341-1.094-.897a61.426 61.426 0 00-.078 1.701c-.024.35-.03.708-.027 1.046z"
         opacity="0.05"
       />
-
       <path
         fill="#FF4842"
         fillRule="nonzero"
         d="M306.887 216.949s.897.879 2.587-.479c.112-.444.169-.901.167-1.36-.867.655-2.47 1.839-2.754 1.839zM301.637 217.032a.67.67 0 00.969-.155 6.35 6.35 0 01-.957-.897c-.009.356-.014.714-.012 1.052zM319.614 106.269c.063-.138.123-.275.18-.41.057-.134.077-.209.11-.317-.11.237-.206.48-.29.727z"
         opacity="0.05"
       />
-
       <path
         fill={PRIMARY_DARKER}
         fillRule="nonzero"
         d="M157.592 279.461a4.114 4.114 0 01-.917-3.131l13.196-107.979 1.094-8.97a4.142 4.142 0 014.078-3.635l38.654-.257a4.135 4.135 0 004.108-4.249l-.015-.409a4.14 4.14 0 014.135-4.279h40.619a4.134 4.134 0 014.098 4.682 4.137 4.137 0 003.995 4.682l39.01.996a4.13 4.13 0 013.97 4.831l-19.502 113.909-.368 2.152a4.042 4.042 0 01-.598 1.543l-135.557.114z"
       />
-
       <path
         fill="#FFF"
         fillRule="nonzero"
         d="M251.256817 123.296578L274.098317 123.296578 274.098317 200.823078 251.256817 200.823078z"
         transform="rotate(34.64 262.678 162.06)"
       />
-
       <path
         fill="#FFC107"
         fillRule="nonzero"
         d="M270.624591 129.857671L286.750291 129.857671 286.750291 145.983371 270.624591 145.983371z"
         transform="rotate(34.804 278.687 137.92)"
       />
-
       <path
         fill="#FFC107"
         fillRule="nonzero"
@@ -87,7 +80,6 @@ function UploadIllustration({ ...other }) {
         opacity="0.5"
         transform="rotate(34.64 268.35 153.887)"
       />
-
       <path
         fill="#FFC107"
         fillRule="nonzero"
@@ -95,21 +87,18 @@ function UploadIllustration({ ...other }) {
         opacity="0.3"
         transform="rotate(34.64 257.265 169.926)"
       />
-
       <path
         fill="#FFF"
         fillRule="nonzero"
         d="M237.472537 121.334214L260.314037 121.334214 260.314037 198.567714 237.472537 198.567714z"
         transform="rotate(16.29 248.893 159.951)"
       />
-
       <path
         fill="#FF4842"
         fillRule="nonzero"
         d="M249.053192 123.761554L265.200692 123.761554 265.200692 139.909054 249.053192 139.909054z"
         transform="rotate(16.29 257.127 131.835)"
       />
-
       <path
         fill="#FF4842"
         fillRule="nonzero"
@@ -117,7 +106,6 @@ function UploadIllustration({ ...other }) {
         opacity="0.5"
         transform="rotate(16.29 251.658 150.547)"
       />
-
       <path
         fill="#FF4842"
         fillRule="nonzero"
@@ -125,21 +113,18 @@ function UploadIllustration({ ...other }) {
         opacity="0.3"
         transform="rotate(16.29 246.19 169.256)"
       />
-
       <path
         fill="#FFF"
         fillRule="nonzero"
         d="M230.099192 121.641542L252.940692 121.641542 252.940692 198.875042 230.099192 198.875042z"
         transform="rotate(4.6 241.52 160.258)"
       />
-
       <path
         fill="#1890FF"
         fillRule="nonzero"
         d="M235.800489 122.985499L251.947989 122.985499 251.947989 139.132999 235.800489 139.132999z"
         transform="rotate(4.6 243.874 131.06)"
       />
-
       <path
         fill="#1890FF"
         fillRule="nonzero"
@@ -147,7 +132,6 @@ function UploadIllustration({ ...other }) {
         opacity="0.5"
         transform="rotate(4.6 242.308 150.487)"
       />
-
       <path
         fill="#1890FF"
         fillRule="nonzero"
@@ -155,21 +139,18 @@ function UploadIllustration({ ...other }) {
         opacity="0.3"
         transform="rotate(4.6 240.746 169.92)"
       />
-
       <path
         fill="#FFF"
         fillRule="nonzero"
         d="M224.736657 123.384871L247.578157 123.384871 247.578157 200.618371 224.736657 200.618371z"
         transform="rotate(-2.61 236.157 162.002)"
       />
-
       <path
         fill={PRIMARY_MAIN}
         fillRule="nonzero"
         d="M226.751283 124.659968L242.898783 124.659968 242.898783 140.807468 226.751283 140.807468z"
         transform="rotate(-2.61 234.825 132.734)"
       />
-
       <path
         fill={PRIMARY_MAIN}
         fillRule="nonzero"
@@ -177,7 +158,6 @@ function UploadIllustration({ ...other }) {
         opacity="0.5"
         transform="rotate(-2.862 236.39 151.563)"
       />
-
       <path
         fill={PRIMARY_MAIN}
         fillRule="nonzero"
@@ -185,52 +165,44 @@ function UploadIllustration({ ...other }) {
         opacity="0.3"
         transform="rotate(-2.61 236.599 171.683)"
       />
-
       <path
         fill="#F4F6F8"
         fillRule="nonzero"
         d="M232.679 225.726l-20.294 7.851-29.661 11.466c-1.121-2.093-2.771-4.921-4.813-8.297-7.026-11.642-18.65-29.75-29.001-45.665-11.66-17.938-21.696-33.075-21.696-33.075l7.265-2.093 59.346-17.23 38.854 87.043z"
       />
-
       <path
         fill="#000"
         fillRule="nonzero"
         d="M232.679 225.726l-20.294 7.851a152.535 152.535 0 01-34.484 3.169c-7.026-11.642-18.65-29.75-29-45.665l-14.42-35.18 59.343-17.218 38.855 87.043z"
         opacity="0.1"
       />
-
       <path
         fill={PRIMARY_MAIN}
         fillRule="nonzero"
         d="M247.777 220.841s-31.526 18.65-78.596 14.432l-37.525-91.486 17.984-3.091 62.168-10.677 35.279 89.043.69 1.779z"
       />
-
       <path
         fill="#FF4842"
         fillRule="nonzero"
         d="M247.075 219.074c-7.424.365-16.013.329-24.654-.702-9.351-1.101-18.757-3.367-26.82-7.523-6.742-3.471-12.506-7.247-17.532-11.776-13.074-11.759-21.164-28.579-28.429-58.365l62.168-10.677 35.267 89.043z"
         opacity="0.1"
       />
-
       <path
         fill="#FFF"
         fillRule="nonzero"
         d="M270.203 213.959s-23.239 4.55-46.894 1.749c-9.351-1.1-18.757-3.367-26.82-7.522-6.742-3.471-12.503-7.247-17.532-11.777-16.181-14.557-24.725-36.866-33.536-81.918 0 0 38.633 9.325 76.836-11.101-.012.015 12.865 80.373 47.946 110.569z"
       />
-
       <path
         fill={PRIMARY_MAIN}
         fillRule="nonzero"
         d="M165.405 131.03s31.416-1.776 40.187-8.548l1.331 4.276s-20.758 9.157-41.518 9.268v-4.996zM165.405 152.137s30.417-1.665 53.399-12.766l.777 1.776s-18.237 10.647-54.176 13.433v-2.443zM167.853 160.362s30.418-1.665 53.397-12.766l.777 1.776s-18.237 10.643-54.174 13.433v-2.443zM170.299 168.599s30.417-1.666 53.399-12.766l.774 1.775s-18.237 10.647-54.173 13.433v-2.442zM172.748 176.835s30.417-1.665 53.396-12.766l.777 1.776s-18.237 10.647-54.173 13.433v-2.443zM175.193 185.075s30.417-1.665 53.399-12.766l.774 1.776s-18.237 10.643-54.173 13.433v-2.443z"
         opacity="0.3"
       />
-
       <path
         fill={PRIMARY_MAIN}
         fillRule="nonzero"
         d="M389.069 287.344s-12.641-.762-11.152 8.097c0 0-.299 1.563 1.124 2.275 0 0 .021-.658 1.295-.434.454.077.916.099 1.375.066a2.832 2.832 0 001.677-.694c.468-.409 3.555-1.468 4.936-7.274 0 0 1.023-1.267.981-1.593l-2.132.897s.73 1.54.156 2.816c0 0-.069-2.759-.479-2.691-.083 0-1.109.533-1.109.533s1.253 2.69.299 4.628c0 0 .359-3.304-.699-4.434l-1.495.876s1.465 2.768.472 5.029c0 0 .254-3.465-.789-4.817l-1.361 1.062s1.379 2.729.539 4.604c0 0-.111-4.036-.835-4.341 0 0-1.195 1.049-1.369 1.494 0 0 .942 1.98.356 3.026 0 0-.359-2.691-.652-2.691 0 0-1.196 1.794-1.309 2.99 0 0 .051-1.818 1.022-3.172a3.593 3.593 0 00-1.818.942s.186-1.262 2.111-1.37c0 0 .981-1.351 1.241-1.435 0 0-1.914-.158-3.074.356 0 0 1.023-1.196 3.427-.649l1.342-1.094s-2.52-.347-3.588.036c0 0 1.229-1.052 3.95-.299l1.462-.873s-2.147-.463-3.426-.299c0 0 1.348-.729 3.856.06l1.044-.47s-1.573-.299-2.033-.358c-.461-.06-.488-.174-.488-.174a5.426 5.426 0 012.957.329s2.222-.813 2.186-.954z"
       />
-
       <ellipse
         cx="380.363"
         cy="298.487"
@@ -240,13 +212,11 @@ function UploadIllustration({ ...other }) {
         rx="8.945"
         ry="1.513"
       />
-
       <path
         fill={PRIMARY_MAIN}
         fillRule="nonzero"
         d="M394.956 258.102s-7.125-.43-6.279 4.565a1.218 1.218 0 00.631 1.283s.015-.371.733-.245c.255.042.515.054.774.036.349-.023.681-.159.945-.389.264-.23 2.003-.828 2.783-4.102 0 0 .577-.714.553-.897l-1.196.511s.41.87.087 1.591c0 0-.039-1.558-.269-1.522-.048 0-.625.299-.625.299s.706 1.495.173 2.61c0 0 .204-1.862-.394-2.502l-.846.496s.825 1.561.266 2.834c0 0 .143-1.955-.446-2.714l-.765.598s.774 1.539.299 2.595c0 0-.063-2.275-.469-2.446a4.75 4.75 0 00-.775.834s.532 1.118.204 1.707c0 0-.204-1.515-.368-1.521 0 0-.67 1.001-.739 1.689a3.671 3.671 0 01.577-1.794 2.007 2.007 0 00-1.025.532s.104-.711 1.196-.771c0 0 .553-.763.699-.81 0 0-1.079-.09-1.734.2 0 0 .577-.67 1.932-.365l.759-.619s-1.423-.194-2.024.021c0 0 .694-.598 2.227-.161l.826-.494a7.445 7.445 0 00-1.935-.164s.763-.413 2.174.033l.598-.263s-.897-.177-1.148-.203c-.252-.027-.275-.099-.275-.099a3.078 3.078 0 011.668.185s1.232-.46 1.208-.538z"
       />
-
       <ellipse
         cx="390.052"
         cy="264.383"
@@ -256,13 +226,11 @@ function UploadIllustration({ ...other }) {
         rx="5.044"
         ry="1"
       />
-
       <path
         fill={PRIMARY_MAIN}
         fillRule="nonzero"
         d="M352.896 262.437s-8.604-.52-7.588 5.51a1.47 1.47 0 00.763 1.549s0-.449.897-.299c.309.052.623.067.935.045a1.923 1.923 0 001.142-.473c.318-.279 2.419-.998 3.361-4.951 0 0 .697-.861.667-1.085l-1.468.622s.496 1.046.104 1.916c0 0-.048-1.877-.326-1.835-.056 0-.753.364-.753.364s.852 1.824.209 3.152c0 0 .245-2.249-.475-3.02l-1.023.598s.996 1.886.32 3.423c0 0 .174-2.359-.535-3.289l-.927.724s.939 1.857.365 3.133c0 0-.072-2.747-.565-2.954 0 0-.81.715-.933 1.008 0 0 .64 1.348.242 2.06 0 0-.245-1.83-.445-1.839 0 0-.804 1.214-.897 2.042.04-.768.28-1.512.697-2.159a2.427 2.427 0 00-1.235.643s.125-.858 1.435-.933c0 0 .667-.92.846-.974 0 0-1.303-.111-2.093.239 0 0 .694-.807 2.329-.44l.915-.747s-1.713-.233-2.442.024c0 0 .837-.715 2.69-.191l.996-.598s-1.462-.314-2.335-.201c0 0 .921-.496 2.625.042l.711-.32s-1.07-.209-1.384-.242c-.314-.033-.329-.119-.329-.119a3.69 3.69 0 012.012.221s1.519-.553 1.492-.646z"
       />
-
       <ellipse
         cx="346.97"
         cy="270.022"
@@ -272,7 +240,6 @@ function UploadIllustration({ ...other }) {
         rx="6.09"
         ry="1.028"
       />
-
       <rect
         width="51.026"
         height="91.312"
@@ -283,7 +250,6 @@ function UploadIllustration({ ...other }) {
         rx="4.737"
         transform="rotate(-71.99 329.44 114.867)"
       />
-
       <circle
         cx="303.613"
         cy="103.507"
@@ -292,7 +258,6 @@ function UploadIllustration({ ...other }) {
         fillRule="nonzero"
         opacity="0.2"
       />
-
       <path
         fill={PRIMARY_MAIN}
         fillRule="nonzero"
@@ -300,7 +265,6 @@ function UploadIllustration({ ...other }) {
         opacity="0.2"
         transform="rotate(-71.99 345.867 106.913)"
       />
-
       <path
         fill={PRIMARY_MAIN}
         fillRule="nonzero"
@@ -308,7 +272,6 @@ function UploadIllustration({ ...other }) {
         opacity="0.2"
         transform="rotate(-71.99 334.312 110.042)"
       />
-
       <path
         fill={PRIMARY_MAIN}
         fillRule="nonzero"
@@ -316,7 +279,6 @@ function UploadIllustration({ ...other }) {
         opacity="0.2"
         transform="rotate(-71.99 338.393 118.259)"
       />
-
       <path
         fill={PRIMARY_MAIN}
         fillRule="nonzero"
@@ -324,7 +286,6 @@ function UploadIllustration({ ...other }) {
         opacity="0.2"
         transform="rotate(-71.99 339.79 125.599)"
       />
-
       <path
         fill={PRIMARY_MAIN}
         fillRule="nonzero"
@@ -332,7 +293,6 @@ function UploadIllustration({ ...other }) {
         opacity="0.5"
         transform="rotate(-71.99 350.544 140.3)"
       />
-
       <rect
         width="50.3"
         height="78.305"
@@ -343,83 +303,71 @@ function UploadIllustration({ ...other }) {
         rx="4"
         transform="rotate(-57.265 316.7 213.638)"
       />
-
       <path
         fill="#DFE3E8"
         fillRule="nonzero"
         d="M278.038439 203.88874L292.269539 203.88874 292.269539 207.23723 278.038439 207.23723z"
         transform="rotate(-57.57 285.154 205.563)"
       />
-
       <path
         fill="#DFE3E8"
         fillRule="nonzero"
         d="M283.007935 199.201889L314.262535 199.201889 314.262535 202.272339 283.007935 202.272339z"
         transform="rotate(-57.57 298.635 200.737)"
       />
-
       <path
         fill="#DFE3E8"
         fillRule="nonzero"
         d="M288.543935 202.715889L319.798535 202.715889 319.798535 205.786339 288.543935 205.786339z"
         transform="rotate(-57.57 304.171 204.251)"
       />
-
       <path
         fill="#DFE3E8"
         fillRule="nonzero"
         d="M294.078936 206.235889L325.333536 206.235889 325.333536 209.306339 294.078936 209.306339z"
         transform="rotate(-57.57 309.706 207.771)"
       />
-
       <path
         fill="#DFE3E8"
         fillRule="nonzero"
         d="M299.879919 211.40702L331.090719 211.40702 331.090719 214.47316 299.879919 214.47316z"
         transform="rotate(-57.265 315.485 212.94)"
       />
-
       <path
         fill="#F4F6F8"
         fillRule="nonzero"
         d="M305.149936 213.268889L336.404536 213.268889 336.404536 216.339339 305.149936 216.339339z"
         transform="rotate(-57.57 320.777 214.804)"
       />
-
       <path
         fill="#F4F6F8"
         fillRule="nonzero"
         d="M310.685935 216.782889L341.940535 216.782889 341.940535 219.853339 310.685935 219.853339z"
         transform="rotate(-57.57 326.313 218.318)"
       />
-
       <path
         fill="#DFE3E8"
         fillRule="nonzero"
         d="M341.417983 210.406958L349.511163 210.406958 349.511163 218.500138 341.417983 218.500138z"
         transform="rotate(-57.57 345.465 214.454)"
       />
-
       <path
         fill={PRIMARY_MAIN}
         fillRule="nonzero"
         d="M269.277 168.76l-45.767.493a3.127 3.127 0 00-3.094 3.125v3.782a3.127 3.127 0 01-3.05 3.124l-33.024.792a3.124 3.124 0 01-3.095-2.308l-1.551-5.701a3.124 3.124 0 00-3.053-2.308l-44.113.475a3.125 3.125 0 00-3.05 3.648l17.747 104.449a3.129 3.129 0 003.071 2.604l139.363.598a3.129 3.129 0 003.082-3.714l-20.366-106.521a3.125 3.125 0 00-3.1-2.538z"
       />
-
       <path
         fill={PRIMARY_DARK}
         fillRule="nonzero"
         d="M269.277 168.76l-45.767.493a3.127 3.127 0 00-3.094 3.125v3.782a3.127 3.127 0 01-3.05 3.124l-33.024.792a3.124 3.124 0 01-3.095-2.308l-1.551-5.701a3.124 3.124 0 00-3.053-2.308l-44.113.475a3.125 3.125 0 00-3.05 3.648l17.747 104.449a3.129 3.129 0 003.071 2.604l139.363.598a3.129 3.129 0 003.082-3.714l-20.366-106.521a3.125 3.125 0 00-3.1-2.538z"
         opacity="0.243"
       />
-
       <path
         fill="url(#linearGradient-2)"
         fillRule="nonzero"
         d="M269.277 168.76l-45.767.493a3.127 3.127 0 00-3.094 3.125v3.782a3.127 3.127 0 01-3.05 3.124l-33.024.792a3.124 3.124 0 01-3.095-2.308l-1.551-5.701a3.124 3.124 0 00-3.053-2.308l-44.113.475a3.125 3.125 0 00-3.05 3.648l17.747 104.449a3.129 3.129 0 003.071 2.604l139.363.598a3.129 3.129 0 003.082-3.714l-20.366-106.521a3.125 3.125 0 00-3.1-2.538z"
         opacity="0.32"
       />
-
       <ellipse
         cx="119.593"
         cy="258.664"
@@ -429,7 +377,6 @@ function UploadIllustration({ ...other }) {
         rx="4.846"
         ry="1"
       />
-
       <ellipse
         cx="101.03"
         cy="260.545"
@@ -439,7 +386,6 @@ function UploadIllustration({ ...other }) {
         rx="4.846"
         ry="1"
       />
-
       <ellipse
         cx="108.459"
         cy="265.905"
@@ -449,7 +395,6 @@ function UploadIllustration({ ...other }) {
         rx="3.444"
         ry="1"
       />
-
       <ellipse
         cx="89.193"
         cy="265.433"
@@ -459,108 +404,92 @@ function UploadIllustration({ ...other }) {
         rx="3.444"
         ry="1"
       />
-
       <path
         fill={PRIMARY_MAIN}
         fillRule="nonzero"
         d="M100.925 260.398s6.796-22.279-1.064-31.204c-5.881-6.676-12.557-5.877-15.547-5.052a5.528 5.528 0 00-3.564 2.963c-1.046 2.254-.858 5.913 6.521 10.186 12.35 7.151 13.119 16.96 13.119 16.96l.535 6.147z"
       />
-
       <path
         stroke={PRIMARY_DARKER}
         strokeLinecap="round"
         strokeWidth="0.5"
         d="M85.382 227.302s20.031 6.278 15.546 33.096M97.083 229.547s-2.76 1.86-1.88 4.655M87.39 231.203s1.687-1.716 3.741-.768M95.31 239.832s2.963-1.495 3.728.379M102.638 242.962s-2.224-.176-2.263.897"
       />
-
       <path
         fill={PRIMARY_MAIN}
         fillRule="nonzero"
         d="M101.2 260.575s-7.961-16.193-10.147-15.846c-1.037.17-1.516 1.196-1.734 2.218a6.516 6.516 0 00.434 3.941c1.13 2.601 4.165 7.519 11.447 9.687z"
       />
-
       <path
         stroke={PRIMARY_DARKER}
         strokeLinecap="round"
         strokeWidth="0.5"
         d="M91.113 247.808s8.353 12.115 9.968 12.647"
       />
-
       <path
         stroke={PRIMARY_DARKER}
         strokeLinecap="round"
         strokeWidth="0.5"
         d="M90.344 249.701L92.293 249.701"
       />
-
       <path
         stroke={PRIMARY_DARKER}
         strokeLinecap="round"
         strokeWidth="0.5"
         d="M92.68 254.132L95.738 254.263"
       />
-
       <path
         stroke={PRIMARY_DARKER}
         strokeLinecap="round"
         strokeWidth="0.5"
         d="M94.542 250.586L94.21 252.179"
       />
-
       <path
         stroke={PRIMARY_DARKER}
         strokeLinecap="round"
         strokeWidth="0.5"
         d="M97.792 255.432L97.732 256.879"
       />
-
       <path
         fill={PRIMARY_MAIN}
         fillRule="nonzero"
         d="M100.964 260.575s7.959-16.193 10.144-15.846c1.041.17 1.519 1.196 1.734 2.218a6.514 6.514 0 01-.433 3.941c-1.13 2.601-4.168 7.519-11.445 9.687z"
       />
-
       <path
         stroke={PRIMARY_DARKER}
         strokeLinecap="round"
         strokeWidth="0.5"
         d="M111.051 247.808s-8.371 12.115-9.97 12.647"
       />
-
       <path
         stroke={PRIMARY_DARKER}
         strokeLinecap="round"
         strokeWidth="0.5"
         d="M111.82 249.701L109.871 249.701"
       />
-
       <path
         stroke={PRIMARY_DARKER}
         strokeLinecap="round"
         strokeWidth="0.5"
         d="M109.485 254.132L106.426 254.263"
       />
-
       <path
         stroke={PRIMARY_DARKER}
         strokeLinecap="round"
         strokeWidth="0.5"
         d="M107.622 250.586L107.954 252.179"
       />
-
       <path
         stroke={PRIMARY_DARKER}
         strokeLinecap="round"
         strokeWidth="0.5"
         d="M104.372 255.432L104.432 256.879"
       />
-
       <path
         fill={PRIMARY_MAIN}
         fillRule="nonzero"
         d="M87.295 264.357a1.375 1.375 0 01-.452-.685.599.599 0 01.317-.697c.3-.11.598.09.837.299.24.21.512.431.81.38a1.237 1.237 0 01-.382-1.16.47.47 0 01.105-.236c.161-.174.454-.099.648.039.598.43.787 1.264.79 2.018.03-.277.03-.555 0-.831a.853.853 0 01.334-.727.938.938 0 01.476-.114.988.988 0 01.774.222.767.767 0 01-.03.947c-.229.257-.5.474-.801.64a1.805 1.805 0 00-.571.547.399.399 0 00-.042.096h-1.74a4.826 4.826 0 01-1.073-.738zM117.626 257.833a1.355 1.355 0 01-.452-.682.599.599 0 01.314-.696c.299-.111.598.089.837.299.239.209.509.436.817.391a1.236 1.236 0 01-.386-1.157.472.472 0 01.107-.236c.162-.173.455-.099.649.036.613.433.787 1.268.79 2.021a4.008 4.008 0 000-.834.852.852 0 01.299-.736.955.955 0 01.475-.11.998.998 0 01.774.218.768.768 0 01-.033.951 2.996 2.996 0 01-.798.64 1.767 1.767 0 00-.571.544.499.499 0 00-.042.098h-1.701a4.78 4.78 0 01-1.079-.747zM107.518 264.357a1.406 1.406 0 01-.455-.685.6.6 0 01.317-.697c.299-.11.598.09.837.299.239.21.505.437.816.395a1.247 1.247 0 01-.385-1.16.472.472 0 01.107-.236c.162-.174.455-.099.649.039.613.43.783 1.264.789 2.018.03-.277.03-.555 0-.832a.855.855 0 01.314-.735.93.93 0 01.476-.114.988.988 0 01.774.222.764.764 0 01-.033.947 3.028 3.028 0 01-.798.64 1.798 1.798 0 00-.571.547.411.411 0 00-.042.096h-1.734c-.385-.2-.742-.45-1.061-.744z"
       />
-
       <circle
         cx="84.467"
         cy="87.003"
@@ -569,7 +498,6 @@ function UploadIllustration({ ...other }) {
         fillRule="nonzero"
         opacity="0.1"
       />
-
       <circle
         cx="395.425"
         cy="138.681"
@@ -578,7 +506,6 @@ function UploadIllustration({ ...other }) {
         fillRule="nonzero"
         opacity="0.1"
       />
-
       <circle
         cx="279.178"
         cy="66.467"
@@ -587,7 +514,6 @@ function UploadIllustration({ ...other }) {
         fillRule="nonzero"
         opacity="0.1"
       />
-
       <circle
         cx="97.4"
         cy="122.68"
@@ -596,20 +522,17 @@ function UploadIllustration({ ...other }) {
         fillRule="nonzero"
         opacity="0.1"
       />
-
       <path
         fill={PRIMARY_DARK}
         fillRule="nonzero"
         d="M206.029 209.911c-7.975 0-14.44 6.465-14.44 14.44s6.465 14.44 14.44 14.44 14.44-6.465 14.44-14.44-6.465-14.44-14.44-14.44z"
       />
-
       <path
         fill={PRIMARY_MAIN}
         fillRule="nonzero"
         d="M206.029 211.59c7.047 0 12.761 5.714 12.761 12.761 0 7.048-5.714 12.761-12.761 12.761-7.048 0-12.761-5.713-12.761-12.761.006-7.045 5.716-12.754 12.761-12.761"
         opacity="0.72"
       />
-
       <path
         fill={PRIMARY_DARK}
         fillRule="nonzero"

package/src/components/TopNavBar/TopNavBar.jsx

@@ -119,7 +119,9 @@ function TopNavBar({
                 to={itemUrl}
                 onClick={() => selectItem(item)}
               >
-                <Typography textAlign="center">{item.name}</Typography>
+                <Typography sx={{
+                  textAlign: "center"
+                }}>{item.name}</Typography>
               </MenuItem>
             ))}
           </Menu>
@@ -173,7 +175,9 @@ function TopNavBar({
             </Typography>
             {settings.map((setting) => (
               <MenuItem key={setting.name} onClick={setting.action}>
-                <Typography textAlign="center">{setting.name}</Typography>
+                <Typography sx={{
+                  textAlign: "center"
+                }}>{setting.name}</Typography>
               </MenuItem>
             ))}
           </Menu>

package/src/components/file-thumbnail/file-thumbnail.jsx

@@ -47,15 +47,14 @@ export default function FileThumbnail({
     return (
       <Tooltip title={name}>
         <Stack
-          flexShrink={0}
           component="span"
-          alignItems="center"
-          justifyContent="center"
           sx={{
+            flexShrink: 0,
+            alignItems: "center",
+            justifyContent: "center",
             width: "fit-content",
-            height: "inherit",
-          }}
-        >
+            height: "inherit"
+          }}>
           {renderContent}
           {onDownload && <DownloadButton onDownload={onDownload} />}
         </Stack>

package/src/components/label/label.jsx

@@ -2,7 +2,6 @@ import Box from "@mui/material/Box";
 import React from "react";
 import { StyledLabel } from "./styles";
 import { forwardRef } from "react";
-import { useTheme } from "@mui/material/styles";
 
 const Label = forwardRef(
   (
@@ -17,8 +16,6 @@ const Label = forwardRef(
     },
     ref
   ) => {
-    const theme = useTheme();
-
     const iconStyles = {
       width: 16,
       height: 16,
@@ -35,7 +32,6 @@ const Label = forwardRef(
           ...(endIcon && { pr: 0.75 }),
           ...sx,
         }}
-        theme={theme}
         {...other}
       >
         {startIcon && <Box sx={{ mr: 0.75, ...iconStyles }}> {startIcon} </Box>}

package/src/components/nav-section/horizontal/nav-section-horizontal.jsx

@@ -9,14 +9,13 @@ function NavSectionHorizontal({ data, slotProps, sx, ...other }) {
       component="nav"
       id="nav-section-horizontal"
       direction="row"
-      alignItems="center"
       spacing={`${slotProps?.gap || 6}px`}
-      sx={{
-        mx: "auto",
-        ...sx,
-      }}
       {...other}
-    >
+      sx={[{
+        alignItems: "center",
+        mx: "auto",
+        ...sx
+      }, ...(Array.isArray(other.sx) ? other.sx : [other.sx])]}>
       {data.map((group, index) => (
         <Group
           key={group?.subheader || index}

package/src/components/settings/drawer/layout-options.jsx

@@ -61,25 +61,26 @@ export default function LayoutOptions({ options, value, onChange }) {
     return (
       <Stack
         spacing={0.5}
-        flexShrink={0}
         direction={option === "horizontal" ? "row" : "column"}
         sx={{
+          flexShrink: 0,
           p: 0.5,
           width: 28,
           height: 1,
           borderRight: `solid 1px ${alpha(theme.palette.grey[500], 0.08)}`,
+
           ...(option === "mini" && {
             width: 16,
           }),
+
           ...(option === "horizontal" && {
             width: 1,
             height: 16,
             alignItems: "center",
             borderRight: "unset",
             borderBottom: `solid 1px ${alpha(theme.palette.grey[500], 0.08)}`,
-          }),
-        }}
-      >
+          })
+        }}>
         {circle}
         {primaryItem}
         {secondaryItem}