@rio-cloud/uikit-mcp 1.1.7 → 1.1.9

package/dist/docs/components/appLayout.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Application
 *Source:* https://uikit.developers.rio.cloud/#/components/appLayout
-*Captured:* 2026-02-23T15:48:07.517Z
+*Captured:* 2026-03-06T10:40:01.158Z
 
 The ApplicationLayout components consists of three sub-components: ApplicationHeader, ApplicationBody, ApplicationSidebar
 
@@ -25,14 +25,6 @@ Navigation 1
 Navigation 2
 Navigation 3
 
-#### Summary
-
-RIO Service
-
-Navigation 1
-Navigation 2
-Navigation 3
-
 #### React (tsx)
 
 ```tsx
@@ -220,18 +212,6 @@ Subnavigation 1
 Subnavigation 2
 Subnavigation 3
 
-#### Summary
-
-RIO Service
-
-Navigation 1
-Navigation 2
-Navigation 3
-
-Subnavigation 1
-Subnavigation 2
-Subnavigation 3
-
 #### React (tsx)
 
 ```tsx
@@ -495,16 +475,6 @@ Navigation 3
 
 Lorem ipsum dolor sit amet, consetetur sadipscing elitr, diam nonumy eirmod tempor invidunt.
 
-#### Summary
-
-RIO Service
-
-Navigation 1
-Navigation 2
-Navigation 3
-
-Lorem ipsum dolor sit amet, consetetur sadipscing elitr, diam nonumy eirmod tempor invidunt.
-
 #### React (tsx)
 
 ```tsx
@@ -699,16 +669,6 @@ Navigation 3
 
 Button
 
-#### Summary
-
-RIO Service
-
-Navigation 1
-Navigation 2
-Navigation 3
-
-Button
-
 #### React (tsx)
 
 ```tsx
@@ -911,20 +871,6 @@ Sidebar components may be added here...
 
 Button
 
-#### Summary
-
-RIO Service
-
-Navigation 1
-Navigation 2
-Navigation 3
-
-Sidebar Right
-
-Sidebar components may be added here...
-
-Button
-
 #### React (tsx)
 
 ```tsx
@@ -1155,74 +1101,20 @@ Navigation 3
 
 4
 
+2
+2
 4
-3
-1
-3
-
-Asset Group9
-Vehicle-1343Asset 1010
-Vehicle-2513Asset 1002
-Vehicle-2575Asset 1005
-Vehicle-2741Asset 1006
-Vehicle-6386Asset 1000
-Vehicle-6560Asset 1001
-Vehicle-6904Asset 1008
-Vehicle-7768Asset 1009
-Vehicle-9357Asset 1003
-
-Ungrouped2
-
-200
-
-Sidebar Right
-
-Sidebar components may be added here...
-
-Close
-
-Subnavigation 1
-Subnavigation 2
-Subnavigation 3
-
-Lorem ipsum dolor sit amet, consetetur sadipscing elitr, diam nonumy eirmod tempor invidunt.
-Sample Service Content
-Open Sidebar
-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.
-
-In mattis massa a tellus laoreet volutpat. Integer placerat convallis tempor. Quisque id diam nec ex iaculis pulvinar. Nunc urna dui, varius at tempus sit amet, euismod id risus. Cras placerat imperdiet mattis. Etiam vehicula finibus magna. Nullam ornare diam at molestie faucibus. Aenean dictum magna a ipsum scelerisque, a vehicula massa vehicula. Suspendisse blandit tellus vulputate enim ullamcorper tincidunt. Vivamus enim justo, sollicitudin sit amet pulvinar vitae, vehicula sed leo. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
-
-Praesent mattis purus et velit maximus hendrerit. Aenean vehicula tempus dapibus. Mauris convallis pharetra purus, non vulputate erat rutrum quis. Sed in tincidunt justo. Ut eu venenatis augue. Aliquam ullamcorper vitae tellus et egestas. Integer eget metus quis odio elementum auctor quis et ipsum. Duis lobortis eros lacinia sapien rutrum egestas. Phasellus ornare, elit non efficitur fringilla, arcu risus molestie enim, sit amet blandit lorem ex in lectus. Vestibulum quis tempor nisi, at pretium erat.
-
-Bottom Button
-
-#### Summary
-
-RIO Service
-
-Navigation 1
-Navigation 2
-Navigation 3
-
 4
 
-4
-3
-1
-3
-
-Asset Group9
-Vehicle-1343Asset 1010
-Vehicle-2513Asset 1002
-Vehicle-2575Asset 1005
-Vehicle-2741Asset 1006
-Vehicle-6386Asset 1000
-Vehicle-6560Asset 1001
-Vehicle-6904Asset 1008
-Vehicle-7768Asset 1009
-Vehicle-9357Asset 1003
-
-Ungrouped2
+Asset Group 6
+Vehicle-5041 Asset 1011
+Vehicle-5745 Asset 1000
+Vehicle-7271 Asset 1010
+Vehicle-7422 Asset 1005
+Vehicle-7892 Asset 1008
+Vehicle-8559 Asset 1001
+
+Ungrouped 6
 
 200
 
@@ -1710,22 +1602,22 @@ const randomDrivers = Array.from({ length: 200 }, (_, index) => ({
                                                     <div class="TypeCounter display-flex align-items-center user-select-none margin-right-2 cursor-pointer">
                                                         <span class="rioglyph rioglyph-bus text-size-16 margin-right-2">
                                                         </span>
-                                                        <span class="TreeLabelCount label label-condensed label-muted label-filled">4</span>
+                                                        <span class="TreeLabelCount label label-condensed label-muted label-filled">2</span>
                                                     </div>
                                                     <div class="TypeCounter display-flex align-items-center user-select-none margin-right-2 cursor-pointer">
-                                                        <span class="rioglyph rioglyph-van text-size-16 margin-right-2">
+                                                        <span class="rioglyph rioglyph-trailer text-size-16 margin-right-2">
                                                         </span>
-                                                        <span class="TreeLabelCount label label-condensed label-muted label-filled">3</span>
+                                                        <span class="TreeLabelCount label label-condensed label-muted label-filled">2</span>
                                                     </div>
                                                     <div class="TypeCounter display-flex align-items-center user-select-none margin-right-2 cursor-pointer">
-                                                        <span class="rioglyph rioglyph-truck text-size-16 margin-right-2">
+                                                        <span class="rioglyph rioglyph-van text-size-16 margin-right-2">
                                                         </span>
-                                                        <span class="TreeLabelCount label label-condensed label-muted label-filled">1</span>
+                                                        <span class="TreeLabelCount label label-condensed label-muted label-filled">4</span>
                                                     </div>
                                                     <div class="TypeCounter display-flex align-items-center user-select-none margin-right-2 cursor-pointer">
-                                                        <span class="rioglyph rioglyph-trailer text-size-16 margin-right-2">
+                                                        <span class="rioglyph rioglyph-truck text-size-16 margin-right-2">
                                                         </span>
-                                                        <span class="TreeLabelCount label label-condensed label-muted label-filled">3</span>
+                                                        <span class="TreeLabelCount label label-condensed label-muted label-filled">4</span>
                                                     </div>
                                                 </div>
                                             </div>
@@ -1743,27 +1635,12 @@ const randomDrivers = Array.from({ length: 200 }, (_, index) => ({
                                                     <span class="TreeLabelNameText">
                                                         <span class="TreeLabelNameTextHeadline">Asset Group</span>
                                                     </span>
-                                                    <span class="TreeLabelCount label label-muted label-filled label-condensed">9</span>
+                                                    <span class="TreeLabelCount label label-muted label-filled label-condensed">6</span>
                                                     <span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
                                                     </span>
                                                 </span>
                                             </div>
-                                            <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d9710">
-                                                <label class="checkbox TreeCheckbox" tabindex="0">
-                                                    <input type="checkbox" class="TreeCheckbox">
-                                                    <span class="checkbox-text">
-                                                    </span>
-                                                </label>
-                                                <span class="TreeLabel TreeLabelName">
-                                                    <span class="rioglyph rioglyph-bus">
-                                                    </span>
-                                                    <span class="TreeLabelNameText">
-                                                        <span class="TreeLabelNameTextHeadline">Vehicle-1343</span>
-                                                        <span class="TreeLabelNameTextSubline">Asset 1010</span>
-                                                    </span>
-                                                </span>
-                                            </div>
-                                            <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d972">
+                                            <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d9711">
                                                 <label class="checkbox TreeCheckbox" tabindex="0">
                                                     <input type="checkbox" class="TreeCheckbox">
                                                     <span class="checkbox-text">
@@ -1773,27 +1650,12 @@ const randomDrivers = Array.from({ length: 200 }, (_, index) => ({
                                                     <span class="rioglyph rioglyph-van">
                                                     </span>
                                                     <span class="TreeLabelNameText">
-                                                        <span class="TreeLabelNameTextHeadline">Vehicle-2513</span>
-                                                        <span class="TreeLabelNameTextSubline">Asset 1002</span>
-                                                    </span>
-                                                </span>
-                                            </div>
-                                            <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d975">
-                                                <label class="checkbox TreeCheckbox" tabindex="0">
-                                                    <input type="checkbox" class="TreeCheckbox">
-                                                    <span class="checkbox-text">
-                                                    </span>
-                                                </label>
-                                                <span class="TreeLabel TreeLabelName">
-                                                    <span class="rioglyph rioglyph-trailer">
-                                                    </span>
-                                                    <span class="TreeLabelNameText">
-                                                        <span class="TreeLabelNameTextHeadline">Vehicle-2575</span>
-                                                        <span class="TreeLabelNameTextSubline">Asset 1005</span>
+                                                        <span class="TreeLabelNameTextHeadline">Vehicle-5041</span>
+                                                        <span class="TreeLabelNameTextSubline">Asset 1011</span>
                                                     </span>
                                                 </span>
                                             </div>
-                                            <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d976">
+                                            <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d970">
                                                 <label class="checkbox TreeCheckbox" tabindex="0">
                                                     <input type="checkbox" class="TreeCheckbox">
                                                     <span class="checkbox-text">
@@ -1803,12 +1665,12 @@ const randomDrivers = Array.from({ length: 200 }, (_, index) => ({
                                                     <span class="rioglyph rioglyph-bus">
                                                     </span>
                                                     <span class="TreeLabelNameText">
-                                                        <span class="TreeLabelNameTextHeadline">Vehicle-2741</span>
-                                                        <span class="TreeLabelNameTextSubline">Asset 1006</span>
+                                                        <span class="TreeLabelNameTextHeadline">Vehicle-5745</span>
+                                                        <span class="TreeLabelNameTextSubline">Asset 1000</span>
                                                     </span>
                                                 </span>
                                             </div>
-                                            <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d970">
+                                            <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d9710">
                                                 <label class="checkbox TreeCheckbox" tabindex="0">
                                                     <input type="checkbox" class="TreeCheckbox">
                                                     <span class="checkbox-text">
@@ -1818,23 +1680,23 @@ const randomDrivers = Array.from({ length: 200 }, (_, index) => ({
                                                     <span class="rioglyph rioglyph-bus">
                                                     </span>
                                                     <span class="TreeLabelNameText">
-                                                        <span class="TreeLabelNameTextHeadline">Vehicle-6386</span>
-                                                        <span class="TreeLabelNameTextSubline">Asset 1000</span>
+                                                        <span class="TreeLabelNameTextHeadline">Vehicle-7271</span>
+                                                        <span class="TreeLabelNameTextSubline">Asset 1010</span>
                                                     </span>
                                                 </span>
                                             </div>
-                                            <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d971">
+                                            <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d975">
                                                 <label class="checkbox TreeCheckbox" tabindex="0">
                                                     <input type="checkbox" class="TreeCheckbox">
                                                     <span class="checkbox-text">
                                                     </span>
                                                 </label>
                                                 <span class="TreeLabel TreeLabelName">
-                                                    <span class="rioglyph rioglyph-van">
+                                                    <span class="rioglyph rioglyph-truck">
                                                     </span>
                                                     <span class="TreeLabelNameText">
-                                                        <span class="TreeLabelNameTextHeadline">Vehicle-6560</span>
-                                                        <span class="TreeLabelNameTextSubline">Asset 1001</span>
+                                                        <span class="TreeLabelNameTextHeadline">Vehicle-7422</span>
+                                                        <span class="TreeLabelNameTextSubline">Asset 1005</span>
                                                     </span>
                                                 </span>
                                             </div>
@@ -1845,41 +1707,26 @@ const randomDrivers = Array.from({ length: 200 }, (_, index) => ({
                                                     </span>
                                                 </label>
                                                 <span class="TreeLabel TreeLabelName">
-                                                    <span class="rioglyph rioglyph-van">
+                                                    <span class="rioglyph rioglyph-truck">
                                                     </span>
                                                     <span class="TreeLabelNameText">
-                                                        <span class="TreeLabelNameTextHeadline">Vehicle-6904</span>
+                                                        <span class="TreeLabelNameTextHeadline">Vehicle-7892</span>
                                                         <span class="TreeLabelNameTextSubline">Asset 1008</span>
                                                     </span>
                                                 </span>
                                             </div>
-                                            <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d979">
-                                                <label class="checkbox TreeCheckbox" tabindex="0">
-                                                    <input type="checkbox" class="TreeCheckbox">
-                                                    <span class="checkbox-text">
-                                                    </span>
-                                                </label>
-                                                <span class="TreeLabel TreeLabelName">
-                                                    <span class="rioglyph rioglyph-bus">
-                                                    </span>
-                                                    <span class="TreeLabelNameText">
-                                                        <span class="TreeLabelNameTextHeadline">Vehicle-7768</span>
-                                                        <span class="TreeLabelNameTextSubline">Asset 1009</span>
-                                                    </span>
-                                                </span>
-                                            </div>
-                                            <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d973">
+                                            <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d971">
                                                 <label class="checkbox TreeCheckbox" tabindex="0">
                                                     <input type="checkbox" class="TreeCheckbox">
                                                     <span class="checkbox-text">
                                                     </span>
                                                 </label>
                                                 <span class="TreeLabel TreeLabelName">
-                                                    <span class="rioglyph rioglyph-truck">
+                                                    <span class="rioglyph rioglyph-trailer">
                                                     </span>
                                                     <span class="TreeLabelNameText">
-                                                        <span class="TreeLabelNameTextHeadline">Vehicle-9357</span>
-                                                        <span class="TreeLabelNameTextSubline">Asset 1003</span>
+                                                        <span class="TreeLabelNameTextHeadline">Vehicle-8559</span>
+                                                        <span class="TreeLabelNameTextSubline">Asset 1001</span>
                                                     </span>
                                                 </span>
                                             </div>
@@ -1895,7 +1742,7 @@ const randomDrivers = Array.from({ length: 200 }, (_, index) => ({
                                                     <span class="TreeLabelNameText">
                                                         <span class="TreeLabelNameTextHeadline">Ungrouped</span>
                                                     </span>
-                                                    <span class="TreeLabelCount label label-muted label-filled label-condensed">2</span>
+                                                    <span class="TreeLabelCount label label-muted label-filled label-condensed">6</span>
                                                     <span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
                                                     </span>
                                                 </span>

package/dist/docs/components/appNavigationBar.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Navigation
 *Source:* https://uikit.developers.rio.cloud/#/components/appNavigationBar
-*Captured:* 2026-02-23T15:48:09.460Z
+*Captured:* 2026-03-06T10:40:03.877Z
 
 ## AppNavigationBar
 
@@ -11,10 +11,6 @@
 
 Title of content
 
-#### Summary
-
-Title of content
-
 #### React (tsx)
 
 ```tsx
@@ -66,10 +62,6 @@ export default () => (
 
 Title of content
 
-#### Summary
-
-Title of content
-
 #### React (tsx)
 
 ```tsx
@@ -141,13 +133,6 @@ Back
 
 Title of content
 
-#### Summary
-
-With more space, a back button label can be shown
-Back
-
-Title of content
-
 #### React (tsx)
 
 ```tsx
@@ -207,14 +192,6 @@ Back
 Title of content
 lorem ipsum dolor sit amet
 
-#### Summary
-
-In some cases a subtitle comes in handy
-Back
-
-Title of content
-lorem ipsum dolor sit amet
-
 #### React (tsx)
 
 ```tsx

package/dist/docs/components/areaCharts.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Charts
 *Source:* https://uikit.developers.rio.cloud/#/components/areaCharts
-*Captured:* 2026-02-23T15:49:23.997Z
+*Captured:* 2026-03-06T10:41:25.420Z
 
 ## AreaChart
 
@@ -13,13 +13,7 @@
 
 Simple AreaChart
 
-Page APage BPage CPage DPage EPage FPage G
-
-#### Summary
-
-Simple AreaChart
-
-Page APage BPage CPage DPage EPage FPage G
+Page A Page B Page C Page D Page E Page F Page G
 
 #### React (tsx)
 
@@ -122,7 +116,7 @@ const data: CustomData[] = [
                             <g class="recharts-layer">
                                 <defs>
                                     <clipPath id="animationClipPath-recharts-area-:r0:">
-                                        <rect x="45" y="0" width="83.4146754519315" height="124">
+                                        <rect x="45" y="0" width="87.97882059780788" height="124">
                                         </rect>
                                     </clipPath>
                                 </defs>
@@ -314,16 +308,7 @@ Multiple Areas in an AreaChart
 AMT
 UV
 
-0900180027003600MaxPage APage BPage CPage DPage EPage FPage G
-
-#### Summary
-
-Multiple Areas in an AreaChart
-
-AMT
-UV
-
-0900180027003600MaxPage APage BPage CPage DPage EPage FPage G
+0 900 1800 2700 3600 Max Page A Page B Page C Page D Page E Page F Page G
 
 #### React (tsx)
 
@@ -478,7 +463,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(440.844px, 186px);">
                     <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>
@@ -562,7 +547,7 @@ const data: CustomData[] = [
                             <g class="recharts-layer">
                                 <defs>
                                     <clipPath id="animationClipPath-recharts-area-:r1:">
-                                        <rect x="75" y="0" width="654.0095965337725" height="224">
+                                        <rect x="75" y="0" width="676.1772189894161" height="224">
                                         </rect>
                                     </clipPath>
                                 </defs>
@@ -580,7 +565,7 @@ const data: CustomData[] = [
                             <g class="recharts-layer">
                                 <defs>
                                     <clipPath id="animationClipPath-recharts-area-:r2:">
-                                        <rect x="75" y="0" width="654.0095965337725" height="224">
+                                        <rect x="75" y="0" width="676.1772189894161" height="224">
                                         </rect>
                                     </clipPath>
                                 </defs>

package/dist/docs/components/aspectRatioPlaceholder.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Misc
 *Source:* https://uikit.developers.rio.cloud/#/components/aspectRatioPlaceholder
-*Captured:* 2026-02-23T15:48:53.695Z
+*Captured:* 2026-03-06T10:40:54.667Z
 
 Use the AspectRatioPlaceholder for having responsive elements with an aspect ratio.
 
@@ -17,14 +17,6 @@ Custom (1/1)
 
 Custom - same as image size (1000/600)
 
-#### Summary
-
-Default (16/9)
-
-Custom (1/1)
-
-Custom - same as image size (1000/600)
-
 #### React (tsx)
 
 ```tsx