@rio-cloud/uikit-mcp 1.1.3 → 1.1.5

package/dist/docs/components/licensePlate.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Misc
 *Source:* https://uikit.developers.rio.cloud/#components/licensePlate
-*Captured:* 2026-01-07T12:11:52.942Z
+*Captured:* 2026-02-03T14:05:00.123Z
 
 The LicensePlate component is designed to display license plate information with various customization options. It is built with container queries, which ensure that design elements are shown or hidden based on the available space.
 
@@ -408,5 +408,5 @@ export default () => {
 | Name | Type | Default | Description |
 | --- | --- | --- | --- |
 | countryCode | string | — | The country code. Should be a string with 1-3 capital letters. |
-| hideStars | boolean | false | Whether the EU stars should be hidden. |
+| hideStars | boolean | — | Whether the EU stars should be hidden. |
 | className | string | — | Additional classes added to the wrapping element. |

package/dist/docs/components/lineCharts.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Charts
 *Source:* https://uikit.developers.rio.cloud/#components/lineCharts
-*Captured:* 2026-01-07T12:12:23.842Z
+*Captured:* 2026-02-03T14:05:33.733Z
 
 ## LineChart
 
@@ -101,7 +101,7 @@ const data: CustomData[] = [
                     </title>
                     <desc>
                     </desc>
-                    <g tabindex="-1" id="recharts-zindex--100-:r1:">
+                    <g tabindex="-1">
                         <g class="recharts-cartesian-grid">
                             <g class="recharts-cartesian-grid-horizontal">
                                 <line stroke-dasharray="0" stroke="#e5ebf0 " fill="none" x="15" y="15" width="438" height="108" x1="15" y1="123" x2="453" y2="123">
@@ -117,7 +117,7 @@ const data: CustomData[] = [
                             </g>
                         </g>
                     </g>
-                    <g tabindex="-1" id="recharts-zindex--50-:r2:">
+                    <g tabindex="-1">
                     </g>
                     <defs>
                         <clipPath id="recharts1-clip">
@@ -125,19 +125,19 @@ const data: CustomData[] = [
                             </rect>
                         </clipPath>
                     </defs>
-                    <g tabindex="-1" id="recharts-zindex-100-:r4:">
+                    <g tabindex="-1">
                     </g>
-                    <g tabindex="-1" id="recharts-zindex-200-:r5:">
+                    <g tabindex="-1">
                     </g>
-                    <g tabindex="-1" id="recharts-zindex-300-:r6:">
+                    <g tabindex="-1">
                     </g>
-                    <g tabindex="-1" id="recharts-zindex-400-:r7:">
+                    <g tabindex="-1">
                         <g class="recharts-layer recharts-line">
-                            <path stroke="#67abc5 " fill="none" stroke-width="1" id="recharts-line-:r3:" height="108" width="438" class="recharts-curve recharts-line-curve" stroke-dasharray="11.945606280363632px 39.44321055313246px" d="M45,27C66,28,87,29,108,33C129,37,150,63,171,63C192,63,213,39.6,234,39.6C255,39.6,276,66.3,297,66.3C318,66.3,339,59.3,360,51.3C381,43.3,402,30.8,423,18.3">
+                            <path stroke="#67abc5 " fill="none" stroke-width="1" id="recharts-line-:r1:" height="108" width="438" class="recharts-curve recharts-line-curve" stroke-dasharray="17.1385px 34.25031683349609px" d="M45,27C66,28,87,29,108,33C129,37,150,63,171,63C192,63,213,39.6,234,39.6C255,39.6,276,66.3,297,66.3C318,66.3,339,59.3,360,51.3C381,43.3,402,30.8,423,18.3">
                             </path>
                         </g>
                     </g>
-                    <g tabindex="-1" id="recharts-zindex-500-:r8:">
+                    <g tabindex="-1">
                         <g class="recharts-layer recharts-cartesian-axis recharts-xAxis xAxis">
                             <line angle="0" height="30" orientation="bottom" x="15" y="123" width="438" class="recharts-cartesian-axis-line" stroke="#666" fill="none" x1="15" y1="123" x2="453" y2="123">
                             </line>
@@ -175,7 +175,7 @@ const data: CustomData[] = [
                             </g>
                         </g>
                     </g>
-                    <g tabindex="-1" id="recharts-zindex-600-:r9:">
+                    <g tabindex="-1">
                         <g class="recharts-layer recharts-line-dots">
                             <circle r="3" stroke="#67abc5 " fill="#fff" stroke-width="1" height="108" width="438" cx="45" cy="27.000000000000007" class="recharts-dot recharts-line-dot">
                             </circle>
@@ -193,13 +193,13 @@ const data: CustomData[] = [
                             </circle>
                         </g>
                     </g>
-                    <g tabindex="-1" id="recharts-zindex-1000-:ra:">
+                    <g tabindex="-1">
                     </g>
-                    <g tabindex="-1" id="recharts-zindex-1100-:rb:">
+                    <g tabindex="-1">
                     </g>
-                    <g tabindex="-1" id="recharts-zindex-1200-:rc:">
+                    <g tabindex="-1">
                     </g>
-                    <g tabindex="-1" id="recharts-zindex-2000-:rd:">
+                    <g tabindex="-1">
                         <g class="recharts-cartesian-axis-tick-labels recharts-xAxis-tick-labels">
                             <g class="recharts-layer recharts-cartesian-axis-tick-label">
                                 <text height="30" orientation="bottom" width="438" stroke="none" x="45" y="131" class="recharts-text recharts-cartesian-axis-tick-value" text-anchor="middle" fill="#666">
@@ -449,9 +449,9 @@ const data: CustomData[] = [
                     </title>
                     <desc>
                     </desc>
-                    <g tabindex="-1" id="recharts-zindex--100-:re:">
+                    <g tabindex="-1">
                     </g>
-                    <g tabindex="-1" id="recharts-zindex--50-:rf:">
+                    <g tabindex="-1">
                     </g>
                     <defs>
                         <clipPath id="recharts2-clip">
@@ -459,15 +459,15 @@ const data: CustomData[] = [
                             </rect>
                         </clipPath>
                     </defs>
-                    <g tabindex="-1" id="recharts-zindex-100-:rh:">
+                    <g tabindex="-1">
                     </g>
-                    <g tabindex="-1" id="recharts-zindex-200-:ri:">
+                    <g tabindex="-1">
                     </g>
-                    <g tabindex="-1" id="recharts-zindex-300-:rj:">
+                    <g tabindex="-1">
                     </g>
-                    <g tabindex="-1" id="recharts-zindex-400-:rk:">
+                    <g tabindex="-1">
                         <g class="recharts-layer recharts-line">
-                            <path stroke="#67abc5 " fill="none" stroke-width="1" id="recharts-line-:rg:" height="108" width="438" class="recharts-curve recharts-line-curve" stroke-dasharray="46.72714734947786px 4.661669484018233px" d="M45,27C66,28,87,29,108,33C129,37,150,63,171,63C192,63,213,39.6,234,39.6C255,39.6,276,66.3,297,66.3C318,66.3,339,59.3,360,51.3C381,43.3,402,30.8,423,18.3">
+                            <path stroke="#67abc5 " fill="none" stroke-width="1" id="recharts-line-:r2:" height="108" width="438" class="recharts-curve recharts-line-curve" stroke-dasharray="48.2125px 3.176316833496095px" d="M45,27C66,28,87,29,108,33C129,37,150,63,171,63C192,63,213,39.6,234,39.6C255,39.6,276,66.3,297,66.3C318,66.3,339,59.3,360,51.3C381,43.3,402,30.8,423,18.3">
                             </path>
                         </g>
                         <g class="recharts-layer recharts-reference-line">
@@ -484,7 +484,7 @@ const data: CustomData[] = [
                             </line>
                         </g>
                     </g>
-                    <g tabindex="-1" id="recharts-zindex-500-:rl:">
+                    <g tabindex="-1">
                         <g class="recharts-layer recharts-cartesian-axis recharts-xAxis xAxis">
                             <line angle="0" height="30" orientation="bottom" x="15" y="123" width="438" class="recharts-cartesian-axis-line" stroke="#666" fill="none" x1="15" y1="123" x2="453" y2="123">
                             </line>
@@ -522,7 +522,7 @@ const data: CustomData[] = [
                             </g>
                         </g>
                     </g>
-                    <g tabindex="-1" id="recharts-zindex-600-:rm:">
+                    <g tabindex="-1">
                         <g class="recharts-layer recharts-line-dots">
                             <circle r="3" stroke="#67abc5 " fill="#fff" stroke-width="1" height="108" width="438" cx="45" cy="27.000000000000007" class="recharts-dot recharts-line-dot">
                             </circle>
@@ -540,13 +540,13 @@ const data: CustomData[] = [
                             </circle>
                         </g>
                     </g>
-                    <g tabindex="-1" id="recharts-zindex-1000-:rn:">
+                    <g tabindex="-1">
                     </g>
-                    <g tabindex="-1" id="recharts-zindex-1100-:ro:">
+                    <g tabindex="-1">
                     </g>
-                    <g tabindex="-1" id="recharts-zindex-1200-:rp:">
+                    <g tabindex="-1">
                     </g>
-                    <g tabindex="-1" id="recharts-zindex-2000-:rq:">
+                    <g tabindex="-1">
                         <g class="recharts-cartesian-axis-tick-labels recharts-xAxis-tick-labels">
                             <g class="recharts-layer recharts-cartesian-axis-tick-label">
                                 <text height="30" orientation="bottom" width="438" stroke="none" x="45" y="131" class="recharts-text recharts-cartesian-axis-tick-value" text-anchor="middle" fill="#666">
@@ -709,7 +709,7 @@ export default () => {
                             layout='horizontal'
                             verticalAlign='bottom'
                             iconType='line'
-                            formatter={(value: string, entry: any, index: number) => {
+                            formatter={(_value: string, entry: any, index: number) => {
                                 const { color } = entry;
                                 return <span style={{ color }}>{Object.keys(data[0])[index + 1]}</span>;
                             }}
@@ -843,7 +843,7 @@ const data: CustomData[] = [
                     </title>
                     <desc>
                     </desc>
-                    <g tabindex="-1" id="recharts-zindex--100-:rr:">
+                    <g tabindex="-1">
                         <g class="recharts-cartesian-grid">
                             <g class="recharts-cartesian-grid-horizontal">
                                 <line stroke-dasharray="3 3" stroke="#ccc" fill="none" x="75" y="15" width="786" height="108" x1="75" y1="123" x2="861" y2="123">
@@ -875,7 +875,7 @@ const data: CustomData[] = [
                             </g>
                         </g>
                     </g>
-                    <g tabindex="-1" id="recharts-zindex--50-:rs:">
+                    <g tabindex="-1">
                     </g>
                     <defs>
                         <clipPath id="recharts3-clip">
@@ -905,27 +905,27 @@ const data: CustomData[] = [
                             </line>
                         </g>
                     </g>
-                    <g tabindex="-1" id="recharts-zindex-100-:r10:">
+                    <g tabindex="-1">
                     </g>
-                    <g tabindex="-1" id="recharts-zindex-200-:r11:">
+                    <g tabindex="-1">
                     </g>
-                    <g tabindex="-1" id="recharts-zindex-300-:r12:">
+                    <g tabindex="-1">
                     </g>
-                    <g tabindex="-1" id="recharts-zindex-400-:r13:">
+                    <g tabindex="-1">
                         <g class="recharts-layer recharts-line">
-                            <path name="uv" stroke="#67abc5 " fill="none" stroke-width="1" id="recharts-line-:rt:" height="108" width="786" class="recharts-curve recharts-line-curve" stroke-dasharray="787.956298828125px 0px" d="M75,88.44C118.667,88.8,162.333,89.16,206,90.6C249.667,92.04,293.333,101.4,337,101.4C380.667,101.4,424.333,92.976,468,92.976C511.667,92.976,555.333,102.588,599,102.588C642.667,102.588,686.333,100.068,730,97.188C773.667,94.308,817.333,89.808,861,85.308">
+                            <path name="uv" stroke="#67abc5 " fill="none" stroke-width="1" id="recharts-line-:r3:" height="108" width="786" class="recharts-curve recharts-line-curve" stroke-dasharray="787.956298828125px 0px" d="M75,88.44C118.667,88.8,162.333,89.16,206,90.6C249.667,92.04,293.333,101.4,337,101.4C380.667,101.4,424.333,92.976,468,92.976C511.667,92.976,555.333,102.588,599,102.588C642.667,102.588,686.333,100.068,730,97.188C773.667,94.308,817.333,89.808,861,85.308">
                             </path>
                         </g>
                         <g class="recharts-layer recharts-line">
-                            <path name="pv" stroke="#a1daa3 " fill="none" stroke-width="1" id="recharts-line-:ru:" height="108" width="786" class="recharts-curve recharts-line-curve" stroke-dasharray="836.8355102539062px 0px" d="M75,97.08C118.667,102.491,162.333,107.902,206,107.902C249.667,107.902,293.333,17.16,337,17.16C380.667,17.16,424.333,80.794,468,80.794C511.667,80.794,555.333,71.16,599,71.16C642.667,71.16,686.333,81.96,730,81.96C773.667,81.96,817.333,79.26,861,76.56">
+                            <path name="pv" stroke="#a1daa3 " fill="none" stroke-width="1" id="recharts-line-:r4:" height="108" width="786" class="recharts-curve recharts-line-curve" stroke-dasharray="836.8355px 0.000010253906225443643px" d="M75,97.08C118.667,102.491,162.333,107.902,206,107.902C249.667,107.902,293.333,17.16,337,17.16C380.667,17.16,424.333,80.794,468,80.794C511.667,80.794,555.333,71.16,599,71.16C642.667,71.16,686.333,81.96,730,81.96C773.667,81.96,817.333,79.26,861,76.56">
                             </path>
                         </g>
                         <g class="recharts-layer recharts-line">
-                            <path name="amt" stroke="#b23672 " fill="none" stroke-width="1" id="recharts-line-:rv:" height="108" width="786" class="recharts-curve recharts-line-curve" stroke-dasharray="786.2213134765625px 0px" d="M75,97.08C118.667,98.106,162.333,99.132,206,99.132C249.667,99.132,293.333,98.268,337,98.268C380.667,98.268,424.333,101.4,468,101.4C511.667,101.4,555.333,100.345,599,99.445C642.667,98.545,686.333,96,730,96C773.667,96,817.333,98.16,861,100.32">
+                            <path name="amt" stroke="#b23672 " fill="none" stroke-width="1" id="recharts-line-:r5:" height="108" width="786" class="recharts-curve recharts-line-curve" stroke-dasharray="786.2213px 0.000013476562457981345px" d="M75,97.08C118.667,98.106,162.333,99.132,206,99.132C249.667,99.132,293.333,98.268,337,98.268C380.667,98.268,424.333,101.4,468,101.4C511.667,101.4,555.333,100.345,599,99.445C642.667,98.545,686.333,96,730,96C773.667,96,817.333,98.16,861,100.32">
                             </path>
                         </g>
                     </g>
-                    <g tabindex="-1" id="recharts-zindex-500-:r14:">
+                    <g tabindex="-1">
                         <g class="recharts-layer recharts-cartesian-axis recharts-xAxis xAxis">
                             <line angle="0" height="30" orientation="bottom" x="75" y="123" width="786" class="recharts-cartesian-axis-line" stroke="#666" fill="none" x1="75" y1="123" x2="861" y2="123">
                             </line>
@@ -991,7 +991,7 @@ const data: CustomData[] = [
                             </g>
                         </g>
                     </g>
-                    <g tabindex="-1" id="recharts-zindex-600-:r15:">
+                    <g tabindex="-1">
                         <g class="recharts-layer recharts-line-dots">
                             <circle r="3" name="uv" stroke="#67abc5 " fill="#fff" stroke-width="1" height="108" width="786" cx="75" cy="88.43999999999998" class="recharts-dot recharts-line-dot">
                             </circle>
@@ -1041,13 +1041,13 @@ const data: CustomData[] = [
                             </circle>
                         </g>
                     </g>
-                    <g tabindex="-1" id="recharts-zindex-1000-:r16:">
+                    <g tabindex="-1">
                     </g>
-                    <g tabindex="-1" id="recharts-zindex-1100-:r17:">
+                    <g tabindex="-1">
                     </g>
-                    <g tabindex="-1" id="recharts-zindex-1200-:r18:">
+                    <g tabindex="-1">
                     </g>
-                    <g tabindex="-1" id="recharts-zindex-2000-:r19:">
+                    <g tabindex="-1">
                         <g class="recharts-cartesian-axis-tick-labels recharts-xAxis-tick-labels">
                             <g class="recharts-layer recharts-cartesian-axis-tick-label">
                                 <text height="30" orientation="bottom" width="786" stroke="none" x="75" y="131" class="recharts-text recharts-cartesian-axis-tick-value" text-anchor="middle" fill="#666">
@@ -1511,7 +1511,7 @@ const data: CustomData[] = [
                     </title>
                     <desc>
                     </desc>
-                    <g tabindex="-1" id="recharts-zindex--100-:r1a:">
+                    <g tabindex="-1">
                         <g class="recharts-cartesian-grid">
                             <g class="recharts-cartesian-grid-horizontal">
                                 <line stroke-dasharray="3 3" stroke="#ccc" fill="none" x="75" y="15" width="681.640625" height="158" x1="75" y1="173" x2="756.640625" y2="173">
@@ -1551,7 +1551,7 @@ const data: CustomData[] = [
                             </g>
                         </g>
                     </g>
-                    <g tabindex="-1" id="recharts-zindex--50-:r1b:">
+                    <g tabindex="-1">
                     </g>
                     <defs>
                         <clipPath id="recharts4-clip">
@@ -1581,32 +1581,32 @@ const data: CustomData[] = [
                             </line>
                         </g>
                     </g>
-                    <g tabindex="-1" id="recharts-zindex-100-:r1f:">
+                    <g tabindex="-1">
                     </g>
-                    <g tabindex="-1" id="recharts-zindex-200-:r1g:">
+                    <g tabindex="-1">
                     </g>
-                    <g tabindex="-1" id="recharts-zindex-300-:r1h:">
+                    <g tabindex="-1">
                     </g>
-                    <g tabindex="-1" id="recharts-zindex-400-:r1i:">
+                    <g tabindex="-1">
                         <g class="recharts-layer recharts-reference-line">
                             <line x="03:30" stroke="#f19588 " fill="none" fill-opacity="1" stroke-width="1" x1="577.2615131578948" y1="173" x2="577.2615131578948" y2="15" class="recharts-reference-line-line">
                             </line>
                             <text x="582.2615131578948" y="30" fill="gray" text-anchor="right">Now</text>
                         </g>
                         <g class="recharts-layer recharts-line">
-                            <path name="Nominal" stroke-width="1" stroke="#67abc5 " fill="none" id="recharts-line-:r1c:" height="158" width="681.640625" class="recharts-curve recharts-line-curve" stroke-dasharray="734.8751831054688px 0px" d="M75,48.417C86.959,55.102,98.917,61.788,110.876,68.773C122.834,75.758,134.793,83.75,146.752,90.327C158.71,96.903,170.669,108.233,182.627,108.233C194.586,108.233,206.545,75.909,218.503,75.909C230.462,75.909,242.421,87.592,254.379,92.091C266.338,96.589,278.296,99.703,290.255,102.901C302.214,106.098,314.172,111.275,326.131,111.275C338.089,111.275,350.048,86.284,362.007,86.284C373.965,86.284,385.924,96.133,397.882,98.924C409.841,101.716,421.8,101.885,433.758,103.111C445.717,104.338,457.675,104.595,469.634,106.285C481.593,107.974,493.551,113.25,505.51,113.25C517.468,113.25,529.427,110.368,541.386,108.207C553.344,106.045,565.303,103.563,577.262,100.28C589.22,96.998,601.179,88.509,613.137,88.509C625.096,88.509,637.055,93.776,649.013,93.776C660.972,93.776,672.93,88.509,684.889,88.509C696.848,88.509,708.806,88.509,720.765,88.509C732.723,88.509,744.682,88.509,756.641,88.509">
+                            <path name="Nominal" stroke-width="1" stroke="#67abc5 " fill="none" id="recharts-line-:r6:" height="158" width="681.640625" class="recharts-curve recharts-line-curve" stroke-dasharray="734.8751831054688px 0px" d="M75,48.417C86.959,55.102,98.917,61.788,110.876,68.773C122.834,75.758,134.793,83.75,146.752,90.327C158.71,96.903,170.669,108.233,182.627,108.233C194.586,108.233,206.545,75.909,218.503,75.909C230.462,75.909,242.421,87.592,254.379,92.091C266.338,96.589,278.296,99.703,290.255,102.901C302.214,106.098,314.172,111.275,326.131,111.275C338.089,111.275,350.048,86.284,362.007,86.284C373.965,86.284,385.924,96.133,397.882,98.924C409.841,101.716,421.8,101.885,433.758,103.111C445.717,104.338,457.675,104.595,469.634,106.285C481.593,107.974,493.551,113.25,505.51,113.25C517.468,113.25,529.427,110.368,541.386,108.207C553.344,106.045,565.303,103.563,577.262,100.28C589.22,96.998,601.179,88.509,613.137,88.509C625.096,88.509,637.055,93.776,649.013,93.776C660.972,93.776,672.93,88.509,684.889,88.509C696.848,88.509,708.806,88.509,720.765,88.509C732.723,88.509,744.682,88.509,756.641,88.509">
                             </path>
                         </g>
                         <g class="recharts-layer recharts-line">
-                            <path name="Moderate" stroke-width="1" stroke="#a1daa3 " fill="none" id="recharts-line-:r1d:" height="158" width="681.640625" class="recharts-curve recharts-line-curve" stroke-dasharray="704.3584594726562px 0px" d="M75,48.285C86.959,52.468,98.917,56.651,110.876,61.018C122.834,65.384,134.793,70.377,146.752,74.487C158.71,78.597,170.669,85.679,182.627,85.679C194.586,85.679,206.545,65.573,218.503,65.573C230.462,65.573,242.421,72.887,254.379,75.698C266.338,78.509,278.296,80.443,290.255,82.44C302.214,84.437,314.172,87.68,326.131,87.68C338.089,87.68,350.048,72.104,362.007,72.104C373.965,72.104,385.924,78.257,397.882,80.004C409.841,81.751,421.8,81.858,433.758,82.624C445.717,83.39,457.675,83.539,469.634,84.599C481.593,85.659,493.551,88.983,505.51,88.983C517.468,88.983,529.427,87.188,541.386,85.837C553.344,84.485,565.303,82.925,577.262,80.873C589.22,78.821,601.179,73.526,613.137,73.526C625.096,73.526,637.055,78.793,649.013,78.793C660.972,78.793,672.93,73.526,684.889,73.526C696.848,73.526,708.806,73.526,720.765,73.526C732.723,73.526,744.682,73.526,756.641,73.526">
+                            <path name="Moderate" stroke-width="1" stroke="#a1daa3 " fill="none" id="recharts-line-:r7:" height="158" width="681.640625" class="recharts-curve recharts-line-curve" stroke-dasharray="704.3584594726562px 0px" d="M75,48.285C86.959,52.468,98.917,56.651,110.876,61.018C122.834,65.384,134.793,70.377,146.752,74.487C158.71,78.597,170.669,85.679,182.627,85.679C194.586,85.679,206.545,65.573,218.503,65.573C230.462,65.573,242.421,72.887,254.379,75.698C266.338,78.509,278.296,80.443,290.255,82.44C302.214,84.437,314.172,87.68,326.131,87.68C338.089,87.68,350.048,72.104,362.007,72.104C373.965,72.104,385.924,78.257,397.882,80.004C409.841,81.751,421.8,81.858,433.758,82.624C445.717,83.39,457.675,83.539,469.634,84.599C481.593,85.659,493.551,88.983,505.51,88.983C517.468,88.983,529.427,87.188,541.386,85.837C553.344,84.485,565.303,82.925,577.262,80.873C589.22,78.821,601.179,73.526,613.137,73.526C625.096,73.526,637.055,78.793,649.013,78.793C660.972,78.793,672.93,73.526,684.889,73.526C696.848,73.526,708.806,73.526,720.765,73.526C732.723,73.526,744.682,73.526,756.641,73.526">
                             </path>
                         </g>
                         <g class="recharts-layer recharts-line">
-                            <path name="Extreme" stroke-width="1" stroke="#b23672 " fill="none" id="recharts-line-:r1e:" height="158" width="681.640625" class="recharts-curve recharts-line-curve" stroke-dasharray="786.78271484375px 0px" d="M75,39.424C86.959,49.112,98.917,58.799,110.876,68.918C122.834,79.036,134.793,90.61,146.752,100.136C158.71,109.662,170.669,126.074,182.627,126.074C194.586,126.074,206.545,75.369,218.503,75.369C230.462,75.369,242.421,92.304,254.379,98.819C266.338,105.334,278.296,109.831,290.255,114.461C302.214,119.091,314.172,126.601,326.131,126.601C338.089,126.601,350.048,88.76,362.007,88.76C373.965,88.76,385.924,103.024,397.882,107.061C409.841,111.099,421.8,111.343,433.758,113.118C445.717,114.893,457.675,115.418,469.634,117.713C481.593,120.009,493.551,126.89,505.51,126.89C517.468,126.89,529.427,122.712,541.386,119.583C553.344,116.454,565.303,112.868,577.262,108.115C589.22,103.361,601.179,91.064,613.137,91.064C625.096,91.064,637.055,95.014,649.013,95.014C660.972,95.014,672.93,91.064,684.889,91.064C696.848,91.064,708.806,91.064,720.765,91.064C732.723,91.064,744.682,91.064,756.641,91.064">
+                            <path name="Extreme" stroke-width="1" stroke="#b23672 " fill="none" id="recharts-line-:r8:" height="158" width="681.640625" class="recharts-curve recharts-line-curve" stroke-dasharray="786.7827px 0.000014843750022919266px" d="M75,39.424C86.959,49.112,98.917,58.799,110.876,68.918C122.834,79.036,134.793,90.61,146.752,100.136C158.71,109.662,170.669,126.074,182.627,126.074C194.586,126.074,206.545,75.369,218.503,75.369C230.462,75.369,242.421,92.304,254.379,98.819C266.338,105.334,278.296,109.831,290.255,114.461C302.214,119.091,314.172,126.601,326.131,126.601C338.089,126.601,350.048,88.76,362.007,88.76C373.965,88.76,385.924,103.024,397.882,107.061C409.841,111.099,421.8,111.343,433.758,113.118C445.717,114.893,457.675,115.418,469.634,117.713C481.593,120.009,493.551,126.89,505.51,126.89C517.468,126.89,529.427,122.712,541.386,119.583C553.344,116.454,565.303,112.868,577.262,108.115C589.22,103.361,601.179,91.064,613.137,91.064C625.096,91.064,637.055,95.014,649.013,95.014C660.972,95.014,672.93,91.064,684.889,91.064C696.848,91.064,708.806,91.064,720.765,91.064C732.723,91.064,744.682,91.064,756.641,91.064">
                             </path>
                         </g>
                     </g>
-                    <g tabindex="-1" id="recharts-zindex-500-:r1j:">
+                    <g tabindex="-1">
                         <g class="recharts-layer recharts-cartesian-axis recharts-xAxis xAxis">
                             <line angle="0" height="30" orientation="bottom" x="75" y="173" width="681.640625" class="recharts-cartesian-axis-line" stroke="#666" fill="none" x1="75" y1="173" x2="756.640625" y2="173">
                             </line>
@@ -1708,7 +1708,7 @@ const data: CustomData[] = [
                             </g>
                         </g>
                     </g>
-                    <g tabindex="-1" id="recharts-zindex-600-:r1k:">
+                    <g tabindex="-1">
                         <g class="recharts-layer recharts-line-dots">
                             <circle r="3" name="Nominal" stroke-width="1" stroke="#67abc5 " fill="#fff" height="158" width="681.640625" cx="75" cy="48.41699999999999" class="recharts-dot recharts-line-dot">
                             </circle>
@@ -1836,13 +1836,13 @@ const data: CustomData[] = [
                             </circle>
                         </g>
                     </g>
-                    <g tabindex="-1" id="recharts-zindex-1000-:r1l:">
+                    <g tabindex="-1">
                     </g>
-                    <g tabindex="-1" id="recharts-zindex-1100-:r1m:">
+                    <g tabindex="-1">
                     </g>
-                    <g tabindex="-1" id="recharts-zindex-1200-:r1n:">
+                    <g tabindex="-1">
                     </g>
-                    <g tabindex="-1" id="recharts-zindex-2000-:r1o:">
+                    <g tabindex="-1">
                         <g class="recharts-cartesian-axis-tick-labels recharts-xAxis-tick-labels">
                             <g class="recharts-layer recharts-cartesian-axis-tick-label">
                                 <text height="30" orientation="bottom" width="681.640625" stroke="none" x="110.87582236842105" y="181" class="recharts-text recharts-cartesian-axis-tick-value" text-anchor="middle" fill="#666">

package/dist/docs/components/listMenu.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Misc
 *Source:* https://uikit.developers.rio.cloud/#components/listMenu
-*Captured:* 2026-01-07T12:11:53.484Z
+*Captured:* 2026-02-03T14:04:59.776Z
 
 A simple list menu that supports grouping and filter.
 
@@ -199,29 +199,40 @@ export default () => {
 </div>
 ```
 
-#### Props
+#### Props: ListMenu
+
+### ListMenu
+
+| Name | Type | Default | Description |
+| --- | --- | --- | --- |
+| menuItems | ListMenuItem<T>[] | — | List of menu item groups to be shown. |
+| └group | string \| ReactNode | — | The optional group header to be shown. This can also be a component such as a FormattedMessage. |
+| └groupNavItem | string \| ReactNode | — | The optional group header link to be shown. This can be a link component such as NavLink or Link. This way, the header can be a link itself. In this case, the group prop can be omitted. |
+| └badge | string \| ReactNode | — | The optional badge displayed alongside the group or nav items. This can be text or a React node for additional flexibility. |
+| └badgeType | 'muted' \| 'success' \| 'info' \| 'warning' \| 'danger' | — | The type of badge to display. Determines the visual style of the badge. Available types include: muted: A subdued badge style. success: Indicates a successful state. info: Represents informational content. warning: Warns of potential issues. danger: Highlights a critical state. |
+| └navItems | T[] | — | The list of all menu items of a group. |
+| enableFilter | boolean | false | Enables the filter. |
+| focusFilter | boolean | false | Focus the filter input. |
+| filterKey | keyof T | 'key' | Define the attribute key for filtering. |
+| filterPlaceholder | string | — | The placeholder text for the filter input. |
+| onFilterChange | (value: string) => void | — | Gets called when the filter input changes. |
+| notFoundMessage | string \| ReactNode | — | A localized message to be shown when the filter result is empty. |
+| responsive | boolean | true | The menu uses collapses on smaller screens using an expander panel. |
+| autoClose | boolean | true | Enables automatic closing of the expander panel. Only relevant when using the responsive flag. Note: Make sure to not stop the events from bubbling up when clicking on a list item! Using event.stopPropagation() will prevent the panel from closing. |
+| groupClassName | string | — | Additional classes to be set on the menu group element. |
+| trailingInputAddon | React.ReactNode | — | Additional addon for the input group. |
+| className | string | — | Additional classes to be set on the wrapper element. |
+
+#### Props: ListMenuNavItem
+
+### ListMenuNavItem
 
 | Name | Type | Default | Description |
 | --- | --- | --- | --- |
-| menuItems | Array of Objects | — | List of menu item groups to be shown. |
-| └group | String \| Node | — | The optional group header to be shown. This can also be a component such as aFormattedMessage. |
-| └badge | String \| Node | — | The optional badge displayed alongside the group or nav items. This can be a string or a React node for additional flexibility. |
-| └badgeType | "muted" \| "success" \| "info" \| "warning" \| "danger" | — | Determines the visual style of the badge. Available types include:muted, success, info, warning, and danger. |
-| └groupNavItem | String \| Node | — | The optional group header link to be shown. This can be a link component such asNavLink orLink. This way, the header can be a link itself. In this case, the propgroupcan be omitted. |
-| └navItems | Array of Objects | — | The list of all menu items of a group. |
-| └navItems.key | String | — | The name or key of the menu nav item. This key will be used for filtering, hence it should match the translated menu item name. |
-| └navItems.item | Node | — | The menu nav item itself. This can be a simple<a>, <NavLink>, <Link> or a <span> or even a <FormattedMessage> |
-| └navItems.disabled | Boolean | false | Disables the list item. |
-| enableFilter | Boolean | false | Enables the filter. |
-| focusFilter | Boolean | false | Focus the filter input. |
-| filterKey | String | key | Define the attribute key for filter for. |
-| filterPlaceholder | String | — | The placeholder text for the input. |
-| notFoundMessage | String / Node | — | A localized message to be shown when filter result is empty. |
-| responsive | Boolean | true | The menu uses collapses on smaller screens using an expander panel. |
-| autoClose | Boolean | true | Enables automatic close of the expander panel. Only relevant when using the responsive flag. Note: make sure to not stop the events from bubbling up when clicking on an list item. Using "event.stopPropagation()" will not work for the panel to close. |
-| trailingInputAddon | ReactNode | — | Additional addon for the input group. |
-| groupClassName | String | — | Additional classes to be set on the menu group element. |
-| className | String | — | Additional classes to be set on the wrapper element. |
+| key | string | — | The name or key of the menu nav item. This key will be used for filtering, hence it should match the translated menu item name. |
+| item | string \| ReactNode | — | The menu nav item itself. This can be a simple <a>, <NavLink>, <Link>, <span> or even a <FormattedMessage>. |
+| disabled | boolean | false | Disables the list item. |
+| isSubItem | boolean | — | Whether the current menu item is a child of another menu item. |
 
 ## ListMenu with NavLinks
 
@@ -367,26 +378,37 @@ export default () => (
 </div>
 ```
 
-#### Props
+#### Props: ListMenu
+
+### ListMenu
+
+| Name | Type | Default | Description |
+| --- | --- | --- | --- |
+| menuItems | ListMenuItem<T>[] | — | List of menu item groups to be shown. |
+| └group | string \| ReactNode | — | The optional group header to be shown. This can also be a component such as a FormattedMessage. |
+| └groupNavItem | string \| ReactNode | — | The optional group header link to be shown. This can be a link component such as NavLink or Link. This way, the header can be a link itself. In this case, the group prop can be omitted. |
+| └badge | string \| ReactNode | — | The optional badge displayed alongside the group or nav items. This can be text or a React node for additional flexibility. |
+| └badgeType | 'muted' \| 'success' \| 'info' \| 'warning' \| 'danger' | — | The type of badge to display. Determines the visual style of the badge. Available types include: muted: A subdued badge style. success: Indicates a successful state. info: Represents informational content. warning: Warns of potential issues. danger: Highlights a critical state. |
+| └navItems | T[] | — | The list of all menu items of a group. |
+| enableFilter | boolean | false | Enables the filter. |
+| focusFilter | boolean | false | Focus the filter input. |
+| filterKey | keyof T | 'key' | Define the attribute key for filtering. |
+| filterPlaceholder | string | — | The placeholder text for the filter input. |
+| onFilterChange | (value: string) => void | — | Gets called when the filter input changes. |
+| notFoundMessage | string \| ReactNode | — | A localized message to be shown when the filter result is empty. |
+| responsive | boolean | true | The menu uses collapses on smaller screens using an expander panel. |
+| autoClose | boolean | true | Enables automatic closing of the expander panel. Only relevant when using the responsive flag. Note: Make sure to not stop the events from bubbling up when clicking on a list item! Using event.stopPropagation() will prevent the panel from closing. |
+| groupClassName | string | — | Additional classes to be set on the menu group element. |
+| trailingInputAddon | React.ReactNode | — | Additional addon for the input group. |
+| className | string | — | Additional classes to be set on the wrapper element. |
+
+#### Props: ListMenuNavItem
+
+### ListMenuNavItem
 
 | Name | Type | Default | Description |
 | --- | --- | --- | --- |
-| menuItems | Array of Objects | — | List of menu item groups to be shown. |
-| └group | String \| Node | — | The optional group header to be shown. This can also be a component such as aFormattedMessage. |
-| └badge | String \| Node | — | The optional badge displayed alongside the group or nav items. This can be a string or a React node for additional flexibility. |
-| └badgeType | "muted" \| "success" \| "info" \| "warning" \| "danger" | — | Determines the visual style of the badge. Available types include:muted, success, info, warning, and danger. |
-| └groupNavItem | String \| Node | — | The optional group header link to be shown. This can be a link component such asNavLink orLink. This way, the header can be a link itself. In this case, the propgroupcan be omitted. |
-| └navItems | Array of Objects | — | The list of all menu items of a group. |
-| └navItems.key | String | — | The name or key of the menu nav item. This key will be used for filtering, hence it should match the translated menu item name. |
-| └navItems.item | Node | — | The menu nav item itself. This can be a simple<a>, <NavLink>, <Link> or a <span> or even a <FormattedMessage> |
-| └navItems.disabled | Boolean | false | Disables the list item. |
-| enableFilter | Boolean | false | Enables the filter. |
-| focusFilter | Boolean | false | Focus the filter input. |
-| filterKey | String | key | Define the attribute key for filter for. |
-| filterPlaceholder | String | — | The placeholder text for the input. |
-| notFoundMessage | String / Node | — | A localized message to be shown when filter result is empty. |
-| responsive | Boolean | true | The menu uses collapses on smaller screens using an expander panel. |
-| autoClose | Boolean | true | Enables automatic close of the expander panel. Only relevant when using the responsive flag. Note: make sure to not stop the events from bubbling up when clicking on an list item. Using "event.stopPropagation()" will not work for the panel to close. |
-| trailingInputAddon | ReactNode | — | Additional addon for the input group. |
-| groupClassName | String | — | Additional classes to be set on the menu group element. |
-| className | String | — | Additional classes to be set on the wrapper element. |
+| key | string | — | The name or key of the menu nav item. This key will be used for filtering, hence it should match the translated menu item name. |
+| item | string \| ReactNode | — | The menu nav item itself. This can be a simple <a>, <NavLink>, <Link>, <span> or even a <FormattedMessage>. |
+| disabled | boolean | false | Disables the list item. |
+| isSubItem | boolean | — | Whether the current menu item is a child of another menu item. |

package/dist/docs/components/loadMore.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Interaction
 *Source:* https://uikit.developers.rio.cloud/#components/loadMore
-*Captured:* 2026-01-07T12:11:14.594Z
+*Captured:* 2026-02-03T14:04:15.786Z
 
 ## LoadMoreButton
 
@@ -97,14 +97,14 @@ export default () => {
 
 | Name | Type | Default | Description |
 | --- | --- | --- | --- |
-| loaded | Number | 0 | The number of already loaded elements. If set to 0 the progress bar will not be shown. |
-| total | Number | 100 | The number of all elements. If set to 0 the progress bar will not be shown. |
-| loadMoreMessage | String / Node | — | The text for the load more button. |
-| noMoreMessage | String / Node | — | The message that will be shown when everything is loaded. |
-| isInteractive | Boolean | true | If set to "false", the button will not be rendered. The loadMoreMessage will be shown as text. |
-| progressBarStyle | String | white | In case the component is used on white background, set the progress bar style to "gray". |
-| onLoadMore | Function | () => {} | Callback fired when clicking on the load more button. |
-| className | String | — | Additional classes to be set on the wrapper element. |
+| loaded | number | 0 | The number of already loaded elements. If set to 0 the progress bar will not be shown. |
+| total | number | 100 | The number of all elements. If set to 0 the progress bar will not be shown. |
+| noMoreMessage | string \| ReactNode | — | The message that will be shown when everything is loaded. |
+| loadMoreMessage | string \| ReactNode | — | The text for the load more button. |
+| isInteractive | boolean | true | If set to false, the button will not be rendered. The loadMoreMessage will be shown as text. |
+| onLoadMore | VoidFunction | — | Callback fired when clicking on the load more button. |
+| progressBarStyle | ProgressBarStyle | 'white' | In case the component is used on white background, set the progress bar style to gray. |
+| className | string | — | Additional classes to be set on the wrapper element. |
 
 ### Example: Example 2
 
@@ -209,11 +209,11 @@ export default () => {
 
 | Name | Type | Default | Description |
 | --- | --- | --- | --- |
-| loaded | Number | 0 | The number of already loaded elements. If set to 0 the progress bar will not be shown. |
-| total | Number | 100 | The number of all elements. If set to 0 the progress bar will not be shown. |
-| loadMoreMessage | String / Node | — | The text for the load more button. |
-| noMoreMessage | String / Node | — | The message that will be shown when everything is loaded. |
-| isInteractive | Boolean | true | If set to "false", the button will not be rendered. The loadMoreMessage will be shown as text. |
-| progressBarStyle | String | white | In case the component is used on white background, set the progress bar style to "gray". |
-| onLoadMore | Function | () => {} | Callback fired when clicking on the load more button. |
-| className | String | — | Additional classes to be set on the wrapper element. |
+| loaded | number | 0 | The number of already loaded elements. If set to 0 the progress bar will not be shown. |
+| total | number | 100 | The number of all elements. If set to 0 the progress bar will not be shown. |
+| noMoreMessage | string \| ReactNode | — | The message that will be shown when everything is loaded. |
+| loadMoreMessage | string \| ReactNode | — | The text for the load more button. |
+| isInteractive | boolean | true | If set to false, the button will not be rendered. The loadMoreMessage will be shown as text. |
+| onLoadMore | VoidFunction | — | Callback fired when clicking on the load more button. |
+| progressBarStyle | ProgressBarStyle | 'white' | In case the component is used on white background, set the progress bar style to gray. |
+| className | string | — | Additional classes to be set on the wrapper element. |

package/dist/docs/components/mainNavigation.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Navigation
 *Source:* https://uikit.developers.rio.cloud/#components/mainNavigation
-*Captured:* 2026-01-07T12:11:06.791Z
+*Captured:* 2026-02-03T14:04:06.936Z
 
 ## MainNavigation
 

package/dist/docs/components/mapCircle.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Map
 *Source:* https://uikit.developers.rio.cloud/#components/mapCircle
-*Captured:* 2026-01-07T12:12:15.183Z
+*Captured:* 2026-02-03T14:05:21.242Z
 
 ## Circle
 

package/dist/docs/components/mapCluster.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Map
 *Source:* https://uikit.developers.rio.cloud/#components/mapCluster
-*Captured:* 2026-01-07T12:12:13.962Z
+*Captured:* 2026-02-03T14:05:14.115Z
 
 ## Clusters
 

package/dist/docs/components/mapContext.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Map
 *Source:* https://uikit.developers.rio.cloud/#components/mapContext
-*Captured:* 2026-01-07T12:12:17.002Z
+*Captured:* 2026-02-03T14:05:24.823Z
 
 ## Map
 

package/dist/docs/components/mapDraggableMarker.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Map
 *Source:* https://uikit.developers.rio.cloud/#components/mapDraggableMarker
-*Captured:* 2026-01-07T12:12:05.330Z
+*Captured:* 2026-02-03T14:05:13.722Z
 
 ## Draggable marker
 

package/dist/docs/components/mapGettingStarted.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Map
 *Source:* https://uikit.developers.rio.cloud/#components/mapGettingStarted
-*Captured:* 2026-01-07T12:12:03.149Z
+*Captured:* 2026-02-03T14:05:11.564Z
 
 HERE Maps credentials used in the UIKIT demo are not allowed to be used in any production environment!
 

package/dist/docs/components/mapInfoBubble.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Map
 *Source:* https://uikit.developers.rio.cloud/#components/mapInfoBubble
-*Captured:* 2026-01-07T12:12:15.366Z
+*Captured:* 2026-02-03T14:05:19.393Z
 
 ## InfoBubble