@rio-cloud/uikit-mcp 1.1.1 → 1.1.2

package/dist/docs/components/autosuggests.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Selection
 *Source:* https://uikit.developers.rio.cloud/#components/autosuggests
-*Captured:* 2025-12-12T14:20:28.443Z
+*Captured:* 2025-12-15T15:02:23.997Z
 
 For a more flexible and smart search we highly recommend using fuse.js as searching algorithm.For more information on how to configure it, see: https://fusejs.io
 

package/dist/docs/components/avatar.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Misc
 *Source:* https://uikit.developers.rio.cloud/#components/avatar
-*Captured:* 2025-12-12T14:20:53.646Z
+*Captured:* 2025-12-15T15:02:49.947Z
 
 The Avatar is a small component designed to render a users image, the initials of the users name or an icon.
 

package/dist/docs/components/banner.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Content
 *Source:* https://uikit.developers.rio.cloud/#components/banner
-*Captured:* 2025-12-12T14:20:40.665Z
+*Captured:* 2025-12-15T15:02:36.668Z
 
 Convey information or prompt action through in-line banners, ideal for educational content, updates, or announcements.
 
@@ -76,7 +76,7 @@ export default () => {
         <div style="position: relative;">
             <div class="bg-white rounded border shadow-default padding-20 Banner display-flex text-color-darker overflow-hidden position-relative">
                 <div class="flex-1-1 overflow-hidden">
-                    <div style="opacity: 0; transform: translateX(17.914px);">
+                    <div style="opacity: 0; transform: translateX(15.7285px);">
                         <div class="display-flex align-items-start align-items-center-ls width-100pct gap-15 ">
                             <div class="BannerIcon flex-0 margin-x-5 min-width-25 ">
                                 <svg xmlns="http://www.w3.org/2000/svg" width="80" height="60" viewBox="0 0 773 612" xmlns:xlink="http://www.w3.org/1999/xlink" role="img" artist="Katerina Limpitsouni" source="https://undraw.co/">

package/dist/docs/components/barCharts.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Charts
 *Source:* https://uikit.developers.rio.cloud/#components/barCharts
-*Captured:* 2025-12-12T14:21:30.427Z
+*Captured:* 2025-12-15T15:03:28.776Z
 
 ## BarChart
 
@@ -124,33 +124,33 @@ const data = [
                             <g class="recharts-layer recharts-bar-rectangles">
                                 <g class="recharts-layer">
                                     <g class="recharts-layer recharts-bar-rectangle">
-                                        <path fill="#30b4c0 " name="undefined" x="7.8" y="58.739705974946446" width="62" height="164.26029402505355" class="recharts-rectangle" d="M7.8,61.739705974946446A 3,3,0,0,1,10.8,58.739705974946446L 66.8,58.739705974946446A 3,3,0,0,1,
-        69.8,61.739705974946446L 69.8,223L 7.8,223Z">
+                                        <path fill="#30b4c0 " name="undefined" x="7.8" y="51.94669710990095" width="62" height="171.05330289009905" class="recharts-rectangle" d="M7.8,54.94669710990095A 3,3,0,0,1,10.8,51.94669710990095L 66.8,51.94669710990095A 3,3,0,0,1,
+        69.8,54.94669710990095L 69.8,223L 7.8,223Z">
                                         </path>
                                     </g>
                                     <g class="recharts-layer recharts-bar-rectangle">
-                                        <path fill="#30b4c0 " name="undefined" x="85.8" y="145.78362246685515" width="62" height="77.21637753314484" class="recharts-rectangle" d="M85.8,148.78362246685515A 3,3,0,0,1,88.8,145.78362246685515L 144.8,145.78362246685515A 3,3,0,0,1,
-        147.8,148.78362246685515L 147.8,223L 85.8,223Z">
+                                        <path fill="#30b4c0 " name="undefined" x="85.8" y="142.59032770123548" width="62" height="80.40967229876452" class="recharts-rectangle" d="M85.8,145.59032770123548A 3,3,0,0,1,88.8,142.59032770123548L 144.8,142.59032770123548A 3,3,0,0,1,
+        147.8,145.59032770123548L 147.8,223L 85.8,223Z">
                                         </path>
                                     </g>
                                     <g class="recharts-layer recharts-bar-rectangle">
-                                        <path fill="#30b4c0 " name="undefined" x="163.8" y="179.47804175404565" width="62" height="43.521958245954366" class="recharts-rectangle" d="M163.8,182.47804175404565A 3,3,0,0,1,166.8,179.47804175404565L 222.8,179.47804175404565A 3,3,0,0,1,
-        225.8,182.47804175404565L 225.8,223L 163.8,223Z">
+                                        <path fill="#30b4c0 " name="undefined" x="163.8" y="177.67818470433272" width="62" height="45.32181529566728" class="recharts-rectangle" d="M163.8,180.67818470433272A 3,3,0,0,1,166.8,177.67818470433272L 222.8,177.67818470433272A 3,3,0,0,1,
+        225.8,180.67818470433272L 225.8,223L 163.8,223Z">
                                         </path>
                                     </g>
                                     <g class="recharts-layer recharts-bar-rectangle">
-                                        <path fill="#30b4c0 " name="undefined" x="241.8" y="209.38183887142716" width="62" height="13.618161128572824" class="recharts-rectangle" d="M241.8,212.38183887142716A 3,3,0,0,1,244.8,209.38183887142716L 300.8,209.38183887142716A 3,3,0,0,1,
-        303.8,212.38183887142716L 303.8,223L 241.8,223Z">
+                                        <path fill="#30b4c0 " name="undefined" x="241.8" y="208.81865779458153" width="62" height="14.181342205418478" class="recharts-rectangle" d="M241.8,211.81865779458153A 3,3,0,0,1,244.8,208.81865779458153L 300.8,208.81865779458153A 3,3,0,0,1,
+        303.8,211.81865779458153L 303.8,223L 241.8,223Z">
                                         </path>
                                     </g>
                                     <g class="recharts-layer recharts-bar-rectangle">
-                                        <path fill="#30b4c0 " name="undefined" x="319.8" y="211.66323184399738" width="62" height="11.336768156002618" class="recharts-rectangle" d="M319.8,214.66323184399738A 3,3,0,0,1,322.8,211.66323184399738L 378.8,211.66323184399738A 3,3,0,0,1,
-        381.8,214.66323184399738L 381.8,223L 319.8,223Z">
+                                        <path fill="#30b4c0 " name="undefined" x="319.8" y="211.19439811249958" width="62" height="11.805601887500416" class="recharts-rectangle" d="M319.8,214.19439811249958A 3,3,0,0,1,322.8,211.19439811249958L 378.8,211.19439811249958A 3,3,0,0,1,
+        381.8,214.19439811249958L 381.8,223L 319.8,223Z">
                                         </path>
                                     </g>
                                     <g class="recharts-layer recharts-bar-rectangle">
-                                        <path fill="#30b4c0 " name="undefined" x="397.8" y="206.6090689509188" width="62" height="16.390931049081193" class="recharts-rectangle" d="M397.8,209.6090689509188A 3,3,0,0,1,400.8,206.6090689509188L 456.8,206.6090689509188A 3,3,0,0,1,
-        459.8,209.6090689509188L 459.8,223L 397.8,223Z">
+                                        <path fill="#30b4c0 " name="undefined" x="397.8" y="205.93121956203498" width="62" height="17.068780437965007" class="recharts-rectangle" d="M397.8,208.93121956203498A 3,3,0,0,1,400.8,205.93121956203498L 456.8,205.93121956203498A 3,3,0,0,1,
+        459.8,208.93121956203498L 459.8,223L 397.8,223Z">
                                         </path>
                                     </g>
                                 </g>
@@ -1521,7 +1521,7 @@ Diesel
 Maut
 Zuschläge
 
-BasistarifDieselMautZuschläge01530456046.8€22€12.4€3.88€
+015304560BasistarifDieselMautZuschläge
 
 #### Summary
 
@@ -1532,7 +1532,7 @@ Diesel
 Maut
 Zuschläge
 
-BasistarifDieselMautZuschläge01530456046.8€22€12.4€3.88€
+015304560BasistarifDieselMautZuschläge
 
 #### React (tsx)
 
@@ -1681,7 +1681,7 @@ const data: CustomData[] = [
                     </g>
                     <defs>
                         <clipPath id="recharts5-clip">
-                            <rect x="15" y="5" height="244" width="366.40625">
+                            <rect x="15" y="5" height="244" width="371.859375">
                             </rect>
                         </clipPath>
                     </defs>
@@ -1694,19 +1694,19 @@ const data: CustomData[] = [
                             <g class="recharts-layer recharts-bar-rectangles">
                                 <g class="recharts-layer">
                                     <g class="recharts-layer recharts-bar-rectangle">
-                                        <path fill="#c9778d " name="undefined" color="color-warmup-charm" x="15" y="11.1" width="285.796875" height="48" radius="0" class="recharts-rectangle" d="M 15,11.1 h 285.796875 v 48 h -285.796875 Z">
+                                        <path fill="#c9778d " name="undefined" color="color-warmup-charm" x="15" y="11.1" width="290.05031249999996" height="48" radius="0" class="recharts-rectangle" d="M 15,11.1 h 290.05031249999996 v 48 h -290.05031249999996 Z">
                                         </path>
                                     </g>
                                     <g class="recharts-layer recharts-bar-rectangle">
-                                        <path fill="#f19588 " name="undefined" color="color-warmup-salmon" x="15" y="72.1" width="134.34895833333331" height="48" radius="0" class="recharts-rectangle" d="M 15,72.1 h 134.34895833333331 v 48 h -134.34895833333331 Z">
+                                        <path fill="#f19588 " name="undefined" color="color-warmup-salmon" x="15" y="72.1" width="136.3484375" height="48" radius="0" class="recharts-rectangle" d="M 15,72.1 h 136.3484375 v 48 h -136.3484375 Z">
                                         </path>
                                     </g>
                                     <g class="recharts-layer recharts-bar-rectangle">
-                                        <path fill="#f5bb89 " name="undefined" color="color-warmup-cherokee" x="15" y="133.1" width="75.72395833333334" height="48" radius="0" class="recharts-rectangle" d="M 15,133.1 h 75.72395833333334 v 48 h -75.72395833333334 Z">
+                                        <path fill="#f5bb89 " name="undefined" color="color-warmup-cherokee" x="15" y="133.1" width="76.8509375" height="48" radius="0" class="recharts-rectangle" d="M 15,133.1 h 76.8509375 v 48 h -76.8509375 Z">
                                         </path>
                                     </g>
                                     <g class="recharts-layer recharts-bar-rectangle">
-                                        <path fill="#ff8e3c " name="undefined" color="brand-warning" x="15" y="194.1" width="23.694270833333334" height="48" radius="0" class="recharts-rectangle" d="M 15,194.1 h 23.694270833333334 v 48 h -23.694270833333334 Z">
+                                        <path fill="#ff8e3c " name="undefined" color="brand-warning" x="15" y="194.1" width="24.04690625" height="48" radius="0" class="recharts-rectangle" d="M 15,194.1 h 24.04690625 v 48 h -24.04690625 Z">
                                         </path>
                                     </g>
                                 </g>
@@ -1716,48 +1716,48 @@ const data: CustomData[] = [
                     <g tabindex="-1" id="recharts-zindex-400-:r1t:">
                     </g>
                     <g tabindex="-1" id="recharts-zindex-500-:r1u:">
-                        <g class="recharts-layer recharts-cartesian-axis recharts-yAxis yAxis">
-                            <g class="recharts-cartesian-axis-ticks recharts-yAxis-ticks">
-                                <g class="recharts-cartesian-axis-tick-lines recharts-yAxis-tick-lines">
-                                    <g class="recharts-layer recharts-cartesian-axis-tick">
-                                    </g>
-                                    <g class="recharts-layer recharts-cartesian-axis-tick">
-                                    </g>
-                                    <g class="recharts-layer recharts-cartesian-axis-tick">
-                                    </g>
-                                    <g class="recharts-layer recharts-cartesian-axis-tick">
-                                    </g>
-                                </g>
-                            </g>
-                        </g>
                         <g class="recharts-layer recharts-cartesian-axis recharts-xAxis xAxis">
-                            <line height="14" angle="0" orientation="bottom" x="15" y="249" width="366.40625" class="recharts-cartesian-axis-line" stroke="#666" fill="none" x1="15" y1="249" x2="381.40625" y2="249">
+                            <line height="14" angle="0" orientation="bottom" x="15" y="249" width="371.859375" class="recharts-cartesian-axis-line" stroke="#666" fill="none" x1="15" y1="249" x2="386.859375" y2="249">
                             </line>
                             <g class="recharts-cartesian-axis-ticks recharts-xAxis-ticks">
                                 <g class="recharts-cartesian-axis-tick-lines recharts-xAxis-tick-lines">
                                     <g class="recharts-layer recharts-cartesian-axis-tick">
-                                        <line height="14" angle="0" orientation="bottom" x="15" y="249" width="366.40625" class="recharts-cartesian-axis-tick-line" stroke="#666" fill="none" x1="15" y1="255" x2="15" y2="249">
+                                        <line height="14" angle="0" orientation="bottom" x="15" y="249" width="371.859375" class="recharts-cartesian-axis-tick-line" stroke="#666" fill="none" x1="15" y1="255" x2="15" y2="249">
                                         </line>
                                     </g>
                                     <g class="recharts-layer recharts-cartesian-axis-tick">
-                                        <line height="14" angle="0" orientation="bottom" x="15" y="249" width="366.40625" class="recharts-cartesian-axis-tick-line" stroke="#666" fill="none" x1="106.6015625" y1="255" x2="106.6015625" y2="249">
+                                        <line height="14" angle="0" orientation="bottom" x="15" y="249" width="371.859375" class="recharts-cartesian-axis-tick-line" stroke="#666" fill="none" x1="107.96484375" y1="255" x2="107.96484375" y2="249">
                                         </line>
                                     </g>
                                     <g class="recharts-layer recharts-cartesian-axis-tick">
-                                        <line height="14" angle="0" orientation="bottom" x="15" y="249" width="366.40625" class="recharts-cartesian-axis-tick-line" stroke="#666" fill="none" x1="198.203125" y1="255" x2="198.203125" y2="249">
+                                        <line height="14" angle="0" orientation="bottom" x="15" y="249" width="371.859375" class="recharts-cartesian-axis-tick-line" stroke="#666" fill="none" x1="200.9296875" y1="255" x2="200.9296875" y2="249">
                                         </line>
                                     </g>
                                     <g class="recharts-layer recharts-cartesian-axis-tick">
-                                        <line height="14" angle="0" orientation="bottom" x="15" y="249" width="366.40625" class="recharts-cartesian-axis-tick-line" stroke="#666" fill="none" x1="289.8046875" y1="255" x2="289.8046875" y2="249">
+                                        <line height="14" angle="0" orientation="bottom" x="15" y="249" width="371.859375" class="recharts-cartesian-axis-tick-line" stroke="#666" fill="none" x1="293.89453125" y1="255" x2="293.89453125" y2="249">
                                         </line>
                                     </g>
                                     <g class="recharts-layer recharts-cartesian-axis-tick">
-                                        <line height="14" angle="0" orientation="bottom" x="15" y="249" width="366.40625" class="recharts-cartesian-axis-tick-line" stroke="#666" fill="none" x1="381.40625" y1="255" x2="381.40625" y2="249">
+                                        <line height="14" angle="0" orientation="bottom" x="15" y="249" width="371.859375" class="recharts-cartesian-axis-tick-line" stroke="#666" fill="none" x1="386.859375" y1="255" x2="386.859375" y2="249">
                                         </line>
                                     </g>
                                 </g>
                             </g>
                         </g>
+                        <g class="recharts-layer recharts-cartesian-axis recharts-yAxis yAxis">
+                            <g class="recharts-cartesian-axis-ticks recharts-yAxis-ticks">
+                                <g class="recharts-cartesian-axis-tick-lines recharts-yAxis-tick-lines">
+                                    <g class="recharts-layer recharts-cartesian-axis-tick">
+                                    </g>
+                                    <g class="recharts-layer recharts-cartesian-axis-tick">
+                                    </g>
+                                    <g class="recharts-layer recharts-cartesian-axis-tick">
+                                    </g>
+                                    <g class="recharts-layer recharts-cartesian-axis-tick">
+                                    </g>
+                                </g>
+                            </g>
+                        </g>
                     </g>
                     <g tabindex="-1" id="recharts-zindex-600-:r1v:">
                     </g>
@@ -1768,67 +1768,67 @@ const data: CustomData[] = [
                     <g tabindex="-1" id="recharts-zindex-1200-:r22:">
                     </g>
                     <g tabindex="-1" id="recharts-zindex-2000-:r23:">
-                        <g class="recharts-cartesian-axis-tick-labels recharts-yAxis-tick-labels">
+                        <g class="recharts-cartesian-axis-tick-labels recharts-xAxis-tick-labels">
                             <g class="recharts-layer recharts-cartesian-axis-tick-label">
-                                <text width="10" orientation="left" height="244" stroke="none" x="-191" y="35.5" class="recharts-text recharts-cartesian-axis-tick-value" text-anchor="end" fill="#666">
-                                    <tspan x="-191" dy="0.355em">Basistarif</tspan>
+                                <text height="14" orientation="bottom" width="371.859375" stroke="none" x="15" y="257" class="recharts-text recharts-cartesian-axis-tick-value" text-anchor="middle" fill="#666">
+                                    <tspan x="15" dy="0.71em">0</tspan>
                                 </text>
                             </g>
                             <g class="recharts-layer recharts-cartesian-axis-tick-label">
-                                <text width="10" orientation="left" height="244" stroke="none" x="-191" y="96.5" class="recharts-text recharts-cartesian-axis-tick-value" text-anchor="end" fill="#666">
-                                    <tspan x="-191" dy="0.355em">Diesel</tspan>
+                                <text height="14" orientation="bottom" width="371.859375" stroke="none" x="107.96484375" y="257" class="recharts-text recharts-cartesian-axis-tick-value" text-anchor="middle" fill="#666">
+                                    <tspan x="107.96484375" dy="0.71em">15</tspan>
                                 </text>
                             </g>
                             <g class="recharts-layer recharts-cartesian-axis-tick-label">
-                                <text width="10" orientation="left" height="244" stroke="none" x="-191" y="157.5" class="recharts-text recharts-cartesian-axis-tick-value" text-anchor="end" fill="#666">
-                                    <tspan x="-191" dy="0.355em">Maut</tspan>
+                                <text height="14" orientation="bottom" width="371.859375" stroke="none" x="200.9296875" y="257" class="recharts-text recharts-cartesian-axis-tick-value" text-anchor="middle" fill="#666">
+                                    <tspan x="200.9296875" dy="0.71em">30</tspan>
                                 </text>
                             </g>
                             <g class="recharts-layer recharts-cartesian-axis-tick-label">
-                                <text width="10" orientation="left" height="244" stroke="none" x="-191" y="218.5" class="recharts-text recharts-cartesian-axis-tick-value" text-anchor="end" fill="#666">
-                                    <tspan x="-191" dy="0.355em">Zuschläge</tspan>
+                                <text height="14" orientation="bottom" width="371.859375" stroke="none" x="293.89453125" y="257" class="recharts-text recharts-cartesian-axis-tick-value" text-anchor="middle" fill="#666">
+                                    <tspan x="293.89453125" dy="0.71em">45</tspan>
                                 </text>
                             </g>
-                        </g>
-                        <g class="recharts-cartesian-axis-tick-labels recharts-xAxis-tick-labels">
                             <g class="recharts-layer recharts-cartesian-axis-tick-label">
-                                <text height="14" orientation="bottom" width="366.40625" stroke="none" x="15" y="257" class="recharts-text recharts-cartesian-axis-tick-value" text-anchor="middle" fill="#666">
-                                    <tspan x="15" dy="0.71em">0</tspan>
+                                <text height="14" orientation="bottom" width="371.859375" stroke="none" x="386.859375" y="257" class="recharts-text recharts-cartesian-axis-tick-value" text-anchor="middle" fill="#666">
+                                    <tspan x="386.859375" dy="0.71em">60</tspan>
                                 </text>
                             </g>
+                        </g>
+                        <g class="recharts-cartesian-axis-tick-labels recharts-yAxis-tick-labels">
                             <g class="recharts-layer recharts-cartesian-axis-tick-label">
-                                <text height="14" orientation="bottom" width="366.40625" stroke="none" x="106.6015625" y="257" class="recharts-text recharts-cartesian-axis-tick-value" text-anchor="middle" fill="#666">
-                                    <tspan x="106.6015625" dy="0.71em">15</tspan>
+                                <text width="10" orientation="left" height="244" stroke="none" x="-191" y="35.5" class="recharts-text recharts-cartesian-axis-tick-value" text-anchor="end" fill="#666">
+                                    <tspan x="-191" dy="0.355em">Basistarif</tspan>
                                 </text>
                             </g>
                             <g class="recharts-layer recharts-cartesian-axis-tick-label">
-                                <text height="14" orientation="bottom" width="366.40625" stroke="none" x="198.203125" y="257" class="recharts-text recharts-cartesian-axis-tick-value" text-anchor="middle" fill="#666">
-                                    <tspan x="198.203125" dy="0.71em">30</tspan>
+                                <text width="10" orientation="left" height="244" stroke="none" x="-191" y="96.5" class="recharts-text recharts-cartesian-axis-tick-value" text-anchor="end" fill="#666">
+                                    <tspan x="-191" dy="0.355em">Diesel</tspan>
                                 </text>
                             </g>
                             <g class="recharts-layer recharts-cartesian-axis-tick-label">
-                                <text height="14" orientation="bottom" width="366.40625" stroke="none" x="289.8046875" y="257" class="recharts-text recharts-cartesian-axis-tick-value" text-anchor="middle" fill="#666">
-                                    <tspan x="289.8046875" dy="0.71em">45</tspan>
+                                <text width="10" orientation="left" height="244" stroke="none" x="-191" y="157.5" class="recharts-text recharts-cartesian-axis-tick-value" text-anchor="end" fill="#666">
+                                    <tspan x="-191" dy="0.355em">Maut</tspan>
                                 </text>
                             </g>
                             <g class="recharts-layer recharts-cartesian-axis-tick-label">
-                                <text height="14" orientation="bottom" width="366.40625" stroke="none" x="381.40625" y="257" class="recharts-text recharts-cartesian-axis-tick-value" text-anchor="middle" fill="#666">
-                                    <tspan x="381.40625" dy="0.71em">60</tspan>
+                                <text width="10" orientation="left" height="244" stroke="none" x="-191" y="218.5" class="recharts-text recharts-cartesian-axis-tick-value" text-anchor="end" fill="#666">
+                                    <tspan x="-191" dy="0.355em">Zuschläge</tspan>
                                 </text>
                             </g>
                         </g>
                         <g class="recharts-layer recharts-label-list">
-                            <text width="162.203125" height="48" offset="5" x="305.796875" y="35.1" class="recharts-text recharts-label" text-anchor="start" fill="#c9778d ">
-                                <tspan x="305.796875" dy="0.355em">46.8€</tspan>
+                            <text width="157.94968750000004" height="48" offset="5" x="310.05031249999996" y="35.1" class="recharts-text recharts-label" text-anchor="start" fill="#c9778d ">
+                                <tspan x="310.05031249999996" dy="0.355em">46.8€</tspan>
                             </text>
-                            <text width="313.6510416666667" height="48" offset="5" x="154.34895833333331" y="96.1" class="recharts-text recharts-label" text-anchor="start" fill="#f19588 ">
-                                <tspan x="154.34895833333331" dy="0.355em">22€</tspan>
+                            <text width="311.6515625" height="48" offset="5" x="156.3484375" y="96.1" class="recharts-text recharts-label" text-anchor="start" fill="#f19588 ">
+                                <tspan x="156.3484375" dy="0.355em">22€</tspan>
                             </text>
-                            <text width="372.27604166666663" height="48" offset="5" x="95.72395833333334" y="157.1" class="recharts-text recharts-label" text-anchor="start" fill="#f5bb89 ">
-                                <tspan x="95.72395833333334" dy="0.355em">12.4€</tspan>
+                            <text width="371.1490625" height="48" offset="5" x="96.8509375" y="157.1" class="recharts-text recharts-label" text-anchor="start" fill="#f5bb89 ">
+                                <tspan x="96.8509375" dy="0.355em">12.4€</tspan>
                             </text>
-                            <text width="424.30572916666665" height="48" offset="5" x="43.694270833333334" y="218.1" class="recharts-text recharts-label" text-anchor="start" fill="#ff8e3c ">
-                                <tspan x="43.694270833333334" dy="0.355em">3.88€</tspan>
+                            <text width="423.95309375" height="48" offset="5" x="44.04690625" y="218.1" class="recharts-text recharts-label" text-anchor="start" fill="#ff8e3c ">
+                                <tspan x="44.04690625" dy="0.355em">3.88€</tspan>
                             </text>
                         </g>
                     </g>

package/dist/docs/components/barList.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Progress
 *Source:* https://uikit.developers.rio.cloud/#components/barList
-*Captured:* 2025-12-12T14:20:35.847Z
+*Captured:* 2025-12-15T15:02:31.702Z
 
 ## BarList
 
@@ -180,28 +180,28 @@ const transportData = [
             <div class="display-flex justify-content-between gap-15">
                 <div class="width-100pct space-y-5">
                     <div class="position-relative width-100pct rounded-small transition-all transition-ease-in-out transition-duration-01 bg-transparent cursor-pointer">
-                        <div class="display-flex align-items-center rounded-small transition-all transition-ease-in-out transition-duration-01 bg-highlight-light" role="presentation" style="height: 25px; opacity: 0.5; width: 50.5418%;">
+                        <div class="display-flex align-items-center rounded-small transition-all transition-ease-in-out transition-duration-01 bg-highlight-light" role="presentation" style="height: 25px; opacity: 0.5; width: 54.5469%;">
                         </div>
                         <div class="position-absolute left-0 top-50pct translate-y-50pct display-flex width-100pct padding-left-10">
                             <a href="https://example.com/metrics/on-time-delivery" class="text-color-darker" target="_blank" rel="noreferrer">On-time delivery</a>
                         </div>
                     </div>
                     <div class="position-relative width-100pct rounded-small transition-all transition-ease-in-out transition-duration-01 bg-transparent cursor-pointer">
-                        <div class="display-flex align-items-center rounded-small transition-all transition-ease-in-out transition-duration-01 bg-highlight-light" role="presentation" style="height: 25px; opacity: 0.5; width: 32.6269%;">
+                        <div class="display-flex align-items-center rounded-small transition-all transition-ease-in-out transition-duration-01 bg-highlight-light" role="presentation" style="height: 25px; opacity: 0.5; width: 36.6909%;">
                         </div>
                         <div class="position-absolute left-0 top-50pct translate-y-50pct display-flex width-100pct padding-left-10">
                             <div class="text-color-darker">Warehouse efficiency</div>
                         </div>
                     </div>
                     <div class="position-relative width-100pct rounded-small transition-all transition-ease-in-out transition-duration-01 bg-transparent cursor-pointer">
-                        <div class="display-flex align-items-center rounded-small transition-all transition-ease-in-out transition-duration-01 bg-highlight-light" role="presentation" style="height: 25px; opacity: 0.5; width: 16.3751%;">
+                        <div class="display-flex align-items-center rounded-small transition-all transition-ease-in-out transition-duration-01 bg-highlight-light" role="presentation" style="height: 25px; opacity: 0.5; width: 20.5191%;">
                         </div>
                         <div class="position-absolute left-0 top-50pct translate-y-50pct display-flex width-100pct padding-left-10">
                             <a href="https://example.com/metrics/truck-utilization" class="text-color-darker" target="_blank" rel="noreferrer">Truck utilization</a>
                         </div>
                     </div>
                     <div class="position-relative width-100pct rounded-small transition-all transition-ease-in-out transition-duration-01 bg-transparent cursor-pointer">
-                        <div class="display-flex align-items-center rounded-small transition-all transition-ease-in-out transition-duration-01 bg-highlight-light" role="presentation" style="height: 25px; opacity: 0.5; width: 0.82775%;">
+                        <div class="display-flex align-items-center rounded-small transition-all transition-ease-in-out transition-duration-01 bg-highlight-light" role="presentation" style="height: 25px; opacity: 0.5; width: 4.68771%;">
                         </div>
                         <div class="position-absolute left-0 top-50pct translate-y-50pct display-flex width-100pct padding-left-10">
                             <div class="text-color-darker">Freight cost/km</div>
@@ -239,28 +239,28 @@ const transportData = [
             <div class="display-flex justify-content-between gap-15 flex-row-reverse gap-10">
                 <div class="width-100pct space-y-5">
                     <div class="position-relative width-100pct rounded-small transition-all transition-ease-in-out transition-duration-01 bg-transparent cursor-pointer">
-                        <div class="display-flex align-items-center rounded-small transition-all transition-ease-in-out transition-duration-01 bg-highlight-light" role="presentation" style="height: 25px; opacity: 0.5; width: 50.5418%;">
+                        <div class="display-flex align-items-center rounded-small transition-all transition-ease-in-out transition-duration-01 bg-highlight-light" role="presentation" style="height: 25px; opacity: 0.5; width: 54.5469%;">
                         </div>
                         <div class="position-absolute left-0 top-50pct translate-y-50pct display-flex width-100pct padding-left-10">
                             <a href="https://example.com/metrics/on-time-delivery" class="text-color-darker" target="_blank" rel="noreferrer">On-time delivery</a>
                         </div>
                     </div>
                     <div class="position-relative width-100pct rounded-small transition-all transition-ease-in-out transition-duration-01 bg-transparent cursor-pointer">
-                        <div class="display-flex align-items-center rounded-small transition-all transition-ease-in-out transition-duration-01 bg-highlight-light" role="presentation" style="height: 25px; opacity: 0.5; width: 32.6269%;">
+                        <div class="display-flex align-items-center rounded-small transition-all transition-ease-in-out transition-duration-01 bg-highlight-light" role="presentation" style="height: 25px; opacity: 0.5; width: 36.6909%;">
                         </div>
                         <div class="position-absolute left-0 top-50pct translate-y-50pct display-flex width-100pct padding-left-10">
                             <div class="text-color-darker">Warehouse efficiency</div>
                         </div>
                     </div>
                     <div class="position-relative width-100pct rounded-small transition-all transition-ease-in-out transition-duration-01 bg-transparent cursor-pointer">
-                        <div class="display-flex align-items-center rounded-small transition-all transition-ease-in-out transition-duration-01 bg-highlight-light" role="presentation" style="height: 25px; opacity: 0.5; width: 16.3751%;">
+                        <div class="display-flex align-items-center rounded-small transition-all transition-ease-in-out transition-duration-01 bg-highlight-light" role="presentation" style="height: 25px; opacity: 0.5; width: 20.5191%;">
                         </div>
                         <div class="position-absolute left-0 top-50pct translate-y-50pct display-flex width-100pct padding-left-10">
                             <a href="https://example.com/metrics/truck-utilization" class="text-color-darker" target="_blank" rel="noreferrer">Truck utilization</a>
                         </div>
                     </div>
                     <div class="position-relative width-100pct rounded-small transition-all transition-ease-in-out transition-duration-01 bg-transparent cursor-pointer">
-                        <div class="display-flex align-items-center rounded-small transition-all transition-ease-in-out transition-duration-01 bg-highlight-light" role="presentation" style="height: 25px; opacity: 0.5; width: 0.82775%;">
+                        <div class="display-flex align-items-center rounded-small transition-all transition-ease-in-out transition-duration-01 bg-highlight-light" role="presentation" style="height: 25px; opacity: 0.5; width: 4.68771%;">
                         </div>
                         <div class="position-absolute left-0 top-50pct translate-y-50pct display-flex width-100pct padding-left-10">
                             <div class="text-color-darker">Freight cost/km</div>
@@ -454,14 +454,14 @@ const transportData = [
                 </div>
             </div>
             <div class="position-relative width-100pct rounded-small transition-all transition-ease-in-out transition-duration-01 bg-lightest cursor-pointer">
-                <div class="display-flex align-items-center rounded-small transition-all transition-ease-in-out transition-duration-01 bg-coldplay-moos" role="presentation" style="height: 25px; opacity: 0.5; width: 48.6306%;">
+                <div class="display-flex align-items-center rounded-small transition-all transition-ease-in-out transition-duration-01 bg-coldplay-moos" role="presentation" style="height: 25px; opacity: 0.5; width: 49.2589%;">
                 </div>
                 <div class="position-absolute left-0 top-50pct translate-y-50pct display-flex width-100pct padding-left-10">
                     <div class="text-color-darker">Stored in warehouse</div>
                 </div>
             </div>
             <div class="position-relative width-100pct rounded-small transition-all transition-ease-in-out transition-duration-01 bg-lightest cursor-pointer">
-                <div class="display-flex align-items-center rounded-small transition-all transition-ease-in-out transition-duration-01 bg-coldplay-moos" role="presentation" style="height: 25px; opacity: 0.5; width: 92.5042%;">
+                <div class="display-flex align-items-center rounded-small transition-all transition-ease-in-out transition-duration-01 bg-coldplay-moos" role="presentation" style="height: 25px; opacity: 0.5; width: 95.5579%;">
                 </div>
                 <div class="position-absolute left-0 top-50pct translate-y-50pct display-flex width-100pct padding-left-10">
                     <div class="text-color-darker">Shipped packages</div>

package/dist/docs/components/basicMap.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Map
 *Source:* https://uikit.developers.rio.cloud/#components/basicMap
-*Captured:* 2025-12-12T14:21:16.862Z
+*Captured:* 2025-12-15T15:03:14.667Z
 
 The following map shows labels for locale de
 

package/dist/docs/components/bottomSheet.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Application
 *Source:* https://uikit.developers.rio.cloud/#components/bottomSheet
-*Captured:* 2025-12-12T14:20:10.714Z
+*Captured:* 2025-12-15T15:02:05.304Z
 
 The TimedBottomSheet is a wrapper component for the BottomSheet that allows to control it's visibility via timers and to use the localStorage to save user interaction for handling it's visibility.
 

package/dist/docs/components/button.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Interaction
 *Source:* https://uikit.developers.rio.cloud/#components/button
-*Captured:* 2025-12-12T14:20:15.402Z
+*Captured:* 2025-12-15T15:02:10.165Z
 
 The button component is the React equivalent to the normal HTML button with some To check out the HTML version click here: Buttons
 

package/dist/docs/components/buttonToolbar.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Interaction
 *Source:* https://uikit.developers.rio.cloud/#components/buttonToolbar
-*Captured:* 2025-12-12T14:20:12.764Z
+*Captured:* 2025-12-15T15:02:07.552Z
 
 The ButtonToolbar is a utility component designed to simplify usage and alignment. Its purpose is to ensure consistent spacing.