@rio-cloud/uikit-mcp 1.1.2 → 1.1.4

package/dist/docs/components/editableContent.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Interaction
 *Source:* https://uikit.developers.rio.cloud/#components/editableContent
-*Captured:* 2025-12-15T15:02:15.272Z
+*Captured:* 2026-01-14T09:07:04.611Z
 
 The EditableContent component allows for inline editing text or other values. To make sure the user can recognize such an element, it's best to mark the text or content with a dotted line depending on the situation and where it is placed. Alternatively, you can place the "pencil" icon next to the content. Especially on mobile where no hover is available, the editable content must be marked permanently.
 
@@ -60,29 +60,6 @@ export default () => {
 </span>
 ```
 
-#### Props
-
-| Name | Type | Default | Description |
-| --- | --- | --- | --- |
-| show | Boolean | — | Visibility flag used to control edit mode from outside. |
-| onSave | (value: string) => void | — | Callback function triggered when the save button is clicked. |
-| onCancel | VoidFunction | — | Callback function triggered when the cancel button is clicked. |
-| onFocus | VoidFunction | — | Callback function triggered when the input gets focused. |
-| onBlur | VoidFunction | — | Callback function triggered when input looses the focus. |
-| onEditMode | VoidFunction | — | Callback function triggered when entering the edit mode. |
-| onSaveValidation | (value: string) => boolean | — | Validation function to intercept saving and prevent save on error. |
-| isValid | boolean | true | Controls the error message visibility from outside. This is useful when using a custom input where the validation happens outside of this component. |
-| errorMessage | ReactNode | — | The error message that shall be shown to the user in case the validation fails. |
-| customEditor | ReactNode | — | Use this prop to define a custom editor input component like Select, NumberInput, TimePicker or DatePicker. Handling input state changes of a custom editor need to be handled outside of this component. By default the EditableContent uses a built-in textarea to allow resizing for larger text. the text element has borders, spacings different text sizes. |
-| editorOffsetTop | Number | 0 | Offset value to control the vertical position for the editor in case the text element has borders, spacings different text sizes. |
-| editorOffsetLeft | Number | 0 | Offset value to control the horizontal position for the editor in case the text element has borders, spacings different text sizes. |
-| size | String | md | Defines the input and button size. Use "lg" for headlines. |
-| allowResize | Boolean | false | Defines if the internal textarea is allowed to resize vertically. This comes in handy for larger text and when using multiple input rows. |
-| inputRows | Number | 1 | Defines the number of rows to use by the internal textarea component. |
-| inputClassName | String | — | Additional classes to be set on the editor input itself. |
-| editorClassName | String | — | Additional classes to be set on the editor wrapper element. |
-| className | String | — | Additional classes to be set on the text wrapper element. |
-
 ### Example: Headline that can change
 
 Editable headline - like dialog or panel header
@@ -158,29 +135,6 @@ export default () => {
 </div>
 ```
 
-#### Props
-
-| Name | Type | Default | Description |
-| --- | --- | --- | --- |
-| show | Boolean | — | Visibility flag used to control edit mode from outside. |
-| onSave | (value: string) => void | — | Callback function triggered when the save button is clicked. |
-| onCancel | VoidFunction | — | Callback function triggered when the cancel button is clicked. |
-| onFocus | VoidFunction | — | Callback function triggered when the input gets focused. |
-| onBlur | VoidFunction | — | Callback function triggered when input looses the focus. |
-| onEditMode | VoidFunction | — | Callback function triggered when entering the edit mode. |
-| onSaveValidation | (value: string) => boolean | — | Validation function to intercept saving and prevent save on error. |
-| isValid | boolean | true | Controls the error message visibility from outside. This is useful when using a custom input where the validation happens outside of this component. |
-| errorMessage | ReactNode | — | The error message that shall be shown to the user in case the validation fails. |
-| customEditor | ReactNode | — | Use this prop to define a custom editor input component like Select, NumberInput, TimePicker or DatePicker. Handling input state changes of a custom editor need to be handled outside of this component. By default the EditableContent uses a built-in textarea to allow resizing for larger text. the text element has borders, spacings different text sizes. |
-| editorOffsetTop | Number | 0 | Offset value to control the vertical position for the editor in case the text element has borders, spacings different text sizes. |
-| editorOffsetLeft | Number | 0 | Offset value to control the horizontal position for the editor in case the text element has borders, spacings different text sizes. |
-| size | String | md | Defines the input and button size. Use "lg" for headlines. |
-| allowResize | Boolean | false | Defines if the internal textarea is allowed to resize vertically. This comes in handy for larger text and when using multiple input rows. |
-| inputRows | Number | 1 | Defines the number of rows to use by the internal textarea component. |
-| inputClassName | String | — | Additional classes to be set on the editor input itself. |
-| editorClassName | String | — | Additional classes to be set on the editor wrapper element. |
-| className | String | — | Additional classes to be set on the text wrapper element. |
-
 ### Example: Example 3
 
 Editable content using a resizable textarea
@@ -244,29 +198,6 @@ export default () => {
 </div>
 ```
 
-#### Props
-
-| Name | Type | Default | Description |
-| --- | --- | --- | --- |
-| show | Boolean | — | Visibility flag used to control edit mode from outside. |
-| onSave | (value: string) => void | — | Callback function triggered when the save button is clicked. |
-| onCancel | VoidFunction | — | Callback function triggered when the cancel button is clicked. |
-| onFocus | VoidFunction | — | Callback function triggered when the input gets focused. |
-| onBlur | VoidFunction | — | Callback function triggered when input looses the focus. |
-| onEditMode | VoidFunction | — | Callback function triggered when entering the edit mode. |
-| onSaveValidation | (value: string) => boolean | — | Validation function to intercept saving and prevent save on error. |
-| isValid | boolean | true | Controls the error message visibility from outside. This is useful when using a custom input where the validation happens outside of this component. |
-| errorMessage | ReactNode | — | The error message that shall be shown to the user in case the validation fails. |
-| customEditor | ReactNode | — | Use this prop to define a custom editor input component like Select, NumberInput, TimePicker or DatePicker. Handling input state changes of a custom editor need to be handled outside of this component. By default the EditableContent uses a built-in textarea to allow resizing for larger text. the text element has borders, spacings different text sizes. |
-| editorOffsetTop | Number | 0 | Offset value to control the vertical position for the editor in case the text element has borders, spacings different text sizes. |
-| editorOffsetLeft | Number | 0 | Offset value to control the horizontal position for the editor in case the text element has borders, spacings different text sizes. |
-| size | String | md | Defines the input and button size. Use "lg" for headlines. |
-| allowResize | Boolean | false | Defines if the internal textarea is allowed to resize vertically. This comes in handy for larger text and when using multiple input rows. |
-| inputRows | Number | 1 | Defines the number of rows to use by the internal textarea component. |
-| inputClassName | String | — | Additional classes to be set on the editor input itself. |
-| editorClassName | String | — | Additional classes to be set on the editor wrapper element. |
-| className | String | — | Additional classes to be set on the text wrapper element. |
-
 ### Example: Example 4
 
 Focusable editable content with input validationThis content must not contain numbers.
@@ -344,29 +275,6 @@ export default () => {
 </div>
 ```
 
-#### Props
-
-| Name | Type | Default | Description |
-| --- | --- | --- | --- |
-| show | Boolean | — | Visibility flag used to control edit mode from outside. |
-| onSave | (value: string) => void | — | Callback function triggered when the save button is clicked. |
-| onCancel | VoidFunction | — | Callback function triggered when the cancel button is clicked. |
-| onFocus | VoidFunction | — | Callback function triggered when the input gets focused. |
-| onBlur | VoidFunction | — | Callback function triggered when input looses the focus. |
-| onEditMode | VoidFunction | — | Callback function triggered when entering the edit mode. |
-| onSaveValidation | (value: string) => boolean | — | Validation function to intercept saving and prevent save on error. |
-| isValid | boolean | true | Controls the error message visibility from outside. This is useful when using a custom input where the validation happens outside of this component. |
-| errorMessage | ReactNode | — | The error message that shall be shown to the user in case the validation fails. |
-| customEditor | ReactNode | — | Use this prop to define a custom editor input component like Select, NumberInput, TimePicker or DatePicker. Handling input state changes of a custom editor need to be handled outside of this component. By default the EditableContent uses a built-in textarea to allow resizing for larger text. the text element has borders, spacings different text sizes. |
-| editorOffsetTop | Number | 0 | Offset value to control the vertical position for the editor in case the text element has borders, spacings different text sizes. |
-| editorOffsetLeft | Number | 0 | Offset value to control the horizontal position for the editor in case the text element has borders, spacings different text sizes. |
-| size | String | md | Defines the input and button size. Use "lg" for headlines. |
-| allowResize | Boolean | false | Defines if the internal textarea is allowed to resize vertically. This comes in handy for larger text and when using multiple input rows. |
-| inputRows | Number | 1 | Defines the number of rows to use by the internal textarea component. |
-| inputClassName | String | — | Additional classes to be set on the editor input itself. |
-| editorClassName | String | — | Additional classes to be set on the editor wrapper element. |
-| className | String | — | Additional classes to be set on the text wrapper element. |
-
 ### Example: Example 5
 
 Editable text inside of another textLorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. This text can be edited Ut consectetur enim nec tortor scelerisque tincidunt. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.`;
@@ -418,29 +326,6 @@ export default () => {
     </span> Ut consectetur enim nec tortor scelerisque tincidunt. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.`;</p>
 ```
 
-#### Props
-
-| Name | Type | Default | Description |
-| --- | --- | --- | --- |
-| show | Boolean | — | Visibility flag used to control edit mode from outside. |
-| onSave | (value: string) => void | — | Callback function triggered when the save button is clicked. |
-| onCancel | VoidFunction | — | Callback function triggered when the cancel button is clicked. |
-| onFocus | VoidFunction | — | Callback function triggered when the input gets focused. |
-| onBlur | VoidFunction | — | Callback function triggered when input looses the focus. |
-| onEditMode | VoidFunction | — | Callback function triggered when entering the edit mode. |
-| onSaveValidation | (value: string) => boolean | — | Validation function to intercept saving and prevent save on error. |
-| isValid | boolean | true | Controls the error message visibility from outside. This is useful when using a custom input where the validation happens outside of this component. |
-| errorMessage | ReactNode | — | The error message that shall be shown to the user in case the validation fails. |
-| customEditor | ReactNode | — | Use this prop to define a custom editor input component like Select, NumberInput, TimePicker or DatePicker. Handling input state changes of a custom editor need to be handled outside of this component. By default the EditableContent uses a built-in textarea to allow resizing for larger text. the text element has borders, spacings different text sizes. |
-| editorOffsetTop | Number | 0 | Offset value to control the vertical position for the editor in case the text element has borders, spacings different text sizes. |
-| editorOffsetLeft | Number | 0 | Offset value to control the horizontal position for the editor in case the text element has borders, spacings different text sizes. |
-| size | String | md | Defines the input and button size. Use "lg" for headlines. |
-| allowResize | Boolean | false | Defines if the internal textarea is allowed to resize vertically. This comes in handy for larger text and when using multiple input rows. |
-| inputRows | Number | 1 | Defines the number of rows to use by the internal textarea component. |
-| inputClassName | String | — | Additional classes to be set on the editor input itself. |
-| editorClassName | String | — | Additional classes to be set on the editor wrapper element. |
-| className | String | — | Additional classes to be set on the text wrapper element. |
-
 ### Example: Example 6
 
 Render NumberControl as custom editor component
@@ -562,29 +447,6 @@ export default () => {
 </div>
 ```
 
-#### Props
-
-| Name | Type | Default | Description |
-| --- | --- | --- | --- |
-| show | Boolean | — | Visibility flag used to control edit mode from outside. |
-| onSave | (value: string) => void | — | Callback function triggered when the save button is clicked. |
-| onCancel | VoidFunction | — | Callback function triggered when the cancel button is clicked. |
-| onFocus | VoidFunction | — | Callback function triggered when the input gets focused. |
-| onBlur | VoidFunction | — | Callback function triggered when input looses the focus. |
-| onEditMode | VoidFunction | — | Callback function triggered when entering the edit mode. |
-| onSaveValidation | (value: string) => boolean | — | Validation function to intercept saving and prevent save on error. |
-| isValid | boolean | true | Controls the error message visibility from outside. This is useful when using a custom input where the validation happens outside of this component. |
-| errorMessage | ReactNode | — | The error message that shall be shown to the user in case the validation fails. |
-| customEditor | ReactNode | — | Use this prop to define a custom editor input component like Select, NumberInput, TimePicker or DatePicker. Handling input state changes of a custom editor need to be handled outside of this component. By default the EditableContent uses a built-in textarea to allow resizing for larger text. the text element has borders, spacings different text sizes. |
-| editorOffsetTop | Number | 0 | Offset value to control the vertical position for the editor in case the text element has borders, spacings different text sizes. |
-| editorOffsetLeft | Number | 0 | Offset value to control the horizontal position for the editor in case the text element has borders, spacings different text sizes. |
-| size | String | md | Defines the input and button size. Use "lg" for headlines. |
-| allowResize | Boolean | false | Defines if the internal textarea is allowed to resize vertically. This comes in handy for larger text and when using multiple input rows. |
-| inputRows | Number | 1 | Defines the number of rows to use by the internal textarea component. |
-| inputClassName | String | — | Additional classes to be set on the editor input itself. |
-| editorClassName | String | — | Additional classes to be set on the editor wrapper element. |
-| className | String | — | Additional classes to be set on the text wrapper element. |
-
 ### Example: Example 7
 
 Render NumberInput as custom editor component with input validation
@@ -707,29 +569,6 @@ export default () => {
 </div>
 ```
 
-#### Props
-
-| Name | Type | Default | Description |
-| --- | --- | --- | --- |
-| show | Boolean | — | Visibility flag used to control edit mode from outside. |
-| onSave | (value: string) => void | — | Callback function triggered when the save button is clicked. |
-| onCancel | VoidFunction | — | Callback function triggered when the cancel button is clicked. |
-| onFocus | VoidFunction | — | Callback function triggered when the input gets focused. |
-| onBlur | VoidFunction | — | Callback function triggered when input looses the focus. |
-| onEditMode | VoidFunction | — | Callback function triggered when entering the edit mode. |
-| onSaveValidation | (value: string) => boolean | — | Validation function to intercept saving and prevent save on error. |
-| isValid | boolean | true | Controls the error message visibility from outside. This is useful when using a custom input where the validation happens outside of this component. |
-| errorMessage | ReactNode | — | The error message that shall be shown to the user in case the validation fails. |
-| customEditor | ReactNode | — | Use this prop to define a custom editor input component like Select, NumberInput, TimePicker or DatePicker. Handling input state changes of a custom editor need to be handled outside of this component. By default the EditableContent uses a built-in textarea to allow resizing for larger text. the text element has borders, spacings different text sizes. |
-| editorOffsetTop | Number | 0 | Offset value to control the vertical position for the editor in case the text element has borders, spacings different text sizes. |
-| editorOffsetLeft | Number | 0 | Offset value to control the horizontal position for the editor in case the text element has borders, spacings different text sizes. |
-| size | String | md | Defines the input and button size. Use "lg" for headlines. |
-| allowResize | Boolean | false | Defines if the internal textarea is allowed to resize vertically. This comes in handy for larger text and when using multiple input rows. |
-| inputRows | Number | 1 | Defines the number of rows to use by the internal textarea component. |
-| inputClassName | String | — | Additional classes to be set on the editor input itself. |
-| editorClassName | String | — | Additional classes to be set on the editor wrapper element. |
-| className | String | — | Additional classes to be set on the text wrapper element. |
-
 ## Usage guidelines
 
 ### Example: Example 8
@@ -1101,27 +940,4 @@ export default () => {
         <div class="width-100pct children-first-margin-top-0 children-last-margin-bottom-0 padding-top-1">In general, don't make every cell in a table editable. The indication style would be too repetitive and the user does not expect this behavior as it is not implemented in other services like so. Strive for a common look and feel with regards to other services.</div>
     </div>
 </b>
-```
-
-#### Props
-
-| Name | Type | Default | Description |
-| --- | --- | --- | --- |
-| show | Boolean | — | Visibility flag used to control edit mode from outside. |
-| onSave | (value: string) => void | — | Callback function triggered when the save button is clicked. |
-| onCancel | VoidFunction | — | Callback function triggered when the cancel button is clicked. |
-| onFocus | VoidFunction | — | Callback function triggered when the input gets focused. |
-| onBlur | VoidFunction | — | Callback function triggered when input looses the focus. |
-| onEditMode | VoidFunction | — | Callback function triggered when entering the edit mode. |
-| onSaveValidation | (value: string) => boolean | — | Validation function to intercept saving and prevent save on error. |
-| isValid | boolean | true | Controls the error message visibility from outside. This is useful when using a custom input where the validation happens outside of this component. |
-| errorMessage | ReactNode | — | The error message that shall be shown to the user in case the validation fails. |
-| customEditor | ReactNode | — | Use this prop to define a custom editor input component like Select, NumberInput, TimePicker or DatePicker. Handling input state changes of a custom editor need to be handled outside of this component. By default the EditableContent uses a built-in textarea to allow resizing for larger text. the text element has borders, spacings different text sizes. |
-| editorOffsetTop | Number | 0 | Offset value to control the vertical position for the editor in case the text element has borders, spacings different text sizes. |
-| editorOffsetLeft | Number | 0 | Offset value to control the horizontal position for the editor in case the text element has borders, spacings different text sizes. |
-| size | String | md | Defines the input and button size. Use "lg" for headlines. |
-| allowResize | Boolean | false | Defines if the internal textarea is allowed to resize vertically. This comes in handy for larger text and when using multiple input rows. |
-| inputRows | Number | 1 | Defines the number of rows to use by the internal textarea component. |
-| inputClassName | String | — | Additional classes to be set on the editor input itself. |
-| editorClassName | String | — | Additional classes to be set on the editor wrapper element. |
-| className | String | — | Additional classes to be set on the text wrapper element. |
+```

package/dist/docs/components/expander.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Show/Hide
 *Source:* https://uikit.developers.rio.cloud/#components/expander
-*Captured:* 2025-12-15T15:02:21.037Z
+*Captured:* 2026-01-14T09:07:10.877Z
 
 A simple panel component where the "panel-body" can be expanded.
 
@@ -117,22 +117,7 @@ export default () => {
 
 | Name | Type | Default | Description |
 | --- | --- | --- | --- |
-| title | String / Node | — | The title to be shown in the expander header. |
-| bsStyle | String | 'blank' | Component visual or contextual style variants. Possible values are: 'default' 'separator' 'blank' 'primary' 'secondary' 'info' 'warning' 'danger' 'success' |
-| iconLeft | Boolean | false | Defines if the icon will be align left, otherwise it is aligned right. |
-| open | Boolean | false | Defines if the panel will be opened or closed by default. The open/closed state will be handled internally |
-| unmountOnExit | Boolean | true | It unmounts the body component (remove it from the DOM) when it is collapsed. Set it to false to avoid the unmount. |
-| className | String | — | Additional classes to be set on the wrapper element. |
-| iconClassName | String | — | Additional classes added to the chevron icon |
-| headerClassName | String | — | Additional classes to be set on the panel header. |
-| titleClassName | String | — | Additional classes to be set on the header title. |
-| bodyClassName | String | — | Additional classes to be set on the panel body. |
-| onToggle | (isOpen: boolean) => void | — | Callback function for when the header is clicked and the expander toggles. |
-| onEntered | VoidFunction | — | Callback fired after the component has expanded. |
-| onExited | VoidFunction | — | Callback fired after the component has collapsed. |
-| onAnimationStart | VoidFunction | — | Callback fired when the animation starts for either expand or collapse. |
-| children | Node | — | Any element to be rendered inside the panel body. |
-| children | Function | — | Providing a function enables the "render props" approach. The function gets the isOpen state passed and is responsible for rendering the custom content. |
+| children |  | — | — |
 
 ### Example: Default
 
@@ -277,8 +262,8 @@ export default () => (
                     bsStyle='separator'
                     bodyClassName='padding-top-5 padding-x-0'
                 >
-                    {(open: boolean) => {
-                        console.log(`isOpen: ${open}`);
+                    {isOpen => {
+                        console.log(`isOpen: ${isOpen}`);
                         return content2;
                     }}
                 </ExpanderPanel>
@@ -291,8 +276,8 @@ export default () => (
                     bsStyle='separator'
                     bodyClassName='padding-top-5 padding-right-20'
                 >
-                    {(open: boolean) => {
-                        console.log(`isOpen: ${open}`);
+                    {isOpen => {
+                        console.log(`isOpen: ${isOpen}`);
                         return content2;
                     }}
                 </ExpanderPanel>
@@ -300,8 +285,8 @@ export default () => (
             <div className='grid-colspan-1 grid-colspan-2-lg'>
                 <label className='text-color-dark'>Primary</label>
                 <ExpanderPanel title='Lorem ipsum' titleClassName='text-normal' bsStyle='primary'>
-                    {(open: boolean) => {
-                        console.log(`isOpen: ${open}`);
+                    {isOpen => {
+                        console.log(`isOpen: ${isOpen}`);
                         return content2;
                     }}
                 </ExpanderPanel>
@@ -309,37 +294,37 @@ export default () => (
             <div className='grid-colspan-1 grid-colspan-2-lg'>
                 <label className='text-color-dark'>Primary</label>
                 <ExpanderPanel title='Header with icon left' titleClassName='text-normal' iconLeft bsStyle='primary'>
-                    {(open: boolean) => {
-                        console.log(`isOpen: ${open}`);
+                    {isOpen => {
+                        console.log(`isOpen: ${isOpen}`);
                         return content2;
                     }}
                 </ExpanderPanel>
             </div>
-            <div className=''>
+            <div>
                 <label className='text-color-dark'>Secondary</label>
                 <ExpanderPanel title='Lorem ipsum' bsStyle='secondary'>
                     {dummyTextExtraShort}
                 </ExpanderPanel>
             </div>
-            <div className=''>
+            <div>
                 <label className='text-color-dark'>Info</label>
                 <ExpanderPanel title='Lorem ipsum' bsStyle='info'>
                     {dummyTextExtraShort}
                 </ExpanderPanel>
             </div>
-            <div className=''>
+            <div>
                 <label className='text-color-dark'>Warning</label>
                 <ExpanderPanel title='Lorem ipsum' bsStyle='warning'>
                     {dummyTextExtraShort}
                 </ExpanderPanel>
             </div>
-            <div className=''>
+            <div>
                 <label className='text-color-dark'>Danger</label>
                 <ExpanderPanel title='Lorem ipsum' bsStyle='danger'>
                     {dummyTextExtraShort}
                 </ExpanderPanel>
             </div>
-            <div className=''>
+            <div>
                 <label className='text-color-dark'>success</label>
                 <ExpanderPanel title='Lorem ipsum' bsStyle='success'>
                     {dummyTextExtraShort}
@@ -386,7 +371,7 @@ const DynamicContent = () => {
         const idString = event.currentTarget.getAttribute('data-id');
         if (idString) {
             const id = Number.parseInt(idString, 10);
-            if (!isNaN(id)) {
+            if (!Number.isNaN(id)) {
                 setListItems(listItems.filter(item => item.id !== id));
             }
         }
@@ -542,7 +527,7 @@ const DynamicContent = () => {
                 </div>
             </div>
         </div>
-        <div class="">
+        <div>
             <label class="text-color-dark">Secondary</label>
             <div class="expander-panel panel panel-secondary" aria-label="expander panel">
                 <div class="panel-heading" aria-label="panel heading">
@@ -552,7 +537,7 @@ const DynamicContent = () => {
                 </div>
             </div>
         </div>
-        <div class="">
+        <div>
             <label class="text-color-dark">Info</label>
             <div class="expander-panel panel panel-info" aria-label="expander panel">
                 <div class="panel-heading" aria-label="panel heading">
@@ -562,7 +547,7 @@ const DynamicContent = () => {
                 </div>
             </div>
         </div>
-        <div class="">
+        <div>
             <label class="text-color-dark">Warning</label>
             <div class="expander-panel panel panel-warning" aria-label="expander panel">
                 <div class="panel-heading" aria-label="panel heading">
@@ -572,7 +557,7 @@ const DynamicContent = () => {
                 </div>
             </div>
         </div>
-        <div class="">
+        <div>
             <label class="text-color-dark">Danger</label>
             <div class="expander-panel panel panel-danger" aria-label="expander panel">
                 <div class="panel-heading" aria-label="panel heading">
@@ -582,7 +567,7 @@ const DynamicContent = () => {
                 </div>
             </div>
         </div>
-        <div class="">
+        <div>
             <label class="text-color-dark">success</label>
             <div class="expander-panel panel panel-success" aria-label="expander panel">
                 <div class="panel-heading" aria-label="panel heading">
@@ -656,22 +641,7 @@ const DynamicContent = () => {
 
 | Name | Type | Default | Description |
 | --- | --- | --- | --- |
-| title | String / Node | — | The title to be shown in the expander header. |
-| bsStyle | String | 'blank' | Component visual or contextual style variants. Possible values are: 'default' 'separator' 'blank' 'primary' 'secondary' 'info' 'warning' 'danger' 'success' |
-| iconLeft | Boolean | false | Defines if the icon will be align left, otherwise it is aligned right. |
-| open | Boolean | false | Defines if the panel will be opened or closed by default. The open/closed state will be handled internally |
-| unmountOnExit | Boolean | true | It unmounts the body component (remove it from the DOM) when it is collapsed. Set it to false to avoid the unmount. |
-| className | String | — | Additional classes to be set on the wrapper element. |
-| iconClassName | String | — | Additional classes added to the chevron icon |
-| headerClassName | String | — | Additional classes to be set on the panel header. |
-| titleClassName | String | — | Additional classes to be set on the header title. |
-| bodyClassName | String | — | Additional classes to be set on the panel body. |
-| onToggle | (isOpen: boolean) => void | — | Callback function for when the header is clicked and the expander toggles. |
-| onEntered | VoidFunction | — | Callback fired after the component has expanded. |
-| onExited | VoidFunction | — | Callback fired after the component has collapsed. |
-| onAnimationStart | VoidFunction | — | Callback fired when the animation starts for either expand or collapse. |
-| children | Node | — | Any element to be rendered inside the panel body. |
-| children | Function | — | Providing a function enables the "render props" approach. The function gets the isOpen state passed and is responsible for rendering the custom content. |
+| children |  | — | — |
 
 ## ExpanderList
 
@@ -950,21 +920,4 @@ export default () => {
     </ul>
     <button type="button" class="btn btn-default btn-component" tabindex="0">Toggle first</button>
 </div>
-```
-
-#### Props
-
-| Name | Type | Default | Description |
-| --- | --- | --- | --- |
-| items | Array of Objects | [] | List of items to be rendered |
-| └id | String / Number | — | The "id" property is used to know which item is expanded. It will also be used to control the component from the outside. It can be a number or a string. If there is no "id" provided, a unique id is internally generated which will be used internally for the uncontrolled case. |
-| └header | String / Node | — | The header content. |
-| └body | String / Node | — | The body content. If there is no "body" provided, the list item is not expandable. |
-| └open | Boolean | — | Defines if the item will be expanded or closed by default. |
-| └className | String | — | Additional classes to be set on list item node. |
-| └headerClassName | String | — | Additional classes to be set on "expander-list-header" node. |
-| └bodyClassName | String | — | Additional classes to be set on "expander-list-body" node. |
-| rounded | Boolean | true | Defines whether the "expander-list-body" is rounded or not. |
-| border | Boolean | true | Defines whether the "expander-list-body" has a border or not. |
-| unmountOnExit | Boolean | true | It unmounts the body component (remove it from the DOM) when it is collapsed. Set it to false to avoid the unmount. |
-| className | String | — | Additional classes to be set on the unordered list itself. |
+```

package/dist/docs/components/fade.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Show/Hide
 *Source:* https://uikit.developers.rio.cloud/#components/fade
-*Captured:* 2025-12-15T15:02:22.651Z
+*Captured:* 2026-01-14T09:07:12.339Z
 
 The Fade component fades in and out content with a given animation style.
 
@@ -148,14 +148,7 @@ export default () => {
 
 | Name | Type | Default | Description |
 | --- | --- | --- | --- |
-| show | Boolean | true | Defines whether to show the content or not. |
-| duration | Number | 0.2 | Duration of the fade animation in seconds. |
-| initial | Boolean | false | Defines whether or not the animation is triggered initially when showing the content. |
-| animationStyle | String | fade | Defines the desired animation style. Possible values are: fade tabs page pageBackfromLeft fromRight fromTop fromBottom |
-| exitBeforeEnter | Boolean | false | If set to true, only one component will be rendered at a time. The exiting component will finish its exit animation before the entering component is rendered. |
-| onExitComplete | Function | () => {} | Fires when all exiting nodes have completed animating out. |
-| animatePresenceProps | Object | — | Additional custom props for the underlying Framer motion AnimatePresence component. Use this for additional customizations. |
-| motionProps | Object | — | Additional custom props for the underlying Framer motion <motion.div> component. Use this for additional customizations. |
+| animationStyle |  | — | — |
 
 ### Example: Example 2
 
@@ -263,14 +256,7 @@ const ContentTab2 = () => (
 
 | Name | Type | Default | Description |
 | --- | --- | --- | --- |
-| show | Boolean | true | Defines whether to show the content or not. |
-| duration | Number | 0.2 | Duration of the fade animation in seconds. |
-| initial | Boolean | false | Defines whether or not the animation is triggered initially when showing the content. |
-| animationStyle | String | fade | Defines the desired animation style. Possible values are: fade tabs page pageBackfromLeft fromRight fromTop fromBottom |
-| exitBeforeEnter | Boolean | false | If set to true, only one component will be rendered at a time. The exiting component will finish its exit animation before the entering component is rendered. |
-| onExitComplete | Function | () => {} | Fires when all exiting nodes have completed animating out. |
-| animatePresenceProps | Object | — | Additional custom props for the underlying Framer motion AnimatePresence component. Use this for additional customizations. |
-| motionProps | Object | — | Additional custom props for the underlying Framer motion <motion.div> component. Use this for additional customizations. |
+| animationStyle |  | — | — |
 
 ### Example: Example 3
 
@@ -392,14 +378,7 @@ const ContentTab2 = () => (
 
 | Name | Type | Default | Description |
 | --- | --- | --- | --- |
-| show | Boolean | true | Defines whether to show the content or not. |
-| duration | Number | 0.2 | Duration of the fade animation in seconds. |
-| initial | Boolean | false | Defines whether or not the animation is triggered initially when showing the content. |
-| animationStyle | String | fade | Defines the desired animation style. Possible values are: fade tabs page pageBackfromLeft fromRight fromTop fromBottom |
-| exitBeforeEnter | Boolean | false | If set to true, only one component will be rendered at a time. The exiting component will finish its exit animation before the entering component is rendered. |
-| onExitComplete | Function | () => {} | Fires when all exiting nodes have completed animating out. |
-| animatePresenceProps | Object | — | Additional custom props for the underlying Framer motion AnimatePresence component. Use this for additional customizations. |
-| motionProps | Object | — | Additional custom props for the underlying Framer motion <motion.div> component. Use this for additional customizations. |
+| animationStyle |  | — | — |
 
 ### Example: Example 4
 
@@ -570,14 +549,7 @@ const Content3 = () => (
 
 | Name | Type | Default | Description |
 | --- | --- | --- | --- |
-| show | Boolean | true | Defines whether to show the content or not. |
-| duration | Number | 0.2 | Duration of the fade animation in seconds. |
-| initial | Boolean | false | Defines whether or not the animation is triggered initially when showing the content. |
-| animationStyle | String | fade | Defines the desired animation style. Possible values are: fade tabs page pageBackfromLeft fromRight fromTop fromBottom |
-| exitBeforeEnter | Boolean | false | If set to true, only one component will be rendered at a time. The exiting component will finish its exit animation before the entering component is rendered. |
-| onExitComplete | Function | () => {} | Fires when all exiting nodes have completed animating out. |
-| animatePresenceProps | Object | — | Additional custom props for the underlying Framer motion AnimatePresence component. Use this for additional customizations. |
-| motionProps | Object | — | Additional custom props for the underlying Framer motion <motion.div> component. Use this for additional customizations. |
+| animationStyle |  | — | — |
 
 ### Example: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
 
@@ -826,11 +798,4 @@ const ItemDetails = ({ title = '', onBack }: { title: string | undefined; onBack
 
 | Name | Type | Default | Description |
 | --- | --- | --- | --- |
-| show | Boolean | true | Defines whether to show the content or not. |
-| duration | Number | 0.2 | Duration of the fade animation in seconds. |
-| initial | Boolean | false | Defines whether or not the animation is triggered initially when showing the content. |
-| animationStyle | String | fade | Defines the desired animation style. Possible values are: fade tabs page pageBackfromLeft fromRight fromTop fromBottom |
-| exitBeforeEnter | Boolean | false | If set to true, only one component will be rendered at a time. The exiting component will finish its exit animation before the entering component is rendered. |
-| onExitComplete | Function | () => {} | Fires when all exiting nodes have completed animating out. |
-| animatePresenceProps | Object | — | Additional custom props for the underlying Framer motion AnimatePresence component. Use this for additional customizations. |
-| motionProps | Object | — | Additional custom props for the underlying Framer motion <motion.div> component. Use this for additional customizations. |
+| animationStyle |  | — | — |

package/dist/docs/components/fadeExpander.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Show/Hide
 *Source:* https://uikit.developers.rio.cloud/#components/fadeExpander
-*Captured:* 2025-12-15T15:02:19.853Z
+*Captured:* 2026-01-14T09:07:10.038Z
 
 The FadeExpander component fades in and expands when the content.
 
@@ -168,13 +168,4 @@ export default () => {
         </div>
     </div>
 </div>
-```
-
-#### Props
-
-| Name | Type | Default | Description |
-| --- | --- | --- | --- |
-| show | boolean | false | Defines if the content is shown or not. |
-| delay | Number | 0 | Defines the time the animation should wait until it starts. |
-| duration | Number | 0.2 | Defines the duration in seconds of the expand animation. |
-| className | String | — | Additional classes names added to the motion div wrapper. |
+```

package/dist/docs/components/fadeUp.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Show/Hide
 *Source:* https://uikit.developers.rio.cloud/#components/fadeUp
-*Captured:* 2025-12-15T15:02:21.001Z
+*Captured:* 2026-01-14T09:07:10.833Z
 
 The FadeUp component fades in when the content appears on the screen. After it faded in, the element will stay on screen. This can be used in a scrolling scenario where elements should fade up when they scroll into view. Using the delay helps to stagger the animation.
 
@@ -143,7 +143,6 @@ export default () => {
     return (
         <div className='max-width-500 max-height-500 overflow-auto padding-x-25'>
             {Array.from({ length: 30 }, (_, index) => (
-                // biome-ignore lint/suspicious/noArrayIndexKey: <explanation>
                 <FadeUp key={index} duration={0.5} delay={0.3}>
                     <div className='bg-white rounded border padding-25 margin-bottom-15'>{dummyText}</div>
                 </FadeUp>
@@ -280,15 +279,6 @@ export default () => {
 </div>
 ```
 
-#### Props
-
-| Name | Type | Default | Description |
-| --- | --- | --- | --- |
-| delay | Number | 0 | Defines the time the animation should wait until it starts. |
-| duration | Number | 0.4 | Defines the duration in seconds of the fade up animation. |
-| offset | number | 15 | Defines the y offset from the bottom where the element starts to fade in. |
-| className | String | — | Additional classes names added to the motion div wrapper. |
-
 ### Example: Lorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis.
 
 Lorem ipsum dolor sit amet
@@ -338,7 +328,6 @@ export default () => {
 
             <FadeUp delay={1.3} className='display-grid grid-cols-1 grid-cols-3-md gap-15'>
                 {Array.from({ length: 3 }, (_, index) => (
-                    // biome-ignore lint/suspicious/noArrayIndexKey: <explanation>
                     <FadeUp key={index} delay={1.5 + index * 0.2}>
                         <div className='bg-white rounded border padding-25 margin-bottom-15'>{dummyTextShort}</div>
                     </FadeUp>
@@ -358,7 +347,7 @@ export default () => {
             <div class="" style="opacity: 1; transform: none;">
                 <h1 class="">Lorem ipsum dolor sit amet</h1>
             </div>
-            <div class="" style="opacity: 0; transform: translateY(-0.0080429px);">
+            <div class="" style="opacity: 0; transform: translateY(0.0309728px);">
                 <p class="text-color-dark">
                     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.</p>
             </div>
@@ -384,13 +373,4 @@ data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwMCIgaGVpZ2h0PSI2NjYiIHhtbG5zPSJodH
         </div>
     </div>
 </div>
-```
-
-#### Props
-
-| Name | Type | Default | Description |
-| --- | --- | --- | --- |
-| delay | Number | 0 | Defines the time the animation should wait until it starts. |
-| duration | Number | 0.4 | Defines the duration in seconds of the fade up animation. |
-| offset | number | 15 | Defines the y offset from the bottom where the element starts to fade in. |
-| className | String | — | Additional classes names added to the motion div wrapper. |
+```