@rio-cloud/uikit-mcp 1.1.0 → 1.1.2

package/dist/docs/components/collapse.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Show/Hide
 *Source:* https://uikit.developers.rio.cloud/#components/collapse
-*Captured:* 2025-12-12T12:38:20.873Z
+*Captured:* 2025-12-15T15:02:18.767Z
 
 The Collapse component folds and unfolds given content. It is used in some other components such as the ExpanderPanel and ExpanderList.
 
@@ -83,7 +83,7 @@ export default () => {
                     <div class="margin-bottom-15">
                         Lorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div>
                     <div class="dropdown btn-group">
-                        <button type="button" id="1forn9hnveu" class="btn btn-default btn-md btn-component dropdown-toggle" tabindex="0">Dropdown<span class="caret">
+                        <button type="button" id="1gaqqu9b55" class="btn btn-default btn-md btn-component dropdown-toggle" tabindex="0">Dropdown<span class="caret">
                             </span>
                         </button>
                     </div>

package/dist/docs/components/composedCharts.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Charts
 *Source:* https://uikit.developers.rio.cloud/#components/composedCharts
-*Captured:* 2025-12-12T12:39:18.161Z
+*Captured:* 2025-12-15T15:03:21.234Z
 
 ## ComposedChart
 
@@ -240,7 +240,7 @@ const data: CustomData[] = [
                             <g class="recharts-layer">
                                 <defs>
                                     <clipPath id="animationClipPath-recharts-area-:r3:">
-                                        <rect x="70.41927083333333" y="0" width="56.09365679331344" height="124">
+                                        <rect x="70.41927083333333" y="0" width="87.94684425800848" height="124">
                                         </rect>
                                     </clipPath>
                                 </defs>
@@ -262,33 +262,33 @@ const data: CustomData[] = [
                             <g class="recharts-layer recharts-bar-rectangles">
                                 <g class="recharts-layer">
                                     <g class="recharts-layer recharts-bar-rectangle">
-                                        <path fill-opacity="1" fill="#8e96eb " name="Page A" x="50.08385416666667" y="79.7343465865101" width="40" height="43.2656534134899" class="recharts-rectangle" d="M50.08385416666667,82.7343465865101A 3,3,0,0,1,53.08385416666667,79.7343465865101L 87.08385416666667,79.7343465865101A 3,3,0,0,1,
-        90.08385416666667,82.7343465865101L 90.08385416666667,123L 50.08385416666667,123Z">
+                                        <path fill-opacity="1" fill="#8e96eb " name="Page A" x="50.08385416666667" y="75.7940811707843" width="40" height="47.205918829215705" class="recharts-rectangle" d="M50.08385416666667,78.7940811707843A 3,3,0,0,1,53.08385416666667,75.7940811707843L 87.08385416666667,75.7940811707843A 3,3,0,0,1,
+        90.08385416666667,78.7940811707843L 90.08385416666667,123L 50.08385416666667,123Z">
                                         </path>
                                     </g>
                                     <g class="recharts-layer recharts-bar-rectangle">
-                                        <path fill-opacity="1" fill="#8e96eb " name="Page B" x="100.92239583333333" y="70.70264143644405" width="40" height="52.29735856355594" class="recharts-rectangle" d="M100.92239583333333,73.70264143644405A 3,3,0,0,1,103.92239583333333,70.70264143644405L 137.92239583333333,70.70264143644405A 3,3,0,0,1,
-        140.92239583333333,73.70264143644405L 140.92239583333333,123L 100.92239583333333,123Z">
+                                        <path fill-opacity="1" fill="#8e96eb " name="Page B" x="100.92239583333333" y="65.93984561518549" width="40" height="57.06015438481451" class="recharts-rectangle" d="M100.92239583333333,68.93984561518549A 3,3,0,0,1,103.92239583333333,65.93984561518549L 137.92239583333333,65.93984561518549A 3,3,0,0,1,
+        140.92239583333333,68.93984561518549L 140.92239583333333,123L 100.92239583333333,123Z">
                                         </path>
                                     </g>
                                     <g class="recharts-layer recharts-bar-rectangle">
-                                        <path fill-opacity="1" fill="#8e96eb " name="Page C" x="151.76093749999998" y="63.617890689985096" width="40" height="59.382109310014904" class="recharts-rectangle" d="M151.76093749999998,66.6178906899851A 3,3,0,0,1,154.76093749999998,63.617890689985096L 188.76093749999998,63.617890689985096A 3,3,0,0,1,
-        191.76093749999998,66.6178906899851L 191.76093749999998,123L 151.76093749999998,123Z">
+                                        <path fill-opacity="1" fill="#8e96eb " name="Page C" x="151.76093749999998" y="58.20987640690143" width="40" height="64.79012359309857" class="recharts-rectangle" d="M151.76093749999998,61.20987640690143A 3,3,0,0,1,154.76093749999998,58.20987640690143L 188.76093749999998,58.20987640690143A 3,3,0,0,1,
+        191.76093749999998,61.20987640690143L 191.76093749999998,123L 151.76093749999998,123Z">
                                         </path>
                                     </g>
                                     <g class="recharts-layer recharts-bar-rectangle">
-                                        <path fill-opacity="1" fill="#8e96eb " name="Page D" x="202.59947916666667" y="58.101519879765135" width="40" height="64.89848012023486" class="recharts-rectangle" d="M202.59947916666667,61.101519879765135A 3,3,0,0,1,205.59947916666667,58.101519879765135L 239.59947916666667,58.101519879765135A 3,3,0,0,1,
-        242.59947916666667,61.101519879765135L 242.59947916666667,123L 202.59947916666667,123Z">
+                                        <path fill-opacity="1" fill="#8e96eb " name="Page D" x="202.59947916666667" y="52.191121756176415" width="40" height="70.80887824382359" class="recharts-rectangle" d="M202.59947916666667,55.191121756176415A 3,3,0,0,1,205.59947916666667,52.191121756176415L 239.59947916666667,52.191121756176415A 3,3,0,0,1,
+        242.59947916666667,55.191121756176415L 242.59947916666667,123L 202.59947916666667,123Z">
                                         </path>
                                     </g>
                                     <g class="recharts-layer recharts-bar-rectangle">
-                                        <path fill-opacity="1" fill="#8e96eb " name="Page E" x="253.43802083333333" y="63.07707002231648" width="40" height="59.92292997768352" class="recharts-rectangle" d="M253.43802083333333,66.07707002231648A 3,3,0,0,1,256.4380208333333,63.07707002231648L 290.4380208333333,63.07707002231648A 3,3,0,0,1,
-        293.4380208333333,66.07707002231648L 293.4380208333333,123L 253.43802083333333,123Z">
+                                        <path fill-opacity="1" fill="#8e96eb " name="Page E" x="253.43802083333333" y="57.619802421536235" width="40" height="65.38019757846376" class="recharts-rectangle" d="M253.43802083333333,60.619802421536235A 3,3,0,0,1,256.4380208333333,57.619802421536235L 290.4380208333333,57.619802421536235A 3,3,0,0,1,
+        293.4380208333333,60.619802421536235L 293.4380208333333,123L 253.43802083333333,123Z">
                                         </path>
                                     </g>
                                     <g class="recharts-layer recharts-bar-rectangle">
-                                        <path fill-opacity="1" fill="#8e96eb " name="Page F" x="304.27656249999995" y="86.22419459853359" width="40" height="36.77580540146642" class="recharts-rectangle" d="M304.27656249999995,89.22419459853359A 3,3,0,0,1,307.27656249999995,86.22419459853359L 341.27656249999995,86.22419459853359A 3,3,0,0,1,
-        344.27656249999995,89.22419459853359L 344.27656249999995,123L 304.27656249999995,123Z">
+                                        <path fill-opacity="1" fill="#8e96eb " name="Page F" x="304.27656249999995" y="82.87496899516664" width="40" height="40.12503100483336" class="recharts-rectangle" d="M304.27656249999995,85.87496899516664A 3,3,0,0,1,307.27656249999995,82.87496899516664L 341.27656249999995,82.87496899516664A 3,3,0,0,1,
+        344.27656249999995,85.87496899516664L 344.27656249999995,123L 304.27656249999995,123Z">
                                         </path>
                                     </g>
                                 </g>
@@ -297,7 +297,7 @@ const data: CustomData[] = [
                     </g>
                     <g tabindex="-1" id="recharts-zindex-400-:r9:">
                         <g class="recharts-layer recharts-line">
-                            <path stroke-width="1" stroke="#30b4c0 " fill="none" id="recharts-line-:r5:" height="108" width="365.03125" class="recharts-curve recharts-line-curve" stroke-dasharray="59.00612415696692px 208.38465343092372px" d="M70.419,87.6C87.365,83.295,104.312,78.99,121.258,70.92C138.204,62.85,155.15,42.5,172.096,39.18C189.043,35.86,205.989,35.43,222.935,34.2C239.881,32.97,256.827,31.8,273.773,31.8C290.72,31.8,307.666,35.4,324.612,39">
+                            <path stroke-width="1" stroke="#30b4c0 " fill="none" id="recharts-line-:r5:" height="108" width="365.03125" class="recharts-curve recharts-line-curve" stroke-dasharray="92.51317721400677px 174.87760037388387px" d="M70.419,87.6C87.365,83.295,104.312,78.99,121.258,70.92C138.204,62.85,155.15,42.5,172.096,39.18C189.043,35.86,205.989,35.43,222.935,34.2C239.881,32.97,256.827,31.8,273.773,31.8C290.72,31.8,307.666,35.4,324.612,39">
                             </path>
                         </g>
                     </g>

package/dist/docs/components/contentLoader.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Content
 *Source:* https://uikit.developers.rio.cloud/#components/contentLoader
-*Captured:* 2025-12-12T12:38:38.924Z
+*Captured:* 2025-12-15T15:02:37.070Z
 
 The content loader is based on the react-content-loader which can be found here: https://github.com/danilowoz/react-content-loader
 
@@ -46,16 +46,16 @@ export default () => (
 ```html
 <div class="display-flex">
     <div>
-        <svg aria-labelledby="xjvzjys-aria" role="img" height="40" width="40" class="ContentLoader  ">
-            <title id="xjvzjys-aria">Loading...</title>
-            <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#xjvzjys-diff)" style="fill: url(&quot;#xjvzjys-animated-diff&quot;);">
+        <svg aria-labelledby="6g2q4qp-aria" role="img" height="40" width="40" class="ContentLoader  ">
+            <title id="6g2q4qp-aria">Loading...</title>
+            <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#6g2q4qp-diff)" style="fill: url(&quot;#6g2q4qp-animated-diff&quot;);">
             </rect>
             <defs>
-                <clipPath id="xjvzjys-diff">
+                <clipPath id="6g2q4qp-diff">
                     <circle cx="20" cy="20" r="20">
                     </circle>
                 </clipPath>
-                <linearGradient id="xjvzjys-animated-diff" gradientTransform="translate(-2 0)">
+                <linearGradient id="6g2q4qp-animated-diff" gradientTransform="translate(-2 0)">
                     <stop offset="0%" stop-color="#f5f6f7" stop-opacity="1">
                     </stop>
                     <stop offset="50%" stop-color="#eeeeee" stop-opacity="1">
@@ -69,16 +69,16 @@ export default () => (
         </svg>
     </div>
     <div class="margin-left-15">
-        <svg aria-labelledby="nzcod7-aria" role="img" height="14" width="100%" class="ContentLoader height-20 margin-bottom-10 ">
-            <title id="nzcod7-aria">Loading...</title>
-            <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#nzcod7-diff)" style="fill: url(&quot;#nzcod7-animated-diff&quot;);">
+        <svg aria-labelledby="qpx0igr-aria" role="img" height="14" width="100%" class="ContentLoader height-20 margin-bottom-10 ">
+            <title id="qpx0igr-aria">Loading...</title>
+            <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#qpx0igr-diff)" style="fill: url(&quot;#qpx0igr-animated-diff&quot;);">
             </rect>
             <defs>
-                <clipPath id="nzcod7-diff">
+                <clipPath id="qpx0igr-diff">
                     <rect width="100%" height="100%" rx="3" ry="3">
                     </rect>
                 </clipPath>
-                <linearGradient id="nzcod7-animated-diff" gradientTransform="translate(-2 0)">
+                <linearGradient id="qpx0igr-animated-diff" gradientTransform="translate(-2 0)">
                     <stop offset="0%" stop-color="#f5f6f7" stop-opacity="1">
                     </stop>
                     <stop offset="50%" stop-color="#eeeeee" stop-opacity="1">
@@ -90,16 +90,16 @@ export default () => (
                 </linearGradient>
             </defs>
         </svg>
-        <svg aria-labelledby="uzk68rk-aria" role="img" height="14" width="100%" class="ContentLoader  ">
-            <title id="uzk68rk-aria">Loading...</title>
-            <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#uzk68rk-diff)" style="fill: url(&quot;#uzk68rk-animated-diff&quot;);">
+        <svg aria-labelledby="b6xcj2q-aria" role="img" height="14" width="100%" class="ContentLoader  ">
+            <title id="b6xcj2q-aria">Loading...</title>
+            <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#b6xcj2q-diff)" style="fill: url(&quot;#b6xcj2q-animated-diff&quot;);">
             </rect>
             <defs>
-                <clipPath id="uzk68rk-diff">
+                <clipPath id="b6xcj2q-diff">
                     <rect width="100%" height="100%" rx="3" ry="3">
                     </rect>
                 </clipPath>
-                <linearGradient id="uzk68rk-animated-diff" gradientTransform="translate(-2 0)">
+                <linearGradient id="b6xcj2q-animated-diff" gradientTransform="translate(-2 0)">
                     <stop offset="0%" stop-color="#f5f6f7" stop-opacity="1">
                     </stop>
                     <stop offset="50%" stop-color="#eeeeee" stop-opacity="1">
@@ -111,16 +111,16 @@ export default () => (
                 </linearGradient>
             </defs>
         </svg>
-        <svg aria-labelledby="rublyd-aria" role="img" height="14" width="80%" class="ContentLoader  ">
-            <title id="rublyd-aria">Loading...</title>
-            <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#rublyd-diff)" style="fill: url(&quot;#rublyd-animated-diff&quot;);">
+        <svg aria-labelledby="4r0du6l-aria" role="img" height="14" width="80%" class="ContentLoader  ">
+            <title id="4r0du6l-aria">Loading...</title>
+            <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#4r0du6l-diff)" style="fill: url(&quot;#4r0du6l-animated-diff&quot;);">
             </rect>
             <defs>
-                <clipPath id="rublyd-diff">
+                <clipPath id="4r0du6l-diff">
                     <rect width="100%" height="100%" rx="3" ry="3">
                     </rect>
                 </clipPath>
-                <linearGradient id="rublyd-animated-diff" gradientTransform="translate(-2 0)">
+                <linearGradient id="4r0du6l-animated-diff" gradientTransform="translate(-2 0)">
                     <stop offset="0%" stop-color="#f5f6f7" stop-opacity="1">
                     </stop>
                     <stop offset="50%" stop-color="#eeeeee" stop-opacity="1">
@@ -132,16 +132,16 @@ export default () => (
                 </linearGradient>
             </defs>
         </svg>
-        <svg aria-labelledby="qo8paes-aria" role="img" height="14" width="60%" class="ContentLoader  ">
-            <title id="qo8paes-aria">Loading...</title>
-            <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#qo8paes-diff)" style="fill: url(&quot;#qo8paes-animated-diff&quot;);">
+        <svg aria-labelledby="lrmn5ol-aria" role="img" height="14" width="60%" class="ContentLoader  ">
+            <title id="lrmn5ol-aria">Loading...</title>
+            <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#lrmn5ol-diff)" style="fill: url(&quot;#lrmn5ol-animated-diff&quot;);">
             </rect>
             <defs>
-                <clipPath id="qo8paes-diff">
+                <clipPath id="lrmn5ol-diff">
                     <rect width="100%" height="100%" rx="3" ry="3">
                     </rect>
                 </clipPath>
-                <linearGradient id="qo8paes-animated-diff" gradientTransform="translate(-2 0)">
+                <linearGradient id="lrmn5ol-animated-diff" gradientTransform="translate(-2 0)">
                     <stop offset="0%" stop-color="#f5f6f7" stop-opacity="1">
                     </stop>
                     <stop offset="50%" stop-color="#eeeeee" stop-opacity="1">
@@ -202,16 +202,16 @@ export default () => (
 ```html
 <div class="display-flex">
     <div>
-        <svg aria-labelledby="spsbnq-aria" role="img" height="40" width="40" class="ContentLoader  ">
-            <title id="spsbnq-aria">Loading...</title>
-            <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#spsbnq-diff)" style="fill: url(&quot;#spsbnq-animated-diff&quot;);">
+        <svg aria-labelledby="19cfpdv-aria" role="img" height="40" width="40" class="ContentLoader  ">
+            <title id="19cfpdv-aria">Loading...</title>
+            <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#19cfpdv-diff)" style="fill: url(&quot;#19cfpdv-animated-diff&quot;);">
             </rect>
             <defs>
-                <clipPath id="spsbnq-diff">
+                <clipPath id="19cfpdv-diff">
                     <rect width="100%" height="100%" rx="3" ry="3">
                     </rect>
                 </clipPath>
-                <linearGradient id="spsbnq-animated-diff" gradientTransform="translate(-2 0)">
+                <linearGradient id="19cfpdv-animated-diff" gradientTransform="translate(-2 0)">
                     <stop offset="0%" stop-color="#f5f6f7" stop-opacity="1">
                     </stop>
                     <stop offset="50%" stop-color="#eeeeee" stop-opacity="1">
@@ -225,16 +225,16 @@ export default () => (
         </svg>
     </div>
     <div class="margin-left-15">
-        <svg aria-labelledby="1l4xn39-aria" role="img" height="14" width="100%" class="ContentLoader  ">
-            <title id="1l4xn39-aria">Loading...</title>
-            <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#1l4xn39-diff)" style="fill: url(&quot;#1l4xn39-animated-diff&quot;);">
+        <svg aria-labelledby="bmd05x-aria" role="img" height="14" width="100%" class="ContentLoader  ">
+            <title id="bmd05x-aria">Loading...</title>
+            <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#bmd05x-diff)" style="fill: url(&quot;#bmd05x-animated-diff&quot;);">
             </rect>
             <defs>
-                <clipPath id="1l4xn39-diff">
+                <clipPath id="bmd05x-diff">
                     <rect width="100%" height="100%" rx="3" ry="3">
                     </rect>
                 </clipPath>
-                <linearGradient id="1l4xn39-animated-diff" gradientTransform="translate(-2 0)">
+                <linearGradient id="bmd05x-animated-diff" gradientTransform="translate(-2 0)">
                     <stop offset="0%" stop-color="#f5f6f7" stop-opacity="1">
                     </stop>
                     <stop offset="50%" stop-color="#eeeeee" stop-opacity="1">
@@ -246,16 +246,16 @@ export default () => (
                 </linearGradient>
             </defs>
         </svg>
-        <svg aria-labelledby="rsc574e-aria" role="img" height="14" width="100%" class="ContentLoader  ">
-            <title id="rsc574e-aria">Loading...</title>
-            <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#rsc574e-diff)" style="fill: url(&quot;#rsc574e-animated-diff&quot;);">
+        <svg aria-labelledby="118yvit-aria" role="img" height="14" width="100%" class="ContentLoader  ">
+            <title id="118yvit-aria">Loading...</title>
+            <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#118yvit-diff)" style="fill: url(&quot;#118yvit-animated-diff&quot;);">
             </rect>
             <defs>
-                <clipPath id="rsc574e-diff">
+                <clipPath id="118yvit-diff">
                     <rect width="100%" height="100%" rx="3" ry="3">
                     </rect>
                 </clipPath>
-                <linearGradient id="rsc574e-animated-diff" gradientTransform="translate(-2 0)">
+                <linearGradient id="118yvit-animated-diff" gradientTransform="translate(-2 0)">
                     <stop offset="0%" stop-color="#f5f6f7" stop-opacity="1">
                     </stop>
                     <stop offset="50%" stop-color="#eeeeee" stop-opacity="1">
@@ -377,16 +377,16 @@ export default () => (
     <tbody>
         <tr>
             <td>
-                <svg aria-labelledby="fvrr0tj-aria" role="img" height="14" width="100%" class="ContentLoader  ">
-                    <title id="fvrr0tj-aria">Loading...</title>
-                    <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#fvrr0tj-diff)" style="fill: url(&quot;#fvrr0tj-animated-diff&quot;);">
+                <svg aria-labelledby="pqjngbg-aria" role="img" height="14" width="100%" class="ContentLoader  ">
+                    <title id="pqjngbg-aria">Loading...</title>
+                    <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#pqjngbg-diff)" style="fill: url(&quot;#pqjngbg-animated-diff&quot;);">
                     </rect>
                     <defs>
-                        <clipPath id="fvrr0tj-diff">
+                        <clipPath id="pqjngbg-diff">
                             <rect width="100%" height="100%" rx="3" ry="3">
                             </rect>
                         </clipPath>
-                        <linearGradient id="fvrr0tj-animated-diff" gradientTransform="translate(-2 0)">
+                        <linearGradient id="pqjngbg-animated-diff" gradientTransform="translate(-2 0)">
                             <stop offset="0%" stop-color="#f5f6f7" stop-opacity="1">
                             </stop>
                             <stop offset="50%" stop-color="#eeeeee" stop-opacity="1">
@@ -400,16 +400,16 @@ export default () => (
                 </svg>
             </td>
             <td>
-                <svg aria-labelledby="tgtqil-aria" role="img" height="14" width="100%" class="ContentLoader  ">
-                    <title id="tgtqil-aria">Loading...</title>
-                    <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#tgtqil-diff)" style="fill: url(&quot;#tgtqil-animated-diff&quot;);">
+                <svg aria-labelledby="i612i8o-aria" role="img" height="14" width="100%" class="ContentLoader  ">
+                    <title id="i612i8o-aria">Loading...</title>
+                    <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#i612i8o-diff)" style="fill: url(&quot;#i612i8o-animated-diff&quot;);">
                     </rect>
                     <defs>
-                        <clipPath id="tgtqil-diff">
+                        <clipPath id="i612i8o-diff">
                             <rect width="100%" height="100%" rx="3" ry="3">
                             </rect>
                         </clipPath>
-                        <linearGradient id="tgtqil-animated-diff" gradientTransform="translate(-2 0)">
+                        <linearGradient id="i612i8o-animated-diff" gradientTransform="translate(-2 0)">
                             <stop offset="0%" stop-color="#f5f6f7" stop-opacity="1">
                             </stop>
                             <stop offset="50%" stop-color="#eeeeee" stop-opacity="1">
@@ -423,16 +423,16 @@ export default () => (
                 </svg>
             </td>
             <td>
-                <svg aria-labelledby="g3zbd6-aria" role="img" height="14" width="100%" class="ContentLoader  ">
-                    <title id="g3zbd6-aria">Loading...</title>
-                    <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#g3zbd6-diff)" style="fill: url(&quot;#g3zbd6-animated-diff&quot;);">
+                <svg aria-labelledby="7fnxn7x-aria" role="img" height="14" width="100%" class="ContentLoader  ">
+                    <title id="7fnxn7x-aria">Loading...</title>
+                    <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#7fnxn7x-diff)" style="fill: url(&quot;#7fnxn7x-animated-diff&quot;);">
                     </rect>
                     <defs>
-                        <clipPath id="g3zbd6-diff">
+                        <clipPath id="7fnxn7x-diff">
                             <rect width="100%" height="100%" rx="3" ry="3">
                             </rect>
                         </clipPath>
-                        <linearGradient id="g3zbd6-animated-diff" gradientTransform="translate(-2 0)">
+                        <linearGradient id="7fnxn7x-animated-diff" gradientTransform="translate(-2 0)">
                             <stop offset="0%" stop-color="#f5f6f7" stop-opacity="1">
                             </stop>
                             <stop offset="50%" stop-color="#eeeeee" stop-opacity="1">
@@ -446,16 +446,16 @@ export default () => (
                 </svg>
             </td>
             <td>
-                <svg aria-labelledby="h52s89s-aria" role="img" height="14" width="100%" class="ContentLoader  ">
-                    <title id="h52s89s-aria">Loading...</title>
-                    <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#h52s89s-diff)" style="fill: url(&quot;#h52s89s-animated-diff&quot;);">
+                <svg aria-labelledby="5xpmtds-aria" role="img" height="14" width="100%" class="ContentLoader  ">
+                    <title id="5xpmtds-aria">Loading...</title>
+                    <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#5xpmtds-diff)" style="fill: url(&quot;#5xpmtds-animated-diff&quot;);">
                     </rect>
                     <defs>
-                        <clipPath id="h52s89s-diff">
+                        <clipPath id="5xpmtds-diff">
                             <rect width="100%" height="100%" rx="3" ry="3">
                             </rect>
                         </clipPath>
-                        <linearGradient id="h52s89s-animated-diff" gradientTransform="translate(-2 0)">
+                        <linearGradient id="5xpmtds-animated-diff" gradientTransform="translate(-2 0)">
                             <stop offset="0%" stop-color="#f5f6f7" stop-opacity="1">
                             </stop>
                             <stop offset="50%" stop-color="#eeeeee" stop-opacity="1">
@@ -471,16 +471,16 @@ export default () => (
         </tr>
         <tr>
             <td>
-                <svg aria-labelledby="s45yd89-aria" role="img" height="14" width="100%" class="ContentLoader  ">
-                    <title id="s45yd89-aria">Loading...</title>
-                    <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#s45yd89-diff)" style="fill: url(&quot;#s45yd89-animated-diff&quot;);">
+                <svg aria-labelledby="jwnvst-aria" role="img" height="14" width="100%" class="ContentLoader  ">
+                    <title id="jwnvst-aria">Loading...</title>
+                    <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#jwnvst-diff)" style="fill: url(&quot;#jwnvst-animated-diff&quot;);">
                     </rect>
                     <defs>
-                        <clipPath id="s45yd89-diff">
+                        <clipPath id="jwnvst-diff">
                             <rect width="100%" height="100%" rx="3" ry="3">
                             </rect>
                         </clipPath>
-                        <linearGradient id="s45yd89-animated-diff" gradientTransform="translate(-2 0)">
+                        <linearGradient id="jwnvst-animated-diff" gradientTransform="translate(-2 0)">
                             <stop offset="0%" stop-color="#f5f6f7" stop-opacity="1">
                             </stop>
                             <stop offset="50%" stop-color="#eeeeee" stop-opacity="1">
@@ -494,16 +494,16 @@ export default () => (
                 </svg>
             </td>
             <td>
-                <svg aria-labelledby="dl0kyr-aria" role="img" height="14" width="100%" class="ContentLoader  ">
-                    <title id="dl0kyr-aria">Loading...</title>
-                    <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#dl0kyr-diff)" style="fill: url(&quot;#dl0kyr-animated-diff&quot;);">
+                <svg aria-labelledby="p1ht6i-aria" role="img" height="14" width="100%" class="ContentLoader  ">
+                    <title id="p1ht6i-aria">Loading...</title>
+                    <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#p1ht6i-diff)" style="fill: url(&quot;#p1ht6i-animated-diff&quot;);">
                     </rect>
                     <defs>
-                        <clipPath id="dl0kyr-diff">
+                        <clipPath id="p1ht6i-diff">
                             <rect width="100%" height="100%" rx="3" ry="3">
                             </rect>
                         </clipPath>
-                        <linearGradient id="dl0kyr-animated-diff" gradientTransform="translate(-2 0)">
+                        <linearGradient id="p1ht6i-animated-diff" gradientTransform="translate(-2 0)">
                             <stop offset="0%" stop-color="#f5f6f7" stop-opacity="1">
                             </stop>
                             <stop offset="50%" stop-color="#eeeeee" stop-opacity="1">
@@ -517,16 +517,16 @@ export default () => (
                 </svg>
             </td>
             <td>
-                <svg aria-labelledby="v178gg3p-aria" role="img" height="14" width="100%" class="ContentLoader  ">
-                    <title id="v178gg3p-aria">Loading...</title>
-                    <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#v178gg3p-diff)" style="fill: url(&quot;#v178gg3p-animated-diff&quot;);">
+                <svg aria-labelledby="78ykb9q-aria" role="img" height="14" width="100%" class="ContentLoader  ">
+                    <title id="78ykb9q-aria">Loading...</title>
+                    <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#78ykb9q-diff)" style="fill: url(&quot;#78ykb9q-animated-diff&quot;);">
                     </rect>
                     <defs>
-                        <clipPath id="v178gg3p-diff">
+                        <clipPath id="78ykb9q-diff">
                             <rect width="100%" height="100%" rx="3" ry="3">
                             </rect>
                         </clipPath>
-                        <linearGradient id="v178gg3p-animated-diff" gradientTransform="translate(-2 0)">
+                        <linearGradient id="78ykb9q-animated-diff" gradientTransform="translate(-2 0)">
                             <stop offset="0%" stop-color="#f5f6f7" stop-opacity="1">
                             </stop>
                             <stop offset="50%" stop-color="#eeeeee" stop-opacity="1">
@@ -540,16 +540,16 @@ export default () => (
                 </svg>
             </td>
             <td>
-                <svg aria-labelledby="53dog6gud-aria" role="img" height="14" width="100%" class="ContentLoader  ">
-                    <title id="53dog6gud-aria">Loading...</title>
-                    <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#53dog6gud-diff)" style="fill: url(&quot;#53dog6gud-animated-diff&quot;);">
+                <svg aria-labelledby="5anrbwo-aria" role="img" height="14" width="100%" class="ContentLoader  ">
+                    <title id="5anrbwo-aria">Loading...</title>
+                    <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#5anrbwo-diff)" style="fill: url(&quot;#5anrbwo-animated-diff&quot;);">
                     </rect>
                     <defs>
-                        <clipPath id="53dog6gud-diff">
+                        <clipPath id="5anrbwo-diff">
                             <rect width="100%" height="100%" rx="3" ry="3">
                             </rect>
                         </clipPath>
-                        <linearGradient id="53dog6gud-animated-diff" gradientTransform="translate(-2 0)">
+                        <linearGradient id="5anrbwo-animated-diff" gradientTransform="translate(-2 0)">
                             <stop offset="0%" stop-color="#f5f6f7" stop-opacity="1">
                             </stop>
                             <stop offset="50%" stop-color="#eeeeee" stop-opacity="1">
@@ -565,16 +565,16 @@ export default () => (
         </tr>
         <tr>
             <td>
-                <svg aria-labelledby="qh9zvaa-aria" role="img" height="14" width="100%" class="ContentLoader  ">
-                    <title id="qh9zvaa-aria">Loading...</title>
-                    <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#qh9zvaa-diff)" style="fill: url(&quot;#qh9zvaa-animated-diff&quot;);">
+                <svg aria-labelledby="esnwjai-aria" role="img" height="14" width="100%" class="ContentLoader  ">
+                    <title id="esnwjai-aria">Loading...</title>
+                    <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#esnwjai-diff)" style="fill: url(&quot;#esnwjai-animated-diff&quot;);">
                     </rect>
                     <defs>
-                        <clipPath id="qh9zvaa-diff">
+                        <clipPath id="esnwjai-diff">
                             <rect width="100%" height="100%" rx="3" ry="3">
                             </rect>
                         </clipPath>
-                        <linearGradient id="qh9zvaa-animated-diff" gradientTransform="translate(-2 0)">
+                        <linearGradient id="esnwjai-animated-diff" gradientTransform="translate(-2 0)">
                             <stop offset="0%" stop-color="#f5f6f7" stop-opacity="1">
                             </stop>
                             <stop offset="50%" stop-color="#eeeeee" stop-opacity="1">
@@ -588,16 +588,16 @@ export default () => (
                 </svg>
             </td>
             <td>
-                <svg aria-labelledby="7wsfru-aria" role="img" height="14" width="100%" class="ContentLoader  ">
-                    <title id="7wsfru-aria">Loading...</title>
-                    <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#7wsfru-diff)" style="fill: url(&quot;#7wsfru-animated-diff&quot;);">
+                <svg aria-labelledby="lkh55em-aria" role="img" height="14" width="100%" class="ContentLoader  ">
+                    <title id="lkh55em-aria">Loading...</title>
+                    <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#lkh55em-diff)" style="fill: url(&quot;#lkh55em-animated-diff&quot;);">
                     </rect>
                     <defs>
-                        <clipPath id="7wsfru-diff">
+                        <clipPath id="lkh55em-diff">
                             <rect width="100%" height="100%" rx="3" ry="3">
                             </rect>
                         </clipPath>
-                        <linearGradient id="7wsfru-animated-diff" gradientTransform="translate(-2 0)">
+                        <linearGradient id="lkh55em-animated-diff" gradientTransform="translate(-2 0)">
                             <stop offset="0%" stop-color="#f5f6f7" stop-opacity="1">
                             </stop>
                             <stop offset="50%" stop-color="#eeeeee" stop-opacity="1">
@@ -611,16 +611,16 @@ export default () => (
                 </svg>
             </td>
             <td>
-                <svg aria-labelledby="qh88knk-aria" role="img" height="14" width="100%" class="ContentLoader  ">
-                    <title id="qh88knk-aria">Loading...</title>
-                    <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#qh88knk-diff)" style="fill: url(&quot;#qh88knk-animated-diff&quot;);">
+                <svg aria-labelledby="jm5lvyh-aria" role="img" height="14" width="100%" class="ContentLoader  ">
+                    <title id="jm5lvyh-aria">Loading...</title>
+                    <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#jm5lvyh-diff)" style="fill: url(&quot;#jm5lvyh-animated-diff&quot;);">
                     </rect>
                     <defs>
-                        <clipPath id="qh88knk-diff">
+                        <clipPath id="jm5lvyh-diff">
                             <rect width="100%" height="100%" rx="3" ry="3">
                             </rect>
                         </clipPath>
-                        <linearGradient id="qh88knk-animated-diff" gradientTransform="translate(-2 0)">
+                        <linearGradient id="jm5lvyh-animated-diff" gradientTransform="translate(-2 0)">
                             <stop offset="0%" stop-color="#f5f6f7" stop-opacity="1">
                             </stop>
                             <stop offset="50%" stop-color="#eeeeee" stop-opacity="1">
@@ -634,16 +634,16 @@ export default () => (
                 </svg>
             </td>
             <td>
-                <svg aria-labelledby="oayro9a-aria" role="img" height="14" width="100%" class="ContentLoader  ">
-                    <title id="oayro9a-aria">Loading...</title>
-                    <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#oayro9a-diff)" style="fill: url(&quot;#oayro9a-animated-diff&quot;);">
+                <svg aria-labelledby="cc8dwt-aria" role="img" height="14" width="100%" class="ContentLoader  ">
+                    <title id="cc8dwt-aria">Loading...</title>
+                    <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#cc8dwt-diff)" style="fill: url(&quot;#cc8dwt-animated-diff&quot;);">
                     </rect>
                     <defs>
-                        <clipPath id="oayro9a-diff">
+                        <clipPath id="cc8dwt-diff">
                             <rect width="100%" height="100%" rx="3" ry="3">
                             </rect>
                         </clipPath>
-                        <linearGradient id="oayro9a-animated-diff" gradientTransform="translate(-2 0)">
+                        <linearGradient id="cc8dwt-animated-diff" gradientTransform="translate(-2 0)">
                             <stop offset="0%" stop-color="#f5f6f7" stop-opacity="1">
                             </stop>
                             <stop offset="50%" stop-color="#eeeeee" stop-opacity="1">