@rio-cloud/uikit-mcp 1.1.3 → 1.1.5

package/dist/docs/components/statsWidgets.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Content
 *Source:* https://uikit.developers.rio.cloud/#components/statsWidgets
-*Captured:* 2026-01-07T12:11:45.730Z
+*Captured:* 2026-02-03T14:04:52.361Z
 
 ## StatsWidgets
 
@@ -325,7 +325,7 @@ export default () => (
 
 | Name | Type | Default | Description |
 | --- | --- | --- | --- |
-| className | String | — | Addional class names to be added to the element. |
+| className | string | — | Additional class names to be added to the element. |
 
 #### Props: StatsWidget
 
@@ -333,8 +333,9 @@ export default () => (
 
 | Name | Type | Default | Description |
 | --- | --- | --- | --- |
-| hasFilter | Boolean | false | Defines whether a filter is active for this stats widget. |
-| onFilterReset | Function | — | Callback to reset the filter. |
+| onFilterReset | MouseEventHandler | — | Callback to reset the filter. |
+| hasFilter | boolean | false | Defines whether a filter is active for this widget. |
+| className | string | — | Additional class names to be added to the element. |
 
 #### Props: StatsWidgetBody
 
@@ -342,7 +343,8 @@ export default () => (
 
 | Name | Type | Default | Description |
 | --- | --- | --- | --- |
-| fullWidth | Boolean | — | Whether to use flex space-between for StatsWidgetNumbers. |
+| fullWidth | boolean | false | Whether to use flex space-between for StatsWidgetNumbers. |
+| className | string | — | Additional class names to be added to the element. |
 
 #### Props: StatsWidgetNumber
 
@@ -350,11 +352,12 @@ export default () => (
 
 | Name | Type | Default | Description |
 | --- | --- | --- | --- |
-| value | String / Number / Node | — | The value to be shown. |
-| total | String / Number / Node | — | The total value to be shown i.e. in combination with an active filter. |
-| label | String / Node | — | The label shown below the number. |
-| clickable | Boolean | false | Defines whether or not the number is clickable i.e. in combination with a filter. |
-| onClick | Function | — | Callback for when the user clicks the number widget. |
+| value | string \| number \| ReactNode | 0 | The value to be shown. |
+| total | string \| number \| ReactNode | — | The total value to be shown i.e. in combination with an active filter. |
+| label | string \| ReactNode | — | The label shown below the number. |
+| clickable | boolean | false | Defines whether the number is clickable i.e. in combination with a filter. |
+| onClick | MouseEventHandler | — | Callback for when the user clicks the number widget. |
+| className | string | — | Additional class names to be added to the element. |
 
 ### Example: Example 2
 
@@ -452,7 +455,7 @@ export default () => (
 
 | Name | Type | Default | Description |
 | --- | --- | --- | --- |
-| className | String | — | Addional class names to be added to the element. |
+| className | string | — | Additional class names to be added to the element. |
 
 #### Props: StatsWidget
 
@@ -460,8 +463,9 @@ export default () => (
 
 | Name | Type | Default | Description |
 | --- | --- | --- | --- |
-| hasFilter | Boolean | false | Defines whether a filter is active for this stats widget. |
-| onFilterReset | Function | — | Callback to reset the filter. |
+| onFilterReset | MouseEventHandler | — | Callback to reset the filter. |
+| hasFilter | boolean | false | Defines whether a filter is active for this widget. |
+| className | string | — | Additional class names to be added to the element. |
 
 #### Props: StatsWidgetBody
 
@@ -469,7 +473,8 @@ export default () => (
 
 | Name | Type | Default | Description |
 | --- | --- | --- | --- |
-| fullWidth | Boolean | — | Whether to use flex space-between for StatsWidgetNumbers. |
+| fullWidth | boolean | false | Whether to use flex space-between for StatsWidgetNumbers. |
+| className | string | — | Additional class names to be added to the element. |
 
 #### Props: StatsWidgetNumber
 
@@ -477,11 +482,12 @@ export default () => (
 
 | Name | Type | Default | Description |
 | --- | --- | --- | --- |
-| value | String / Number / Node | — | The value to be shown. |
-| total | String / Number / Node | — | The total value to be shown i.e. in combination with an active filter. |
-| label | String / Node | — | The label shown below the number. |
-| clickable | Boolean | false | Defines whether or not the number is clickable i.e. in combination with a filter. |
-| onClick | Function | — | Callback for when the user clicks the number widget. |
+| value | string \| number \| ReactNode | 0 | The value to be shown. |
+| total | string \| number \| ReactNode | — | The total value to be shown i.e. in combination with an active filter. |
+| label | string \| ReactNode | — | The label shown below the number. |
+| clickable | boolean | false | Defines whether the number is clickable i.e. in combination with a filter. |
+| onClick | MouseEventHandler | — | Callback for when the user clicks the number widget. |
+| className | string | — | Additional class names to be added to the element. |
 
 ### Example: Example 3
 
@@ -604,7 +610,7 @@ export default () => {
 
 | Name | Type | Default | Description |
 | --- | --- | --- | --- |
-| className | String | — | Addional class names to be added to the element. |
+| className | string | — | Additional class names to be added to the element. |
 
 #### Props: StatsWidget
 
@@ -612,8 +618,9 @@ export default () => {
 
 | Name | Type | Default | Description |
 | --- | --- | --- | --- |
-| hasFilter | Boolean | false | Defines whether a filter is active for this stats widget. |
-| onFilterReset | Function | — | Callback to reset the filter. |
+| onFilterReset | MouseEventHandler | — | Callback to reset the filter. |
+| hasFilter | boolean | false | Defines whether a filter is active for this widget. |
+| className | string | — | Additional class names to be added to the element. |
 
 #### Props: StatsWidgetBody
 
@@ -621,7 +628,8 @@ export default () => {
 
 | Name | Type | Default | Description |
 | --- | --- | --- | --- |
-| fullWidth | Boolean | — | Whether to use flex space-between for StatsWidgetNumbers. |
+| fullWidth | boolean | false | Whether to use flex space-between for StatsWidgetNumbers. |
+| className | string | — | Additional class names to be added to the element. |
 
 #### Props: StatsWidgetNumber
 
@@ -629,8 +637,9 @@ export default () => {
 
 | Name | Type | Default | Description |
 | --- | --- | --- | --- |
-| value | String / Number / Node | — | The value to be shown. |
-| total | String / Number / Node | — | The total value to be shown i.e. in combination with an active filter. |
-| label | String / Node | — | The label shown below the number. |
-| clickable | Boolean | false | Defines whether or not the number is clickable i.e. in combination with a filter. |
-| onClick | Function | — | Callback for when the user clicks the number widget. |
+| value | string \| number \| ReactNode | 0 | The value to be shown. |
+| total | string \| number \| ReactNode | — | The total value to be shown i.e. in combination with an active filter. |
+| label | string \| ReactNode | — | The label shown below the number. |
+| clickable | boolean | false | Defines whether the number is clickable i.e. in combination with a filter. |
+| onClick | MouseEventHandler | — | Callback for when the user clicks the number widget. |
+| className | string | — | Additional class names to be added to the element. |

package/dist/docs/components/statusBar.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Progress
 *Source:* https://uikit.developers.rio.cloud/#components/statusBar
-*Captured:* 2026-01-07T12:11:32.519Z
+*Captured:* 2026-02-03T14:04:36.984Z
 
 Flexible component to showcase various states based on progress bars.
 
@@ -621,24 +621,24 @@ export default () => (
 
 | Name | Type | Default | Description |
 | --- | --- | --- | --- |
-| icon | Object | — | The icon to be shown next to the progress bar. |
-| └name | String | — | The class name of the icon i.e. "rioglyph-cruise-control". |
-| └alignment | String | 'left' | The position of the icon. Possible values are: left or right |
-| └color | String | 'text-color-gray' | The text color class name for the icon. |
-| └className | String | — | Optional class names for the icon. |
-| label | Object | — | The label to be shown for the progress bar. |
-| └value | String / Node | — | The label content. |
-| └alignment | String | 'right' | The position of the icon. Possible values are: left top right |
-| └weight | String | 'bold' | The text weight of the label. Possible values are: light or bold |
-| └color | String | 'text-color-gray' | The text color class name for the label. |
-| └className | String | — | Optional class names for the label. |
-| progress | list of Objects | — | List of progress bars which will be stacked in given order if there are multiple. |
-| └percentage | Number | 0 | The percentage of the progress. |
-| └color | String | 'progress-bar-info' | The color class name for the label. |
-| └tooltip | String / Node | — | Optional tooltip content to be shown for the progress bar. |
-| └tooltipPosition | String | 'top' | The position of the tooltip for the progress bar. Possible values are: top bottom left right |
-| └tooltipDelay | Number | 50 | The delay in milliseconds for when the tooltip is shown when hovering the progress bar. |
-| └className | String | — | Optional class names for the progress bar. |
-| size | String | 'small' | The size of the icon and progress bar. Possible values are: small or large |
-| useProgressDivider | Boolean | true | Uses a divider for multiple progress bars when defined. |
-| className | String | — | Optional class names for the wrapper element. |
+| icon | StatusBarIcon | — | The icon to be shown next to the progress bar. |
+| └name | string | — | The class name of the icon i.e. "rioglyph-cruise-control". |
+| └alignment | 'left' \| 'right' | 'left' | The position of the icon. |
+| └color | string | 'text-color-gray' | The text color class name for the icon. |
+| └className | string | — | Optional class names for the icon. |
+| label | StatusBarLabel | — | The label to be shown for the progress bar. |
+| └value | string \| React.ReactNode | — | The label content. |
+| └alignment | 'left' \| 'top' \| 'right' | 'right' | The position of the icon. |
+| └weight | 'light' \| 'bold' | 'bold' | The text weight of the label. |
+| └color | string | 'text-color-gray' | The text color class name for the label. |
+| └className | string | — | Optional class names for the label. |
+| progress | StatusBarProgress[] | — | List of progress bars which will be stacked in given order if there are multiple. |
+| └percentage | number | 0 | The percentage of the progress. |
+| └color | string | 'progress-bar-info' | The color class name for the label. |
+| └tooltip | string \| React.ReactNode | — | Optional tooltip content to be shown for the progress bar. |
+| └tooltipPosition | 'top' \| 'right' \| 'bottom' \| 'left' | 'top' | The position of the tooltip for the progress bar. |
+| └tooltipDelay | number | 50 | The delay in milliseconds for when the tooltip is shown when hovering the progress bar. |
+| └className | string | — | Optional class names for the progress bar. |
+| size | 'small' \| 'large' | 'small' | The size of the icon and progress bar. Possible values are: 'small' 'large' |
+| useProgressDivider | boolean | true | Uses a divider for multiple progress bars when defined. |
+| className | string | — | Optional class names for the wrapper element. |

package/dist/docs/components/stepButton.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Interaction
 *Source:* https://uikit.developers.rio.cloud/#components/stepButton
-*Captured:* 2026-01-07T12:11:15.961Z
+*Captured:* 2026-02-03T14:04:18.368Z
 
 The StepButton is a convenient component designed to simplify usage and alignment of buttons with chevrons.
 
@@ -58,4 +58,4 @@ export default () => (
 
 | Name | Type | Default | Description |
 | --- | --- | --- | --- |
-| direction | 'next' \| 'previous' | next | Defines the chevron icon for the respective direction. |
+| direction | 'next' \| 'previous' | 'next' | Defines the chevron icon for the respective direction. |

package/dist/docs/components/steppedProgressBars.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Progress
 *Source:* https://uikit.developers.rio.cloud/#components/steppedProgressBars
-*Captured:* 2026-01-07T12:11:35.451Z
+*Captured:* 2026-02-03T14:04:39.685Z
 
 ## SteppedProgressBar - Circle
 
@@ -231,17 +231,17 @@ const ThirdPageContent = ({ pageNumber, onClickPrevious }: ThirdPageContentProps
 
 | Name | Type | Default | Description |
 | --- | --- | --- | --- |
-| labels | Array of Objects | — | Objects to define the icon and the label of the navigation items. The icon can be a string or an icon. |
-| └icon | String / Node | — | The element shown in the step element. This can be a single step number or an icon element. |
-| └label | String / Node | — | The label shown below the step element. |
-| └labelClassName | String | — | Additional classes to be set on the label element. |
-| └labelWrapperClassName | String | — | Additional classes to be set on the label wrapping element. |
-| selectedStepNumber | Number | — | Index of the selected navigation item. |
-| onSelectedChanged | Function | () => {} | Called with the new selected index after the user clicked a nav item. |
-| variant | String | circle | The SteppedProgressBar Variant. One of "circle", "rectangle" or "roadsign". |
-| disableFollowingPages | Number | — | All navigation items with a higher index than this will be disabled. |
-| mobileBreakpoint | Boolean | true | Deactivating the Wrapping of bubbles on mobile |
-| className | String | — | Additional classes to be set on the wrapper element. |
+| labels | SteppedProgressBarLabel[] | — | Objects to defining the icon and the label of the navigation items. The icon can be a string or an icon. |
+| └icon | string \| ReactNode | — | The element shown in the step element. This can be a single step number or an icon element. |
+| └label | string \| ReactNode | — | The label shown below the step element. |
+| └labelClassName | string | — | Additional classes to be set on the label element. |
+| └labelWrapperClassName | string | — | Additional classes to be set on the label wrapping element. |
+| selectedStepNumber | number | — | Index of the selected navigation item. |
+| onSelectedChanged | (selectedKey: number) => void | — | Called with the new selected index after the user clicked a nav item. |
+| variant | 'circle' \| 'rectangle' \| 'roadsign' | 'circle' | The SteppedProgressBar Variant. One of circle, rectangle or roadsign. |
+| disableFollowingPages | number | — | All navigation items with a higher index than this will be disabled. |
+| mobileBreakpoint | boolean | true | Deactivating the wrapping of bubbles on mobile. |
+| className | string | — | Additional classes to be set on the wrapper element. |
 
 ## SteppedProgressBar - Rectangle
 
@@ -483,17 +483,17 @@ const ThirdPageContent = ({ pageNumber, onClickPrevious }: ThirdPageContentProps
 
 | Name | Type | Default | Description |
 | --- | --- | --- | --- |
-| labels | Array of Objects | — | Objects to define the icon and the label of the navigation items. The icon can be a string or an icon. |
-| └icon | String / Node | — | The element shown in the step element. This can be a single step number or an icon element. |
-| └label | String / Node | — | The label shown below the step element. |
-| └labelClassName | String | — | Additional classes to be set on the label element. |
-| └labelWrapperClassName | String | — | Additional classes to be set on the label wrapping element. |
-| selectedStepNumber | Number | — | Index of the selected navigation item. |
-| onSelectedChanged | Function | () => {} | Called with the new selected index after the user clicked a nav item. |
-| variant | String | circle | The SteppedProgressBar Variant. One of "circle", "rectangle" or "roadsign". |
-| disableFollowingPages | Number | — | All navigation items with a higher index than this will be disabled. |
-| mobileBreakpoint | Boolean | true | Deactivating the Wrapping of bubbles on mobile |
-| className | String | — | Additional classes to be set on the wrapper element. |
+| labels | SteppedProgressBarLabel[] | — | Objects to defining the icon and the label of the navigation items. The icon can be a string or an icon. |
+| └icon | string \| ReactNode | — | The element shown in the step element. This can be a single step number or an icon element. |
+| └label | string \| ReactNode | — | The label shown below the step element. |
+| └labelClassName | string | — | Additional classes to be set on the label element. |
+| └labelWrapperClassName | string | — | Additional classes to be set on the label wrapping element. |
+| selectedStepNumber | number | — | Index of the selected navigation item. |
+| onSelectedChanged | (selectedKey: number) => void | — | Called with the new selected index after the user clicked a nav item. |
+| variant | 'circle' \| 'rectangle' \| 'roadsign' | 'circle' | The SteppedProgressBar Variant. One of circle, rectangle or roadsign. |
+| disableFollowingPages | number | — | All navigation items with a higher index than this will be disabled. |
+| mobileBreakpoint | boolean | true | Deactivating the wrapping of bubbles on mobile. |
+| className | string | — | Additional classes to be set on the wrapper element. |
 
 ## SteppedProgressBar - Rectangle with custom content
 
@@ -802,17 +802,17 @@ const ThirdPageContent = ({ pageNumber, onClickPrevious }: ThirdPageContentProps
 
 | Name | Type | Default | Description |
 | --- | --- | --- | --- |
-| labels | Array of Objects | — | Objects to define the icon and the label of the navigation items. The icon can be a string or an icon. |
-| └icon | String / Node | — | The element shown in the step element. This can be a single step number or an icon element. |
-| └label | String / Node | — | The label shown below the step element. |
-| └labelClassName | String | — | Additional classes to be set on the label element. |
-| └labelWrapperClassName | String | — | Additional classes to be set on the label wrapping element. |
-| selectedStepNumber | Number | — | Index of the selected navigation item. |
-| onSelectedChanged | Function | () => {} | Called with the new selected index after the user clicked a nav item. |
-| variant | String | circle | The SteppedProgressBar Variant. One of "circle", "rectangle" or "roadsign". |
-| disableFollowingPages | Number | — | All navigation items with a higher index than this will be disabled. |
-| mobileBreakpoint | Boolean | true | Deactivating the Wrapping of bubbles on mobile |
-| className | String | — | Additional classes to be set on the wrapper element. |
+| labels | SteppedProgressBarLabel[] | — | Objects to defining the icon and the label of the navigation items. The icon can be a string or an icon. |
+| └icon | string \| ReactNode | — | The element shown in the step element. This can be a single step number or an icon element. |
+| └label | string \| ReactNode | — | The label shown below the step element. |
+| └labelClassName | string | — | Additional classes to be set on the label element. |
+| └labelWrapperClassName | string | — | Additional classes to be set on the label wrapping element. |
+| selectedStepNumber | number | — | Index of the selected navigation item. |
+| onSelectedChanged | (selectedKey: number) => void | — | Called with the new selected index after the user clicked a nav item. |
+| variant | 'circle' \| 'rectangle' \| 'roadsign' | 'circle' | The SteppedProgressBar Variant. One of circle, rectangle or roadsign. |
+| disableFollowingPages | number | — | All navigation items with a higher index than this will be disabled. |
+| mobileBreakpoint | boolean | true | Deactivating the wrapping of bubbles on mobile. |
+| className | string | — | Additional classes to be set on the wrapper element. |
 
 ## SteppedProgressBar - Road Sign
 
@@ -1051,14 +1051,14 @@ const ThirdPageContent = ({ pageNumber, onClickPrevious }: ThirdPageContentProps
 
 | Name | Type | Default | Description |
 | --- | --- | --- | --- |
-| labels | Array of Objects | — | Objects to define the icon and the label of the navigation items. The icon can be a string or an icon. |
-| └icon | String / Node | — | The element shown in the step element. This can be a single step number or an icon element. |
-| └label | String / Node | — | The label shown below the step element. |
-| └labelClassName | String | — | Additional classes to be set on the label element. |
-| └labelWrapperClassName | String | — | Additional classes to be set on the label wrapping element. |
-| selectedStepNumber | Number | — | Index of the selected navigation item. |
-| onSelectedChanged | Function | () => {} | Called with the new selected index after the user clicked a nav item. |
-| variant | String | circle | The SteppedProgressBar Variant. One of "circle", "rectangle" or "roadsign". |
-| disableFollowingPages | Number | — | All navigation items with a higher index than this will be disabled. |
-| mobileBreakpoint | Boolean | true | Deactivating the Wrapping of bubbles on mobile |
-| className | String | — | Additional classes to be set on the wrapper element. |
+| labels | SteppedProgressBarLabel[] | — | Objects to defining the icon and the label of the navigation items. The icon can be a string or an icon. |
+| └icon | string \| ReactNode | — | The element shown in the step element. This can be a single step number or an icon element. |
+| └label | string \| ReactNode | — | The label shown below the step element. |
+| └labelClassName | string | — | Additional classes to be set on the label element. |
+| └labelWrapperClassName | string | — | Additional classes to be set on the label wrapping element. |
+| selectedStepNumber | number | — | Index of the selected navigation item. |
+| onSelectedChanged | (selectedKey: number) => void | — | Called with the new selected index after the user clicked a nav item. |
+| variant | 'circle' \| 'rectangle' \| 'roadsign' | 'circle' | The SteppedProgressBar Variant. One of circle, rectangle or roadsign. |
+| disableFollowingPages | number | — | All navigation items with a higher index than this will be disabled. |
+| mobileBreakpoint | boolean | true | Deactivating the wrapping of bubbles on mobile. |
+| className | string | — | Additional classes to be set on the wrapper element. |

package/dist/docs/components/subNavigation.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Navigation
 *Source:* https://uikit.developers.rio.cloud/#components/subNavigation
-*Captured:* 2026-01-07T12:11:08.350Z
+*Captured:* 2026-02-03T14:04:08.677Z
 
 ## SubNavigation
 
@@ -80,8 +80,8 @@ export default () => (
 
 | Name | Type | Default | Description |
 | --- | --- | --- | --- |
-| navItems | Array | — | List of navigation items with key and route prop. The route prop is a react-router NavLink component with an "active" style. |
-| className | String | — | Additional classes for the wrapper element. |
+| navItems | ModulePropType[] | — | List of navigation items with key and route prop. The route prop is a react-router NavLink component with an active style. |
+| className | string | — | Additional classes for the wrapper element. |
 
 ## SubNavigation with offset
 

package/dist/docs/components/supportMarker.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Misc
 *Source:* https://uikit.developers.rio.cloud/#components/supportMarker
-*Captured:* 2026-01-07T12:11:58.348Z
+*Captured:* 2026-02-03T14:05:06.241Z
 
 You can add the support-marker class along with the data-support attribute to any HTML element - even divs wrapping around iframes, for example!
 

package/dist/docs/components/svgImage.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Misc
 *Source:* https://uikit.developers.rio.cloud/#components/svgImage
-*Captured:* 2026-01-07T12:11:59.734Z
+*Captured:* 2026-02-03T14:05:07.374Z
 
 This component helps to render SVG images hosted on RIO's CDN and lets you customize the colors for various brand themes. It uses the defined UIKIT CSS variables to automatically adapt to dark mode. When customizing colors, make sure to use existing CSS color variable names.
 
@@ -106,42 +106,6 @@ export default () => (
             </path>
         </g>
     </svg>
-    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:serif="http://www.serif.com/" width="120" height="120" viewBox="0 0 250 250" version="1.1" xml:space="preserve" class="" style="fill-rule: evenodd; clip-rule: evenodd; stroke-miterlimit: 2;">
-        <g id="abstract-product" transform="matrix(3.96558,0,0,3.96558,-877.753,-267.258)">
-            <path d="M273.364,103.915C273.364,116.618 263.066,126.915 250.364,126.915C237.662,126.915 227.364,116.618 227.364,103.915C227.364,91.213 237.662,80.916 250.364,80.916C263.066,80.916 273.364,91.213 273.364,103.915Z" style="fill: var(--gray-lighter); fill-rule: nonzero;">
-            </path>
-            <path d="M229.364,79.916L229.364,85.916" style="fill: none; stroke: var(--gray); stroke-width: 2.1px;">
-            </path>
-            <path d="M232.364,82.916L226.364,82.916" style="fill: none; stroke: var(--gray); stroke-width: 2.1px;">
-            </path>
-            <path d="M240.364,69.916L240.364,75.916" style="fill: none; stroke: var(--gray); stroke-width: 2.1px;">
-            </path>
-            <path d="M243.364,72.916L237.364,72.916" style="fill: none; stroke: var(--gray); stroke-width: 2.1px;">
-            </path>
-            <path d="M269.133,103.237L263.251,106.027L262.929,106.149C262.512,105.406 261.802,104.915 260.814,104.915L254.814,104.915C253.439,104.915 251.348,102.915 249.692,102.915L243.814,102.915C241.397,102.915 239.238,104.894 238.021,106.027C236.141,107.907 232.364,111.703 232.364,111.703L241.556,120.905C243.059,119.403 244.829,117.915 246.364,117.915L258.364,117.915C260.237,117.915 262.101,117.34 263.425,116.016L273.376,106.065L276.205,98.995C274.481,97.271 270.547,99.113 269.133,103.237Z" style="fill: var(--color-white); fill-rule: nonzero;">
-            </path>
-            <path d="M250.364,110.915L260.814,110.915C262.471,110.915 263.364,109.61 263.364,107.954L263.364,107.935C263.364,106.277 262.471,104.915 260.814,104.915L254.814,104.915C253.439,104.915 251.348,102.915 249.692,102.915L243.814,102.915C241.397,102.915 239.238,104.894 238.021,106.027C236.141,107.907 232.364,111.703 232.364,111.703L241.556,120.905C243.059,119.403 244.829,117.915 246.364,117.915L258.364,117.915C260.237,117.915 262.101,117.34 263.425,116.016L273.376,106.065L276.205,98.995C274.481,97.271 270.547,99.113 269.133,103.237L263.251,106.027" style="fill: none; stroke: var(--brand-info); stroke-width: 2.1px; stroke-linecap: round;">
-            </path>
-            <path d="M231.364,108.915L225.364,114.915L238.364,127.915L244.363,121.915L231.364,108.915Z" style="fill: var(--color-highlight-lighter); fill-rule: nonzero;">
-            </path>
-            <path d="M231.364,108.915L225.364,114.915L238.364,127.915L244.363,121.915L231.364,108.915Z" style="fill: none; stroke: var(--brand-info); stroke-width: 2.1px; stroke-linejoin: round;">
-            </path>
-            <path d="M232.911,116.368L230.911,114.368" style="fill: none; stroke: var(--brand-info); stroke-width: 2.1px; stroke-linecap: round;">
-            </path>
-            <path d="M266.138,82.263L257.884,75.646C257.627,75.44 257.187,75.342 256.808,75.479L247.08,79.268C246.64,79.355 246.28,79.7 246.21,80.169L244.687,90.446C244.623,90.904 244.7,91.377 245.031,91.643L253.286,98.26C253.603,98.515 253.846,98.674 254.163,98.552L264.147,94.671C264.685,94.462 264.911,94.235 264.984,93.74L266.536,83.275C266.582,82.962 266.428,82.495 266.138,82.263Z" style="fill: var(--color-highlight-lighter); fill-rule: nonzero;">
-            </path>
-            <path d="M266.138,82.263L257.884,75.646C257.627,75.44 257.187,75.342 256.808,75.479L247.08,79.268C246.64,79.355 246.28,79.7 246.21,80.169L244.687,90.446C244.623,90.904 244.7,91.377 245.031,91.643L253.286,98.26C253.603,98.515 253.846,98.674 254.163,98.552L264.147,94.671C264.685,94.462 264.911,94.235 264.984,93.74L266.536,83.275C266.582,82.962 266.428,82.495 266.138,82.263Z" style="fill: none; stroke: var(--brand-info); stroke-width: 2.1px;">
-            </path>
-            <path d="M256.605,78.558L255.223,86.846L248.116,89.437" style="fill: none; stroke: var(--brand-info); stroke-width: 2.1px; stroke-linecap: round;">
-            </path>
-            <path d="M255.223,86.846L262.06,92.26" style="fill: none; stroke: var(--brand-info); stroke-width: 2.1px; stroke-linecap: round;">
-            </path>
-            <path d="M277.364,87.916L277.364,93.916" style="fill: none; stroke: var(--gray); stroke-width: 2.1px;">
-            </path>
-            <path d="M280.364,90.916L274.364,90.916" style="fill: none; stroke: var(--gray); stroke-width: 2.1px;">
-            </path>
-        </g>
-    </svg>
     <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:serif="http://www.serif.com/" width="120" height="120" viewBox="0 0 250 250" version="1.1" xml:space="preserve" class="" style="fill-rule: evenodd; clip-rule: evenodd; stroke-miterlimit: 2;">
         <g transform="matrix(3.83333,0,0,3.83333,-417.263,-254.174)">
             <g id="delivery">
@@ -243,6 +207,6 @@ export default () => (
 | --- | --- | --- | --- |
 | name | string | — | The name of the image file without extension. |
 | size | number | 150 | The height and width of the SVG image in pixels. |
-| baseUrl | string | https://cdn.rio.cloud/riosvg | The CDN base URL where the images are located. |
+| baseUrl | string | 'https://cdn.rio.cloud/riosvg' | The CDN base URL where the images are located. |
 | colorMap | ColorOverridesMap | — | Customize color using the color map and define the CSS variable name that shall be used. |
 | className | string | — | Additional class names added to the SVG element. |

package/dist/docs/components/switch.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Interaction
 *Source:* https://uikit.developers.rio.cloud/#components/switch
-*Captured:* 2026-01-07T12:11:18.138Z
+*Captured:* 2026-02-03T14:04:20.481Z
 
 ## Switch
 
@@ -542,13 +542,13 @@ export default () => {
 
 | Name | Type | Default | Description |
 | --- | --- | --- | --- |
-| keyName | String | — | Optional key that is used as key and as the id on the internal input. |
-| checked | Boolean | false | Set active / inactive state. |
-| disabled | Boolean | false | Disables the component. |
-| onChange | Function | — | Callback function triggered when clicking the button. |
-| minWidth | Number | — | The min-width of the switch. |
-| enabledText | String | — | ON text |
-| disabledText | String | — | OFF text |
-| className | string | — | Additional class names added |
-| labelPosition | String | — | Possible values are: left, right |
-| color | String | 'primary' | Defines the color of the switch. Possible values are:'primary', 'secondary', 'info', 'success', 'warning' or 'danger'. |
+| keyName | string | — | Optional key that is used as key and as the id on the internal input. |
+| onChange | (toggleState: boolean) => void | — | Callback function triggered when clicking the button. |
+| checked | boolean | false | Set active / inactive state. |
+| color | string | 'primary' | Defines the color of the switch. Possible values are: 'primary' 'secondary' 'info' 'success' 'warning' 'danger' |
+| minWidth | number | 40 | The min-width of the switch. |
+| disabled | boolean | false | Disables the component. |
+| enabledText | string | — | The text used for the ON state. |
+| disabledText | string | — | The text used for the OFF state. |
+| labelPosition | 'left' \| 'right' | — | Defines the position of the switch label. Defaults to 'right' when children are present. Possible values are 'left' and 'right'. |
+| className | string | — | Additional class names added to the SVG element. |

package/dist/docs/components/tables.md

@@ -3,6 +3,6 @@
 *Category:* Components
 *Section:* Content
 *Source:* https://uikit.developers.rio.cloud/#components/tables
-*Captured:* 2026-01-07T12:11:44.823Z
+*Captured:* 2026-02-03T14:04:50.602Z
 
 The toolbar and its content has to be implemented by each team itself. Please use the following sample as a reference and adapt it accordingly.

package/dist/docs/components/tagManager.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Misc
 *Source:* https://uikit.developers.rio.cloud/#components/tagManager
-*Captured:* 2026-01-07T12:12:01.801Z
+*Captured:* 2026-02-03T14:05:09.350Z
 
 The TagManager allows to select and filter for existing tags as well as adding and removing them from a list of tags.
 
@@ -51,7 +51,7 @@ import { isEmpty } from 'es-toolkit/compat';
 
 import TagManager from '@rio-cloud/rio-uikit/TagManager';
 import Button from '@rio-cloud/rio-uikit/Button';
-import type { TagManagerTag } from '@rio-cloud/rio-uikit';
+import type { TagManagerTag } from '../@rio-cloud/rio-uikit';
 
 const tagListSuggestions: TagManagerTag[] = [
     { label: 'Lorem' },
@@ -159,18 +159,18 @@ export default () => {
 
 ```json
 [
-        {
-            label: 'Foo',
-        },
-        {
-            label: 'Bar',
-            toAdd: true,
-        },
-        {
-            label: 'Lorem ipsum',
-            toRemove: true,
-        }
-    ]
+ {
+     label: 'Foo',
+ },
+ {
+     label: 'Bar',
+     toAdd: true,
+ },
+ {
+     label: 'Lorem ipsum',
+     toRemove: true,
+ }
+]
 ```
 
 ### Example: Example 2
@@ -197,7 +197,7 @@ import { isEmpty } from 'es-toolkit/compat';
 
 import TagManager from '@rio-cloud/rio-uikit/TagManager';
 import Button from '@rio-cloud/rio-uikit/Button';
-import type { TagManagerTag } from '@rio-cloud/rio-uikit';
+import type { TagManagerTag } from '../@rio-cloud/rio-uikit';
 
 const tagListSuggestions: TagManagerTag[] = [{ label: 'Lorem' }, { label: 'Ipsum' }, { label: 'Dolor sit amet' }];
 const existingTags: TagManagerTag[] = [];
@@ -279,18 +279,18 @@ export default () => {
 
 ```json
 [
-        {
-            label: 'Foo',
-        },
-        {
-            label: 'Bar',
-            toAdd: true,
-        },
-        {
-            label: 'Lorem ipsum',
-            toRemove: true,
-        }
-    ]
+ {
+     label: 'Foo',
+ },
+ {
+     label: 'Bar',
+     toAdd: true,
+ },
+ {
+     label: 'Lorem ipsum',
+     toRemove: true,
+ }
+]
 ```
 
 ### Example: Fleet groups
@@ -336,7 +336,7 @@ import { isEmpty } from 'es-toolkit/compat';
 import TagManager from '@rio-cloud/rio-uikit/TagManager';
 import CustomState from '@rio-cloud/rio-uikit/CustomState';
 import Button from '@rio-cloud/rio-uikit/Button';
-import type { TagManagerTag } from '@rio-cloud/rio-uikit';
+import type { TagManagerTag } from '../@rio-cloud/rio-uikit';
 
 const tagListSuggestions: TagManagerTag[] = [{ label: 'Lorem' }, { label: 'Ipsum' }, { label: 'Dolor sit amet' }];
 const existingTags: TagManagerTag[] = [{ label: 'Foo' }, { label: 'Bar' }];
@@ -461,16 +461,16 @@ export default () => {
 
 ```json
 [
-        {
-            label: 'Foo',
-        },
-        {
-            label: 'Bar',
-            toAdd: true,
-        },
-        {
-            label: 'Lorem ipsum',
-            toRemove: true,
-        }
-    ]
+ {
+     label: 'Foo',
+ },
+ {
+     label: 'Bar',
+     toAdd: true,
+ },
+ {
+     label: 'Lorem ipsum',
+     toRemove: true,
+ }
+]
 ```