@rio-cloud/uikit-mcp 1.1.2 → 1.1.4

package/dist/docs/components/radiobutton.md

@@ -3,13 +3,13 @@
 *Category:* Components
 *Section:* Interaction
 *Source:* https://uikit.developers.rio.cloud/#components/radiobutton
-*Captured:* 2025-12-15T15:02:18.114Z
+*Captured:* 2026-01-14T09:07:07.636Z
 
 NoteWhen using the custom option, make sure to wrap the children with the class name radio-text-wrapper. For using the radio tick, use an element with class name radio-text.
 
 ## RadioButton
 
-### Example: Example 1
+### Example: Last selected option: nothing selected yet
 
 Option one is selected by default
 Option two can be something else and selecting it will deselect option one
@@ -17,6 +17,7 @@ Option three is disabled
 123
 Km
 Miles
+Last selected option: nothing selected yet
 
 #### Summary
 
@@ -26,58 +27,73 @@ Option three is disabled
 123
 Km
 Miles
+Last selected option: nothing selected yet
 
 #### React (tsx)
 
 ```tsx
 import RadioButton from '@rio-cloud/rio-uikit/RadioButton';
+import { useState } from 'react';
 
-export default () => (
-    <div>
-        <div>
-            <RadioButton name='radios' id='optionsRadios1' value='option1' defaultChecked>
-                Option one is selected by default
-            </RadioButton>
-        </div>
-        <div>
-            <RadioButton name='radios' id='optionsRadios2' value='option2'>
-                Option two can be something else and selecting it will deselect option one
-            </RadioButton>
-        </div>
-        <div>
-            <RadioButton name='radios' id='optionsRadios3' value='option3' disabled>
-                Option three is disabled
-            </RadioButton>
-        </div>
+export default () => {
+    const [lastSelectedOption, setLastSelectedOption] = useState('');
 
-        <hr />
+    const handleClick = (event: React.MouseEvent<HTMLInputElement>) => {
+        console.log(event.currentTarget.value);
+        setLastSelectedOption(event.currentTarget.value);
+    };
 
+    return (
         <div>
-            <RadioButton name='radiosInline' id='1' inline>
-                1
-            </RadioButton>
-            <RadioButton name='radiosInline' id='2' inline>
-                2
-            </RadioButton>
-            <RadioButton name='radiosInline' id='3' inline>
-                3
-            </RadioButton>
-        </div>
+            <div>
+                <RadioButton name='radios' value='option1' defaultChecked onClick={handleClick}>
+                    Option one is selected by default
+                </RadioButton>
+            </div>
+            <div>
+                <RadioButton name='radios' value='option2' onClick={handleClick}>
+                    Option two can be something else and selecting it will deselect option one
+                </RadioButton>
+            </div>
+            <div>
+                <RadioButton name='radios' value='option3' disabled onClick={handleClick}>
+                    Option three is disabled
+                </RadioButton>
+            </div>
 
-        <hr />
+            <hr />
 
-        <div>
-            <RadioButton name='radiosRight' id='km' right inline>
-                Km
-            </RadioButton>
-        </div>
-        <div>
-            <RadioButton name='radiosRight' id='miles' right inline>
-                Miles
-            </RadioButton>
+            <div>
+                <RadioButton name='radiosInline' value='1' onClick={handleClick} inline>
+                    1
+                </RadioButton>
+                <RadioButton name='radiosInline' value='2' onClick={handleClick} inline>
+                    2
+                </RadioButton>
+                <RadioButton name='radiosInline' value='3' onClick={handleClick} inline>
+                    3
+                </RadioButton>
+            </div>
+
+            <hr />
+
+            <div>
+                <RadioButton name='radiosRight' value='km' right onClick={handleClick} inline>
+                    Km
+                </RadioButton>
+            </div>
+            <div>
+                <RadioButton name='radiosRight' value='miles' right onClick={handleClick} inline>
+                    Miles
+                </RadioButton>
+            </div>
+
+            <div className='margin-top-25 text-color-dark'>
+                Last selected option: {lastSelectedOption || <i>nothing selected yet</i>}
+            </div>
         </div>
-    </div>
-);
+    );
+};
 ```
 
 #### HTML (html)
@@ -85,7 +101,7 @@ export default () => (
 ```html
 <div>
     <div>
-        <label id="optionsRadios1" class="radio" tabindex="0">
+        <label class="radio" tabindex="0">
             <input type="radio" class="" name="radios" value="option1" checked="">
             <span class="radio-text">
                 <span>Option one is selected by default</span>
@@ -93,7 +109,7 @@ export default () => (
         </label>
     </div>
     <div>
-        <label id="optionsRadios2" class="radio" tabindex="0">
+        <label class="radio" tabindex="0">
             <input type="radio" class="" name="radios" value="option2">
             <span class="radio-text">
                 <span>Option two can be something else and selecting it will deselect option one</span>
@@ -101,7 +117,7 @@ export default () => (
         </label>
     </div>
     <div>
-        <label id="optionsRadios3" class="radio" tabindex="0">
+        <label class="radio" tabindex="0">
             <input type="radio" disabled="" class="" name="radios" value="option3">
             <span class="radio-text">
                 <span>Option three is disabled</span>
@@ -110,20 +126,20 @@ export default () => (
     </div>
     <hr>
     <div>
-        <label id="1" class="radio radio-inline" tabindex="0">
-            <input type="radio" class="" name="radiosInline" value="">
+        <label class="radio radio-inline" tabindex="0">
+            <input type="radio" class="" name="radiosInline" value="1">
             <span class="radio-text">
                 <span>1</span>
             </span>
         </label>
-        <label id="2" class="radio radio-inline" tabindex="0">
-            <input type="radio" class="" name="radiosInline" value="">
+        <label class="radio radio-inline" tabindex="0">
+            <input type="radio" class="" name="radiosInline" value="2">
             <span class="radio-text">
                 <span>2</span>
             </span>
         </label>
-        <label id="3" class="radio radio-inline" tabindex="0">
-            <input type="radio" class="" name="radiosInline" value="">
+        <label class="radio radio-inline" tabindex="0">
+            <input type="radio" class="" name="radiosInline" value="3">
             <span class="radio-text">
                 <span>3</span>
             </span>
@@ -131,21 +147,23 @@ export default () => (
     </div>
     <hr>
     <div>
-        <label id="km" class="radio radio-inline" tabindex="0">
-            <input type="radio" class="icon-right" name="radiosRight" value="">
+        <label class="radio radio-inline" tabindex="0">
+            <input type="radio" class="icon-right" name="radiosRight" value="km">
             <span class="radio-text">
                 <span>Km</span>
             </span>
         </label>
     </div>
     <div>
-        <label id="miles" class="radio radio-inline" tabindex="0">
-            <input type="radio" class="icon-right" name="radiosRight" value="">
+        <label class="radio radio-inline" tabindex="0">
+            <input type="radio" class="icon-right" name="radiosRight" value="miles">
             <span class="radio-text">
                 <span>Miles</span>
             </span>
         </label>
     </div>
+    <div class="margin-top-25 text-color-dark">Last selected option: <i>nothing selected yet</i>
+    </div>
 </div>
 ```
 
@@ -153,23 +171,7 @@ export default () => (
 
 | Name | Type | Default | Description |
 | --- | --- | --- | --- |
-| label | String / Node | — | Defines the label text. |
-| defaultChecked | Boolean | — | Defines whether the radio is initially checked or not (state can be changed on click). |
-| checked | Boolean | — | Defines whether the radio is checked or not (for controlled usage). |
-| disabled | Boolean | false | Defines whether the checkbox is disabled or not. |
-| inline | Boolean | false | Defines whether the radio button is applying an inline style. Use this in combinationwith other radio buttons. |
-| right | Boolean | false | Displays the icon on the right side of the text. |
-| custom | Boolean | false | Allows for rendering a completely different layout with or without a radio tick. |
-| tabIndex | Number | 0 | The tabindex attribute allows developers to make HTML elements focusable, allow or prevent them from being sequentially focusable (usually with the Tab key, hence the name) and determine their relative ordering for sequential focus navigation. See tabIndex |
-| inputRef | Ref | — | Ref which is added to the input element. |
-| onClick | Function | () => {} | Callback function that is invoked when the radio button is clicked. |
-| onChange | Function | () => {} | Callback function that is invoked when the radio button is clicked and the state changes (for controlled usage). |
-| className | String | — | Additional classes to be set on the input element. |
-| children | any | — | Any element to be rendered inside the text element. |
-| icon | String | — | Define any rioglyph icon like "rioglyph-truck". |
-| iconSize | Number | — | The icon Size in px. |
-| name | String | — | Name to be given to the input element. |
-| iconLabelPosition | String | — | The label position. Possible values are: "horizontal" or "vertical". |
+| tabIndex |  | — | The tabindex attribute allows developers to make HTML elements focusable, allow or prevent them from being sequentially focusable (usually with the Tab key, hence the name) and determine their relative ordering for sequential focus navigation. See tabIndex |
 
 ## Controlled example
 
@@ -238,23 +240,7 @@ export default () => {
 
 | Name | Type | Default | Description |
 | --- | --- | --- | --- |
-| label | String / Node | — | Defines the label text. |
-| defaultChecked | Boolean | — | Defines whether the radio is initially checked or not (state can be changed on click). |
-| checked | Boolean | — | Defines whether the radio is checked or not (for controlled usage). |
-| disabled | Boolean | false | Defines whether the checkbox is disabled or not. |
-| inline | Boolean | false | Defines whether the radio button is applying an inline style. Use this in combinationwith other radio buttons. |
-| right | Boolean | false | Displays the icon on the right side of the text. |
-| custom | Boolean | false | Allows for rendering a completely different layout with or without a radio tick. |
-| tabIndex | Number | 0 | The tabindex attribute allows developers to make HTML elements focusable, allow or prevent them from being sequentially focusable (usually with the Tab key, hence the name) and determine their relative ordering for sequential focus navigation. See tabIndex |
-| inputRef | Ref | — | Ref which is added to the input element. |
-| onClick | Function | () => {} | Callback function that is invoked when the radio button is clicked. |
-| onChange | Function | () => {} | Callback function that is invoked when the radio button is clicked and the state changes (for controlled usage). |
-| className | String | — | Additional classes to be set on the input element. |
-| children | any | — | Any element to be rendered inside the text element. |
-| icon | String | — | Define any rioglyph icon like "rioglyph-truck". |
-| iconSize | Number | — | The icon Size in px. |
-| name | String | — | Name to be given to the input element. |
-| iconLabelPosition | String | — | The label position. Possible values are: "horizontal" or "vertical". |
+| tabIndex |  | — | The tabindex attribute allows developers to make HTML elements focusable, allow or prevent them from being sequentially focusable (usually with the Tab key, hence the name) and determine their relative ordering for sequential focus navigation. See tabIndex |
 
 ## RadioButton with FormData
 
@@ -348,23 +334,7 @@ export default () => {
 
 | Name | Type | Default | Description |
 | --- | --- | --- | --- |
-| label | String / Node | — | Defines the label text. |
-| defaultChecked | Boolean | — | Defines whether the radio is initially checked or not (state can be changed on click). |
-| checked | Boolean | — | Defines whether the radio is checked or not (for controlled usage). |
-| disabled | Boolean | false | Defines whether the checkbox is disabled or not. |
-| inline | Boolean | false | Defines whether the radio button is applying an inline style. Use this in combinationwith other radio buttons. |
-| right | Boolean | false | Displays the icon on the right side of the text. |
-| custom | Boolean | false | Allows for rendering a completely different layout with or without a radio tick. |
-| tabIndex | Number | 0 | The tabindex attribute allows developers to make HTML elements focusable, allow or prevent them from being sequentially focusable (usually with the Tab key, hence the name) and determine their relative ordering for sequential focus navigation. See tabIndex |
-| inputRef | Ref | — | Ref which is added to the input element. |
-| onClick | Function | () => {} | Callback function that is invoked when the radio button is clicked. |
-| onChange | Function | () => {} | Callback function that is invoked when the radio button is clicked and the state changes (for controlled usage). |
-| className | String | — | Additional classes to be set on the input element. |
-| children | any | — | Any element to be rendered inside the text element. |
-| icon | String | — | Define any rioglyph icon like "rioglyph-truck". |
-| iconSize | Number | — | The icon Size in px. |
-| name | String | — | Name to be given to the input element. |
-| iconLabelPosition | String | — | The label position. Possible values are: "horizontal" or "vertical". |
+| tabIndex |  | — | The tabindex attribute allows developers to make HTML elements focusable, allow or prevent them from being sequentially focusable (usually with the Tab key, hence the name) and determine their relative ordering for sequential focus navigation. See tabIndex |
 
 ## Custom cards example
 
@@ -503,23 +473,7 @@ export default () => {
 
 | Name | Type | Default | Description |
 | --- | --- | --- | --- |
-| label | String / Node | — | Defines the label text. |
-| defaultChecked | Boolean | — | Defines whether the radio is initially checked or not (state can be changed on click). |
-| checked | Boolean | — | Defines whether the radio is checked or not (for controlled usage). |
-| disabled | Boolean | false | Defines whether the checkbox is disabled or not. |
-| inline | Boolean | false | Defines whether the radio button is applying an inline style. Use this in combinationwith other radio buttons. |
-| right | Boolean | false | Displays the icon on the right side of the text. |
-| custom | Boolean | false | Allows for rendering a completely different layout with or without a radio tick. |
-| tabIndex | Number | 0 | The tabindex attribute allows developers to make HTML elements focusable, allow or prevent them from being sequentially focusable (usually with the Tab key, hence the name) and determine their relative ordering for sequential focus navigation. See tabIndex |
-| inputRef | Ref | — | Ref which is added to the input element. |
-| onClick | Function | () => {} | Callback function that is invoked when the radio button is clicked. |
-| onChange | Function | () => {} | Callback function that is invoked when the radio button is clicked and the state changes (for controlled usage). |
-| className | String | — | Additional classes to be set on the input element. |
-| children | any | — | Any element to be rendered inside the text element. |
-| icon | String | — | Define any rioglyph icon like "rioglyph-truck". |
-| iconSize | Number | — | The icon Size in px. |
-| name | String | — | Name to be given to the input element. |
-| iconLabelPosition | String | — | The label position. Possible values are: "horizontal" or "vertical". |
+| tabIndex |  | — | The tabindex attribute allows developers to make HTML elements focusable, allow or prevent them from being sequentially focusable (usually with the Tab key, hence the name) and determine their relative ordering for sequential focus navigation. See tabIndex |
 
 ## Custom stacked example
 
@@ -661,23 +615,7 @@ export default () => {
 
 | Name | Type | Default | Description |
 | --- | --- | --- | --- |
-| label | String / Node | — | Defines the label text. |
-| defaultChecked | Boolean | — | Defines whether the radio is initially checked or not (state can be changed on click). |
-| checked | Boolean | — | Defines whether the radio is checked or not (for controlled usage). |
-| disabled | Boolean | false | Defines whether the checkbox is disabled or not. |
-| inline | Boolean | false | Defines whether the radio button is applying an inline style. Use this in combinationwith other radio buttons. |
-| right | Boolean | false | Displays the icon on the right side of the text. |
-| custom | Boolean | false | Allows for rendering a completely different layout with or without a radio tick. |
-| tabIndex | Number | 0 | The tabindex attribute allows developers to make HTML elements focusable, allow or prevent them from being sequentially focusable (usually with the Tab key, hence the name) and determine their relative ordering for sequential focus navigation. See tabIndex |
-| inputRef | Ref | — | Ref which is added to the input element. |
-| onClick | Function | () => {} | Callback function that is invoked when the radio button is clicked. |
-| onChange | Function | () => {} | Callback function that is invoked when the radio button is clicked and the state changes (for controlled usage). |
-| className | String | — | Additional classes to be set on the input element. |
-| children | any | — | Any element to be rendered inside the text element. |
-| icon | String | — | Define any rioglyph icon like "rioglyph-truck". |
-| iconSize | Number | — | The icon Size in px. |
-| name | String | — | Name to be given to the input element. |
-| iconLabelPosition | String | — | The label position. Possible values are: "horizontal" or "vertical". |
+| tabIndex |  | — | The tabindex attribute allows developers to make HTML elements focusable, allow or prevent them from being sequentially focusable (usually with the Tab key, hence the name) and determine their relative ordering for sequential focus navigation. See tabIndex |
 
 ## Custom list example
 
@@ -820,23 +758,7 @@ export default () => {
 
 | Name | Type | Default | Description |
 | --- | --- | --- | --- |
-| label | String / Node | — | Defines the label text. |
-| defaultChecked | Boolean | — | Defines whether the radio is initially checked or not (state can be changed on click). |
-| checked | Boolean | — | Defines whether the radio is checked or not (for controlled usage). |
-| disabled | Boolean | false | Defines whether the checkbox is disabled or not. |
-| inline | Boolean | false | Defines whether the radio button is applying an inline style. Use this in combinationwith other radio buttons. |
-| right | Boolean | false | Displays the icon on the right side of the text. |
-| custom | Boolean | false | Allows for rendering a completely different layout with or without a radio tick. |
-| tabIndex | Number | 0 | The tabindex attribute allows developers to make HTML elements focusable, allow or prevent them from being sequentially focusable (usually with the Tab key, hence the name) and determine their relative ordering for sequential focus navigation. See tabIndex |
-| inputRef | Ref | — | Ref which is added to the input element. |
-| onClick | Function | () => {} | Callback function that is invoked when the radio button is clicked. |
-| onChange | Function | () => {} | Callback function that is invoked when the radio button is clicked and the state changes (for controlled usage). |
-| className | String | — | Additional classes to be set on the input element. |
-| children | any | — | Any element to be rendered inside the text element. |
-| icon | String | — | Define any rioglyph icon like "rioglyph-truck". |
-| iconSize | Number | — | The icon Size in px. |
-| name | String | — | Name to be given to the input element. |
-| iconLabelPosition | String | — | The label position. Possible values are: "horizontal" or "vertical". |
+| tabIndex |  | — | The tabindex attribute allows developers to make HTML elements focusable, allow or prevent them from being sequentially focusable (usually with the Tab key, hence the name) and determine their relative ordering for sequential focus navigation. See tabIndex |
 
 ## Custom example without the tick
 
@@ -955,23 +877,7 @@ export default () => {
 
 | Name | Type | Default | Description |
 | --- | --- | --- | --- |
-| label | String / Node | — | Defines the label text. |
-| defaultChecked | Boolean | — | Defines whether the radio is initially checked or not (state can be changed on click). |
-| checked | Boolean | — | Defines whether the radio is checked or not (for controlled usage). |
-| disabled | Boolean | false | Defines whether the checkbox is disabled or not. |
-| inline | Boolean | false | Defines whether the radio button is applying an inline style. Use this in combinationwith other radio buttons. |
-| right | Boolean | false | Displays the icon on the right side of the text. |
-| custom | Boolean | false | Allows for rendering a completely different layout with or without a radio tick. |
-| tabIndex | Number | 0 | The tabindex attribute allows developers to make HTML elements focusable, allow or prevent them from being sequentially focusable (usually with the Tab key, hence the name) and determine their relative ordering for sequential focus navigation. See tabIndex |
-| inputRef | Ref | — | Ref which is added to the input element. |
-| onClick | Function | () => {} | Callback function that is invoked when the radio button is clicked. |
-| onChange | Function | () => {} | Callback function that is invoked when the radio button is clicked and the state changes (for controlled usage). |
-| className | String | — | Additional classes to be set on the input element. |
-| children | any | — | Any element to be rendered inside the text element. |
-| icon | String | — | Define any rioglyph icon like "rioglyph-truck". |
-| iconSize | Number | — | The icon Size in px. |
-| name | String | — | Name to be given to the input element. |
-| iconLabelPosition | String | — | The label position. Possible values are: "horizontal" or "vertical". |
+| tabIndex |  | — | The tabindex attribute allows developers to make HTML elements focusable, allow or prevent them from being sequentially focusable (usually with the Tab key, hence the name) and determine their relative ordering for sequential focus navigation. See tabIndex |
 
 ## RadioButton with custom icon
 
@@ -1252,20 +1158,4 @@ export default () => {
 
 | Name | Type | Default | Description |
 | --- | --- | --- | --- |
-| label | String / Node | — | Defines the label text. |
-| defaultChecked | Boolean | — | Defines whether the radio is initially checked or not (state can be changed on click). |
-| checked | Boolean | — | Defines whether the radio is checked or not (for controlled usage). |
-| disabled | Boolean | false | Defines whether the checkbox is disabled or not. |
-| inline | Boolean | false | Defines whether the radio button is applying an inline style. Use this in combinationwith other radio buttons. |
-| right | Boolean | false | Displays the icon on the right side of the text. |
-| custom | Boolean | false | Allows for rendering a completely different layout with or without a radio tick. |
-| tabIndex | Number | 0 | The tabindex attribute allows developers to make HTML elements focusable, allow or prevent them from being sequentially focusable (usually with the Tab key, hence the name) and determine their relative ordering for sequential focus navigation. See tabIndex |
-| inputRef | Ref | — | Ref which is added to the input element. |
-| onClick | Function | () => {} | Callback function that is invoked when the radio button is clicked. |
-| onChange | Function | () => {} | Callback function that is invoked when the radio button is clicked and the state changes (for controlled usage). |
-| className | String | — | Additional classes to be set on the input element. |
-| children | any | — | Any element to be rendered inside the text element. |
-| icon | String | — | Define any rioglyph icon like "rioglyph-truck". |
-| iconSize | Number | — | The icon Size in px. |
-| name | String | — | Name to be given to the input element. |
-| iconLabelPosition | String | — | The label position. Possible values are: "horizontal" or "vertical". |
+| tabIndex |  | — | The tabindex attribute allows developers to make HTML elements focusable, allow or prevent them from being sequentially focusable (usually with the Tab key, hence the name) and determine their relative ordering for sequential focus navigation. See tabIndex |

package/dist/docs/components/releaseNotes.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Misc
 *Source:* https://uikit.developers.rio.cloud/#components/releaseNotes
-*Captured:* 2025-12-15T15:02:55.034Z
+*Captured:* 2026-01-14T09:07:47.269Z
 
 Component to render release notes in a standardized manner.
 
@@ -121,15 +121,4 @@ export default () => <ReleaseNotes releaseNotes={releaseNotes[translationKey]} /
         </div>
     </div>
 </div>
-```
-
-#### Props (json)
-
-```json
-{
-    "0.1.2": {
-        date: String,
-        content: arrayOf(nodes) or single node,
-    }
-}
 ```

package/dist/docs/components/resizer.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Misc
 *Source:* https://uikit.developers.rio.cloud/#components/resizer
-*Captured:* 2025-12-15T15:02:55.747Z
+*Captured:* 2026-01-14T09:07:47.328Z
 
 A helper component to allow elements to resize.
 
@@ -147,16 +147,4 @@ export default class ResizeExample extends Component {
         </div>
     </div>
 </div>
-```
-
-#### Props
-
-| Name | Type | Default | Description |
-| --- | --- | --- | --- |
-| direction | String | Resizer.HORIZONTAL | Defines on which axis to resize. Possible values are: Resizer.HORIZONTAL Resizer.VERTICAL or 'x' 'y' |
-| position | String | Resizer.RIGHT | Defines where the resize handle is positioned relative to the element to resize. Possible values are: Resizer.LEFT Resizer.RIGHT Resizer.TOP Resizer.BOTTOM or 'left' 'right' 'top' 'bottom' |
-| onResizeStart | Function | — | Callback when the resize starts, means when the handle is pressed. It returns the respective event. |
-| onResizeEnd | Function | — | Callback when the resize ends, means when the handle is released. It returns the respective event. |
-| onResize | Function | — | Callback when the resize handle is moved. The function returns the distant between the last position and the mouse movement. Means you can either subtract or add this diff to the elements width you want to change. |
-| className | String | — | Additional classes to be set on the wrapper element. |
-| children | any | — | Any element to be rendered inside the resizer handle. |
+```

package/dist/docs/components/responsiveColumnStripe.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Content
 *Source:* https://uikit.developers.rio.cloud/#components/responsiveColumnStripe
-*Captured:* 2025-12-15T15:02:41.718Z
+*Captured:* 2026-01-14T09:07:33.190Z
 
 The ResponsiveColumnStripe component is designed to work with any list of items. The individual items are spread equally according to the available space. The component is totally customizable and does not style the individual items to give maximum flexibility.
 
@@ -415,21 +415,4 @@ const ComplexDemoContent = ({ day, date, active }: ComplexDemoContentProps) => (
         </div>
     </div>
 </div>
-```
-
-#### Props
-
-| Name | Type | Default | Description |
-| --- | --- | --- | --- |
-| minColumnWith | Number | 300 | The minimum width in pixel of a single column. This value determines how many columns are shown per page depending on the parent width. |
-| minColumns | Number | 1 | The minimum amount of columns that should be shown per page. |
-| maxColumns | Number | 5 | The maximum amount of columns that should be shown per page. |
-| stretchLastItems | Boolean | false | Defines whether the items on the last page are stretched out to fill the space. |
-| activePage | Number | 0 | The page that shall be shown. This can be used to control the pages from outside. |
-| asType | String | div | The DOM element type of the wrapping column element. If you need a list, this might be set to "ul". |
-| disableAnimation | Boolean | false | Set to true to skip animating pages. |
-| onPreviousClick | (pageNumber: number, columnsPerPage: number) => void | — | Callback function for when the previous page is clicked. |
-| onNextClick | (pageNumber: number, columnsPerPage: number) => void | — | Callback function for when the next page is clicked. |
-| buttonClassName | String | — | Additional classes set to the navigation buttons. |
-| columnsWrapperClassName | String | — | Additional classes set to the component wrapper element. |
-| className | String | — | Additional classes set to the column wrapper element. |
+```

package/dist/docs/components/responsiveVideo.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Misc
 *Source:* https://uikit.developers.rio.cloud/#components/responsiveVideo
-*Captured:* 2025-12-15T15:02:55.932Z
+*Captured:* 2026-01-14T09:07:48.178Z
 
 ## Responsive Video
 
@@ -59,13 +59,4 @@ export default () => (
         </iframe>
     </div>
 </div>
-```
-
-#### Props
-
-| Name | Type | Default | Description |
-| --- | --- | --- | --- |
-| src | String | — | The link to the source of the video file. |
-| aspectRatio | String | ResponsiveVideo.ASPECT_RATIO_16_BY_9 | Defined the aspect ratio of the video. Possible values are: ResponsiveVideo.ASPECT_RATIO_4_BY_3, ResponsiveVideo.ASPECT_RATIO_16_BY_9 or '4by3', '16by9' |
-| allowFullScreen | Boolean | true | Allows the fullscreen feature of the underlying embedded iframe. |
-| className | String | — | Additional classes added to the wrapping element. |
+```

package/dist/docs/components/rioglyph.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Misc
 *Source:* https://uikit.developers.rio.cloud/#components/rioglyph
-*Captured:* 2025-12-15T15:02:56.167Z
+*Captured:* 2026-01-14T09:07:48.689Z
 
 The Rioglyph component is a React wrapper for the Rioglyph icon set. It provides a convenient and type-safe way to render icons without directly dealing with the utility classnames.
 
@@ -318,14 +318,4 @@ export default () => (
 
 | Name | Type | Default | Description |
 | --- | --- | --- | --- |
-| icon | string | — | The rioglyph icon string OR an external .svg link |
-| iconClassName | string | — | Additional classes set to the icon. |
-| size | string | — | The possible values are: h1, h2, h3, h4, h5, h6 as well as the following size values 10, 11, 12, 14, 16, 18, 20 |
-| spinning | boolean | — | Uses the spinning animation. |
-| pulsing | boolean | — | Uses the pulsing animation. |
-| pairIcon | string | — | The rioglyph icon string OR an external .svg link |
-| pairIconClassName | string | — | Additional classes set to the pairIcon. |
-| filled | boolean | — | Add a round background to the icon |
-| disabled | boolean | — | Add a disabled line |
-| disabledInverse | boolean | — | Flip the disabled line |
-| disabledDanger | boolean | — | Recolor the disabled line to the danger color |
+| icon | string | — | — |