@rio-cloud/uikit-mcp 1.1.11 → 1.1.13

package/dist/docs/components/accentBar.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Misc
 *Source:* https://uikit.developers.rio.cloud/#/components/accentBar
-*Captured:* 2026-04-27T14:58:14.383Z
+*Captured:* 2026-06-11T10:01:36.482Z
 
 The AccentBar component is a small, colored vertical bar (typically a few pixels wide) used to visually highlight or categorize rows in lists, tables, or cards. It helps improve readability by providing a quick visual cue for different statuses, categories, or priorities.
 

package/dist/docs/components/activity.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Misc
 *Source:* https://uikit.developers.rio.cloud/#/components/activity
-*Captured:* 2026-04-27T14:58:12.522Z
+*Captured:* 2026-06-11T10:01:35.505Z
 
 ## Activity
 

package/dist/docs/components/analyticsAnalysisOverlay.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Interaction
 *Source:* https://uikit.developers.rio.cloud/#/components/analyticsAnalysisOverlay
-*Captured:* 2026-04-27T14:57:28.096Z
+*Captured:* 2026-06-11T10:00:46.389Z
 
 Development overlay for visualizing tracked GA elements directly in the viewport. It scans DOM nodes with tracking data attributes and overlays aggregated metrics from uploaded analytics CSV files. See the new helper demo for getTrackingAttributes.
 

package/dist/docs/components/animatedNumber.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Content
 *Source:* https://uikit.developers.rio.cloud/#/components/animatedNumber
-*Captured:* 2026-04-27T14:57:51.727Z
+*Captured:* 2026-06-11T10:01:12.394Z
 
 ## AnimatedNumber
 

package/dist/docs/components/animatedTextReveal.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Content
 *Source:* https://uikit.developers.rio.cloud/#/components/animatedTextReveal
-*Captured:* 2026-04-27T14:57:53.077Z
+*Captured:* 2026-06-11T10:01:13.233Z
 
 AnimatedTextReveal displays text that smoothly reveals from below while a subtle shimmer effect runs across it. It’s designed for attention-grabbing messages or live-updating content, combining a primary reveal motion with an optional continuous shimmer highlight.
 
@@ -115,7 +115,7 @@ export default () => (
                 <div class="text-uppercase text-size-12">Live stream</div>
             </div>
             <div class="position-relative" aria-live="polite" style="--atr-duration: 5s; --atr-delay: 0s; --atr-iterations: infinite; --atr-spread: 168px; --atr-text-color: var(--gray-darkest); --atr-shimmer-color: var(--gray-lighter);">
-                <div class="animated-text-reveal position-relative" style="--atr-duration: 5s; --atr-delay: 0s; --atr-iterations: infinite; --atr-spread: 168px; --atr-text-color: var(--gray-darkest); --atr-shimmer-color: var(--gray-lighter); opacity: 0.316063; transform: translateY(8.93777px);">System is thinking...</div>
+                <div class="animated-text-reveal position-relative" style="--atr-duration: 5s; --atr-delay: 0s; --atr-iterations: infinite; --atr-spread: 168px; --atr-text-color: var(--gray-darkest); --atr-shimmer-color: var(--gray-lighter); opacity: 0.307852; transform: translateY(8.97584px);">System is thinking...</div>
             </div>
         </div>
     </div>
@@ -127,7 +127,7 @@ export default () => (
         <div class="text-color-dark max-width-100pct text-size-12 display-inline-block margin-bottom-5">Text with animated gradient</div>
         <div class="bg-white rounded border shadow-default padding-15 display-flex flex-column gap-15">
             <div class="position-relative" aria-live="polite" style="--atr-duration: 2s; --atr-delay: 0s; --atr-iterations: infinite; --atr-spread: 260px; --atr-text-color: var(--gray-darkest); --atr-shimmer-color: var(--gray-lighter);">
-                <div class="animated-text-reveal position-relative" style="--atr-duration: 2s; --atr-delay: 0s; --atr-iterations: infinite; --atr-spread: 260px; --atr-text-color: var(--gray-darkest); --atr-shimmer-color: var(--gray-lighter); opacity: 0.316063; transform: translateY(8.93777px);">Processing your request...</div>
+                <div class="animated-text-reveal position-relative" style="--atr-duration: 2s; --atr-delay: 0s; --atr-iterations: infinite; --atr-spread: 260px; --atr-text-color: var(--gray-darkest); --atr-shimmer-color: var(--gray-lighter); opacity: 0.307852; transform: translateY(8.97584px);">Processing your request...</div>
             </div>
         </div>
     </div>
@@ -135,7 +135,7 @@ export default () => (
         <div class="text-color-dark max-width-100pct text-size-12 display-inline-block margin-bottom-5">Text with automatic cycling but without animated gradient</div>
         <div class="bg-white rounded border shadow-default padding-15 display-flex flex-column gap-15">
             <div class="position-relative" aria-live="polite" style="--atr-duration: 5s; --atr-delay: 0s; --atr-iterations: infinite; --atr-spread: 168px; --atr-text-color: var(--gray-darkest); --atr-shimmer-color: var(--gray-lighter);">
-                <div class="animated-text-reveal position-relative" style="--atr-duration: 5s; --atr-delay: 0s; --atr-iterations: infinite; --atr-spread: 168px; --atr-text-color: var(--gray-darkest); --atr-shimmer-color: var(--gray-lighter); opacity: 0; transform: translateY(3.36812px);">System is thinking...</div>
+                <div class="animated-text-reveal position-relative" style="--atr-duration: 5s; --atr-delay: 0s; --atr-iterations: infinite; --atr-spread: 168px; --atr-text-color: var(--gray-darkest); --atr-shimmer-color: var(--gray-lighter); opacity: 0; transform: translateY(3.31944px);">System is thinking...</div>
             </div>
         </div>
     </div>
@@ -143,7 +143,7 @@ export default () => (
         <div class="text-color-dark max-width-100pct text-size-12 display-inline-block margin-bottom-5">Text with custom styling</div>
         <div class="bg-white rounded border shadow-default padding-15 display-flex flex-column gap-15">
             <div class="position-relative text-size-16" aria-live="polite" style="--atr-duration: 5s; --atr-delay: 0s; --atr-iterations: infinite; --atr-spread: 168px; --atr-text-color: var(--gray-dark); --atr-shimmer-color: var(--gray-lightest);">
-                <div class="animated-text-reveal position-relative is-animated" style="--atr-duration: 5s; --atr-delay: 0s; --atr-iterations: infinite; --atr-spread: 168px; --atr-text-color: var(--gray-dark); --atr-shimmer-color: var(--gray-lightest); opacity: 0; transform: translateY(3.36812px);">System is thinking...</div>
+                <div class="animated-text-reveal position-relative is-animated" style="--atr-duration: 5s; --atr-delay: 0s; --atr-iterations: infinite; --atr-spread: 168px; --atr-text-color: var(--gray-dark); --atr-shimmer-color: var(--gray-lightest); opacity: 0; transform: translateY(3.31944px);">System is thinking...</div>
             </div>
         </div>
     </div>
@@ -152,7 +152,7 @@ export default () => (
         <div class="max-width-150">
             <button type="button" class="btn btn-primary btn-block btn-component" tabindex="0">
                 <div class="position-relative" aria-live="polite" style="--atr-duration: 5s; --atr-delay: 0s; --atr-iterations: infinite; --atr-spread: 64px; --atr-text-color: var(--color-white); --atr-shimmer-color: var(--gray-lighter);">
-                    <div class="animated-text-reveal position-relative" style="--atr-duration: 5s; --atr-delay: 0s; --atr-iterations: infinite; --atr-spread: 64px; --atr-text-color: var(--color-white); --atr-shimmer-color: var(--gray-lighter); opacity: 0; transform: translateY(3.36812px);">Continue</div>
+                    <div class="animated-text-reveal position-relative" style="--atr-duration: 5s; --atr-delay: 0s; --atr-iterations: infinite; --atr-spread: 64px; --atr-text-color: var(--color-white); --atr-shimmer-color: var(--gray-lighter); opacity: 0; transform: translateY(3.31944px);">Continue</div>
                 </div>
             </button>
         </div>

package/dist/docs/components/animations.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Content
 *Source:* https://uikit.developers.rio.cloud/#/components/animations
-*Captured:* 2026-04-27T14:57:51.920Z
+*Captured:* 2026-06-11T10:01:12.491Z
 
 The UIKIT uses the famous animation library Motion former known as Framer Motion. To allow services to use Motion without adding it as a dependency to their project, the UIKIT re-exports all motion/reactcomponents.
 
@@ -48,7 +48,7 @@ export default () => {
 #### HTML (html)
 
 ```html
-<div style="opacity: 0.893219;">
+<div style="opacity: 0.873603;">
     <div class="margin-10">
         <label>Some Data</label>
         <div>
@@ -160,7 +160,7 @@ export default () => (
     </div>
     <div style="opacity: 1;">
         <svg width="50" height="50" class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
-            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" pathLength="1" stroke-dashoffset="0" stroke-dasharray="0.9294828514393885 1">
+            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" pathLength="1" stroke-dashoffset="0" stroke-dasharray="0.9341939650767017 1">
             </path>
         </svg>
     </div>
@@ -175,11 +175,11 @@ export default () => (
 
 ### Example: Example 3
 
-Add Item Item IAR07Q32FDL
+Add Item Item 60GAB57R1N
 
-Item 8QCRTQ3YH2
+Item PMRE52LSC6
 
-Item EFVUWAQJLM
+Item D3LNV7YNHY
 
 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.
 
@@ -248,7 +248,7 @@ export default () => {
         <div style="height: auto;">
             <div style="opacity: 1;">
                 <div class="display-flex justify-content-between align-items-center padding-x-15 padding-y-10 border border-bottom-only">
-                    <div>Item IAR07Q32FDL</div>
+                    <div>Item 60GAB57R1N</div>
                     <button type="button" class="btn btn-muted btn-sm btn-icon-only btn-component" tabindex="0">
                         <span class="rioglyph rioglyph-remove text-size-14">
                         </span>
@@ -259,7 +259,7 @@ export default () => {
         <div style="height: auto;">
             <div style="opacity: 1;">
                 <div class="display-flex justify-content-between align-items-center padding-x-15 padding-y-10 border border-bottom-only">
-                    <div>Item 8QCRTQ3YH2</div>
+                    <div>Item PMRE52LSC6</div>
                     <button type="button" class="btn btn-muted btn-sm btn-icon-only btn-component" tabindex="0">
                         <span class="rioglyph rioglyph-remove text-size-14">
                         </span>
@@ -270,7 +270,7 @@ export default () => {
         <div style="height: auto;">
             <div style="opacity: 1;">
                 <div class="display-flex justify-content-between align-items-center padding-x-15 padding-y-10 border border-bottom-only">
-                    <div>Item EFVUWAQJLM</div>
+                    <div>Item D3LNV7YNHY</div>
                     <button type="button" class="btn btn-muted btn-sm btn-icon-only btn-component" tabindex="0">
                         <span class="rioglyph rioglyph-remove text-size-14">
                         </span>
@@ -286,17 +286,17 @@ export default () => {
 
 ### Example: Example 4
 
-Load Items Item KDQ20F8ANB
+Load Items Item 7UKBCFNMEUI
 
-Item 0GHO5M48WH
+Item HVFMEJRZID
 
-Item Y0653RI8HK
+Item HC3SFRORON
 
-Item YQM8A4TWMJ
+Item 9HPU1RHYWPJ
 
-Item 6BTIZQ3HCS
+Item SL97HN0RUY
 
-Item C6HLMLK7N1
+Item M7F3SW6LB3
 
 #### React (tsx)
 
@@ -363,7 +363,7 @@ export default () => {
                 <span class="checkbox-text">
                     <span>
                         <div class="display-flex gap-5">
-                            <span>Item KDQ20F8ANB</span>
+                            <span>Item 7UKBCFNMEUI</span>
                         </div>
                     </span>
                 </span>
@@ -375,7 +375,7 @@ export default () => {
                 <span class="checkbox-text">
                     <span>
                         <div class="display-flex gap-5">
-                            <span>Item 0GHO5M48WH</span>
+                            <span>Item HVFMEJRZID</span>
                         </div>
                     </span>
                 </span>
@@ -387,7 +387,7 @@ export default () => {
                 <span class="checkbox-text">
                     <span>
                         <div class="display-flex gap-5">
-                            <span>Item Y0653RI8HK</span>
+                            <span>Item HC3SFRORON</span>
                         </div>
                     </span>
                 </span>
@@ -399,7 +399,7 @@ export default () => {
                 <span class="checkbox-text">
                     <span>
                         <div class="display-flex gap-5">
-                            <span>Item YQM8A4TWMJ</span>
+                            <span>Item 9HPU1RHYWPJ</span>
                         </div>
                     </span>
                 </span>
@@ -411,7 +411,7 @@ export default () => {
                 <span class="checkbox-text">
                     <span>
                         <div class="display-flex gap-5">
-                            <span>Item 6BTIZQ3HCS</span>
+                            <span>Item SL97HN0RUY</span>
                         </div>
                     </span>
                 </span>
@@ -423,7 +423,7 @@ export default () => {
                 <span class="checkbox-text">
                     <span>
                         <div class="display-flex gap-5">
-                            <span>Item C6HLMLK7N1</span>
+                            <span>Item M7F3SW6LB3</span>
                         </div>
                     </span>
                 </span>

package/dist/docs/components/appHeader.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Application
 *Source:* https://uikit.developers.rio.cloud/#/components/appHeader
-*Captured:* 2026-04-27T14:57:09.682Z
+*Captured:* 2026-06-11T10:00:25.926Z
 
 This is the header component for all services. All navigation link components that are passed into the header should be based on react-router
 

package/dist/docs/components/appLayout.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Application
 *Source:* https://uikit.developers.rio.cloud/#/components/appLayout
-*Captured:* 2026-04-27T14:57:12.347Z
+*Captured:* 2026-06-11T10:00:28.520Z
 
 The ApplicationLayout components consists of three sub-components: ApplicationHeader, ApplicationBody, ApplicationSidebar
 
@@ -1101,16 +1101,21 @@ Navigation 3
 
 4
 
+8
 5
 4
-2
+3
 
-Asset Group 3
-Vehicle-6700 Asset 1001
-Vehicle-7557 Asset 1009
-Vehicle-7869 Asset 1000
+Asset Group 7
+Vehicle-2390 Asset 1001
+Vehicle-3740 Asset 1013
+Vehicle-3907 Asset 1010
+Vehicle-7410 Asset 1008
+Vehicle-8622 Asset 1005
+Vehicle-9363 Asset 1012
+Vehicle-9666 Asset 1017
 
-Ungrouped 8
+Ungrouped 13
 
 200
 
@@ -1598,6 +1603,11 @@ const randomDrivers = Array.from({ length: 200 }, (_, index) => ({
                                                     <div class="TypeCounter display-flex align-items-center user-select-none margin-right-2 cursor-pointer">
                                                         <span class="rioglyph rioglyph-trailer text-size-16 margin-right-2">
                                                         </span>
+                                                        <span class="TreeLabelCount label label-condensed label-muted label-filled">8</span>
+                                                    </div>
+                                                    <div class="TypeCounter display-flex align-items-center user-select-none margin-right-2 cursor-pointer">
+                                                        <span class="rioglyph rioglyph-truck text-size-16 margin-right-2">
+                                                        </span>
                                                         <span class="TreeLabelCount label label-condensed label-muted label-filled">5</span>
                                                     </div>
                                                     <div class="TypeCounter display-flex align-items-center user-select-none margin-right-2 cursor-pointer">
@@ -1606,9 +1616,9 @@ const randomDrivers = Array.from({ length: 200 }, (_, index) => ({
                                                         <span class="TreeLabelCount label label-condensed label-muted label-filled">4</span>
                                                     </div>
                                                     <div class="TypeCounter display-flex align-items-center user-select-none margin-right-2 cursor-pointer">
-                                                        <span class="rioglyph rioglyph-truck text-size-16 margin-right-2">
+                                                        <span class="rioglyph rioglyph-van text-size-16 margin-right-2">
                                                         </span>
-                                                        <span class="TreeLabelCount label label-condensed label-muted label-filled">2</span>
+                                                        <span class="TreeLabelCount label label-condensed label-muted label-filled">3</span>
                                                     </div>
                                                 </div>
                                             </div>
@@ -1626,7 +1636,7 @@ const randomDrivers = Array.from({ length: 200 }, (_, index) => ({
                                                     <span class="TreeLabelNameText">
                                                         <span class="TreeLabelNameTextHeadline">Asset Group</span>
                                                     </span>
-                                                    <span class="TreeLabelCount label label-muted label-filled label-condensed">3</span>
+                                                    <span class="TreeLabelCount label label-muted label-filled label-condensed">7</span>
                                                     <span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
                                                     </span>
                                                 </span>
@@ -1638,30 +1648,30 @@ const randomDrivers = Array.from({ length: 200 }, (_, index) => ({
                                                     </span>
                                                 </label>
                                                 <span class="TreeLabel TreeLabelName">
-                                                    <span class="rioglyph rioglyph-bus">
+                                                    <span class="rioglyph rioglyph-truck">
                                                     </span>
                                                     <span class="TreeLabelNameText">
-                                                        <span class="TreeLabelNameTextHeadline">Vehicle-6700</span>
+                                                        <span class="TreeLabelNameTextHeadline">Vehicle-2390</span>
                                                         <span class="TreeLabelNameTextSubline">Asset 1001</span>
                                                     </span>
                                                 </span>
                                             </div>
-                                            <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d979">
+                                            <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d9713">
                                                 <label class="checkbox TreeCheckbox" tabindex="0">
                                                     <input type="checkbox" class="TreeCheckbox">
                                                     <span class="checkbox-text">
                                                     </span>
                                                 </label>
                                                 <span class="TreeLabel TreeLabelName">
-                                                    <span class="rioglyph rioglyph-bus">
+                                                    <span class="rioglyph rioglyph-van">
                                                     </span>
                                                     <span class="TreeLabelNameText">
-                                                        <span class="TreeLabelNameTextHeadline">Vehicle-7557</span>
-                                                        <span class="TreeLabelNameTextSubline">Asset 1009</span>
+                                                        <span class="TreeLabelNameTextHeadline">Vehicle-3740</span>
+                                                        <span class="TreeLabelNameTextSubline">Asset 1013</span>
                                                     </span>
                                                 </span>
                                             </div>
-                                            <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d970">
+                                            <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d9710">
                                                 <label class="checkbox TreeCheckbox" tabindex="0">
                                                     <input type="checkbox" class="TreeCheckbox">
                                                     <span class="checkbox-text">
@@ -1671,8 +1681,68 @@ const randomDrivers = Array.from({ length: 200 }, (_, index) => ({
                                                     <span class="rioglyph rioglyph-trailer">
                                                     </span>
                                                     <span class="TreeLabelNameText">
-                                                        <span class="TreeLabelNameTextHeadline">Vehicle-7869</span>
-                                                        <span class="TreeLabelNameTextSubline">Asset 1000</span>
+                                                        <span class="TreeLabelNameTextHeadline">Vehicle-3907</span>
+                                                        <span class="TreeLabelNameTextSubline">Asset 1010</span>
+                                                    </span>
+                                                </span>
+                                            </div>
+                                            <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d978">
+                                                <label class="checkbox TreeCheckbox" tabindex="0">
+                                                    <input type="checkbox" class="TreeCheckbox">
+                                                    <span class="checkbox-text">
+                                                    </span>
+                                                </label>
+                                                <span class="TreeLabel TreeLabelName">
+                                                    <span class="rioglyph rioglyph-van">
+                                                    </span>
+                                                    <span class="TreeLabelNameText">
+                                                        <span class="TreeLabelNameTextHeadline">Vehicle-7410</span>
+                                                        <span class="TreeLabelNameTextSubline">Asset 1008</span>
+                                                    </span>
+                                                </span>
+                                            </div>
+                                            <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d975">
+                                                <label class="checkbox TreeCheckbox" tabindex="0">
+                                                    <input type="checkbox" class="TreeCheckbox">
+                                                    <span class="checkbox-text">
+                                                    </span>
+                                                </label>
+                                                <span class="TreeLabel TreeLabelName">
+                                                    <span class="rioglyph rioglyph-bus">
+                                                    </span>
+                                                    <span class="TreeLabelNameText">
+                                                        <span class="TreeLabelNameTextHeadline">Vehicle-8622</span>
+                                                        <span class="TreeLabelNameTextSubline">Asset 1005</span>
+                                                    </span>
+                                                </span>
+                                            </div>
+                                            <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d9712">
+                                                <label class="checkbox TreeCheckbox" tabindex="0">
+                                                    <input type="checkbox" class="TreeCheckbox">
+                                                    <span class="checkbox-text">
+                                                    </span>
+                                                </label>
+                                                <span class="TreeLabel TreeLabelName">
+                                                    <span class="rioglyph rioglyph-truck">
+                                                    </span>
+                                                    <span class="TreeLabelNameText">
+                                                        <span class="TreeLabelNameTextHeadline">Vehicle-9363</span>
+                                                        <span class="TreeLabelNameTextSubline">Asset 1012</span>
+                                                    </span>
+                                                </span>
+                                            </div>
+                                            <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d9717">
+                                                <label class="checkbox TreeCheckbox" tabindex="0">
+                                                    <input type="checkbox" class="TreeCheckbox">
+                                                    <span class="checkbox-text">
+                                                    </span>
+                                                </label>
+                                                <span class="TreeLabel TreeLabelName">
+                                                    <span class="rioglyph rioglyph-truck">
+                                                    </span>
+                                                    <span class="TreeLabelNameText">
+                                                        <span class="TreeLabelNameTextHeadline">Vehicle-9666</span>
+                                                        <span class="TreeLabelNameTextSubline">Asset 1017</span>
                                                     </span>
                                                 </span>
                                             </div>
@@ -1688,7 +1758,7 @@ const randomDrivers = Array.from({ length: 200 }, (_, index) => ({
                                                     <span class="TreeLabelNameText">
                                                         <span class="TreeLabelNameTextHeadline">Ungrouped</span>
                                                     </span>
-                                                    <span class="TreeLabelCount label label-muted label-filled label-condensed">8</span>
+                                                    <span class="TreeLabelCount label label-muted label-filled label-condensed">13</span>
                                                     <span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
                                                     </span>
                                                 </span>

package/dist/docs/components/appNavigationBar.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Navigation
 *Source:* https://uikit.developers.rio.cloud/#/components/appNavigationBar
-*Captured:* 2026-04-27T14:57:14.864Z
+*Captured:* 2026-06-11T10:00:31.798Z
 
 ## AppNavigationBar
 

package/dist/docs/components/areaCharts.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Charts
 *Source:* https://uikit.developers.rio.cloud/#/components/areaCharts
-*Captured:* 2026-04-27T14:59:11.461Z
+*Captured:* 2026-06-11T10:02:33.612Z
 
 ## AreaChart
 
@@ -114,7 +114,7 @@ const data: CustomData[] = [
                             <g class="recharts-layer">
                                 <defs>
                                     <clipPath id="animationClipPath-recharts-area-:r0:">
-                                        <rect x="45" y="0" width="78.86311652275786" height="124">
+                                        <rect x="45" y="0" width="88.14492102725474" height="124">
                                         </rect>
                                     </clipPath>
                                 </defs>
@@ -543,7 +543,7 @@ const data: CustomData[] = [
                             <g class="recharts-layer">
                                 <defs>
                                     <clipPath id="animationClipPath-recharts-area-:r1:">
-                                        <rect x="75" y="0" width="642.7074137109543" height="224">
+                                        <rect x="75" y="0" width="649.7103315833676" height="224">
                                         </rect>
                                     </clipPath>
                                 </defs>
@@ -561,7 +561,7 @@ const data: CustomData[] = [
                             <g class="recharts-layer">
                                 <defs>
                                     <clipPath id="animationClipPath-recharts-area-:r2:">
-                                        <rect x="75" y="0" width="642.7074137109543" height="224">
+                                        <rect x="75" y="0" width="649.7103315833676" height="224">
                                         </rect>
                                     </clipPath>
                                 </defs>

package/dist/docs/components/aspectRatioPlaceholder.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Misc
 *Source:* https://uikit.developers.rio.cloud/#/components/aspectRatioPlaceholder
-*Captured:* 2026-04-27T14:58:14.201Z
+*Captured:* 2026-06-11T10:01:37.123Z
 
 Use the AspectRatioPlaceholder for having responsive elements with an aspect ratio.