@rio-cloud/uikit-mcp 1.1.4 → 1.1.5

package/dist/docs/components/formLabel.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Content
 *Source:* https://uikit.developers.rio.cloud/#components/formLabel
-*Captured:* 2026-01-14T09:07:29.926Z
+*Captured:* 2026-02-03T14:04:44.843Z
 
 A small convenience component for a form label or just a label style used without a form element.
 
@@ -147,6 +147,13 @@ export default () => {
 </div>
 ```
 
+#### Props
+
+| Name | Type | Default | Description |
+| --- | --- | --- | --- |
+| supportingText | string \| React.ReactElement | — | Additional supporting text displayed next to the label. |
+| className | string | — | Additional classes set to the outer element. |
+
 ### 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.
@@ -232,4 +239,11 @@ export default () => {
         </div>
     </div>
 </div>
-```
+```
+
+#### Props
+
+| Name | Type | Default | Description |
+| --- | --- | --- | --- |
+| supportingText | string \| React.ReactElement | — | Additional supporting text displayed next to the label. |
+| className | string | — | Additional classes set to the outer element. |

package/dist/docs/components/groupedItemList.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Content
 *Source:* https://uikit.developers.rio.cloud/#components/groupedItemList
-*Captured:* 2026-01-14T09:07:31.565Z
+*Captured:* 2026-02-03T14:04:46.711Z
 
 ## GroupedItemList
 
@@ -384,6 +384,23 @@ export default () => {
 </div>
 ```
 
+#### Props
+
+| Name | Type | Default | Description |
+| --- | --- | --- | --- |
+| items | T[] | — | The list of items to be grouped and rendered. By default, the component assumes an item object containing an id and name property plus some other attributes. |
+| groupBy | keyof T \| ((item: T) => string) | 'name' | The property of the items to group by as a string, or a custom group function. Defaults to name if not provided. |
+| groupSortOrder | SortDirectionType | 'asc' | The order in which to sort the groups. Accepts asc for ascending or desc for descending. |
+| itemSortOrder | SortDirectionType | 'asc' | The order in which to sort the items inside a group. Accepts asc for ascending or desc for descending. |
+| groupSortFunction | (groups: Group[]) => Group[] | — | Sorting function for the groups. |
+| itemSortFunction | (items: T[]) => T[] | — | Sorting function for the items within each group. |
+| renderDivider | (groupKey: string) => React.ReactNode | — | A custom render function for the group divider. Receives the group key (e.g., letter or date) as a parameter. |
+| renderItem | (item: T) => React.ReactNode | — | A custom render function for individual list items. Receives an item as a parameter. |
+| listElement | 'div' \| 'ul' | 'div' | Specifies the HTML element to use for the list inside each group. Default is div. Use ul for rendering the list items as <li> elements. |
+| listElementClassName | string | — | Optional class name for the list element inside each group. Applied to the div or ul wrapping the items. |
+| dividerElementClassName | string | — | Optional class name for the divider element in each group. Applied to the div wrapping each group divider. |
+| className | string | — | Optional class name for the outer wrapper element. Applied to the outer div wrapping the entire component. |
+
 ### Example: Grouped by date
 
 Grouped by date
@@ -709,6 +726,23 @@ export default () => {
 </div>
 ```
 
+#### Props
+
+| Name | Type | Default | Description |
+| --- | --- | --- | --- |
+| items | T[] | — | The list of items to be grouped and rendered. By default, the component assumes an item object containing an id and name property plus some other attributes. |
+| groupBy | keyof T \| ((item: T) => string) | 'name' | The property of the items to group by as a string, or a custom group function. Defaults to name if not provided. |
+| groupSortOrder | SortDirectionType | 'asc' | The order in which to sort the groups. Accepts asc for ascending or desc for descending. |
+| itemSortOrder | SortDirectionType | 'asc' | The order in which to sort the items inside a group. Accepts asc for ascending or desc for descending. |
+| groupSortFunction | (groups: Group[]) => Group[] | — | Sorting function for the groups. |
+| itemSortFunction | (items: T[]) => T[] | — | Sorting function for the items within each group. |
+| renderDivider | (groupKey: string) => React.ReactNode | — | A custom render function for the group divider. Receives the group key (e.g., letter or date) as a parameter. |
+| renderItem | (item: T) => React.ReactNode | — | A custom render function for individual list items. Receives an item as a parameter. |
+| listElement | 'div' \| 'ul' | 'div' | Specifies the HTML element to use for the list inside each group. Default is div. Use ul for rendering the list items as <li> elements. |
+| listElementClassName | string | — | Optional class name for the list element inside each group. Applied to the div or ul wrapping the items. |
+| dividerElementClassName | string | — | Optional class name for the divider element in each group. Applied to the div wrapping each group divider. |
+| className | string | — | Optional class name for the outer wrapper element. Applied to the outer div wrapping the entire component. |
+
 ### Example: Example 3
 
 Grouped by custom key with basic styling
@@ -947,4 +981,21 @@ export default () => {
         </ul>
     </div>
 </div>
-```
+```
+
+#### Props
+
+| Name | Type | Default | Description |
+| --- | --- | --- | --- |
+| items | T[] | — | The list of items to be grouped and rendered. By default, the component assumes an item object containing an id and name property plus some other attributes. |
+| groupBy | keyof T \| ((item: T) => string) | 'name' | The property of the items to group by as a string, or a custom group function. Defaults to name if not provided. |
+| groupSortOrder | SortDirectionType | 'asc' | The order in which to sort the groups. Accepts asc for ascending or desc for descending. |
+| itemSortOrder | SortDirectionType | 'asc' | The order in which to sort the items inside a group. Accepts asc for ascending or desc for descending. |
+| groupSortFunction | (groups: Group[]) => Group[] | — | Sorting function for the groups. |
+| itemSortFunction | (items: T[]) => T[] | — | Sorting function for the items within each group. |
+| renderDivider | (groupKey: string) => React.ReactNode | — | A custom render function for the group divider. Receives the group key (e.g., letter or date) as a parameter. |
+| renderItem | (item: T) => React.ReactNode | — | A custom render function for individual list items. Receives an item as a parameter. |
+| listElement | 'div' \| 'ul' | 'div' | Specifies the HTML element to use for the list inside each group. Default is div. Use ul for rendering the list items as <li> elements. |
+| listElementClassName | string | — | Optional class name for the list element inside each group. Applied to the div or ul wrapping the items. |
+| dividerElementClassName | string | — | Optional class name for the divider element in each group. Applied to the div wrapping each group divider. |
+| className | string | — | Optional class name for the outer wrapper element. Applied to the outer div wrapping the entire component. |

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-01-14T09:07:54.600Z
+*Captured:* 2026-02-03T14:05:10.389Z
 
 The timeline component is a pure CSS component.
 
@@ -86,19 +86,19 @@ 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-car 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>
             </li>
             <li>
-                <span class="rioglyph rioglyph-truck margin-top--1">
+                <span class="rioglyph rioglyph-car 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-driver margin-top--1">
+                <span class="rioglyph rioglyph-van 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

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Misc
 *Source:* https://uikit.developers.rio.cloud/#components/imagePreloader
-*Captured:* 2026-01-14T09:07:43.444Z
+*Captured:* 2026-02-03T14:04:58.632Z
 
 Use the preloader for controlling the various states when fetching the image. It allows to handle the failure case as well.
 
@@ -160,4 +160,8 @@ const failedImageExample = (
 
 | Name | Type | Default | Description |
 | --- | --- | --- | --- |
-| children |  | — | — |
+| src | string | — | The URL of the image to load. |
+| onLoaded | (image: HTMLImageElement) => void | — | Invoked when the image is loaded. |
+| onFailed | (image: HTMLImageElement) => void | — | Invoked when the image failed to load. |
+| isAnonymous | boolean | false | Whether to set the "crossOrigin" to "anonymous". |
+| children | (props: { status: ImagePreloaderStatus; image: HTMLImageElement; }) => JSX.Element \| null | — | A render function can be used to access both the current state and the image element. Using this, you can decide how to render the different states and/or the loaded image. The function will receive props containing the status and image properties. status will be one of PENDING, FAILED or LOADED. image is the Image element. |

package/dist/docs/components/labeledElement.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Content
 *Source:* https://uikit.developers.rio.cloud/#components/labeledElement
-*Captured:* 2026-01-14T09:07:31.514Z
+*Captured:* 2026-02-03T14:04:46.382Z
 
 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.
 
@@ -103,4 +103,14 @@ export default () => (
         <span class="text-size-16 text-color-darker">Lorem ipsum dolor</span>
     </div>
 </div>
-```
+```
+
+#### Props
+
+| Name | Type | Default | Description |
+| --- | --- | --- | --- |
+| label | string \| React.ReactElement | — | The text to display for the label. |
+| htmlFor | string | — | Optional ID of the element associated with the label. |
+| labelProps | Omit<FormLabelProps, 'children'> | — | Additional props for the FormLabel, excluding children and htmlFor. |
+| noGap | boolean | false | If true, removes the bottom margin from the label. |
+| className | string | — | Additional classes for styling the wrapper. |

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-14T09:07:44.028Z
+*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.
 
@@ -401,4 +401,12 @@ export default () => {
         </div>
     </div>
 </div>
-```
+```
+
+#### Props
+
+| Name | Type | Default | Description |
+| --- | --- | --- | --- |
+| countryCode | string | — | The country code. Should be a string with 1-3 capital letters. |
+| 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-14T09:08:22.024Z
+*Captured:* 2026-02-03T14:05:33.733Z
 
 ## 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="15.1723px 36.216516833496094px" 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>
@@ -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="47.2241px 4.164716833496094px" 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">

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-14T09:07:44.559Z
+*Captured:* 2026-02-03T14:04:59.776Z
 
 A simple list menu that supports grouping and filter.
 
@@ -199,6 +199,41 @@ export default () => {
 </div>
 ```
 
+#### 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 |
+| --- | --- | --- | --- |
+| 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
 
 In case you want to navigate routes you can also use NavLink components.
@@ -341,4 +376,39 @@ export default () => (
         </ul>
     </div>
 </div>
-```
+```
+
+#### 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 |
+| --- | --- | --- | --- |
+| 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-14T09:07:02.390Z
+*Captured:* 2026-02-03T14:04:15.786Z
 
 ## LoadMoreButton
 
@@ -93,6 +93,19 @@ export default () => {
 <button class="position-absolute left-0 bottom-0 margin-10 btn btn-default" type="button">Reset</button>
 ```
 
+#### Props
+
+| 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. |
+| 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
 
 20/100
@@ -190,4 +203,17 @@ export default () => {
     <button class="btn btn-default" type="button">Reset</button>
     <button class="btn btn-default" type="button">Load more</button>
 </div>
-```
+```
+
+#### Props
+
+| 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. |
+| 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-14T09:06:54.125Z
+*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-14T09:08:12.768Z
+*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-14T09:08:13.279Z
+*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-14T09:08:14.570Z
+*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-14T09:07:57.720Z
+*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-14T09:07:54.917Z
+*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-14T09:08:12.538Z
+*Captured:* 2026-02-03T14:05:19.393Z
 
 ## InfoBubble
 

package/dist/docs/components/mapLayerGroup.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Map
 *Source:* https://uikit.developers.rio.cloud/#components/mapLayerGroup
-*Captured:* 2026-01-14T09:08:10.794Z
+*Captured:* 2026-02-03T14:05:16.435Z
 
 ## MapLayerGroup
 

package/dist/docs/components/mapMarker.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Map
 *Source:* https://uikit.developers.rio.cloud/#components/mapMarker
-*Captured:* 2026-01-14T09:08:07.361Z
+*Captured:* 2026-02-03T14:05:19.976Z
 
 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

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Map
 *Source:* https://uikit.developers.rio.cloud/#components/mapPolygon
-*Captured:* 2026-01-14T09:08:21.043Z
+*Captured:* 2026-02-03T14:05:37.151Z
 
 ## Polygon
 

package/dist/docs/components/mapRoute.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Map
 *Source:* https://uikit.developers.rio.cloud/#components/mapRoute
-*Captured:* 2026-01-14T09:08:32.809Z
+*Captured:* 2026-02-03T14:05:46.707Z
 
 There are currently 3 different route styles built-in into the map component.
 

package/dist/docs/components/mapRouteGenerator.md

@@ -3,4 +3,4 @@
 *Category:* Components
 *Section:* Map
 *Source:* https://uikit.developers.rio.cloud/#components/mapRouteGenerator
-*Captured:* 2026-01-14T09:08:15.329Z
+*Captured:* 2026-02-03T14:05:26.101Z

package/dist/docs/components/mapSettings.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Map
 *Source:* https://uikit.developers.rio.cloud/#components/mapSettings
-*Captured:* 2026-01-14T09:08:11.235Z
+*Captured:* 2026-02-03T14:05:22.576Z
 
 ## Map settings
 

package/dist/docs/components/mapUtils.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Map
 *Source:* https://uikit.developers.rio.cloud/#components/mapUtils
-*Captured:* 2026-01-14T09:08:14.242Z
+*Captured:* 2026-02-03T14:05:24.886Z
 
 ## Map utils
 

package/dist/docs/components/multiselects.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Selection
 *Source:* https://uikit.developers.rio.cloud/#components/multiselects
-*Captured:* 2026-01-14T09:07:19.246Z
+*Captured:* 2026-02-03T14:04:32.851Z
 
 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

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Content
 *Source:* https://uikit.developers.rio.cloud/#components/noData
-*Captured:* 2026-01-14T09:07:33.012Z
+*Captured:* 2026-02-03T14:04:47.643Z
 
 ## NoData
 
@@ -83,6 +83,16 @@ export default () => (
 </div>
 ```
 
+#### Props
+
+| Name | Type | Default | Description |
+| --- | --- | --- | --- |
+| text | string \| React.ReactNode | — | The actual translated "No data" text. |
+| tooltip | string \| React.ReactNode | — | Additional explanation shown inside a tooltip. |
+| tooltipPlacement | ObjectValues<typeof PLACEMENT> | — | Sets the direction the Tooltip is positioned towards. Possible values are: auto-start, auto, auto-end, top-start, top, top-end, bottom-start, bottom, bottom-end, right-start, right, right-end, left-start, left, left-end |
+| tooltipWidth | TooltipWidth | — | The width of the tooltip. Possible values are: auto, 100, 150, 200, 250, 300, 350, 400, 450, 500 |
+| className | string | — | Additional class names to be added to the wrapping element. |
+
 ### Example: Example 2
 
 NoData in tablesColumn 1Column 2Column 3
@@ -187,4 +197,14 @@ export default () => (
         </tr>
     </tbody>
 </table>
-```
+```
+
+#### Props
+
+| Name | Type | Default | Description |
+| --- | --- | --- | --- |
+| text | string \| React.ReactNode | — | The actual translated "No data" text. |
+| tooltip | string \| React.ReactNode | — | Additional explanation shown inside a tooltip. |
+| tooltipPlacement | ObjectValues<typeof PLACEMENT> | — | Sets the direction the Tooltip is positioned towards. Possible values are: auto-start, auto, auto-end, top-start, top, top-end, bottom-start, bottom, bottom-end, right-start, right, right-end, left-start, left, left-end |
+| tooltipWidth | TooltipWidth | — | The width of the tooltip. Possible values are: auto, 100, 150, 200, 250, 300, 350, 400, 450, 500 |
+| className | string | — | Additional class names to be added to the wrapping element. |

package/dist/docs/components/notifications.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Misc
 *Source:* https://uikit.developers.rio.cloud/#components/notifications
-*Captured:* 2026-01-14T09:07:45.676Z
+*Captured:* 2026-02-03T14:05:00.784Z
 
 Hint:Notifications need to be wrapped by a NotificationsContainer inside your application layout body.