@rio-cloud/uikit-mcp 1.1.4 → 1.1.5

package/dist/docs/components/chat.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* CSS Only
 *Source:* https://uikit.developers.rio.cloud/#components/chat
-*Captured:* 2026-01-14T09:07:54.061Z
+*Captured:* 2026-02-03T14:05:10.351Z
 
 The chat component is a pure CSS component.
 
@@ -524,7 +524,7 @@ export default () => {
 
 ```html
 <div class="display-flex flex-column height-600 position-relative padding-right-5 overflow-hidden">
-    <div class="position-absolute left-0 right-0 justify-content-center display-flex z-index-1" style="opacity: 0; top: -28.0384px; transform: none;">
+    <div class="position-absolute left-0 right-0 justify-content-center display-flex z-index-1" style="opacity: 0; top: -41.5391px; transform: none;">
         <div class="rounded-circle bg-primary text-color-white text-center padding-x-10 padding-y-5 cursor-pointer shadow-smooth">Older messages</div>
     </div>
     <div class="scrollbar-fly-in smooth-scrollbar-wrapper" style="position: relative; overflow: hidden; width: 100%; height: 100%;">

package/dist/docs/components/checkbox.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Interaction
 *Source:* https://uikit.developers.rio.cloud/#components/checkbox
-*Captured:* 2026-01-14T09:07:01.013Z
+*Captured:* 2026-02-03T14:04:13.543Z
 
 ## Checkbox
 
@@ -333,12 +333,17 @@ export default () => (
 </div>
 ```
 
-#### Props
+#### Props (json)
 
-| Name | Type | Default | Description |
-| --- | --- | --- | --- |
-| iconLabelPosition | 'horizontal' \| 'vertical | — | — |
-| tabIndex |  | — | The tabindex attribute allows developers to make HTML elements focusable, allow or prevent them from being sequentially focusable (usually with the Tab key, hence the name) and determine their relative ordering for sequential focus navigation. See tabIndex |
+```json
+<div className='checkbox-text-wrapper display-flex justify-content-between'>
+    <div className='margin-right-15'>
+        <div className='text-medium text-size-16 text-color-darker'>Option 1</div>
+        <div className='text-color-dark'>This option is a first option</div>
+    </div>
+    <div className='checkbox-text' />
+</div>
+```
 
 ## Controlled example
 
@@ -410,12 +415,17 @@ export default () => {
 </div>
 ```
 
-#### Props
+#### Props (json)
 
-| Name | Type | Default | Description |
-| --- | --- | --- | --- |
-| iconLabelPosition | 'horizontal' \| 'vertical | — | — |
-| tabIndex |  | — | The tabindex attribute allows developers to make HTML elements focusable, allow or prevent them from being sequentially focusable (usually with the Tab key, hence the name) and determine their relative ordering for sequential focus navigation. See tabIndex |
+```json
+<div className='checkbox-text-wrapper display-flex justify-content-between'>
+    <div className='margin-right-15'>
+        <div className='text-medium text-size-16 text-color-darker'>Option 1</div>
+        <div className='text-color-dark'>This option is a first option</div>
+    </div>
+    <div className='checkbox-text' />
+</div>
+```
 
 ## Custom card example
 
@@ -628,12 +638,17 @@ export default () => {
 </form>
 ```
 
-#### Props
+#### Props (json)
 
-| Name | Type | Default | Description |
-| --- | --- | --- | --- |
-| iconLabelPosition | 'horizontal' \| 'vertical | — | — |
-| tabIndex |  | — | The tabindex attribute allows developers to make HTML elements focusable, allow or prevent them from being sequentially focusable (usually with the Tab key, hence the name) and determine their relative ordering for sequential focus navigation. See tabIndex |
+```json
+<div className='checkbox-text-wrapper display-flex justify-content-between'>
+    <div className='margin-right-15'>
+        <div className='text-medium text-size-16 text-color-darker'>Option 1</div>
+        <div className='text-color-dark'>This option is a first option</div>
+    </div>
+    <div className='checkbox-text' />
+</div>
+```
 
 ## Custom list example
 
@@ -775,12 +790,17 @@ export default () => {
 </fieldset>
 ```
 
-#### Props
+#### Props (json)
 
-| Name | Type | Default | Description |
-| --- | --- | --- | --- |
-| iconLabelPosition | 'horizontal' \| 'vertical | — | — |
-| tabIndex |  | — | The tabindex attribute allows developers to make HTML elements focusable, allow or prevent them from being sequentially focusable (usually with the Tab key, hence the name) and determine their relative ordering for sequential focus navigation. See tabIndex |
+```json
+<div className='checkbox-text-wrapper display-flex justify-content-between'>
+    <div className='margin-right-15'>
+        <div className='text-medium text-size-16 text-color-darker'>Option 1</div>
+        <div className='text-color-dark'>This option is a first option</div>
+    </div>
+    <div className='checkbox-text' />
+</div>
+```
 
 ## Checkbox with custom icon
 
@@ -888,9 +908,14 @@ export default () => (
 </div>
 ```
 
-#### Props
+#### Props (json)
 
-| Name | Type | Default | Description |
-| --- | --- | --- | --- |
-| iconLabelPosition | 'horizontal' \| 'vertical | — | — |
-| tabIndex |  | — | The tabindex attribute allows developers to make HTML elements focusable, allow or prevent them from being sequentially focusable (usually with the Tab key, hence the name) and determine their relative ordering for sequential focus navigation. See tabIndex |
+```json
+<div className='checkbox-text-wrapper display-flex justify-content-between'>
+    <div className='margin-right-15'>
+        <div className='text-medium text-size-16 text-color-darker'>Option 1</div>
+        <div className='text-color-dark'>This option is a first option</div>
+    </div>
+    <div className='checkbox-text' />
+</div>
+```

package/dist/docs/components/clearableInput.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Interaction
 *Source:* https://uikit.developers.rio.cloud/#components/clearableInput
-*Captured:* 2026-01-14T09:07:01.032Z
+*Captured:* 2026-02-03T14:04:13.989Z
 
 Control, which can be cleared when it has a value.
 
@@ -374,11 +374,11 @@ export default () => (
 </div>
 ```
 
-#### Props
+#### Props (json)
 
-| Name | Type | Default | Description |
-| --- | --- | --- | --- |
-| tabIndex |  | — | The tabindex attribute allows developers to make HTML elements focusable, allow or prevent them from being sequentially focusable (usually with the Tab key, hence the name) and determine their relative ordering for sequential focus navigation. See tabIndex |
+```json
+'-- ### ### ###' or '+49 00 000 00'
+```
 
 ### Example: Example 2
 
@@ -465,11 +465,11 @@ export default ClearableInputControlled;
 </div>
 ```
 
-#### Props
+#### Props (json)
 
-| Name | Type | Default | Description |
-| --- | --- | --- | --- |
-| tabIndex |  | — | The tabindex attribute allows developers to make HTML elements focusable, allow or prevent them from being sequentially focusable (usually with the Tab key, hence the name) and determine their relative ordering for sequential focus navigation. See tabIndex |
+```json
+'-- ### ### ###' or '+49 00 000 00'
+```
 
 ### Example: Example 3
 
@@ -544,11 +544,11 @@ export default ClearableInputControlledRestricted;
 </div>
 ```
 
-#### Props
+#### Props (json)
 
-| Name | Type | Default | Description |
-| --- | --- | --- | --- |
-| tabIndex |  | — | The tabindex attribute allows developers to make HTML elements focusable, allow or prevent them from being sequentially focusable (usually with the Tab key, hence the name) and determine their relative ordering for sequential focus navigation. See tabIndex |
+```json
+'-- ### ### ###' or '+49 00 000 00'
+```
 
 ## ClearableInput with input mask
 
@@ -695,8 +695,8 @@ export default () => {
 </div>
 ```
 
-#### Props
+#### Props (json)
 
-| Name | Type | Default | Description |
-| --- | --- | --- | --- |
-| tabIndex |  | — | The tabindex attribute allows developers to make HTML elements focusable, allow or prevent them from being sequentially focusable (usually with the Tab key, hence the name) and determine their relative ordering for sequential focus navigation. See tabIndex |
+```json
+'-- ### ### ###' or '+49 00 000 00'
+```

package/dist/docs/components/collapse.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Show/Hide
 *Source:* https://uikit.developers.rio.cloud/#components/collapse
-*Captured:* 2026-01-14T09:07:08.453Z
+*Captured:* 2026-02-03T14:04:23.050Z
 
 The Collapse component folds and unfolds given content. It is used in some other components such as the ExpanderPanel and ExpanderList.
 
@@ -83,7 +83,7 @@ export default () => {
                     <div class="margin-bottom-15">
                         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. 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.</div>
                     <div class="dropdown btn-group">
-                        <button type="button" id="nodispi0hee" class="btn btn-default btn-md btn-component dropdown-toggle" tabindex="0">Dropdown<span class="caret">
+                        <button type="button" id="6qynxk6hkce" class="btn btn-default btn-md btn-component dropdown-toggle" tabindex="0">Dropdown<span class="caret">
                             </span>
                         </button>
                     </div>
@@ -94,6 +94,18 @@ export default () => {
 </div>
 ```
 
+#### Props
+
+| Name | Type | Default | Description |
+| --- | --- | --- | --- |
+| open | boolean \| undefined | false | Show the component and triggers the expand or collapse animation. |
+| unmountOnExit | boolean | — | Unmount the component (remove it from the DOM) when it is collapsed. |
+| appear | boolean | false | Run the expand animation when the component mounts, if it is initially shown. |
+| timeout | number | 270 | Duration of the collapse animation in milliseconds. |
+| onEntered | () => void | — | Callback fired after the component has expanded. |
+| onExited | () => void | — | Callback fired after the component has collapsed. |
+| onAnimationStart | () => void | — | Callback fired when the animation starts for either expand or collapse. |
+
 ### Example: Content will be removed from the DOM when it is collapsed and mounted again on show
 
 Content will be removed from the DOM when it is collapsed and mounted again on show
@@ -160,4 +172,16 @@ export default () => {
         </div>
     </div>
 </div>
-```
+```
+
+#### Props
+
+| Name | Type | Default | Description |
+| --- | --- | --- | --- |
+| open | boolean \| undefined | false | Show the component and triggers the expand or collapse animation. |
+| unmountOnExit | boolean | — | Unmount the component (remove it from the DOM) when it is collapsed. |
+| appear | boolean | false | Run the expand animation when the component mounts, if it is initially shown. |
+| timeout | number | 270 | Duration of the collapse animation in milliseconds. |
+| onEntered | () => void | — | Callback fired after the component has expanded. |
+| onExited | () => void | — | Callback fired after the component has collapsed. |
+| onAnimationStart | () => void | — | Callback fired when the animation starts for either expand or collapse. |

package/dist/docs/components/composedCharts.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Charts
 *Source:* https://uikit.developers.rio.cloud/#components/composedCharts
-*Captured:* 2026-01-14T09:08:18.120Z
+*Captured:* 2026-02-03T14:05:29.367Z
 
 ## ComposedChart
 
@@ -240,7 +240,7 @@ const data: CustomData[] = [
                             <g class="recharts-layer">
                                 <defs>
                                     <clipPath id="animationClipPath-recharts-area-:r1:">
-                                        <rect x="70.41927083333333" y="0" width="71.53671682489494" height="124">
+                                        <rect x="70.41927083333333" y="0" width="59.125674839406074" height="124">
                                         </rect>
                                     </clipPath>
                                 </defs>
@@ -262,33 +262,33 @@ const data: CustomData[] = [
                             <g class="recharts-layer recharts-bar-rectangles">
                                 <g class="recharts-layer">
                                     <g class="recharts-layer recharts-bar-rectangle">
-                                        <path fill-opacity="1" fill="#8e96eb " name="Page A" x="50.0839" y="77.2995" width="40" height="45.7005" class="recharts-rectangle" d="M50.0839,80.2995A 3,3,0,0,1,53.0839,77.2995L 87.0839,77.2995A 3,3,0,0,1,
-        90.0839,80.2995L 90.0839,123L 50.0839,123Z">
+                                        <path fill-opacity="1" fill="#8e96eb " name="Page A" x="50.0839" y="79.1557" width="40" height="43.8443" class="recharts-rectangle" d="M50.0839,82.1557A 3,3,0,0,1,53.0839,79.1557L 87.0839,79.1557A 3,3,0,0,1,
+        90.0839,82.1557L 90.0839,123L 50.0839,123Z">
                                         </path>
                                     </g>
                                     <g class="recharts-layer recharts-bar-rectangle">
-                                        <path fill-opacity="1" fill="#8e96eb " name="Page B" x="100.9224" y="67.7595" width="40" height="55.2405" class="recharts-rectangle" d="M100.9224,70.7595A 3,3,0,0,1,103.9224,67.7595L 137.9224,67.7595A 3,3,0,0,1,
-        140.9224,70.7595L 140.9224,123L 100.9224,123Z">
+                                        <path fill-opacity="1" fill="#8e96eb " name="Page B" x="100.9224" y="70.0032" width="40" height="52.9968" class="recharts-rectangle" d="M100.9224,73.0032A 3,3,0,0,1,103.9224,70.0032L 137.9224,70.0032A 3,3,0,0,1,
+        140.9224,73.0032L 140.9224,123L 100.9224,123Z">
                                         </path>
                                     </g>
                                     <g class="recharts-layer recharts-bar-rectangle">
-                                        <path fill-opacity="1" fill="#8e96eb " name="Page C" x="151.7609" y="60.2761" width="40" height="62.7239" class="recharts-rectangle" d="M151.7609,63.2761A 3,3,0,0,1,154.7609,60.2761L 188.7609,60.2761A 3,3,0,0,1,
-        191.7609,63.2761L 191.7609,123L 151.7609,123Z">
+                                        <path fill-opacity="1" fill="#8e96eb " name="Page C" x="151.7609" y="62.8237" width="40" height="60.1763" class="recharts-rectangle" d="M151.7609,65.8237A 3,3,0,0,1,154.7609,62.8237L 188.7609,62.8237A 3,3,0,0,1,
+        191.7609,65.8237L 191.7609,123L 151.7609,123Z">
                                         </path>
                                     </g>
                                     <g class="recharts-layer recharts-bar-rectangle">
-                                        <path fill-opacity="1" fill="#8e96eb " name="Page D" x="202.5995" y="54.4493" width="40" height="68.5507" class="recharts-rectangle" d="M202.5995,57.4493A 3,3,0,0,1,205.5995,54.4493L 239.5995,54.4493A 3,3,0,0,1,
-        242.5995,57.4493L 242.5995,123L 202.5995,123Z">
+                                        <path fill-opacity="1" fill="#8e96eb " name="Page D" x="202.5995" y="57.2335" width="40" height="65.7665" class="recharts-rectangle" d="M202.5995,60.2335A 3,3,0,0,1,205.5995,57.2335L 239.5995,57.2335A 3,3,0,0,1,
+        242.5995,60.2335L 242.5995,123L 202.5995,123Z">
                                         </path>
                                     </g>
                                     <g class="recharts-layer recharts-bar-rectangle">
-                                        <path fill-opacity="1" fill="#8e96eb " name="Page E" x="253.438" y="59.7048" width="40" height="63.2952" class="recharts-rectangle" d="M253.438,62.7048A 3,3,0,0,1,256.438,59.7048L 290.438,59.7048A 3,3,0,0,1,
-        293.438,62.7048L 293.438,123L 253.438,123Z">
+                                        <path fill-opacity="1" fill="#8e96eb " name="Page E" x="253.438" y="62.2756" width="40" height="60.7244" class="recharts-rectangle" d="M253.438,65.2756A 3,3,0,0,1,256.438,62.2756L 290.438,62.2756A 3,3,0,0,1,
+        293.438,65.2756L 293.438,123L 253.438,123Z">
                                         </path>
                                     </g>
                                     <g class="recharts-layer recharts-bar-rectangle">
-                                        <path fill-opacity="1" fill="#8e96eb " name="Page F" x="304.2766" y="84.1546" width="40" height="38.8454" class="recharts-rectangle" d="M304.2766,87.1546A 3,3,0,0,1,307.2766,84.1546L 341.2766,84.1546A 3,3,0,0,1,
-        344.2766,87.1546L 344.2766,123L 304.2766,123Z">
+                                        <path fill-opacity="1" fill="#8e96eb " name="Page F" x="304.2766" y="85.7323" width="40" height="37.2677" class="recharts-rectangle" d="M304.2766,88.7323A 3,3,0,0,1,307.2766,85.7323L 341.2766,85.7323A 3,3,0,0,1,
+        344.2766,88.7323L 344.2766,123L 304.2766,123Z">
                                         </path>
                                     </g>
                                 </g>
@@ -297,7 +297,7 @@ const data: CustomData[] = [
                     </g>
                     <g tabindex="-1">
                         <g class="recharts-layer recharts-line">
-                            <path stroke-width="1" stroke="#30b4c0 " fill="none" id="recharts-line-:r3:" height="108" width="365.03125" class="recharts-curve recharts-line-curve" stroke-dasharray="75.251px 192.13977758789062px" d="M70.419,87.6C87.365,83.295,104.312,78.99,121.258,70.92C138.204,62.85,155.15,42.5,172.096,39.18C189.043,35.86,205.989,35.43,222.935,34.2C239.881,32.97,256.827,31.8,273.773,31.8C290.72,31.8,307.666,35.4,324.612,39">
+                            <path stroke-width="1" stroke="#30b4c0 " fill="none" id="recharts-line-:r3:" height="108" width="365.03125" class="recharts-curve recharts-line-curve" stroke-dasharray="62.1956px 205.1951775878906px" d="M70.419,87.6C87.365,83.295,104.312,78.99,121.258,70.92C138.204,62.85,155.15,42.5,172.096,39.18C189.043,35.86,205.989,35.43,222.935,34.2C239.881,32.97,256.827,31.8,273.773,31.8C290.72,31.8,307.666,35.4,324.612,39">
                             </path>
                         </g>
                     </g>