@rio-cloud/uikit-mcp 1.1.4 → 1.1.6

package/dist/docs/components/appNavigationBar.md

@@ -2,8 +2,8 @@
 
 *Category:* Components
 *Section:* Navigation
-*Source:* https://uikit.developers.rio.cloud/#components/appNavigationBar
-*Captured:* 2026-01-14T09:06:57.845Z
+*Source:* https://uikit.developers.rio.cloud/#/components/appNavigationBar
+*Captured:* 2026-02-23T13:41:36.235Z
 
 ## AppNavigationBar
 
@@ -49,6 +49,19 @@ export default () => (
 </div>
 ```
 
+#### Props
+
+| Name | Type | Default | Description |
+| --- | --- | --- | --- |
+| title | string \| ReactNode | — | The title for the content that is shown. |
+| titleSize | 'md' \| 'lg' | 'md' | Defines the size of the title. Possible values are 'md' and 'lg'. |
+| subtitle | string \| ReactNode | — | Adds a subtitle below the title. |
+| right | ReactNode | — | Right side area for additional options of buttons like filter etc. that is relevant for the shown content.. |
+| backButtonText | string \| ReactNode | — | — |
+| border | boolean | false | Add a light bottom border to the wrapper element. |
+| onNavigateBack | (event: MouseEvent<HTMLSpanElement>) => void | — | Callback function for when the back navigation button is clicked. |
+| className | string | — | Additional classes for the wrapper element. |
+
 ### Example: Example 2
 
 Title of content
@@ -108,6 +121,19 @@ export default () => (
 </div>
 ```
 
+#### Props
+
+| Name | Type | Default | Description |
+| --- | --- | --- | --- |
+| title | string \| ReactNode | — | The title for the content that is shown. |
+| titleSize | 'md' \| 'lg' | 'md' | Defines the size of the title. Possible values are 'md' and 'lg'. |
+| subtitle | string \| ReactNode | — | Adds a subtitle below the title. |
+| right | ReactNode | — | Right side area for additional options of buttons like filter etc. that is relevant for the shown content.. |
+| backButtonText | string \| ReactNode | — | — |
+| border | boolean | false | Add a light bottom border to the wrapper element. |
+| onNavigateBack | (event: MouseEvent<HTMLSpanElement>) => void | — | Callback function for when the back navigation button is clicked. |
+| className | string | — | Additional classes for the wrapper element. |
+
 ### Example: With more space, a back button label can be shown
 
 With more space, a back button label can be shown
@@ -160,6 +186,19 @@ export default () => (
 </div>
 ```
 
+#### Props
+
+| Name | Type | Default | Description |
+| --- | --- | --- | --- |
+| title | string \| ReactNode | — | The title for the content that is shown. |
+| titleSize | 'md' \| 'lg' | 'md' | Defines the size of the title. Possible values are 'md' and 'lg'. |
+| subtitle | string \| ReactNode | — | Adds a subtitle below the title. |
+| right | ReactNode | — | Right side area for additional options of buttons like filter etc. that is relevant for the shown content.. |
+| backButtonText | string \| ReactNode | — | — |
+| border | boolean | false | Add a light bottom border to the wrapper element. |
+| onNavigateBack | (event: MouseEvent<HTMLSpanElement>) => void | — | Callback function for when the back navigation button is clicked. |
+| className | string | — | Additional classes for the wrapper element. |
+
 ### Example: In some cases a subtitle comes in handy
 
 In some cases a subtitle comes in handy
@@ -219,4 +258,17 @@ export default () => (
         </div>
     </div>
 </div>
-```
+```
+
+#### Props
+
+| Name | Type | Default | Description |
+| --- | --- | --- | --- |
+| title | string \| ReactNode | — | The title for the content that is shown. |
+| titleSize | 'md' \| 'lg' | 'md' | Defines the size of the title. Possible values are 'md' and 'lg'. |
+| subtitle | string \| ReactNode | — | Adds a subtitle below the title. |
+| right | ReactNode | — | Right side area for additional options of buttons like filter etc. that is relevant for the shown content.. |
+| backButtonText | string \| ReactNode | — | — |
+| border | boolean | false | Add a light bottom border to the wrapper element. |
+| onNavigateBack | (event: MouseEvent<HTMLSpanElement>) => void | — | Callback function for when the back navigation button is clicked. |
+| className | string | — | Additional classes for the wrapper element. |

package/dist/docs/components/areaCharts.md

@@ -2,8 +2,8 @@
 
 *Category:* Components
 *Section:* Charts
-*Source:* https://uikit.developers.rio.cloud/#components/areaCharts
-*Captured:* 2026-01-14T09:08:17.875Z
+*Source:* https://uikit.developers.rio.cloud/#/components/areaCharts
+*Captured:* 2026-02-23T13:42:52.902Z
 
 ## AreaChart
 
@@ -121,14 +121,14 @@ const data: CustomData[] = [
                         <g class="recharts-layer recharts-area">
                             <g class="recharts-layer">
                                 <defs>
-                                    <clipPath id="animationClipPath-recharts-area-:r1:">
-                                        <rect x="45" y="0" width="135.54164130656628" height="124">
+                                    <clipPath id="animationClipPath-recharts-area-:r0:">
+                                        <rect x="45" y="0" width="83.41467545193146" height="124">
                                         </rect>
                                     </clipPath>
                                 </defs>
-                                <g class="recharts-layer" clip-path="url(#animationClipPath-recharts-area-:r1:)">
+                                <g class="recharts-layer" clip-path="url(#animationClipPath-recharts-area-:r0:)">
                                     <g class="recharts-layer">
-                                        <path stroke-width="1" fill="url(#area)" fill-opacity="0.6" height="108" stroke="none" width="438" id="recharts-area-:r1:" class="recharts-curve recharts-area-area" d="M45,27C66,28,87,29,108,33C129,37,150,63,171,63C192,63,213,39.6,234,39.6C255,39.6,276,66.3,297,66.3C318,66.3,339,59.3,360,51.3C381,43.3,402,30.8,423,18.3L423,123C402,123,381,123,360,123C339,123,318,123,297,123C276,123,255,123,234,123C213,123,192,123,171,123C150,123,129,123,108,123C87,123,66,123,45,123Z">
+                                        <path stroke-width="1" fill="url(#area)" fill-opacity="0.6" height="108" stroke="none" width="438" id="recharts-area-:r0:" class="recharts-curve recharts-area-area" d="M45,27C66,28,87,29,108,33C129,37,150,63,171,63C192,63,213,39.6,234,39.6C255,39.6,276,66.3,297,66.3C318,66.3,339,59.3,360,51.3C381,43.3,402,30.8,423,18.3L423,123C402,123,381,123,360,123C339,123,318,123,297,123C276,123,255,123,234,123C213,123,192,123,171,123C150,123,129,123,108,123C87,123,66,123,45,123Z">
                                         </path>
                                         <path stroke-width="1" fill="none" fill-opacity="0.6" height="108" stroke="#67abc5 " width="438" class="recharts-curve recharts-area-curve" d="M45,27C66,28,87,29,108,33C129,37,150,63,171,63C192,63,213,39.6,234,39.6C255,39.6,276,66.3,297,66.3C318,66.3,339,59.3,360,51.3C381,43.3,402,30.8,423,18.3">
                                         </path>
@@ -561,14 +561,14 @@ const data: CustomData[] = [
                         <g class="recharts-layer recharts-area">
                             <g class="recharts-layer">
                                 <defs>
-                                    <clipPath id="animationClipPath-recharts-area-:r2:">
-                                        <rect x="75" y="0" width="682.1443655778182" height="224">
+                                    <clipPath id="animationClipPath-recharts-area-:r1:">
+                                        <rect x="75" y="0" width="635.2649080290801" height="224">
                                         </rect>
                                     </clipPath>
                                 </defs>
-                                <g class="recharts-layer" clip-path="url(#animationClipPath-recharts-area-:r2:)">
+                                <g class="recharts-layer" clip-path="url(#animationClipPath-recharts-area-:r1:)">
                                     <g class="recharts-layer">
-                                        <path name="UV" stroke-width="1" fill="url(#area1)" fill-opacity="0.5" height="208" stroke="none" width="711.6875" id="recharts-area-:r2:" class="recharts-curve recharts-area-area" d="M75,38.111C114.538,40.037,154.076,41.963,193.615,49.667C233.153,57.37,272.691,107.444,312.229,107.444C351.767,107.444,391.306,62.378,430.844,62.378C470.382,62.378,509.92,113.8,549.458,113.8C588.997,113.8,628.535,100.319,668.073,84.911C707.611,69.504,747.149,45.43,786.688,21.356L786.688,223C747.149,223,707.611,223,668.073,223C628.535,223,588.997,223,549.458,223C509.92,223,470.382,223,430.844,223C391.306,223,351.767,223,312.229,223C272.691,223,233.153,223,193.615,223C154.076,223,114.538,223,75,223Z">
+                                        <path name="UV" stroke-width="1" fill="url(#area1)" fill-opacity="0.5" height="208" stroke="none" width="711.6875" id="recharts-area-:r1:" class="recharts-curve recharts-area-area" d="M75,38.111C114.538,40.037,154.076,41.963,193.615,49.667C233.153,57.37,272.691,107.444,312.229,107.444C351.767,107.444,391.306,62.378,430.844,62.378C470.382,62.378,509.92,113.8,549.458,113.8C588.997,113.8,628.535,100.319,668.073,84.911C707.611,69.504,747.149,45.43,786.688,21.356L786.688,223C747.149,223,707.611,223,668.073,223C628.535,223,588.997,223,549.458,223C509.92,223,470.382,223,430.844,223C391.306,223,351.767,223,312.229,223C272.691,223,233.153,223,193.615,223C154.076,223,114.538,223,75,223Z">
                                         </path>
                                         <path name="UV" stroke-width="1" fill="none" fill-opacity="0.5" height="208" stroke="#493d6d " width="711.6875" class="recharts-curve recharts-area-curve" d="M75,38.111C114.538,40.037,154.076,41.963,193.615,49.667C233.153,57.37,272.691,107.444,312.229,107.444C351.767,107.444,391.306,62.378,430.844,62.378C470.382,62.378,509.92,113.8,549.458,113.8C588.997,113.8,628.535,100.319,668.073,84.911C707.611,69.504,747.149,45.43,786.688,21.356">
                                         </path>
@@ -579,14 +579,14 @@ const data: CustomData[] = [
                         <g class="recharts-layer recharts-area">
                             <g class="recharts-layer">
                                 <defs>
-                                    <clipPath id="animationClipPath-recharts-area-:r3:">
-                                        <rect x="75" y="0" width="682.1443655778182" height="224">
+                                    <clipPath id="animationClipPath-recharts-area-:r2:">
+                                        <rect x="75" y="0" width="635.2649080290801" height="224">
                                         </rect>
                                     </clipPath>
                                 </defs>
-                                <g class="recharts-layer" clip-path="url(#animationClipPath-recharts-area-:r3:)">
+                                <g class="recharts-layer" clip-path="url(#animationClipPath-recharts-area-:r2:)">
                                     <g class="recharts-layer">
-                                        <path name="AMT" stroke-width="1" fill="url(#area2)" fill-opacity="0.5" height="208" stroke="none" width="711.6875" id="recharts-area-:r3:" class="recharts-curve recharts-area-area" d="M75,84.333C114.538,89.822,154.076,95.311,193.615,95.311C233.153,95.311,272.691,90.689,312.229,90.689C351.767,90.689,391.306,107.444,430.844,107.444C470.382,107.444,509.92,101.801,549.458,96.987C588.997,92.172,628.535,78.556,668.073,78.556C707.611,78.556,747.149,90.111,786.688,101.667L786.688,223C747.149,223,707.611,223,668.073,223C628.535,223,588.997,223,549.458,223C509.92,223,470.382,223,430.844,223C391.306,223,351.767,223,312.229,223C272.691,223,233.153,223,193.615,223C154.076,223,114.538,223,75,223Z">
+                                        <path name="AMT" stroke-width="1" fill="url(#area2)" fill-opacity="0.5" height="208" stroke="none" width="711.6875" id="recharts-area-:r2:" class="recharts-curve recharts-area-area" d="M75,84.333C114.538,89.822,154.076,95.311,193.615,95.311C233.153,95.311,272.691,90.689,312.229,90.689C351.767,90.689,391.306,107.444,430.844,107.444C470.382,107.444,509.92,101.801,549.458,96.987C588.997,92.172,628.535,78.556,668.073,78.556C707.611,78.556,747.149,90.111,786.688,101.667L786.688,223C747.149,223,707.611,223,668.073,223C628.535,223,588.997,223,549.458,223C509.92,223,470.382,223,430.844,223C391.306,223,351.767,223,312.229,223C272.691,223,233.153,223,193.615,223C154.076,223,114.538,223,75,223Z">
                                         </path>
                                         <path name="AMT" stroke-width="1" fill="none" fill-opacity="0.5" height="208" stroke="#f19588 " width="711.6875" class="recharts-curve recharts-area-curve" d="M75,84.333C114.538,89.822,154.076,95.311,193.615,95.311C233.153,95.311,272.691,90.689,312.229,90.689C351.767,90.689,391.306,107.444,430.844,107.444C470.382,107.444,509.92,101.801,549.458,96.987C588.997,92.172,628.535,78.556,668.073,78.556C707.611,78.556,747.149,90.111,786.688,101.667">
                                         </path>

package/dist/docs/components/aspectRatioPlaceholder.md

@@ -2,8 +2,8 @@
 
 *Category:* Components
 *Section:* Misc
-*Source:* https://uikit.developers.rio.cloud/#components/aspectRatioPlaceholder
-*Captured:* 2026-01-14T09:07:39.936Z
+*Source:* https://uikit.developers.rio.cloud/#/components/aspectRatioPlaceholder
+*Captured:* 2026-02-23T13:42:20.947Z
 
 Use the AspectRatioPlaceholder for having responsive elements with an aspect ratio.
 
@@ -94,4 +94,12 @@ export default () => (
         </div>
     </div>
 </div>
-```
+```
+
+#### Props
+
+| Name | Type | Default | Description |
+| --- | --- | --- | --- |
+| height | number | 16 | Defines the aspect ratio width. |
+| width | number | 9 | Defines the aspect ratio height. |
+| className | string | — | Additional class names that are added to the wrapping element. |