@rio-cloud/uikit-mcp 1.1.3 → 1.1.5

package/dist/docs/components/appNavigationBar.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Navigation
 *Source:* https://uikit.developers.rio.cloud/#components/appNavigationBar
-*Captured:* 2026-01-07T12:11:10.227Z
+*Captured:* 2026-02-03T14:04:11.532Z
 
 ## AppNavigationBar
 
@@ -53,14 +53,14 @@ export default () => (
 
 | Name | Type | Default | Description |
 | --- | --- | --- | --- |
-| ref | React.ref | — | A ref function assigned to the wrapper element. |
 | 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". |
+| 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 | Node | — | Right side area for additional options or buttons like filter etc. that is relevant for the shown content. |
-| onNavigateBack | Function | () => {} | Callback function for when the back navigation button is clicked. |
+| 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. |
-| className | String | — | Additional classes for 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
 
@@ -125,14 +125,14 @@ export default () => (
 
 | Name | Type | Default | Description |
 | --- | --- | --- | --- |
-| ref | React.ref | — | A ref function assigned to the wrapper element. |
 | 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". |
+| 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 | Node | — | Right side area for additional options or buttons like filter etc. that is relevant for the shown content. |
-| onNavigateBack | Function | () => {} | Callback function for when the back navigation button is clicked. |
+| 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. |
-| className | String | — | Additional classes for 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
 
@@ -190,14 +190,14 @@ export default () => (
 
 | Name | Type | Default | Description |
 | --- | --- | --- | --- |
-| ref | React.ref | — | A ref function assigned to the wrapper element. |
 | 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". |
+| 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 | Node | — | Right side area for additional options or buttons like filter etc. that is relevant for the shown content. |
-| onNavigateBack | Function | () => {} | Callback function for when the back navigation button is clicked. |
+| 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. |
-| className | String | — | Additional classes for 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
 
@@ -264,11 +264,11 @@ export default () => (
 
 | Name | Type | Default | Description |
 | --- | --- | --- | --- |
-| ref | React.ref | — | A ref function assigned to the wrapper element. |
 | 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". |
+| 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 | Node | — | Right side area for additional options or buttons like filter etc. that is relevant for the shown content. |
-| onNavigateBack | Function | () => {} | Callback function for when the back navigation button is clicked. |
+| 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. |
-| className | String | — | Additional classes for 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

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Charts
 *Source:* https://uikit.developers.rio.cloud/#components/areaCharts
-*Captured:* 2026-01-07T12:12:20.105Z
+*Captured:* 2026-02-03T14:05:29.105Z
 
 ## AreaChart
 
@@ -99,9 +99,9 @@ const data: CustomData[] = [
                     </title>
                     <desc>
                     </desc>
-                    <g tabindex="-1" id="recharts-zindex--100-:r1:">
+                    <g tabindex="-1">
                     </g>
-                    <g tabindex="-1" id="recharts-zindex--50-:r2:">
+                    <g tabindex="-1">
                     </g>
                     <defs>
                         <clipPath id="recharts1-clip">
@@ -117,18 +117,18 @@ const data: CustomData[] = [
                             </stop>
                         </linearGradient>
                     </defs>
-                    <g tabindex="-1" id="recharts-zindex-100-:r4:">
+                    <g tabindex="-1">
                         <g class="recharts-layer recharts-area">
                             <g class="recharts-layer">
                                 <defs>
-                                    <clipPath id="animationClipPath-recharts-area-:r3:">
-                                        <rect x="45" y="0" width="102.0384116723211" height="124">
+                                    <clipPath id="animationClipPath-recharts-area-:r1:">
+                                        <rect x="45" y="0" width="88.08954588307893" height="124">
                                         </rect>
                                     </clipPath>
                                 </defs>
-                                <g class="recharts-layer" clip-path="url(#animationClipPath-recharts-area-:r3:)">
+                                <g class="recharts-layer" clip-path="url(#animationClipPath-recharts-area-:r1:)">
                                     <g class="recharts-layer">
-                                        <path stroke-width="1" fill="url(#area)" fill-opacity="0.6" height="108" stroke="none" width="438" id="recharts-area-:r3:" 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-: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>
                                         <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>
@@ -137,13 +137,13 @@ const data: CustomData[] = [
                             </g>
                         </g>
                     </g>
-                    <g tabindex="-1" id="recharts-zindex-200-:r5:">
+                    <g tabindex="-1">
                     </g>
-                    <g tabindex="-1" id="recharts-zindex-300-:r6:">
+                    <g tabindex="-1">
                     </g>
-                    <g tabindex="-1" id="recharts-zindex-400-:r7:">
+                    <g tabindex="-1">
                     </g>
-                    <g tabindex="-1" id="recharts-zindex-500-:r8:">
+                    <g tabindex="-1">
                         <g class="recharts-layer recharts-cartesian-axis recharts-xAxis xAxis">
                             <line angle="0" height="30" orientation="bottom" x="15" y="123" width="438" class="recharts-cartesian-axis-line" stroke="#666" fill="none" x1="15" y1="123" x2="453" y2="123">
                             </line>
@@ -181,15 +181,15 @@ const data: CustomData[] = [
                             </g>
                         </g>
                     </g>
-                    <g tabindex="-1" id="recharts-zindex-600-:r9:">
+                    <g tabindex="-1">
                     </g>
-                    <g tabindex="-1" id="recharts-zindex-1000-:ra:">
+                    <g tabindex="-1">
                     </g>
-                    <g tabindex="-1" id="recharts-zindex-1100-:rb:">
+                    <g tabindex="-1">
                     </g>
-                    <g tabindex="-1" id="recharts-zindex-1200-:rc:">
+                    <g tabindex="-1">
                     </g>
-                    <g tabindex="-1" id="recharts-zindex-2000-:rd:">
+                    <g tabindex="-1">
                         <g class="recharts-cartesian-axis-tick-labels recharts-xAxis-tick-labels">
                             <g class="recharts-layer recharts-cartesian-axis-tick-label">
                                 <text height="30" orientation="bottom" width="438" stroke="none" x="45" y="131" class="recharts-text recharts-cartesian-axis-tick-value" text-anchor="middle" fill="#666">
@@ -478,7 +478,7 @@ const data: CustomData[] = [
     <div class="recharts-responsive-container" style="width: 100%; height: 100%; min-width: 100px; min-height: 100px;">
         <div style="width: 0px; height: 0px; overflow: visible;">
             <div width="876" height="268" class="recharts-wrapper" style="position: relative; cursor: default; width: 876px; height: 268px;">
-                <div xmlns="http://www.w3.org/1999/xhtml" tabindex="-1" class="recharts-tooltip-wrapper recharts-tooltip-wrapper-right recharts-tooltip-wrapper-bottom" style="visibility: hidden; pointer-events: none; position: absolute; top: 0px; left: 0px; transform: translate(440.844px, 25px);">
+                <div xmlns="http://www.w3.org/1999/xhtml" tabindex="-1" class="recharts-tooltip-wrapper" style="visibility: hidden; pointer-events: none; position: absolute; top: 0px; left: 0px;">
                     <div class="recharts-default-tooltip" role="status" aria-live="assertive" style="margin: 0px; padding: 10px; background-color: rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204); white-space: nowrap;">
                         <p class="recharts-tooltip-label" style="margin: 0px;">
                         </p>
@@ -503,7 +503,7 @@ const data: CustomData[] = [
                     </title>
                     <desc>
                     </desc>
-                    <g tabindex="-1" id="recharts-zindex--100-:re:">
+                    <g tabindex="-1">
                         <g class="recharts-cartesian-grid">
                             <g class="recharts-cartesian-grid-horizontal">
                                 <line stroke-dasharray="3 3" stroke="#ccc" fill="none" x="75" y="15" width="711.6875" height="208" x1="75" y1="223" x2="786.6875" y2="223">
@@ -535,7 +535,7 @@ const data: CustomData[] = [
                             </g>
                         </g>
                     </g>
-                    <g tabindex="-1" id="recharts-zindex--50-:rf:">
+                    <g tabindex="-1">
                     </g>
                     <defs>
                         <clipPath id="recharts2-clip">
@@ -557,18 +557,18 @@ const data: CustomData[] = [
                             </stop>
                         </linearGradient>
                     </defs>
-                    <g tabindex="-1" id="recharts-zindex-100-:ri:">
+                    <g tabindex="-1">
                         <g class="recharts-layer recharts-area">
                             <g class="recharts-layer">
                                 <defs>
-                                    <clipPath id="animationClipPath-recharts-area-:rg:">
-                                        <rect x="75" y="0" width="660.1873540818933" height="224">
+                                    <clipPath id="animationClipPath-recharts-area-:r2:">
+                                        <rect x="75" y="0" width="708.1224076590746" height="224">
                                         </rect>
                                     </clipPath>
                                 </defs>
-                                <g class="recharts-layer" clip-path="url(#animationClipPath-recharts-area-:rg:)">
+                                <g class="recharts-layer" clip-path="url(#animationClipPath-recharts-area-:r2:)">
                                     <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-:rg:" 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-: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>
                                         <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-:rh:">
-                                        <rect x="75" y="0" width="660.1873540818933" height="224">
+                                    <clipPath id="animationClipPath-recharts-area-:r3:">
+                                        <rect x="75" y="0" width="708.1224076590746" height="224">
                                         </rect>
                                     </clipPath>
                                 </defs>
-                                <g class="recharts-layer" clip-path="url(#animationClipPath-recharts-area-:rh:)">
+                                <g class="recharts-layer" clip-path="url(#animationClipPath-recharts-area-:r3:)">
                                     <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-:rh:" 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-: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>
                                         <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>
@@ -595,17 +595,17 @@ const data: CustomData[] = [
                             </g>
                         </g>
                     </g>
-                    <g tabindex="-1" id="recharts-zindex-200-:rj:">
+                    <g tabindex="-1">
                     </g>
-                    <g tabindex="-1" id="recharts-zindex-300-:rk:">
+                    <g tabindex="-1">
                     </g>
-                    <g tabindex="-1" id="recharts-zindex-400-:rl:">
+                    <g tabindex="-1">
                         <g class="recharts-layer recharts-reference-line">
                             <line y="3500" stroke-dasharray="3 3" stroke="#f19588 " fill="none" fill-opacity="1" stroke-width="1" x1="75" y1="20.777777777777782" x2="786.6875" y2="20.777777777777782" class="recharts-reference-line-line">
                             </line>
                         </g>
                     </g>
-                    <g tabindex="-1" id="recharts-zindex-500-:rm:">
+                    <g tabindex="-1">
                         <g class="recharts-layer recharts-cartesian-axis recharts-yAxis yAxis">
                             <line angle="0" orientation="left" width="60" x="15" y="15" height="208" class="recharts-cartesian-axis-line" stroke="#666" fill="none" x1="75" y1="15" x2="75" y2="223">
                             </line>
@@ -671,15 +671,15 @@ const data: CustomData[] = [
                             </g>
                         </g>
                     </g>
-                    <g tabindex="-1" id="recharts-zindex-600-:rn:">
+                    <g tabindex="-1">
                     </g>
-                    <g tabindex="-1" id="recharts-zindex-1000-:ro:">
+                    <g tabindex="-1">
                     </g>
-                    <g tabindex="-1" id="recharts-zindex-1100-:rp:">
+                    <g tabindex="-1">
                     </g>
-                    <g tabindex="-1" id="recharts-zindex-1200-:rq:">
+                    <g tabindex="-1">
                     </g>
-                    <g tabindex="-1" id="recharts-zindex-2000-:rr:">
+                    <g tabindex="-1">
                         <g class="recharts-cartesian-axis-tick-labels recharts-yAxis-tick-labels">
                             <g class="recharts-layer recharts-cartesian-axis-tick-label">
                                 <text orientation="left" width="60" height="208" stroke="none" x="67" y="223" class="recharts-text recharts-cartesian-axis-tick-value" text-anchor="end" fill="#666">

package/dist/docs/components/aspectRatioPlaceholder.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Misc
 *Source:* https://uikit.developers.rio.cloud/#components/aspectRatioPlaceholder
-*Captured:* 2026-01-07T12:11:49.204Z
+*Captured:* 2026-02-03T14:04:55.876Z
 
 Use the AspectRatioPlaceholder for having responsive elements with an aspect ratio.
 
@@ -100,7 +100,6 @@ export default () => (
 
 | Name | Type | Default | Description |
 | --- | --- | --- | --- |
-| width | Number | 16 | Defines the aspect ratio width. |
-| height | Number | 9 | Defines the aspect ratio height. |
-| className | String | — | Additional class names that are added to the wrapping element. |
-| children | Node | — | The elements to be rendered inside. |
+| 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. |