@rio-cloud/uikit-mcp 1.1.0 → 1.1.1

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-12T12:38:25.920Z
+*Captured:* 2025-12-12T14:20:28.443Z
 
 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-12T12:38:51.289Z
+*Captured:* 2025-12-12T14:20:53.646Z
 
 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-12T12:38:38.275Z
+*Captured:* 2025-12-12T14:20:40.665Z
 
 Convey information or prompt action through in-line banners, ideal for educational content, updates, or announcements.
 

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-12T12:39:25.288Z
+*Captured:* 2025-12-12T14:21:30.427Z
 
 ## 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="49.06000000000002" width="62" height="173.94" class="recharts-rectangle" d="M7.8,52.06000000000002A 3,3,0,0,1,10.8,49.06000000000002L 66.8,49.06000000000002A 3,3,0,0,1,
-        69.8,52.06000000000002L 69.8,223L 7.8,223Z">
+                                        <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>
                                     </g>
                                     <g class="recharts-layer recharts-bar-rectangle">
-                                        <path fill="#30b4c0 " name="undefined" x="85.8" y="141.23333333333332" width="62" height="81.76666666666668" class="recharts-rectangle" d="M85.8,144.23333333333332A 3,3,0,0,1,88.8,141.23333333333332L 144.8,141.23333333333332A 3,3,0,0,1,
-        147.8,144.23333333333332L 147.8,223L 85.8,223Z">
+                                        <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>
                                     </g>
                                     <g class="recharts-layer recharts-bar-rectangle">
-                                        <path fill="#30b4c0 " name="undefined" x="163.8" y="176.91333333333333" width="62" height="46.08666666666667" class="recharts-rectangle" d="M163.8,179.91333333333333A 3,3,0,0,1,166.8,176.91333333333333L 222.8,176.91333333333333A 3,3,0,0,1,
-        225.8,179.91333333333333L 225.8,223L 163.8,223Z">
+                                        <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>
                                     </g>
                                     <g class="recharts-layer recharts-bar-rectangle">
-                                        <path fill="#30b4c0 " name="undefined" x="241.8" y="208.57933333333332" width="62" height="14.420666666666676" class="recharts-rectangle" d="M241.8,211.57933333333332A 3,3,0,0,1,244.8,208.57933333333332L 300.8,208.57933333333332A 3,3,0,0,1,
-        303.8,211.57933333333332L 303.8,223L 241.8,223Z">
+                                        <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>
                                     </g>
                                     <g class="recharts-layer recharts-bar-rectangle">
-                                        <path fill="#30b4c0 " name="undefined" x="319.8" y="210.99516666666668" width="62" height="12.004833333333323" class="recharts-rectangle" d="M319.8,213.99516666666668A 3,3,0,0,1,322.8,210.99516666666668L 378.8,210.99516666666668A 3,3,0,0,1,
-        381.8,213.99516666666668L 381.8,223L 319.8,223Z">
+                                        <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>
                                     </g>
                                     <g class="recharts-layer recharts-bar-rectangle">
-                                        <path fill="#30b4c0 " name="undefined" x="397.8" y="205.64316666666667" width="62" height="17.356833333333327" class="recharts-rectangle" d="M397.8,208.64316666666667A 3,3,0,0,1,400.8,205.64316666666667L 456.8,205.64316666666667A 3,3,0,0,1,
-        459.8,208.64316666666667L 459.8,223L 397.8,223Z">
+                                        <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>
                                     </g>
                                 </g>
@@ -234,26 +234,6 @@ const data = [
                                 </text>
                             </g>
                         </g>
-                        <g class="recharts-layer recharts-label-list">
-                            <text width="62" height="49.06000000000002" offset="5" x="38.8" y="44.06000000000002" class="recharts-text recharts-label" text-anchor="middle" fill="#808080">
-                                <tspan x="38.8" dy="0em">46.8 €</tspan>
-                            </text>
-                            <text width="62" height="141.23333333333332" offset="5" x="116.8" y="136.23333333333332" class="recharts-text recharts-label" text-anchor="middle" fill="#808080">
-                                <tspan x="116.8" dy="0em">22 €</tspan>
-                            </text>
-                            <text width="62" height="176.91333333333333" offset="5" x="194.8" y="171.91333333333333" class="recharts-text recharts-label" text-anchor="middle" fill="#808080">
-                                <tspan x="194.8" dy="0em">12.4 €</tspan>
-                            </text>
-                            <text width="62" height="208.57933333333332" offset="5" x="272.8" y="203.57933333333332" class="recharts-text recharts-label" text-anchor="middle" fill="#808080">
-                                <tspan x="272.8" dy="0em">3.88 €</tspan>
-                            </text>
-                            <text width="62" height="210.99516666666668" offset="5" x="350.8" y="205.99516666666668" class="recharts-text recharts-label" text-anchor="middle" fill="#808080">
-                                <tspan x="350.8" dy="0em">3.23 €</tspan>
-                            </text>
-                            <text width="62" height="205.64316666666667" offset="5" x="428.8" y="200.64316666666667" class="recharts-text recharts-label" text-anchor="middle" fill="#808080">
-                                <tspan x="428.8" dy="0em">4.67 €</tspan>
-                            </text>
-                        </g>
                     </g>
                 </svg>
             </div>
@@ -1541,7 +1521,7 @@ Diesel
 Maut
 Zuschläge
 
-015304560BasistarifDieselMautZuschläge
+BasistarifDieselMautZuschläge01530456046.8€22€12.4€3.88€
 
 #### Summary
 
@@ -1552,7 +1532,7 @@ Diesel
 Maut
 Zuschläge
 
-015304560BasistarifDieselMautZuschläge
+BasistarifDieselMautZuschläge01530456046.8€22€12.4€3.88€
 
 #### React (tsx)
 
@@ -1701,7 +1681,7 @@ const data: CustomData[] = [
                     </g>
                     <defs>
                         <clipPath id="recharts5-clip">
-                            <rect x="15" y="5" height="244" width="371.859375">
+                            <rect x="15" y="5" height="244" width="366.40625">
                             </rect>
                         </clipPath>
                     </defs>
@@ -1714,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="290.05031249999996" height="48" radius="0" class="recharts-rectangle" d="M 15,11.1 h 290.05031249999996 v 48 h -290.05031249999996 Z">
+                                        <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>
                                     </g>
                                     <g class="recharts-layer recharts-bar-rectangle">
-                                        <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 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>
                                     </g>
                                     <g class="recharts-layer recharts-bar-rectangle">
-                                        <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 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>
                                     </g>
                                     <g class="recharts-layer recharts-bar-rectangle">
-                                        <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 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>
                                     </g>
                                 </g>
@@ -1736,44 +1716,44 @@ 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-xAxis xAxis">
-                            <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="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 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">
-                                        <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="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="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="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 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>
+                            <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>
+                                    </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>
                                     </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>
                                     </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>
                                     </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>
                                     </g>
                                 </g>
                             </g>
@@ -1788,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-xAxis-tick-labels">
+                        <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="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 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="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 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="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 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="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 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-cartesian-axis-tick-labels recharts-xAxis-tick-labels">
                             <g class="recharts-layer recharts-cartesian-axis-tick-label">
-                                <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 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>
                             </g>
-                        </g>
-                        <g class="recharts-cartesian-axis-tick-labels recharts-yAxis-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="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>
                             </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="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>
                             </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="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>
                             </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="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>
                             </g>
                         </g>
                         <g class="recharts-layer recharts-label-list">
-                            <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 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>
-                            <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 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>
-                            <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 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>
-                            <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 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>
                         </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-12T12:38:33.376Z
+*Captured:* 2025-12-12T14:20:35.847Z
 
 ## BarList
 
@@ -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.2451%;">
+                <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>
                 <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: 91.0597%;">
+                <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>
                 <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-12T12:39:13.340Z
+*Captured:* 2025-12-12T14:21:16.862Z
 
 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-12T12:38:07.993Z
+*Captured:* 2025-12-12T14:20:10.714Z
 
 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-12T12:38:12.809Z
+*Captured:* 2025-12-12T14:20:15.402Z
 
 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-12T12:38:10.158Z
+*Captured:* 2025-12-12T14:20:12.764Z
 
 The ButtonToolbar is a utility component designed to simplify usage and alignment. Its purpose is to ensure consistent spacing.
 

package/dist/docs/components/calendarStripe.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Misc
 *Source:* https://uikit.developers.rio.cloud/#components/calendarStripe
-*Captured:* 2025-12-12T12:38:51.825Z
+*Captured:* 2025-12-12T14:20:53.899Z
 
 A headless component where you provide a function that renders the UI for every day to be displayed.
 
@@ -242,6 +242,10 @@ Dec
 21
 2025
 
+Dec
+22
+2025
+
 Set to JanuaryToggle Weekends
 
 #### Summary
@@ -282,6 +286,10 @@ Dec
 21
 2025
 
+Dec
+22
+2025
+
 Set to JanuaryToggle Weekends
 
 #### React (tsx)

package/dist/docs/components/card.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Content
 *Source:* https://uikit.developers.rio.cloud/#components/card
-*Captured:* 2025-12-12T12:38:36.642Z
+*Captured:* 2025-12-12T14:20:38.979Z
 
 The Card is a utility component designed to simplify usage of default card styling.
 

package/dist/docs/components/carousel.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Content
 *Source:* https://uikit.developers.rio.cloud/#components/carousel
-*Captured:* 2025-12-12T12:38:36.766Z
+*Captured:* 2025-12-12T14:20:38.922Z
 
 ## Carousel
 

package/dist/docs/components/chartColors.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Charts
 *Source:* https://uikit.developers.rio.cloud/#components/chartColors
-*Captured:* 2025-12-12T12:39:17.155Z
+*Captured:* 2025-12-12T14:21:22.290Z
 
 The colors listed below are exposed via the colors.json file and can also be used with other charting libraries to achieve a common look and feel.
 

package/dist/docs/components/chartsGettingStarted.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Charts
 *Source:* https://uikit.developers.rio.cloud/#components/chartsGettingStarted
-*Captured:* 2025-12-12T12:39:16.668Z
+*Captured:* 2025-12-12T14:21:21.805Z
 
 The UIKIT chart components are simple wrapper components for the Recharts charting library.
 

package/dist/docs/components/chat.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* CSS Only
 *Source:* https://uikit.developers.rio.cloud/#components/chat
-*Captured:* 2025-12-12T12:39:02.905Z
+*Captured:* 2025-12-12T14:21:05.230Z
 
 The chat component is a pure CSS component.
 
@@ -524,6 +524,9 @@ export default () => {
 
 ```html
 <div class="display-flex flex-column height-600 position-relative padding-right-5 overflow-hidden">
+    <div class="position-absolute left-0 right-0 justify-content-center display-flex z-index-1" style="opacity: 0; top: -50px; transform: none;">
+        <div class="rounded-circle bg-primary text-color-white text-center padding-x-10 padding-y-5 cursor-pointer shadow-smooth">Older messages</div>
+    </div>
     <div class="scrollbar-fly-in smooth-scrollbar-wrapper" style="position: relative; overflow: hidden; width: 100%; height: 100%;">
         <div class="scrollbar-view" style="position: absolute; inset: 0px; overflow: scroll; margin-right: 0px; margin-bottom: 0px;">
             <div class="scrollbar-content-wrapper">

package/dist/docs/components/checkbox.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Interaction
 *Source:* https://uikit.developers.rio.cloud/#components/checkbox
-*Captured:* 2025-12-12T12:38:13.845Z
+*Captured:* 2025-12-12T14:20:16.385Z
 
 ## Checkbox
 

package/dist/docs/components/clearableInput.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Interaction
 *Source:* https://uikit.developers.rio.cloud/#components/clearableInput
-*Captured:* 2025-12-12T12:38:13.847Z
+*Captured:* 2025-12-12T14:20:16.335Z
 
 Control, which can be cleared when it has a value.
 

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-12T14:20:23.245Z
 
 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="015ykhlj0y54a" class="btn btn-default btn-md btn-component dropdown-toggle" tabindex="0">Dropdown<span class="caret">
                             </span>
                         </button>
                     </div>