@rio-cloud/uikit-mcp 1.1.7 → 1.1.9

package/dist/docs/components/filePickers.md

@@ -3,17 +3,13 @@
 *Category:* Components
 *Section:* Pickers
 *Source:* https://uikit.developers.rio.cloud/#/components/filePickers
-*Captured:* 2026-02-23T15:48:33.423Z
+*Captured:* 2026-03-06T10:40:32.594Z
 
 ## FilePicker
 
 ### Example: Example 1
 
-FilePicker for single imagesSelect image
-
-#### Summary
-
-FilePicker for single imagesSelect image
+FilePicker for single images Select image
 
 #### React (tsx)
 
@@ -110,11 +106,7 @@ export default FilePickerExample;
 
 ### Example: Example 2
 
-FilePicker for multiple images and with dropzoneSelect multiple ImagesDrag & drop files here, or click to select files
-
-#### Summary
-
-FilePicker for multiple images and with dropzoneSelect multiple ImagesDrag & drop files here, or click to select files
+FilePicker for multiple images and with dropzone Select multiple Images Drag & drop files here, or click to select files
 
 #### React (tsx)
 
@@ -237,13 +229,7 @@ export default FilePickerWithDropzoneExample;
 
 ### Example: You have no file selected yet
 
-FilePicker for all files and with dropzone onlyDrag & drop PDF files here or click to select
-
-You have no file selected yet
-
-#### Summary
-
-FilePicker for all files and with dropzone onlyDrag & drop PDF files here or click to select
+FilePicker for all files and with dropzone only Drag & drop PDF files here or click to select
 
 You have no file selected yet
 

package/dist/docs/components/formLabel.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Content
 *Source:* https://uikit.developers.rio.cloud/#/components/formLabel
-*Captured:* 2026-02-23T15:48:43.064Z
+*Captured:* 2026-03-06T10:40:42.813Z
 
 A small convenience component for a form label or just a label style used without a form element.
 
@@ -12,26 +12,14 @@ A small convenience component for a form label or just a label style used withou
 ### Example: A label for another form elementSupporting text
 
 A label for a form element
-A label for a form element with additional infoSupporting text
+A label for a form element with additional info Supporting text
 A label for a form element with additional info as icon
-A label for another form elementSupporting text
+A label for another form element Supporting text
 
 Lorem ipsum dolor
 
 A label for some other elements
-ButtonButton
-
-#### Summary
-
-A label for a form element
-A label for a form element with additional infoSupporting text
-A label for a form element with additional info as icon
-A label for another form elementSupporting text
-
-Lorem ipsum dolor
-
-A label for some other elements
-ButtonButton
+Button Button
 
 #### React (tsx)
 
@@ -158,18 +146,10 @@ export default () => {
 ### Example: A label for some large buttons
 
 Labels for various sized elements using the form-group-sm and form-group-lg class on the parent element.
-A label for a small form elementLorem ipsum
-A label for a large form elementLorem ipsum
-A label for some large buttons
-ButtonButton
-
-#### Summary
-
-Labels for various sized elements using the form-group-sm and form-group-lg class on the parent element.
-A label for a small form elementLorem ipsum
-A label for a large form elementLorem ipsum
+A label for a small form element Lorem ipsum
+A label for a large form element Lorem ipsum
 A label for some large buttons
-ButtonButton
+Button Button
 
 #### React (tsx)
 

package/dist/docs/components/groupedItemList.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Content
 *Source:* https://uikit.developers.rio.cloud/#/components/groupedItemList
-*Captured:* 2026-02-23T15:48:44.508Z
+*Captured:* 2026-03-06T10:40:44.491Z
 
 ## GroupedItemList
 
@@ -67,66 +67,6 @@ F
 Fred
 bar15
 
-#### Summary
-
-Grouped by name (default)
-A
-
-Aaron
-bar2
-
-Alice
-bar1
-
-Amelia
-bar3
-
-B
-
-Barbara
-bar5
-
-Bob
-bar4
-
-C
-
-Carl
-bar7
-
-Catherine
-bar8
-
-Charlie
-bar6
-
-D
-
-Daniel
-bar10
-
-David
-bar9
-
-Diana
-bar11
-
-E
-
-Edward
-bar12
-
-Eleanor
-bar14
-
-Eve
-bar13
-
-F
-
-Fred
-bar15
-
 #### React (tsx)
 
 ```tsx
@@ -404,70 +344,7 @@ export default () => {
 ### Example: Grouped by date
 
 Grouped by date
-Switch group sort orderSwitch item sort order
-2024-09-07
-
-Parcel O
-(Pending)
-
-2024-09-06
-
-Truck N
-(Delivered)
-
-Truck M
-(In Transit)
-
-2024-09-05
-
-Freight L
-(Pending)
-
-Freight K
-(Delivered)
-
-2024-09-04
-
-Pallet J
-(In Transit)
-
-Pallet I
-(Pending)
-
-2024-09-03
-
-Container H
-(Delivered)
-
-Container G
-(In Transit)
-
-Container F
-(Pending)
-
-2024-09-02
-
-Package E
-(Delivered)
-
-Package D
-(In Transit)
-
-2024-09-01
-
-Shipment C
-(Pending)
-
-Shipment B
-(Delivered)
-
-Shipment A
-(In Transit)
-
-#### Summary
-
-Grouped by date
-Switch group sort orderSwitch item sort order
+Switch group sort order Switch item sort order
 2024-09-07
 
 Parcel O
@@ -776,39 +653,6 @@ LTL (Less than Truckload): A shipment that doesn’t require a full truckload
 V
 Vessel: A large ship used to transport goods across seas and oceans
 
-#### Summary
-
-Grouped by custom key with basic styling
-
-A
-Air Freight: The transportation of goods via air
-Air Waybill (AWB): A document for air shipments detailing the goods and their destination
-
-B
-Bill of Lading (B/L): A contract between the shipper and the carrier for ocean transport
-Bulk Cargo: Unpackaged goods shipped in large quantities, like grains or coal
-
-C
-Cargo: Goods transported by a vehicle such as a ship, truck, or aircraft
-Carrier: A company that transports goods via road, rail, sea, or air
-Consignee: The person or company receiving the shipment
-Customs: Government agency responsible for regulating shipments entering a country
-
-D
-Dangerous Goods: Items that require special handling due to safety concerns, like chemicals
-Demurrage: A charge for delaying the return of a container beyond the allowed time
-
-F
-Freight Forwarder: A company that organizes shipments on behalf of shippers
-Full Container Load (FCL): A shipment that fills an entire container
-
-L
-Logistics: The management of the flow of goods between the point of origin and consumption
-LTL (Less than Truckload): A shipment that doesn’t require a full truckload
-
-V
-Vessel: A large ship used to transport goods across seas and oceans
-
 #### React (tsx)
 
 ```tsx

package/dist/docs/components/iconList.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* CSS Only
 *Source:* https://uikit.developers.rio.cloud/#/components/iconList
-*Captured:* 2026-02-23T15:49:07.105Z
+*Captured:* 2026-03-06T10:41:13.829Z
 
 The timeline component is a pure CSS component.
 
@@ -27,24 +27,6 @@ Lorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget ma
 
 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.
 
-#### Summary
-
-Icon list
-
-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.
-
-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.
-
-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.
-
-Icon list
-
-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.
-
-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.
-
-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.
-
 #### HTML (html)
 
 ```html
@@ -86,13 +68,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-user margin-top--1">
+                <span class="rioglyph rioglyph-businessman 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-bus margin-top--1">
+                <span class="rioglyph rioglyph-driver 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>
@@ -113,58 +95,19 @@ Lorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget ma
 Tree list
 
 Lorem ipsum
-Lorem ipsumLorem ipsumLorem ipsum
-Lorem ipsum
-Lorem ipsum
-
-Lorem ipsumLorem ipsum
-Lorem ipsum
-Lorem ipsum
-
-Lorem ipsumLorem ipsumLorem ipsum
-Lorem ipsum
-Lorem ipsum
-
-Lorem ipsumLorem ipsum
-Lorem ipsum
-Lorem ipsum
-
-Lorem Ipsum
-
-Tree list with panels
-
-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.
-
-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.
-
-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.
-
-Tree list with icons
-
-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.
-
-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.
-
-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.
-
-#### Summary
-
-Tree list
-
-Lorem ipsum
-Lorem ipsumLorem ipsumLorem ipsum
+Lorem ipsum Lorem ipsum Lorem ipsum
 Lorem ipsum
 Lorem ipsum
 
-Lorem ipsumLorem ipsum
+Lorem ipsum Lorem ipsum
 Lorem ipsum
 Lorem ipsum
 
-Lorem ipsumLorem ipsumLorem ipsum
+Lorem ipsum Lorem ipsum Lorem ipsum
 Lorem ipsum
 Lorem ipsum
 
-Lorem ipsumLorem ipsum
+Lorem ipsum Lorem ipsum
 Lorem ipsum
 Lorem ipsum
 

package/dist/docs/components/imagePreloader.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Misc
 *Source:* https://uikit.developers.rio.cloud/#/components/imagePreloader
-*Captured:* 2026-02-23T15:48:55.989Z
+*Captured:* 2026-03-06T10:40:58.240Z
 
 Use the preloader for controlling the various states when fetching the image. It allows to handle the failure case as well.
 
@@ -17,14 +17,6 @@ As background image without spinner
 
 Fallback case
 
-#### Summary
-
-With Image tag
-
-As background image without spinner
-
-Fallback case
-
 #### React (tsx)
 
 ```tsx

package/dist/docs/components/labeledElement.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Content
 *Source:* https://uikit.developers.rio.cloud/#/components/labeledElement
-*Captured:* 2026-02-23T15:48:44.507Z
+*Captured:* 2026-03-06T10:40:44.666Z
 
 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.
 
@@ -13,29 +13,14 @@ A simple wrapper component that associates a label with any content, ensuring a
 
 Label for a form element
 Label for other elements
-ButtonButton
+Button Button
 
 Label for a value
 Some value with default gap
 
 Label with no gap
 Lorem ipsum dolor
-Label for styled value
-Lorem ipsum dolor
-
-#### Summary
-
-Label for a form element
-Label for other elements
-ButtonButton
-
-Label for a value
-Some value with default gap
-
-Label with no gap
-Lorem ipsum dolor
-Label for styled value
-Lorem ipsum dolor
+Label for styled value Lorem ipsum dolor
 
 #### React (tsx)
 

package/dist/docs/components/licensePlate.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Misc
 *Source:* https://uikit.developers.rio.cloud/#/components/licensePlate
-*Captured:* 2026-02-23T15:48:57.539Z
+*Captured:* 2026-03-06T10:40:58.845Z
 
 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.
 
@@ -51,48 +51,6 @@ AF 12 3456
 SLO
 LJ 12-ABC
 
-#### Summary
-
-Test with your own data
-
-Enter demo data for countryCode and LicensePlate
-
-D
-M-TB-1234
-
-DK
-AF 12 3456
-
-SLO
-LJ 12-ABC
-
-D
-M-TB-1234
-
-DK
-AF 12 3456
-
-SLO
-LJ 12-ABC
-
-D
-M-TB-1234
-
-DK
-AF 12 3456
-
-SLO
-LJ 12-ABC
-
-D
-M-TB-1234
-
-DK
-AF 12 3456
-
-SLO
-LJ 12-ABC
-
 #### React (tsx)
 
 ```tsx

package/dist/docs/components/lineCharts.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Charts
 *Source:* https://uikit.developers.rio.cloud/#/components/lineCharts
-*Captured:* 2026-02-23T15:49:28.261Z
+*Captured:* 2026-03-06T10:41:27.791Z
 
 ## LineChart
 
@@ -13,13 +13,7 @@
 
 Simple LineChart
 
-Page APage BPage CPage DPage EPage FPage G
-
-#### Summary
-
-Simple LineChart
-
-Page APage BPage CPage DPage EPage FPage G
+Page A Page B Page C Page D Page E Page F Page G
 
 #### React (tsx)
 
@@ -133,7 +127,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-: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 stroke="#67abc5 " fill="none" stroke-width="1" id="recharts-line-:r0:" height="108" width="438" class="recharts-curve recharts-line-curve" stroke-dasharray="18.3801px 33.008716833496095px" 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>
@@ -309,12 +303,7 @@ const data: CustomData[] = [
 ### Example: Example 2
 
 LineChart with ReferenceLine
-Custom labelPage APage BPage CPage DPage EPage FPage GMaxSegment
-
-#### Summary
-
-LineChart with ReferenceLine
-Custom labelPage APage BPage CPage DPage EPage FPage GMaxSegment
+Custom label Page A Page B Page C Page D Page E Page F Page G Max Segment
 
 #### React (tsx)
 
@@ -467,7 +456,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="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 stroke="#67abc5 " fill="none" stroke-width="1" id="recharts-line-:r1:" height="108" width="438" class="recharts-curve recharts-line-curve" stroke-dasharray="48.0863px 3.3025168334960924px" 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">
@@ -667,17 +656,7 @@ uv
 pv
 amt
 
-Page APage BPage CPage DPage EPage FPage G025005000750010000
-
-#### Summary
-
-Multiple lines in a LineChart with a brush for range selection
-
-uv
-pv
-amt
-
-Page APage BPage CPage DPage EPage FPage G025005000750010000
+Page A Page B Page C Page D Page E Page F Page G 0 2500 5000 7500 10000
 
 #### React (tsx)
 
@@ -1189,17 +1168,7 @@ Extreme
 Moderate
 Nominal
 
-Now00:1500:4501:1501:4502:1502:4503:1503:4504:1504:450306090120PlannedChargingDischargingInterruption
-
-#### Summary
-
-Multiple axes in a LineChart with a brush for range selection
-
-Extreme
-Moderate
-Nominal
-
-Now00:1500:4501:1501:4502:1502:4503:1503:4504:1504:450306090120PlannedChargingDischargingInterruption
+Now 00:15 00:45 01:15 01:45 02:15 02:45 03:15 03:45 04:15 04:45 0 30 60 90 120 Planned Charging Discharging Interruption
 
 #### React (tsx)
 
@@ -1481,7 +1450,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 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 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 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>

package/dist/docs/components/listMenu.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Misc
 *Source:* https://uikit.developers.rio.cloud/#/components/listMenu
-*Captured:* 2026-02-23T15:48:57.884Z
+*Captured:* 2026-03-06T10:40:59.102Z
 
 A simple list menu that supports grouping and filter.
 
@@ -21,26 +21,7 @@ No Link Sample
 
 ListMenu with optional name filter
 
-Group5 items
-Lorem
-Disabled Ipsum
-Dolor
-Sit amet
-No Link Sample
-
-#### Summary
-
-ListMenu (default)
-Group
-Lorem
-Disabled Ipsum
-Dolor
-Sit amet
-No Link Sample
-
-ListMenu with optional name filter
-
-Group5 items
+Group 5 items
 Lorem
 Disabled Ipsum
 Dolor
@@ -253,19 +234,6 @@ No Link Sample
 Another group
 Lorem
 
-#### Summary
-
-ListMenu with NavLinks
-Group
-Lorem
-Lipsum
-Dolor
-Sit amet
-No Link Sample
-
-Another group
-Lorem
-
 #### React (tsx)
 
 ```tsx