@rio-cloud/uikit-mcp 1.1.5 → 1.1.7

package/dist/docs/components/editableContent.md

@@ -2,8 +2,8 @@
 
 *Category:* Components
 *Section:* Interaction
-*Source:* https://uikit.developers.rio.cloud/#components/editableContent
-*Captured:* 2026-02-03T14:04:18.154Z
+*Source:* https://uikit.developers.rio.cloud/#/components/editableContent
+*Captured:* 2026-02-23T15:48:16.133Z
 
 The EditableContent component allows for inline editing text or other values. To make sure the user can recognize such an element, it's best to mark the text or content with a dotted line depending on the situation and where it is placed. Alternatively, you can place the "pencil" icon next to the content. Especially on mobile where no hover is available, the editable content must be marked permanently.
 

package/dist/docs/components/expander.md

@@ -2,8 +2,8 @@
 
 *Category:* Components
 *Section:* Show/Hide
-*Source:* https://uikit.developers.rio.cloud/#components/expander
-*Captured:* 2026-02-03T14:04:24.384Z
+*Source:* https://uikit.developers.rio.cloud/#/components/expander
+*Captured:* 2026-02-23T15:48:22.087Z
 
 A simple panel component where the "panel-body" can be expanded.
 

package/dist/docs/components/fade.md

@@ -2,8 +2,8 @@
 
 *Category:* Components
 *Section:* Show/Hide
-*Source:* https://uikit.developers.rio.cloud/#components/fade
-*Captured:* 2026-02-03T14:04:26.307Z
+*Source:* https://uikit.developers.rio.cloud/#/components/fade
+*Captured:* 2026-02-23T15:48:24.625Z
 
 The Fade component fades in and out content with a given animation style.
 

package/dist/docs/components/fadeExpander.md

@@ -2,8 +2,8 @@
 
 *Category:* Components
 *Section:* Show/Hide
-*Source:* https://uikit.developers.rio.cloud/#components/fadeExpander
-*Captured:* 2026-02-03T14:04:24.408Z
+*Source:* https://uikit.developers.rio.cloud/#/components/fadeExpander
+*Captured:* 2026-02-23T15:48:22.049Z
 
 The FadeExpander component fades in and expands when the content.
 
@@ -155,7 +155,7 @@ export default () => {
                 <div class="text-color-darker">Enable lorem ipsum dolor sit amet</div>
                 <div class="text-color-dark">
                     <div class="uikit-switch">
-                        <label class="switch-label">
+                        <label class="switch-label uikit-switch">
                             <input type="checkbox" class="switch-input">
                             <div class="switch-content" style="color: var(--brand-primary); min-width: 40px;">
                                 <div class="switch-handle">

package/dist/docs/components/fadeUp.md

@@ -2,8 +2,8 @@
 
 *Category:* Components
 *Section:* Show/Hide
-*Source:* https://uikit.developers.rio.cloud/#components/fadeUp
-*Captured:* 2026-02-03T14:04:25.440Z
+*Source:* https://uikit.developers.rio.cloud/#/components/fadeUp
+*Captured:* 2026-02-23T15:48:23.237Z
 
 The FadeUp component fades in when the content appears on the screen. After it faded in, the element will stay on screen. This can be used in a scrolling scenario where elements should fade up when they scroll into view. Using the delay helps to stagger the animation.
 
@@ -356,7 +356,7 @@ export default () => {
             <div class="" style="opacity: 1; transform: none;">
                 <h1 class="">Lorem ipsum dolor sit amet</h1>
             </div>
-            <div class="" style="opacity: 0; transform: translateY(15px);">
+            <div class="" style="opacity: 0; transform: translateY(0.0280765px);">
                 <p class="text-color-dark">
                     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.</p>
             </div>

package/dist/docs/components/feedback.md

@@ -2,8 +2,8 @@
 
 *Category:* Components
 *Section:* Misc
-*Source:* https://uikit.developers.rio.cloud/#components/feedback
-*Captured:* 2026-02-03T14:05:00.092Z
+*Source:* https://uikit.developers.rio.cloud/#/components/feedback
+*Captured:* 2026-02-23T15:48:57.392Z
 
 ## FeedbackRating
 

package/dist/docs/components/filePickers.md

@@ -2,8 +2,8 @@
 
 *Category:* Components
 *Section:* Pickers
-*Source:* https://uikit.developers.rio.cloud/#components/filePickers
-*Captured:* 2026-02-03T14:04:36.027Z
+*Source:* https://uikit.developers.rio.cloud/#/components/filePickers
+*Captured:* 2026-02-23T15:48:33.423Z
 
 ## FilePicker
 

package/dist/docs/components/formLabel.md

@@ -2,8 +2,8 @@
 
 *Category:* Components
 *Section:* Content
-*Source:* https://uikit.developers.rio.cloud/#components/formLabel
-*Captured:* 2026-02-03T14:04:44.843Z
+*Source:* https://uikit.developers.rio.cloud/#/components/formLabel
+*Captured:* 2026-02-23T15:48:43.064Z
 
 A small convenience component for a form label or just a label style used without a form element.
 
@@ -127,12 +127,13 @@ export default () => {
         </div>
         <div class="bg-lightest rounded padding-15">
             <div class="uikit-switch">
-                <label class="switch-label label-position-right">
+                <label class="switch-label uikit-switch label-position-right">
                     <input type="checkbox" class="switch-input" checked="">
                     <div class="switch-content" style="color: var(--brand-primary); min-width: 40px;">
                         <div class="switch-handle">
                         </div>
-                    </div>Lorem ipsum dolor
+                    </div>
+                    <div class="switch-text-wrapper user-select-none padding-top-1">Lorem ipsum dolor</div>
                 </label>
             </div>
         </div>

package/dist/docs/components/groupedItemList.md

@@ -2,8 +2,8 @@
 
 *Category:* Components
 *Section:* Content
-*Source:* https://uikit.developers.rio.cloud/#components/groupedItemList
-*Captured:* 2026-02-03T14:04:46.711Z
+*Source:* https://uikit.developers.rio.cloud/#/components/groupedItemList
+*Captured:* 2026-02-23T15:48:44.508Z
 
 ## GroupedItemList
 

package/dist/docs/components/iconList.md

@@ -2,8 +2,8 @@
 
 *Category:* Components
 *Section:* CSS Only
-*Source:* https://uikit.developers.rio.cloud/#components/iconList
-*Captured:* 2026-02-03T14:05:10.389Z
+*Source:* https://uikit.developers.rio.cloud/#/components/iconList
+*Captured:* 2026-02-23T15:49:07.105Z
 
 The timeline component is a pure CSS component.
 
@@ -86,13 +86,13 @@ Lorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget ma
         </div>
         <ul class="icon-list margin-bottom-0">
             <li>
-                <span class="rioglyph rioglyph-driver margin-top--1">
+                <span class="rioglyph rioglyph-user margin-top--1">
                 </span>
                 <span>
                     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.</span>
             </li>
             <li>
-                <span class="rioglyph rioglyph-car margin-top--1">
+                <span class="rioglyph rioglyph-bus margin-top--1">
                 </span>
                 <span>
                     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.</span>

package/dist/docs/components/imagePreloader.md

@@ -2,8 +2,8 @@
 
 *Category:* Components
 *Section:* Misc
-*Source:* https://uikit.developers.rio.cloud/#components/imagePreloader
-*Captured:* 2026-02-03T14:04:58.632Z
+*Source:* https://uikit.developers.rio.cloud/#/components/imagePreloader
+*Captured:* 2026-02-23T15:48:55.989Z
 
 Use the preloader for controlling the various states when fetching the image. It allows to handle the failure case as well.
 

package/dist/docs/components/labeledElement.md

@@ -2,8 +2,8 @@
 
 *Category:* Components
 *Section:* Content
-*Source:* https://uikit.developers.rio.cloud/#components/labeledElement
-*Captured:* 2026-02-03T14:04:46.382Z
+*Source:* https://uikit.developers.rio.cloud/#/components/labeledElement
+*Captured:* 2026-02-23T15:48:44.507Z
 
 A simple wrapper component that associates a label with any content, ensuring a unified label style. It simplifies the usage of labels for both form and non-form elements by using the FormLabelcomponent internally. For more flexibility, you can also use it directly when needed.
 

package/dist/docs/components/licensePlate.md

@@ -2,8 +2,8 @@
 
 *Category:* Components
 *Section:* Misc
-*Source:* https://uikit.developers.rio.cloud/#components/licensePlate
-*Captured:* 2026-02-03T14:05:00.123Z
+*Source:* https://uikit.developers.rio.cloud/#/components/licensePlate
+*Captured:* 2026-02-23T15:48:57.539Z
 
 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.
 

package/dist/docs/components/lineCharts.md

@@ -2,8 +2,8 @@
 
 *Category:* Components
 *Section:* Charts
-*Source:* https://uikit.developers.rio.cloud/#components/lineCharts
-*Captured:* 2026-02-03T14:05:33.733Z
+*Source:* https://uikit.developers.rio.cloud/#/components/lineCharts
+*Captured:* 2026-02-23T15:49:28.261Z
 
 ## LineChart
 
@@ -133,7 +133,7 @@ const data: CustomData[] = [
                     </g>
                     <g tabindex="-1">
                         <g class="recharts-layer recharts-line">
-                            <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 stroke="#67abc5 " fill="none" stroke-width="1" id="recharts-line-:r0:" height="108" width="438" class="recharts-curve recharts-line-curve" stroke-dasharray="11.9607px 39.42811683349609px" 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>
@@ -467,7 +467,7 @@ const data: CustomData[] = [
                     </g>
                     <g tabindex="-1">
                         <g class="recharts-layer recharts-line">
-                            <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 stroke="#67abc5 " fill="none" stroke-width="1" id="recharts-line-:r1:" height="108" width="438" class="recharts-curve recharts-line-curve" stroke-dasharray="46.2315px 5.157316833496097px" 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">
@@ -913,15 +913,15 @@ const data: CustomData[] = [
                     </g>
                     <g tabindex="-1">
                         <g class="recharts-layer recharts-line">
-                            <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 name="uv" stroke="#67abc5 " fill="none" stroke-width="1" id="recharts-line-:r2:" 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-: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 name="pv" stroke="#a1daa3 " fill="none" stroke-width="1" id="recharts-line-:r3:" 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-: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 name="amt" stroke="#b23672 " fill="none" stroke-width="1" id="recharts-line-:r4:" 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>
@@ -1481,7 +1481,7 @@ const data: CustomData[] = [
     <div class="recharts-responsive-container" style="width: 100%; height: 100%; min-width: 100px; min-height: 100px;">
         <div style="width: 0px; height: 0px; overflow: visible;">
             <div width="876" height="268" class="recharts-wrapper" style="position: relative; cursor: default; width: 876px; height: 268px;">
-                <div xmlns="http://www.w3.org/1999/xhtml" tabindex="-1" class="recharts-tooltip-wrapper" style="visibility: hidden; pointer-events: none; position: absolute; top: 0px; left: 0px;">
+                <div xmlns="http://www.w3.org/1999/xhtml" tabindex="-1" class="recharts-tooltip-wrapper recharts-tooltip-wrapper-right recharts-tooltip-wrapper-bottom" style="visibility: hidden; pointer-events: none; position: absolute; top: 0px; left: 0px; transform: translate(443.758px, 25px);">
                     <div class="recharts-default-tooltip" role="status" aria-live="assertive" style="margin: 0px; padding: 10px; background-color: rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204); white-space: nowrap;">
                         <p class="recharts-tooltip-label" style="margin: 0px;">
                         </p>
@@ -1594,15 +1594,15 @@ const data: CustomData[] = [
                             <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-: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 name="Nominal" stroke-width="1" stroke="#67abc5 " fill="none" id="recharts-line-:r5:" 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-: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 name="Moderate" stroke-width="1" stroke="#a1daa3 " fill="none" id="recharts-line-:r6:" 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-: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 name="Extreme" stroke-width="1" stroke="#b23672 " fill="none" id="recharts-line-:r7:" 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>

package/dist/docs/components/listMenu.md

@@ -2,8 +2,8 @@
 
 *Category:* Components
 *Section:* Misc
-*Source:* https://uikit.developers.rio.cloud/#components/listMenu
-*Captured:* 2026-02-03T14:04:59.776Z
+*Source:* https://uikit.developers.rio.cloud/#/components/listMenu
+*Captured:* 2026-02-23T15:48:57.884Z
 
 A simple list menu that supports grouping and filter.
 
@@ -351,16 +351,16 @@ export default () => (
                 <span class="">Group</span>
             </li>
             <li class="">
-                <a aria-current="page" class="active" href="#components/listMenu">Lorem</a>
+                <a activeclassname="active" aria-current="page" class="active" href="#/components/listMenu" data-discover="true">Lorem</a>
             </li>
             <li class="">
-                <a href="#foo">Lipsum</a>
+                <a activeclassname="active" class="" href="#/foo" data-discover="true">Lipsum</a>
             </li>
             <li class="">
-                <a href="#foo">Dolor</a>
+                <a activeclassname="active" class="" href="#/foo" data-discover="true">Dolor</a>
             </li>
             <li class="">
-                <a href="#foo">Sit amet</a>
+                <a activeclassname="active" class="" href="#/foo" data-discover="true">Sit amet</a>
             </li>
             <li class="subitem">
                 <span>No Link Sample</span>
@@ -371,7 +371,7 @@ export default () => (
                 <span class="">Another group</span>
             </li>
             <li class="">
-                <a href="#bar">Lorem</a>
+                <a activeclassname="active" class="" href="#/bar" data-discover="true">Lorem</a>
             </li>
         </ul>
     </div>

package/dist/docs/components/loadMore.md

@@ -2,8 +2,8 @@
 
 *Category:* Components
 *Section:* Interaction
-*Source:* https://uikit.developers.rio.cloud/#components/loadMore
-*Captured:* 2026-02-03T14:04:15.786Z
+*Source:* https://uikit.developers.rio.cloud/#/components/loadMore
+*Captured:* 2026-02-23T15:48:14.389Z
 
 ## LoadMoreButton
 

package/dist/docs/components/mainNavigation.md

@@ -2,8 +2,8 @@
 
 *Category:* Components
 *Section:* Navigation
-*Source:* https://uikit.developers.rio.cloud/#components/mainNavigation
-*Captured:* 2026-02-03T14:04:06.936Z
+*Source:* https://uikit.developers.rio.cloud/#/components/mainNavigation
+*Captured:* 2026-02-23T15:48:05.898Z
 
 ## MainNavigation
 
@@ -84,13 +84,13 @@ export default () => (
             </ul>
             <ul class="SubmoduleNavigation nav">
                 <li class="submodule " data-nav-item-key="1">
-                    <a href="#components/appLayout">Navigation 1</a>
+                    <a class="" href="#/components/appLayout" data-discover="true">Navigation 1</a>
                 </li>
                 <li class="submodule " data-nav-item-key="2">
-                    <a href="#2">Navigation 2</a>
+                    <a class="" href="#/2" data-discover="true">Navigation 2</a>
                 </li>
                 <li class="submodule " data-nav-item-key="3">
-                    <a href="#3">Navigation 3</a>
+                    <a class="" href="#/3" data-discover="true">Navigation 3</a>
                 </li>
             </ul>
             <ul class="ApplicationActionBar nav navbar-nav navbar-right ">

package/dist/docs/components/mapCircle.md

@@ -2,8 +2,8 @@
 
 *Category:* Components
 *Section:* Map
-*Source:* https://uikit.developers.rio.cloud/#components/mapCircle
-*Captured:* 2026-02-03T14:05:21.242Z
+*Source:* https://uikit.developers.rio.cloud/#/components/mapCircle
+*Captured:* 2026-02-23T15:49:18.492Z
 
 ## Circle
 

package/dist/docs/components/mapCluster.md

@@ -2,8 +2,8 @@
 
 *Category:* Components
 *Section:* Map
-*Source:* https://uikit.developers.rio.cloud/#components/mapCluster
-*Captured:* 2026-02-03T14:05:14.115Z
+*Source:* https://uikit.developers.rio.cloud/#/components/mapCluster
+*Captured:* 2026-02-23T15:49:18.872Z
 
 ## Clusters
 

package/dist/docs/components/mapContext.md

@@ -2,8 +2,8 @@
 
 *Category:* Components
 *Section:* Map
-*Source:* https://uikit.developers.rio.cloud/#components/mapContext
-*Captured:* 2026-02-03T14:05:24.823Z
+*Source:* https://uikit.developers.rio.cloud/#/components/mapContext
+*Captured:* 2026-02-23T15:49:20.666Z
 
 ## Map
 

package/dist/docs/components/mapDraggableMarker.md

@@ -2,8 +2,8 @@
 
 *Category:* Components
 *Section:* Map
-*Source:* https://uikit.developers.rio.cloud/#components/mapDraggableMarker
-*Captured:* 2026-02-03T14:05:13.722Z
+*Source:* https://uikit.developers.rio.cloud/#/components/mapDraggableMarker
+*Captured:* 2026-02-23T15:49:10.269Z
 
 ## Draggable marker
 

package/dist/docs/components/mapGettingStarted.md

@@ -2,8 +2,8 @@
 
 *Category:* Components
 *Section:* Map
-*Source:* https://uikit.developers.rio.cloud/#components/mapGettingStarted
-*Captured:* 2026-02-03T14:05:11.564Z
+*Source:* https://uikit.developers.rio.cloud/#/components/mapGettingStarted
+*Captured:* 2026-02-23T15:49:07.908Z
 
 HERE Maps credentials used in the UIKIT demo are not allowed to be used in any production environment!
 

package/dist/docs/components/mapInfoBubble.md

@@ -2,8 +2,8 @@
 
 *Category:* Components
 *Section:* Map
-*Source:* https://uikit.developers.rio.cloud/#components/mapInfoBubble
-*Captured:* 2026-02-03T14:05:19.393Z
+*Source:* https://uikit.developers.rio.cloud/#/components/mapInfoBubble
+*Captured:* 2026-02-23T15:49:16.767Z
 
 ## InfoBubble
 

package/dist/docs/components/mapLayerGroup.md

@@ -2,8 +2,8 @@
 
 *Category:* Components
 *Section:* Map
-*Source:* https://uikit.developers.rio.cloud/#components/mapLayerGroup
-*Captured:* 2026-02-03T14:05:16.435Z
+*Source:* https://uikit.developers.rio.cloud/#/components/mapLayerGroup
+*Captured:* 2026-02-23T15:49:14.976Z
 
 ## MapLayerGroup
 

package/dist/docs/components/mapMarker.md

@@ -2,8 +2,8 @@
 
 *Category:* Components
 *Section:* Map
-*Source:* https://uikit.developers.rio.cloud/#components/mapMarker
-*Captured:* 2026-02-03T14:05:19.976Z
+*Source:* https://uikit.developers.rio.cloud/#/components/mapMarker
+*Captured:* 2026-02-23T15:49:18.241Z
 
 Markers are used to render elements at specific locations on the map. They adapt their position as the user interacts with the map.
 

package/dist/docs/components/mapPolygon.md

@@ -2,8 +2,8 @@
 
 *Category:* Components
 *Section:* Map
-*Source:* https://uikit.developers.rio.cloud/#components/mapPolygon
-*Captured:* 2026-02-03T14:05:37.151Z
+*Source:* https://uikit.developers.rio.cloud/#/components/mapPolygon
+*Captured:* 2026-02-23T15:49:24.037Z
 
 ## Polygon
 

package/dist/docs/components/mapRoute.md

@@ -2,8 +2,8 @@
 
 *Category:* Components
 *Section:* Map
-*Source:* https://uikit.developers.rio.cloud/#components/mapRoute
-*Captured:* 2026-02-03T14:05:46.707Z
+*Source:* https://uikit.developers.rio.cloud/#/components/mapRoute
+*Captured:* 2026-02-23T15:49:39.662Z
 
 There are currently 3 different route styles built-in into the map component.
 

package/dist/docs/components/mapRouteGenerator.md

@@ -2,5 +2,5 @@
 
 *Category:* Components
 *Section:* Map
-*Source:* https://uikit.developers.rio.cloud/#components/mapRouteGenerator
-*Captured:* 2026-02-03T14:05:26.101Z
+*Source:* https://uikit.developers.rio.cloud/#/components/mapRouteGenerator
+*Captured:* 2026-02-23T15:49:21.064Z

package/dist/docs/components/mapSettings.md

@@ -2,8 +2,8 @@
 
 *Category:* Components
 *Section:* Map
-*Source:* https://uikit.developers.rio.cloud/#components/mapSettings
-*Captured:* 2026-02-03T14:05:22.576Z
+*Source:* https://uikit.developers.rio.cloud/#/components/mapSettings
+*Captured:* 2026-02-23T15:49:13.290Z
 
 ## Map settings
 
@@ -96,8 +96,7 @@ import type React from 'react';
 import { useState, useRef, useMemo } from 'react';
 import { isEqual, without } from 'es-toolkit/compat';
 
-import classNames from 'classnames';
-
+import classNames from '@rio-cloud/rio-uikit/classNames';
 import Notification from '@rio-cloud/rio-uikit/Notification';
 import Map from '@rio-cloud/rio-uikit/Map';
 import Polygon from '@rio-cloud/rio-uikit/Polygon';
@@ -822,7 +821,7 @@ Terrain
 
 Show traffic incidents
 
-Without cluster and map layer settings
+Without cluster and custom map layer settings
 
 Terms of use© 1987–2026 HERE
 
@@ -876,7 +875,7 @@ Terrain
 
 Show traffic incidents
 
-Without cluster and map layer settings
+Without cluster and custom map layer settings
 
 Terms of use© 1987–2026 HERE
 
@@ -970,7 +969,7 @@ const SettingsExample = () => {
                 />
             </div>
             <div>
-                <label>Without cluster and map layer settings</label>
+                <label>Without cluster and custom map layer settings</label>
                 <Map
                     credentials={UIKIT_DEMO_CREDENTIALS_ARE_NOT_ALLOWED_IN_PROD_ENVIRONMENT}
                     center={position}
@@ -983,11 +982,11 @@ const SettingsExample = () => {
                                 <MapTypeSettings
                                     key='mapTypeSettings'
                                     tooltip='Change map type'
+                                    dropdownHeaderText='Map views'
+                                    visibleMapTypes={[Map.TYPE_DEFAULT, Map.TYPE_FLEET_STYLE, Map.TYPE_SATELLITE]}
                                     defaultTypeLabel='Default view'
                                     truckTypeLabel='Truck view'
-                                    terrainTypeLabel='Terrain view'
                                     satelliteTypeLabel='Satellite view'
-                                    nightTypeLabel='Night view'
                                 />,
                             ]}
                         />
@@ -1010,6 +1009,7 @@ const SettingsExample = () => {
                                 <MapTypeSettings
                                     key='mapTypeSettings'
                                     tooltip='Change map type'
+                                    dropdownHeaderText='Map views'
                                     defaultTypeLabel='Default view'
                                     truckTypeLabel='Truck view'
                                     terrainTypeLabel='Terrain view'

package/dist/docs/components/mapUtils.md

@@ -2,8 +2,8 @@
 
 *Category:* Components
 *Section:* Map
-*Source:* https://uikit.developers.rio.cloud/#components/mapUtils
-*Captured:* 2026-02-03T14:05:24.886Z
+*Source:* https://uikit.developers.rio.cloud/#/components/mapUtils
+*Captured:* 2026-02-23T15:49:19.867Z
 
 ## Map utils
 

package/dist/docs/components/multiselects.md

@@ -2,8 +2,8 @@
 
 *Category:* Components
 *Section:* Selection
-*Source:* https://uikit.developers.rio.cloud/#components/multiselects
-*Captured:* 2026-02-03T14:04:32.851Z
+*Source:* https://uikit.developers.rio.cloud/#/components/multiselects
+*Captured:* 2026-02-23T15:48:30.315Z
 
 The Multiselect component is a form control and is intended to be used within forms. It's designed to be used instead of native HTML Select which cannot be styled and are rendered by each browser differently.
 

package/dist/docs/components/noData.md

@@ -2,8 +2,8 @@
 
 *Category:* Components
 *Section:* Content
-*Source:* https://uikit.developers.rio.cloud/#components/noData
-*Captured:* 2026-02-03T14:04:47.643Z
+*Source:* https://uikit.developers.rio.cloud/#/components/noData
+*Captured:* 2026-02-23T15:48:45.714Z
 
 ## NoData