@rio-cloud/uikit-mcp 1.1.2 → 1.1.4

package/dist/docs/components/feedback.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Misc
 *Source:* https://uikit.developers.rio.cloud/#components/feedback
-*Captured:* 2025-12-15T15:02:52.849Z
+*Captured:* 2026-01-14T09:07:44.893Z
 
 ## FeedbackRating
 
@@ -287,21 +287,6 @@ export default () => {
 </div>
 ```
 
-#### Props
-
-| Name | Type | Default | Description |
-| --- | --- | --- | --- |
-| headline | ReactNode | — | Optional headline |
-| circleButtons | Boolean | false | Defines whether the buttons are round. |
-| buttonClassName | String | — | Optional class names applied to the individual buttons. |
-| buttonLabels | ReactNode[] | — | Array of button labels that will be used instead of the index. There needs to be a label for each button defined. |
-| buttonStyles | { bsSize?: BUTTON_SIZE; bsStyle?: BUTTON_STYLE; variant?: BUTTON_VARIANT, className?: string }[] | — | Array of button styles to individually define the button size, style and variant. There needs to be a item for each button defined. See Button component. |
-| leftLabel | ReactNode | — | Left aligned label to name the lowest rating option. |
-| rightLabel | ReactNode | — | Right aligned label to name the highest rating option. |
-| leadingIcon | ReactNode | — | Additional icon placed in front of the rating buttons. |
-| trailingIcon | ReactNode | — | Additional icon placed after the rating buttons. |
-| onRatingChanged | (rating: number \| undefined) => void | — | Callback triggered when the rating changes. |
-
 ## FeedbackInlineButtons
 
 ### Example: Was this helpful?
@@ -528,13 +513,6 @@ const CustomInlineButton = (props: CustomInlineButtonProps) => {
 </div>
 ```
 
-#### Props
-
-| Name | Type | Default | Description |
-| --- | --- | --- | --- |
-| headline | ReactNode | — | Optional headline |
-| buttons | ReactNode[] | — | List of buttons to be shown. |
-
 ## FeedbackReactions
 
 ### Example: Example 3
@@ -737,22 +715,4 @@ export default () => {
         </div>
     </div>
 </div>
-```
-
-#### Props
-
-| Name | Type | Default | Description |
-| --- | --- | --- | --- |
-| headline | ReactNode | — | Optional headline |
-| size | "sm" \| "md" | — | Size of the reaction buttons. |
-| labelPosition | "bottom" \| "right" | bottom | Position of the reaction button labels. |
-| labelUp | ReactNode | — | Label for the up button. |
-| labelDown | ReactNode | — | Label for the down button. |
-| colorFillUp | string | bg-lightest | Custom fill color for the up button. |
-| colorFillDown | string | bg-lightest | Custom fill color for the down button. |
-| colorHoverUp | string | primary | Custom hover color for the up button. |
-| colorHoverDown | string | primary | Custom hover color for the down button. |
-| onVoteUp | VoidFunction | — | Callback function triggered on up vote. |
-| onVoteDown | VoidFunction | — | Callback function triggered on down vote. |
-| itemClassName | string | — | Additional classes applied to the individual reaction item (button and label). |
-| animated | boolean | false | Defines whether the reaction icon is animated. |
+```

package/dist/docs/components/filePickers.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Pickers
 *Source:* https://uikit.developers.rio.cloud/#components/filePickers
-*Captured:* 2025-12-15T15:02:30.469Z
+*Captured:* 2026-01-14T09:07:21.639Z
 
 ## FilePicker
 
@@ -94,20 +94,6 @@ export default FilePickerExample;
 </div>
 ```
 
-#### Props
-
-| Name | Type | Default | Description |
-| --- | --- | --- | --- |
-| displayMode | String | button | Defines the file picker display mode. Possible values are: button for a single button, dropzone for a custom dropzone passed as child function or full for showing both. |
-| multiple | Boolean | true | Indicating if multiple files may be selected. |
-| label | String / Node | Select Files | Text to display on Button if displayMode is set to "button". |
-| accept | Object | — | Object list of accepted Mime Types as keys and file extensions array as value. |
-| maxSize | Number | — | Maximum file size in byte. 5 MB = 5,242,880 byte |
-| onPick | (files: FileList \| null) => void | () => {} | Callback function after one or multiple files have been picked. |
-| fullHeight | boolean | false | Flag to set the dropzone wrapper element to 100% height. This comes in handy, when the dropzone should have 100 % height so it can grow. |
-| className | String | — | Additional classes for the select button. |
-| children | ({ isDragActive }: FilePickerRenderProps) => any | — | Pass a custom dropzone element as function receiving some render props. |
-
 ### Example: Example 2
 
 FilePicker for multiple images and with dropzoneSelect multiple ImagesDrag & drop files here, or click to select files
@@ -221,20 +207,6 @@ export default FilePickerWithDropzoneExample;
 </div>
 ```
 
-#### Props
-
-| Name | Type | Default | Description |
-| --- | --- | --- | --- |
-| displayMode | String | button | Defines the file picker display mode. Possible values are: button for a single button, dropzone for a custom dropzone passed as child function or full for showing both. |
-| multiple | Boolean | true | Indicating if multiple files may be selected. |
-| label | String / Node | Select Files | Text to display on Button if displayMode is set to "button". |
-| accept | Object | — | Object list of accepted Mime Types as keys and file extensions array as value. |
-| maxSize | Number | — | Maximum file size in byte. 5 MB = 5,242,880 byte |
-| onPick | (files: FileList \| null) => void | () => {} | Callback function after one or multiple files have been picked. |
-| fullHeight | boolean | false | Flag to set the dropzone wrapper element to 100% height. This comes in handy, when the dropzone should have 100 % height so it can grow. |
-| className | String | — | Additional classes for the select button. |
-| children | ({ isDragActive }: FilePickerRenderProps) => any | — | Pass a custom dropzone element as function receiving some render props. |
-
 ### Example: You have no file selected yet
 
 FilePicker for all files and with dropzone onlyDrag & drop PDF files here or click to select
@@ -353,18 +325,4 @@ export default FilePickerDocumentExample;
         </div>
     </div>
 </div>
-```
-
-#### Props
-
-| Name | Type | Default | Description |
-| --- | --- | --- | --- |
-| displayMode | String | button | Defines the file picker display mode. Possible values are: button for a single button, dropzone for a custom dropzone passed as child function or full for showing both. |
-| multiple | Boolean | true | Indicating if multiple files may be selected. |
-| label | String / Node | Select Files | Text to display on Button if displayMode is set to "button". |
-| accept | Object | — | Object list of accepted Mime Types as keys and file extensions array as value. |
-| maxSize | Number | — | Maximum file size in byte. 5 MB = 5,242,880 byte |
-| onPick | (files: FileList \| null) => void | () => {} | Callback function after one or multiple files have been picked. |
-| fullHeight | boolean | false | Flag to set the dropzone wrapper element to 100% height. This comes in handy, when the dropzone should have 100 % height so it can grow. |
-| className | String | — | Additional classes for the select button. |
-| children | ({ isDragActive }: FilePickerRenderProps) => any | — | Pass a custom dropzone element as function receiving some render props. |
+```

package/dist/docs/components/formLabel.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Content
 *Source:* https://uikit.developers.rio.cloud/#components/formLabel
-*Captured:* 2025-12-15T15:02:38.848Z
+*Captured:* 2026-01-14T09:07:29.926Z
 
 A small convenience component for a form label or just a label style used without a form element.
 
@@ -147,14 +147,6 @@ export default () => {
 </div>
 ```
 
-#### Props
-
-| Name | Type | Default | Description |
-| --- | --- | --- | --- |
-| htmlFor | string | — | Used for form elements. If given the tag will be set to "label", otherwise it uses a "div". |
-| supportingText | String / Node | — | Additional supporting text displayed next to the label. |
-| className | string | — | Additional classes to be set on the wrapper 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.
@@ -240,12 +232,4 @@ export default () => {
         </div>
     </div>
 </div>
-```
-
-#### Props
-
-| Name | Type | Default | Description |
-| --- | --- | --- | --- |
-| htmlFor | string | — | Used for form elements. If given the tag will be set to "label", otherwise it uses a "div". |
-| supportingText | String / Node | — | Additional supporting text displayed next to the label. |
-| className | string | — | Additional classes to be set on the wrapper element. |
+```

package/dist/docs/components/groupedItemList.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Content
 *Source:* https://uikit.developers.rio.cloud/#components/groupedItemList
-*Captured:* 2025-12-15T15:02:40.038Z
+*Captured:* 2026-01-14T09:07:31.565Z
 
 ## GroupedItemList
 
@@ -384,23 +384,6 @@ export default () => {
 </div>
 ```
 
-#### Props
-
-| Name | Type | Default | Description |
-| --- | --- | --- | --- |
-| items | Array | — | 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 | String / Function | — | The property of the items to group by, either as a string (e.g., "name") or a custom grouping function. If not provided, it defaults to grouping by "name". |
-| groupSortOrder | String | asc | Defines the sort order for groups. Accepts "asc" for ascending or "desc" for descending order. |
-| itemSortOrder | String | asc | Defines the sort order for items within each group. Accepts "asc" for ascending or "desc" for descending order. |
-| groupSortFunction | Function | — | Optional sorting function for the groups. It takes an array of groups and returns them in the desired order. |
-| itemSortFunction | Function | — | Optional sorting function for items within each group. It takes an array of items and returns them in the desired order. |
-| renderDivider | Function | — | Custom render function for the group divider. Receives the group key as a parameter and should return a React node to render as the divider. |
-| renderItem | Function | — | Custom render function for individual list items. Receives an item as a parameter and should return a React node representing the item. |
-| listElement | "div" \| "ul" | div | Specifies the HTML element to use for the list inside each group. Defaults to "div", but "ul" can be used if rendering list items as `<li>` elements. |
-| listElementClassName | String | — | Optional class name for the list element inside each group (applies to the `div` or `ul` wrapping the items). |
-| dividerElementClassName | String | — | Optional class name for the divider element in each group (applies to the `div` wrapping each group divider). |
-| className | String | — | Optional class name for the outer wrapper element (applies to the outer `div` wrapping the entire component). |
-
 ### Example: Grouped by date
 
 Grouped by date
@@ -726,23 +709,6 @@ export default () => {
 </div>
 ```
 
-#### Props
-
-| Name | Type | Default | Description |
-| --- | --- | --- | --- |
-| items | Array | — | 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 | String / Function | — | The property of the items to group by, either as a string (e.g., "name") or a custom grouping function. If not provided, it defaults to grouping by "name". |
-| groupSortOrder | String | asc | Defines the sort order for groups. Accepts "asc" for ascending or "desc" for descending order. |
-| itemSortOrder | String | asc | Defines the sort order for items within each group. Accepts "asc" for ascending or "desc" for descending order. |
-| groupSortFunction | Function | — | Optional sorting function for the groups. It takes an array of groups and returns them in the desired order. |
-| itemSortFunction | Function | — | Optional sorting function for items within each group. It takes an array of items and returns them in the desired order. |
-| renderDivider | Function | — | Custom render function for the group divider. Receives the group key as a parameter and should return a React node to render as the divider. |
-| renderItem | Function | — | Custom render function for individual list items. Receives an item as a parameter and should return a React node representing the item. |
-| listElement | "div" \| "ul" | div | Specifies the HTML element to use for the list inside each group. Defaults to "div", but "ul" can be used if rendering list items as `<li>` elements. |
-| listElementClassName | String | — | Optional class name for the list element inside each group (applies to the `div` or `ul` wrapping the items). |
-| dividerElementClassName | String | — | Optional class name for the divider element in each group (applies to the `div` wrapping each group divider). |
-| className | String | — | Optional class name for the outer wrapper element (applies to the outer `div` wrapping the entire component). |
-
 ### Example: Example 3
 
 Grouped by custom key with basic styling
@@ -981,21 +947,4 @@ export default () => {
         </ul>
     </div>
 </div>
-```
-
-#### Props
-
-| Name | Type | Default | Description |
-| --- | --- | --- | --- |
-| items | Array | — | 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 | String / Function | — | The property of the items to group by, either as a string (e.g., "name") or a custom grouping function. If not provided, it defaults to grouping by "name". |
-| groupSortOrder | String | asc | Defines the sort order for groups. Accepts "asc" for ascending or "desc" for descending order. |
-| itemSortOrder | String | asc | Defines the sort order for items within each group. Accepts "asc" for ascending or "desc" for descending order. |
-| groupSortFunction | Function | — | Optional sorting function for the groups. It takes an array of groups and returns them in the desired order. |
-| itemSortFunction | Function | — | Optional sorting function for items within each group. It takes an array of items and returns them in the desired order. |
-| renderDivider | Function | — | Custom render function for the group divider. Receives the group key as a parameter and should return a React node to render as the divider. |
-| renderItem | Function | — | Custom render function for individual list items. Receives an item as a parameter and should return a React node representing the item. |
-| listElement | "div" \| "ul" | div | Specifies the HTML element to use for the list inside each group. Defaults to "div", but "ul" can be used if rendering list items as `<li>` elements. |
-| listElementClassName | String | — | Optional class name for the list element inside each group (applies to the `div` or `ul` wrapping the items). |
-| dividerElementClassName | String | — | Optional class name for the divider element in each group (applies to the `div` wrapping each group divider). |
-| className | String | — | Optional class name for the outer wrapper element (applies 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:* 2025-12-15T15:03:02.003Z
+*Captured:* 2026-01-14T09:07:54.600Z
 
 The timeline component is a pure CSS component.
 
@@ -92,13 +92,13 @@ 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.</span>
             </li>
             <li>
-                <span class="rioglyph rioglyph-driver margin-top--1">
+                <span class="rioglyph rioglyph-truck 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-user 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>

package/dist/docs/components/imagePreloader.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Misc
 *Source:* https://uikit.developers.rio.cloud/#components/imagePreloader
-*Captured:* 2025-12-15T15:02:51.851Z
+*Captured:* 2026-01-14T09:07:43.444Z
 
 Use the preloader for controlling the various states when fetching the image. It allows to handle the failure case as well.
 
@@ -160,8 +160,4 @@ const failedImageExample = (
 
 | Name | Type | Default | Description |
 | --- | --- | --- | --- |
-| src | String | — | The source location for the image to load. |
-| onLoaded | (image: HTMLImageElement) => void | () => {} | Invoked when the image is loaded. The image object will be passed as argument. |
-| onFailed | (image: HTMLImageElement) => void | () => {} | Invoked when the image failed to load. The image object will be passed as argument. |
-| isAnonymous | Boolean | false | Defines whether to set "crossOrigin" to "Anonymous" or not. |
-| 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. |
+| children |  | — | — |

package/dist/docs/components/labeledElement.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Content
 *Source:* https://uikit.developers.rio.cloud/#components/labeledElement
-*Captured:* 2025-12-15T15:02:40.298Z
+*Captured:* 2026-01-14T09:07:31.514Z
 
 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,13 +103,4 @@ 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. |
-| labelProps | FormLabelProps | — | 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 to be set on the wrapper element. |
+```

package/dist/docs/components/licensePlate.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Misc
 *Source:* https://uikit.developers.rio.cloud/#components/licensePlate
-*Captured:* 2025-12-15T15:02:51.918Z
+*Captured:* 2026-01-14T09:07:44.028Z
 
 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,12 +401,4 @@ 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 | false | Whether the EU stars should be hidden. |
-| className | string | — | Additional classes added to the wrapping element. |
+```