@rio-cloud/uikit-mcp 1.1.2 → 1.1.4

package/dist/docs/components/dialogs.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Content
 *Source:* https://uikit.developers.rio.cloud/#components/dialogs
-*Captured:* 2025-12-15T15:02:46.405Z
+*Captured:* 2026-01-14T09:07:37.934Z
 
 This component allows the user to create a generic modal dialog.
 
@@ -376,27 +376,6 @@ export default () => {
 </div>
 ```
 
-#### Props
-
-| Name | Type | Default | Description |
-| --- | --- | --- | --- |
-| show | Boolean | false | Opens the dialog when set to true |
-| title | Node | — | The dialog title (can also be a FormattedMessage component) |
-| subtitle | Node | — | The subtitle content |
-| body | Node | — | The dialog body content |
-| footer | Node | — | The dialog footer content |
-| onClose | Function | () => {} | A callback function invoked when the dialog closes |
-| onCloseValidation | Function | () => true | A callback function to be executed before closing the dialog. If the function returns false the dialog will not be closed. |
-| showCloseButton | Boolean | true | Shows a close button when set to true |
-| disableEsc | Boolean | false | Enables or disabled closing the dialog via esc key |
-| onEsc | Function | () => {} | A callback fired when esc key is pressed and the dialog is about to close |
-| useOverflow | Boolean | false | Enables the modal body to overflow and use inline scrolling if needed.Set the class "no-overflow-gradient" to remove the overflow gradient in case it is problematic like when the background is gray. |
-| bsSize | String | md | Defined how large the dialog will be rendered. By default, the dialog has a medium size and thus it can be omitted. Possible values are: Dialog.SIZE_XS, Dialog.SIZE_SM, Dialog.SIZE_LG, Dialog.SIZE_XL, Dialog.SIZE_FULL_WIDTH, Dialog.SIZE_FULL_HEIGHT, Dialog.SIZE_FULL_SCREEN or 'xs', 'sm', 'lg', 'xl', 'fullwidth', 'fullheight', 'fullheight-lg', 'fullheight-xl', 'fullscreen' |
-| headerButtons | ReactNode | — | Allows to add additional buttons to the dialog header |
-| className | String | — | Additional classes for the modal element |
-| bodyClassName | String | — | Additional classes for the modal-body element |
-| footerClassName | String | — | Additional classes for the modal-footer element |
-
 ## Dialog compound components
 
 To accommodate forms within the dialog body and have the submit button in the footer or wrapping individual parts of the dialog, a more flexible approach to rendering its individual components is needed. In this scenario, you can make use of the dialog compound components.
@@ -532,32 +511,6 @@ export default () => {
 </div>
 ```
 
-#### Props: Dialog.Title
-
-### Dialog.Title
-
-| Name | Type | Default | Description |
-| --- | --- | --- | --- |
-| title | Node | — | The dialog title (can also be a FormattedMessage component) |
-| subtitle | Node | — | The subtitle content |
-| headerButtons | ReactNode | — | Allows to add additional buttons to the dialog header |
-
-#### Props: Dialog.Body
-
-### Dialog.Body
-
-| Name | Type | Default | Description |
-| --- | --- | --- | --- |
-| className | String | — | Additional classes set on the wrapper element |
-
-#### Props: Dialog.Footer
-
-### Dialog.Footer
-
-| Name | Type | Default | Description |
-| --- | --- | --- | --- |
-| className | String | — | Additional classes set on the wrapper element |
-
 ## Dialogs with validation
 
 ### Example: Example 3
@@ -669,27 +622,6 @@ export default () => {
 <button type="button" class="btn btn-primary btn-component" tabindex="0">Open dialog</button>
 ```
 
-#### Props
-
-| Name | Type | Default | Description |
-| --- | --- | --- | --- |
-| show | Boolean | false | Opens the dialog when set to true |
-| title | Node | — | The dialog title (can also be a FormattedMessage component) |
-| subtitle | Node | — | The subtitle content |
-| body | Node | — | The dialog body content |
-| footer | Node | — | The dialog footer content |
-| onClose | Function | () => {} | A callback function invoked when the dialog closes |
-| onCloseValidation | Function | () => true | A callback function to be executed before closing the dialog. If the function returns false the dialog will not be closed. |
-| showCloseButton | Boolean | true | Shows a close button when set to true |
-| disableEsc | Boolean | false | Enables or disabled closing the dialog via esc key |
-| onEsc | Function | () => {} | A callback fired when esc key is pressed and the dialog is about to close |
-| useOverflow | Boolean | false | Enables the modal body to overflow and use inline scrolling if needed.Set the class "no-overflow-gradient" to remove the overflow gradient in case it is problematic like when the background is gray. |
-| bsSize | String | md | Defined how large the dialog will be rendered. By default, the dialog has a medium size and thus it can be omitted. Possible values are: Dialog.SIZE_XS, Dialog.SIZE_SM, Dialog.SIZE_LG, Dialog.SIZE_XL, Dialog.SIZE_FULL_WIDTH, Dialog.SIZE_FULL_HEIGHT, Dialog.SIZE_FULL_SCREEN or 'xs', 'sm', 'lg', 'xl', 'fullwidth', 'fullheight', 'fullheight-lg', 'fullheight-xl', 'fullscreen' |
-| headerButtons | ReactNode | — | Allows to add additional buttons to the dialog header |
-| className | String | — | Additional classes for the modal element |
-| bodyClassName | String | — | Additional classes for the modal-body element |
-| footerClassName | String | — | Additional classes for the modal-footer element |
-
 ### Example: Example 4
 
 Validation with separate validation error dialog
@@ -840,27 +772,6 @@ export default () => {
 <button type="button" class="btn btn-primary btn-component" tabindex="0">Open dialog</button>
 ```
 
-#### Props
-
-| Name | Type | Default | Description |
-| --- | --- | --- | --- |
-| show | Boolean | false | Opens the dialog when set to true |
-| title | Node | — | The dialog title (can also be a FormattedMessage component) |
-| subtitle | Node | — | The subtitle content |
-| body | Node | — | The dialog body content |
-| footer | Node | — | The dialog footer content |
-| onClose | Function | () => {} | A callback function invoked when the dialog closes |
-| onCloseValidation | Function | () => true | A callback function to be executed before closing the dialog. If the function returns false the dialog will not be closed. |
-| showCloseButton | Boolean | true | Shows a close button when set to true |
-| disableEsc | Boolean | false | Enables or disabled closing the dialog via esc key |
-| onEsc | Function | () => {} | A callback fired when esc key is pressed and the dialog is about to close |
-| useOverflow | Boolean | false | Enables the modal body to overflow and use inline scrolling if needed.Set the class "no-overflow-gradient" to remove the overflow gradient in case it is problematic like when the background is gray. |
-| bsSize | String | md | Defined how large the dialog will be rendered. By default, the dialog has a medium size and thus it can be omitted. Possible values are: Dialog.SIZE_XS, Dialog.SIZE_SM, Dialog.SIZE_LG, Dialog.SIZE_XL, Dialog.SIZE_FULL_WIDTH, Dialog.SIZE_FULL_HEIGHT, Dialog.SIZE_FULL_SCREEN or 'xs', 'sm', 'lg', 'xl', 'fullwidth', 'fullheight', 'fullheight-lg', 'fullheight-xl', 'fullscreen' |
-| headerButtons | ReactNode | — | Allows to add additional buttons to the dialog header |
-| className | String | — | Additional classes for the modal element |
-| bodyClassName | String | — | Additional classes for the modal-body element |
-| footerClassName | String | — | Additional classes for the modal-footer element |
-
 ## SimpleDialog
 
 This component allows the user to create a simple dialog. It uses the dialog component described above.
@@ -928,26 +839,6 @@ export default () => {
 </div>;
 ```
 
-#### Props
-
-| Name | Type | Default | Description |
-| --- | --- | --- | --- |
-| show | Boolean | false | Opens the dialog when set to true |
-| title | Node | — | The dialog title (can also be a FormattedMessage component) |
-| subtitle | Node | — | The subtitle content |
-| content | Node | — | The content of the dialog body itself |
-| footer | Node | — | The dialog footer content |
-| footerClassName | String | — | Additional classes for the modal-footer element |
-| bodyClassName | String | — | Additional classes for the modal-body element |
-| onClose | Function | () => {} | A callback function invoked when the dialog closes |
-| onCloseValidation | Function | () => true | A callback function to be executed before closing the dialog. If the function returns false the dialog will not be closed. |
-| showCloseButton | Boolean | true | Shows a close button when set to true |
-| disableEsc | Boolean | false | Enables or disabled closing the dialog via esc key |
-| onEsc | Function | () => {} | A callback fired when esc key is pressed and the dialog is about to close |
-| useOverflow | Boolean | false | Enables the modal body to overflow and use inline scrolling if needed.Set the class "no-overflow-gradient" to remove the overflow gradient in case it is problematic like when the background is gray. |
-| bsSize | String | md | Defined how large the dialog will be rendered. By default, the dialog has a medium size and thus it can be omitted. Possible values are: Dialog.SIZE_XS, Dialog.SIZE_SM, Dialog.SIZE_LG, Dialog.SIZE_XL, Dialog.SIZE_FULL_WIDTH, Dialog.SIZE_FULL_HEIGHT, Dialog.SIZE_FULL_SCREEN or 'xs', 'sm', 'lg', 'xl', 'fullwidth', 'fullheight', 'fullheight-lg', 'fullheight-xl', 'fullscreen' |
-| className | String | — | Additional classes for the modal element |
-
 ## ConfirmationDialog
 
 This component allows the user to create a confirmation dialog. It uses the dialog component described above.
@@ -1026,22 +917,6 @@ export default () => {
 </div>;
 ```
 
-#### Props
-
-| Name | Type | Default | Description |
-| --- | --- | --- | --- |
-| show | Boolean | false | Opens the dialog when set to true |
-| title | Node | — | The dialog title (can also be a FormattedMessage component) |
-| subtitle | Node | — | The subtitle content |
-| content | Node | — | The content of the dialog body itself |
-| useOverflow | Boolean | false | Enables the modal body to overflow and use inline scrolling if needed.Set the class "no-overflow-gradient" to remove the overflow gradient in case it is problematic like when the background is gray. |
-| onClickConfirm | Function | () => {} | A callback fired when the confirmation button is clicked. |
-| onClickCancel | Function | () => {} | A callback fired when the cancel button is clicked or the dialog is closed. |
-| cancelButtonText | Node | — | The content of the cancel button. (Usually a text, can also be a FormattedMessage component). |
-| confirmButtonText | Node | — | The content of the confirmation button. Since it is a node, it can be a simple text or any JSX node like a div element with an icon and a text. |
-| disableConfirm | Boolean | — | When set to true the confirmation button will be disabled |
-| bsSize | String | md | Defined how large the dialog will be rendered. By default, the dialog has a medium size and thus it can be omitted. Possible values are: Dialog.SIZE_XS, Dialog.SIZE_SM, Dialog.SIZE_LG, Dialog.SIZE_XL, Dialog.SIZE_FULL_WIDTH, Dialog.SIZE_FULL_HEIGHT, Dialog.SIZE_FULL_SCREEN or 'xs', 'sm', 'lg', 'xl', 'fullwidth', 'fullheight', 'fullheight-lg', 'fullheight-xl', 'fullscreen' |
-
 ## SaveDialog
 
 This component allows the user to create a save dialog. It uses the dialog component described above.
@@ -1131,27 +1006,6 @@ export default () => {
 </div>;
 ```
 
-#### Props
-
-| Name | Type | Default | Description |
-| --- | --- | --- | --- |
-| show | Boolean | false | Opens the dialog when set to true |
-| title | Node | — | The dialog title (can also be a FormattedMessage component) |
-| subtitle | Node | — | The subtitle content |
-| content | Node | — | The content of the dialog body itself |
-| onClickCancel | Function | () => {} | A callback fired when the cancel button is clicked or the dialog is closed. |
-| onClickDiscard | Function | () => {} | A callback fired when the discard button is clicked. |
-| onClickConfirm | Function | () => {} | A callback fired when the confirmation button is clicked. |
-| discardButtonText | Node | — | The content of the discard button. (Usually a text, can also be a FormattedMessage component). |
-| cancelButtonText | Node | — | The content of the cancel button. (Usually a text, can also be a FormattedMessage component). |
-| confirmButtonText | Node | — | The content of the confirmation button. Since it is a node, it can be a simple text or any JSX node like a div element with an icon and a text. |
-| bsSize | String | md | Defined how large the dialog will be rendered. By default, the dialog has a medium size and thus it can be omitted. Possible values are: Dialog.SIZE_XS, Dialog.SIZE_SM, Dialog.SIZE_LG, Dialog.SIZE_XL, Dialog.SIZE_FULL_WIDTH, Dialog.SIZE_FULL_HEIGHT, Dialog.SIZE_FULL_SCREEN or 'xs', 'sm', 'lg', 'xl', 'fullwidth', 'fullheight', 'fullheight-lg', 'fullheight-xl', 'fullscreen' |
-| onClose | Function | () => {} | A callback function invoked when the dialog closes |
-| onCloseValidation | Function | () => true | A callback function to be executed before closing the dialog. If the function returns false the dialog will not be closed. |
-| showCloseButton | Boolean | true | Shows a close button when set to true |
-| useOverflow | Boolean | false | Enables the modal body to overflow and use inline scrolling if needed.Set the class "no-overflow-gradient" to remove the overflow gradient in case it is problematic like when the background is gray. |
-| className | String | — | Additional classes for the modal element |
-
 ## SplitDialog
 
 This component allows the user to create a split dialog. It uses the dialog component described above.
@@ -1418,28 +1272,6 @@ const menuItems2 = [
 </div>;
 ```
 
-#### Props
-
-| Name | Type | Default | Description |
-| --- | --- | --- | --- |
-| show | Boolean | false | Opens the dialog when set to true |
-| title | Node | — | The dialog title (can also be a FormattedMessage component) |
-| subtitle | Node | — | The subtitle content |
-| leftContent | Node | — | The content to be shown on the left side. |
-| leftContentClassName | String | — | Additional classes for the left content element. |
-| rightContent | Node | — | The content to be shown on the right side. |
-| rightContentClassName | String | — | Additional classes for the right content element. |
-| onClose | Function | () => {} | A callback function invoked when the dialog closes |
-| onCloseValidation | Function | () => true | A callback function to be executed before closing the dialog. If the function returns false the dialog will not be closed. |
-| showCloseButton | Boolean | true | Shows a close button when set to true |
-| disableEsc | Boolean | false | Enables or disabled closing the dialog via esc key |
-| onEsc | Function | () => {} | A callback fired when esc key is pressed and the dialog is about to close |
-| useOverflow | Boolean | true | Enables the modal body to overflow and use inline scrolling if needed.Set the class "no-overflow-gradient" to remove the overflow gradient in case it is problematic like when the background is gray. |
-| bsSize | String | md | Defined how large the dialog will be rendered. By default, the dialog has a medium size and thus it can be omitted. Possible values are: Dialog.SIZE_XS, Dialog.SIZE_SM, Dialog.SIZE_LG, Dialog.SIZE_XL, Dialog.SIZE_FULL_WIDTH, Dialog.SIZE_FULL_HEIGHT, Dialog.SIZE_FULL_SCREEN or 'xs', 'sm', 'lg', 'xl', 'fullwidth', 'fullheight', 'fullheight-lg', 'fullheight-xl', 'fullscreen' |
-| className | String | — | Additional classes for the modal element |
-| footerClassName | String | — | Additional classes for the modal-footer element |
-| footer | Node | — | The dialog footer content |
-
 ## InfoDialog
 
 This component allows the user to create a dialog without title and footer. It uses the dialog component described above.
@@ -1522,26 +1354,6 @@ export default InfoDialogExample;
 </div>;
 ```
 
-#### Props
-
-| Name | Type | Default | Description |
-| --- | --- | --- | --- |
-| show | Boolean | false | Opens the dialog when set to true |
-| title | Node | — | The dialog title (can also be a FormattedMessage component) |
-| subtitle | Node | — | The subtitle content |
-| content | Node | — | The content of the dialog body itself |
-| footer | Node | — | The dialog footer content |
-| footerClassName | String | — | Additional classes for the modal-footer element |
-| bodyClassName | String | — | Additional classes for the modal-body element |
-| onClose | Function | () => {} | A callback function invoked when the dialog closes |
-| onCloseValidation | Function | () => true | A callback function to be executed before closing the dialog. If the function returns false the dialog will not be closed. |
-| showCloseButton | Boolean | true | Shows a close button when set to true |
-| disableEsc | Boolean | false | Enables or disabled closing the dialog via esc key |
-| onEsc | Function | () => {} | A callback fired when esc key is pressed and the dialog is about to close |
-| useOverflow | Boolean | false | Enables the modal body to overflow and use inline scrolling if needed.Set the class "no-overflow-gradient" to remove the overflow gradient in case it is problematic like when the background is gray. |
-| bsSize | String | md | Defined how large the dialog will be rendered. By default, the dialog has a medium size and thus it can be omitted. Possible values are: Dialog.SIZE_XS, Dialog.SIZE_SM, Dialog.SIZE_LG, Dialog.SIZE_XL, Dialog.SIZE_FULL_WIDTH, Dialog.SIZE_FULL_HEIGHT, Dialog.SIZE_FULL_SCREEN or 'xs', 'sm', 'lg', 'xl', 'fullwidth', 'fullheight', 'fullheight-lg', 'fullheight-xl', 'fullscreen' |
-| className | String | — | Additional classes for the modal element |
-
 ### Example: Example 10
 
 Feature info dialog
@@ -1662,26 +1474,6 @@ export default InfoDialogFeatureExample;
 </div>;
 ```
 
-#### Props
-
-| Name | Type | Default | Description |
-| --- | --- | --- | --- |
-| show | Boolean | false | Opens the dialog when set to true |
-| title | Node | — | The dialog title (can also be a FormattedMessage component) |
-| subtitle | Node | — | The subtitle content |
-| content | Node | — | The content of the dialog body itself |
-| footer | Node | — | The dialog footer content |
-| footerClassName | String | — | Additional classes for the modal-footer element |
-| bodyClassName | String | — | Additional classes for the modal-body element |
-| onClose | Function | () => {} | A callback function invoked when the dialog closes |
-| onCloseValidation | Function | () => true | A callback function to be executed before closing the dialog. If the function returns false the dialog will not be closed. |
-| showCloseButton | Boolean | true | Shows a close button when set to true |
-| disableEsc | Boolean | false | Enables or disabled closing the dialog via esc key |
-| onEsc | Function | () => {} | A callback fired when esc key is pressed and the dialog is about to close |
-| useOverflow | Boolean | false | Enables the modal body to overflow and use inline scrolling if needed.Set the class "no-overflow-gradient" to remove the overflow gradient in case it is problematic like when the background is gray. |
-| bsSize | String | md | Defined how large the dialog will be rendered. By default, the dialog has a medium size and thus it can be omitted. Possible values are: Dialog.SIZE_XS, Dialog.SIZE_SM, Dialog.SIZE_LG, Dialog.SIZE_XL, Dialog.SIZE_FULL_WIDTH, Dialog.SIZE_FULL_HEIGHT, Dialog.SIZE_FULL_SCREEN or 'xs', 'sm', 'lg', 'xl', 'fullwidth', 'fullheight', 'fullheight-lg', 'fullheight-xl', 'fullscreen' |
-| className | String | — | Additional classes for the modal element |
-
 ## OnboardingDialog
 
 The OnboardingDialog component is a customizable dialog designed to guide users through the initial steps of an onboarding tour. It displays a welcome message, a brief description of the onboarding process, and action buttons to either start the tour or skip it.
@@ -1751,22 +1543,15 @@ export default () => {
 </div>
 ```
 
-#### Props
+#### Props: OnboardingDialog
+
+### OnboardingDialog
 
 | Name | Type | Default | Description |
 | --- | --- | --- | --- |
-| show | Boolean | false | Opens the dialog when set to true |
-| imageSrc | string | — | The source URL of the image to be displayed in the dialog. |
-| imageAlt | string | — | Alternative text for the image, used for accessibility. |
-| title | string \| React.ReactNode | — | The title of the dialog. A welcome message. |
-| description | string \| React.ReactNode | — | A short description of the service and its onboarding. |
-| onboardingRestartHint | string \| React.ReactNode | — | Hint text for restarting the onboarding process. |
-| onboardingRestartDescription | string \| React.ReactNode | — | Detailed description for restarting the onboarding process. |
-| skipButtonText | string \| React.ReactNode | — | Text for the skip button. |
-| tourButtonText | string \| React.ReactNode | — | Text for the button to start the tour. |
-| onStartTour | () => void | — | Callback function to be called when the tour starts. |
-| onClose | Function | () => {} | A callback function invoked when the dialog closes |
-| className | String | — | Additional classes for the modal element |
+| show | boolean | false | Opens the dialog when set to true. |
+| onClose | () => void | — | A callback function invoked when the dialog closes. |
+| className | string | — | Additional classes for the modal element. |
 
 ## MediaDialog
 
@@ -1902,27 +1687,6 @@ export default () => {
 </div>;
 ```
 
-#### Props
-
-| Name | Type | Default | Description |
-| --- | --- | --- | --- |
-| show | Boolean | false | Opens the dialog when set to true |
-| title | Node | — | The dialog title (can also be a FormattedMessage component) |
-| subtitle | Node | — | The subtitle content |
-| useOverflow | Boolean | false | Enables the modal body to overflow and use inline scrolling if needed.Set the class "no-overflow-gradient" to remove the overflow gradient in case it is problematic like when the background is gray. |
-| onClose | Function | () => {} | A callback function invoked when the dialog closes |
-| disableEsc | Boolean | false | Enables or disabled closing the dialog via esc key |
-| bsSize | String | md | Defined how large the dialog will be rendered. By default, the dialog has a medium size and thus it can be omitted. Possible values are: Dialog.SIZE_XS, Dialog.SIZE_SM, Dialog.SIZE_LG, Dialog.SIZE_XL, Dialog.SIZE_FULL_WIDTH, Dialog.SIZE_FULL_HEIGHT, Dialog.SIZE_FULL_SCREEN or 'xs', 'sm', 'lg', 'xl', 'fullwidth', 'fullheight', 'fullheight-lg', 'fullheight-xl', 'fullscreen' |
-| previousButtonText | String / Node | — | The button text for switching to the previous media if there are multiple. |
-| previousButtonCallback | Function | () => {} | Callback function for when the previous button is clicked. |
-| nextButtonText | String / Node | — | The button text for switching to the next media if there are multiple. |
-| nextButtonCallback | Function | () => {} | Callback function for when the next button is clicked. |
-| media | Array of Objects | — | List of media objects. |
-| └type | String | — | Defines the media type that is going to be displayed. Possible values are: MediaDialog.MEDIA_TYPE_IMAGE, MediaDialog.MEDIA_TYPE_VIDEO or 'image', 'video' |
-| └src | String | — | The source location for the media data. |
-| └aspectRatio | String | — | Only relevant for videos where the aspect of the video is defined. Possible values are: ResponsiveVideo.ASPECT_RATIO_4_BY_3, ResponsiveVideo.ASPECT_RATIO_16_BY_9 or '4by3', '16by9' |
-| └className | String | — | Additional classes for the image element. |
-
 ## FrameDialog
 
 This component allows the user to create a dialog in a parent window triggered and controlled by a widget iframe.
@@ -1943,7 +1707,7 @@ For more details, please visit iframe guidlines
 import React from 'react';
 import IframeResizer from 'iframe-resizer-react';
 
-import FrameDialog from '../../../../../../src/FrameDialog';
+import FrameDialog from '@rio-cloud/rio-uikit/FrameDialog';
 import { PREFIX } from '../../../widgets/WidgetDemo';
 
 const IFrameWidgetExample = React.memo(() => {
@@ -1970,9 +1734,9 @@ export default IFrameWidgetExample;
 // ----------------------------------------------------------
 import { useState } from 'react';
 
-import Button from '../../../../src/Button';
-import { OPEN_DIALOG_EVENT, CLOSE_DIALOG_EVENT, type OPEN_DIALOG_EVENT_TYPE } from '../../../../src/FrameDialog';
-import usePostMessage, { type RemoteAction } from '../../../../src/usePostMessage';
+import Button from '@rio-cloud/rio-uikit/Button';
+import { OPEN_DIALOG_EVENT, CLOSE_DIALOG_EVENT, type OPEN_DIALOG_EVENT_TYPE } from '@rio-cloud/rio-uikit/FrameDialog';
+import usePostMessage, { type RemoteAction } from '@rio-cloud/rio-uikit/usePostMessage';
 
 export const PREFIX = 'EVENT_UIKIT_WIDGET_DEMO';
 
@@ -2018,10 +1782,10 @@ const WidgetDemo = () => {
 export default WidgetDemo;
 
 // ----------------------------------------------------------
-import Button from '../../../../src/Button';
-import Dialog from '../../../../src/Dialog';
-import usePostMessage from '../../../../src/usePostMessage';
-import { CLOSE_DIALOG_EVENT } from '../../../../src/FrameDialog';
+import Button from '@rio-cloud/rio-uikit/Button';
+import Dialog from '@rio-cloud/rio-uikit/Dialog';
+import usePostMessage from '@rio-cloud/rio-uikit/usePostMessage';
+import { CLOSE_DIALOG_EVENT } from '@rio-cloud/rio-uikit/FrameDialog';
 
 import { dummyText } from '../../utils/data';
 import { PREFIX } from './WidgetDemo';
@@ -2230,15 +1994,4 @@ export default () => {
         </nav>
     </div>
 </div>
-```
-
-#### Props (json)
-
-```json
-{
-    "0.1.2": {
-        date: String,
-        content: arrayOf(nodes) or single node,
-    }
-}
 ```

package/dist/docs/components/divider.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Misc
 *Source:* https://uikit.developers.rio.cloud/#components/divider
-*Captured:* 2025-12-15T15:02:50.251Z
+*Captured:* 2026-01-14T09:07:42.411Z
 
 ## Divider
 
@@ -204,16 +204,4 @@ export default () => (
             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. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt.</div>
     </div>
 </div>
-```
-
-#### Props
-
-| Name | Type | Default | Description |
-| --- | --- | --- | --- |
-| spacing | number | 15 | The amount of space to either side |
-| dividerWidth | 1 \| 2 \| 3 | 1 | Defines the width of the divider line |
-| dividerColor | 'darkest' \| 'darker' \| 'dark' \| 'gray' \| 'light' \| 'lighter' \| 'lightest'3' | light | Defines the color of the divider line |
-| asSpacer | boolean | false | Use the component as a spacer element without the divider line |
-| vertical | boolean | false | Set the orientation for the divider line to vertical. This may be useful for button toolbars or elements on a single row. |
-| titleAlignment | 'left' \| 'center' \| 'right' | center | Defines where the children are aligned on the divider line |
-| className | string | — | Additional classes to be set on the wrapper element. |
+```