@rio-cloud/uikit-mcp 1.1.6 → 1.1.8

package/dist/docs/components/accentBar.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Misc
 *Source:* https://uikit.developers.rio.cloud/#/components/accentBar
-*Captured:* 2026-02-23T13:42:21.588Z
+*Captured:* 2026-03-06T10:40:54.437Z
 
 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.
 
@@ -19,14 +19,6 @@ Lorem ipsum dolor sit amet
 
 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.
 
-#### Summary
-
-Lorem ipsum dolor sit amet
-
-Lorem ipsum dolor sit amet
-
-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.
-
 #### React (tsx)
 
 ```tsx
@@ -85,35 +77,19 @@ export default () => (
 
 ### Example: Example 2
 
-StatusLocationETA
-
-In transit
-Hamburg, DE2024-02-02
-
-Delivered
-Rotterdam, NL2024-01-29
-
-Awaiting pickup
-Warsaw, PL2024-02-05
-
-Customs clearance
-Antwerp, BE2024-02-03
-
-#### Summary
-
-StatusLocationETA
+Status Location ETA
 
 In transit
-Hamburg, DE2024-02-02
+Hamburg, DE 2024-02-02
 
 Delivered
-Rotterdam, NL2024-01-29
+Rotterdam, NL 2024-01-29
 
 Awaiting pickup
-Warsaw, PL2024-02-05
+Warsaw, PL 2024-02-05
 
 Customs clearance
-Antwerp, BE2024-02-03
+Antwerp, BE 2024-02-03
 
 #### React (tsx)
 
@@ -240,33 +216,17 @@ const getStatusColor = (status: string) => {
 
 Visualizing rating distribution
 
-CategoryPercentage
+Category Percentage
 
-Poor15%
+Poor 15%
 
-Below Average20%
+Below Average 20%
 
-Average25%
+Average 25%
 
-Good15%
+Good 15%
 
-Excellent25%
-
-#### Summary
-
-Visualizing rating distribution
-
-CategoryPercentage
-
-Poor15%
-
-Below Average20%
-
-Average25%
-
-Good15%
-
-Excellent25%
+Excellent 25%
 
 #### React (tsx)
 
@@ -447,29 +407,16 @@ const getStatusColor = (status: string) => {
 
 ### Example: Example 4
 
-Risk levelReasonSuggested action
-
-Low risk
-Stable weather conditionsMonitor
-
-High risk
-Labor strike at destinationReroute shipment
-
-Critical risk
-Customs hold & inspectionExpedite clearance
-
-#### Summary
-
-Risk levelReasonSuggested action
+Risk level Reason Suggested action
 
 Low risk
-Stable weather conditionsMonitor
+Stable weather conditions Monitor
 
 High risk
-Labor strike at destinationReroute shipment
+Labor strike at destination Reroute shipment
 
 Critical risk
-Customs hold & inspectionExpedite clearance
+Customs hold & inspection Expedite clearance
 
 #### React (tsx)
 

package/dist/docs/components/activity.md

@@ -3,64 +3,27 @@
 *Category:* Components
 *Section:* Misc
 *Source:* https://uikit.developers.rio.cloud/#/components/activity
-*Captured:* 2026-02-23T13:42:19.634Z
+*Captured:* 2026-03-06T10:40:53.448Z
 
 ## Activity
 
 ### Example: Example 1
 
-Small size:0:24 h
+Small size: 0:24 h
 0:24 h
 0:24 h
-0:24 h
-13
-Default size:0:24 h
-0:24 h
-0:24 h
-0:24 h
-
-Default size without duration:
-
-Outdated activities:0:24 h
-0:24 h
-0:24 h
-0:24 h
-
-Large size:0:24 h
-0:24 h
-0:24 h
-0:24 h
-
-Extra large size:0:24 h
-0:24 h
-0:24 h
-0:24 h
-
-#### Summary
-
-Small size:0:24 h
-0:24 h
-0:24 h
-0:24 h
-13
-Default size:0:24 h
-0:24 h
+0:24 h 1 3 Default size: 0:24 h
 0:24 h
 0:24 h
+0:24 h Default size without duration:
 
-Default size without duration:
-
-Outdated activities:0:24 h
+Outdated activities: 0:24 h
 0:24 h
 0:24 h
+0:24 h Large size: 0:24 h
 0:24 h
-
-Large size:0:24 h
 0:24 h
-0:24 h
-0:24 h
-
-Extra large size:0:24 h
+0:24 h Extra large size: 0:24 h
 0:24 h
 0:24 h
 0:24 h

package/dist/docs/components/animatedNumber.md

@@ -3,21 +3,13 @@
 *Category:* Components
 *Section:* Content
 *Source:* https://uikit.developers.rio.cloud/#/components/animatedNumber
-*Captured:* 2026-02-23T13:42:04.326Z
+*Captured:* 2026-03-06T10:40:35.709Z
 
 ## AnimatedNumber
 
 ### Example: Example 1
 
-Default AnimatedNumber0
-AnimatedNumber with prefix and unit+0%
-AnimatedNumber as simple timerHurry up! Only60sremaining.
-
-#### Summary
-
-Default AnimatedNumber0
-AnimatedNumber with prefix and unit+0%
-AnimatedNumber as simple timerHurry up! Only60sremaining.
+Default AnimatedNumber 0 AnimatedNumber with prefix and unit +0% AnimatedNumber as simple timer Hurry up! Only 60s remaining.
 
 #### React (tsx)
 
@@ -59,7 +51,7 @@ export default () => (
 <div>
     <label>Default AnimatedNumber</label>
     <div class="width-60 margin-bottom-20 text-right text-size-h1 text-color-info">
-        <span class="">24</span>
+        <span class="">23</span>
     </div>
     <label>AnimatedNumber with prefix and unit</label>
     <div class="width-100 margin-bottom-20 text-right text-size-h1 text-color-primary">

package/dist/docs/components/animatedTextReveal.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Content
 *Source:* https://uikit.developers.rio.cloud/#/components/animatedTextReveal
-*Captured:* 2026-02-23T13:42:05.762Z
+*Captured:* 2026-03-06T10:40:38.063Z
 
 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.
 
@@ -32,25 +32,6 @@ System is thinking...
 Revealing text on a button
 Continue
 
-#### Summary
-
-Text with automatic cycling and animated gradient
-Live stream
-
-System is thinking...
-
-Text with animated gradient
-Processing your request...
-
-Text with automatic cycling but without animated gradient
-System is thinking...
-
-Text with custom styling
-System is thinking...
-
-Revealing text on a button
-Continue
-
 #### React (tsx)
 
 ```tsx
@@ -136,7 +117,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.310583; transform: translateY(8.91442px);">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.305126; transform: translateY(8.93817px);">System is thinking...</div>
             </div>
         </div>
     </div>
@@ -148,7 +129,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.310583; transform: translateY(8.91442px);">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.305126; transform: translateY(8.93817px);">Processing your request...</div>
             </div>
         </div>
     </div>
@@ -213,15 +194,6 @@ Sync now
 
 No sync yet
 
-#### Summary
-
-Status
-Idle
-
-Sync now
-
-No sync yet
-
 #### React (tsx)
 
 ```tsx

package/dist/docs/components/animations.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Content
 *Source:* https://uikit.developers.rio.cloud/#/components/animations
-*Captured:* 2026-02-23T13:42:05.492Z
+*Captured:* 2026-03-06T10:40:36.487Z
 
 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.
 
@@ -16,11 +16,6 @@ The official documentation can be found here https://motion.dev/docs/react
 Some Data
 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.
 
-#### Summary
-
-Some Data
-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.
-
 #### React (tsx)
 
 ```tsx
@@ -53,7 +48,7 @@ export default () => {
 #### HTML (html)
 
 ```html
-<div style="opacity: 0.893219;">
+<div style="opacity: 0.885043;">
     <div class="margin-10">
         <label>Some Data</label>
         <div>
@@ -66,10 +61,6 @@ export default () => {
 
 
 
-#### Summary
-
-
-
 #### React (tsx)
 
 ```tsx
@@ -169,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.8969824802770745 1">
+            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" pathLength="1" stroke-dashoffset="0" stroke-dasharray="0.9119143352436367 1">
             </path>
         </svg>
     </div>
@@ -184,21 +175,11 @@ export default () => (
 
 ### Example: Example 3
 
-Add ItemItem FAATTXJEAOK
-
-Item BR7CAEFSQE
-
-Item JZMO19RZFVI
-
-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.
-
-#### Summary
-
-Add ItemItem FAATTXJEAOK
+Add Item Item K0ULQZ1G8I
 
-Item BR7CAEFSQE
+Item YFOIO6AS7V
 
-Item JZMO19RZFVI
+Item NYOXL5YGT2
 
 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.
 
@@ -267,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 FAATTXJEAOK</div>
+                    <div>Item K0ULQZ1G8I</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>
@@ -278,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 BR7CAEFSQE</div>
+                    <div>Item YFOIO6AS7V</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>
@@ -289,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 JZMO19RZFVI</div>
+                    <div>Item NYOXL5YGT2</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>
@@ -305,31 +286,17 @@ export default () => {
 
 ### Example: Example 4
 
-Load ItemsItem 2KM3LW7UIU
-
-Item AWT2UKFGLD
-
-Item UYIKHVVYQ2G
-
-Item IS8QR1Q48O
-
-Item 6CS9IVYH85
-
-Item QMDZFXEZVC
-
-#### Summary
-
-Load ItemsItem 2KM3LW7UIU
+Load Items Item BXSAR5YAW6
 
-Item AWT2UKFGLD
+Item 4QIZ4N6WFF
 
-Item UYIKHVVYQ2G
+Item V4777RZUL9
 
-Item IS8QR1Q48O
+Item WLLYXMKVY5
 
-Item 6CS9IVYH85
+Item BNCS1F6E9K
 
-Item QMDZFXEZVC
+Item V7XVZMZFPR
 
 #### React (tsx)
 
@@ -396,7 +363,7 @@ export default () => {
                 <span class="checkbox-text">
                     <span>
                         <div class="display-flex gap-5">
-                            <span>Item 2KM3LW7UIU</span>
+                            <span>Item BXSAR5YAW6</span>
                         </div>
                     </span>
                 </span>
@@ -408,7 +375,7 @@ export default () => {
                 <span class="checkbox-text">
                     <span>
                         <div class="display-flex gap-5">
-                            <span>Item AWT2UKFGLD</span>
+                            <span>Item 4QIZ4N6WFF</span>
                         </div>
                     </span>
                 </span>
@@ -420,7 +387,7 @@ export default () => {
                 <span class="checkbox-text">
                     <span>
                         <div class="display-flex gap-5">
-                            <span>Item UYIKHVVYQ2G</span>
+                            <span>Item V4777RZUL9</span>
                         </div>
                     </span>
                 </span>
@@ -432,7 +399,7 @@ export default () => {
                 <span class="checkbox-text">
                     <span>
                         <div class="display-flex gap-5">
-                            <span>Item IS8QR1Q48O</span>
+                            <span>Item WLLYXMKVY5</span>
                         </div>
                     </span>
                 </span>
@@ -444,7 +411,7 @@ export default () => {
                 <span class="checkbox-text">
                     <span>
                         <div class="display-flex gap-5">
-                            <span>Item 6CS9IVYH85</span>
+                            <span>Item BNCS1F6E9K</span>
                         </div>
                     </span>
                 </span>
@@ -456,7 +423,7 @@ export default () => {
                 <span class="checkbox-text">
                     <span>
                         <div class="display-flex gap-5">
-                            <span>Item QMDZFXEZVC</span>
+                            <span>Item V7XVZMZFPR</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-02-23T13:41:31.291Z
+*Captured:* 2026-03-06T10:39:58.467Z
 
 This is the header component for all services. All navigation link components that are passed into the header should be based on react-router
 
@@ -30,27 +30,6 @@ Test E
 
 Load different nav items
 
-#### Summary
-
-ApplicationHeader
-
-Headline 1
-Subline 1
-
-Headline 2
-Subline 2
-
-Headline 3
-Subline 3
-
-Test A
-Test B
-Test C
-Test D
-Test E
-
-Load different nav items
-
 #### React (tsx)
 
 ```tsx
@@ -332,8 +311,16 @@ export default AppHeaderExample;
                     <li class="submodule " data-nav-item-key="D">
                         <a class="" href="#/4" data-discover="true">Test D</a>
                     </li>
-                    <li class="submodule " data-nav-item-key="E">
-                        <a class="" href="#/5" data-discover="true">Test E</a>
+                    <li class="CollapsedDropdown dropdown ">
+                        <a id="basic-nav-dropdown" role="button" class="dropdown-toggle text-color-gray" aria-haspopup="true" aria-expanded="true">
+                            <span class="rioglyph rioglyph-option-horizontal" aria-hidden="true">
+                            </span>
+                        </a>
+                        <ul class="dropdown-menu" role="menu" aria-labelledby="basic-nav-dropdown">
+                            <li class="submodule" data-nav-item-key="E">
+                                <a class="" href="#/5" data-discover="true">Test E</a>
+                            </li>
+                        </ul>
                     </li>
                 </ul>
                 <ul class="ApplicationActionBar nav navbar-nav navbar-right ">
@@ -379,12 +366,6 @@ ApplicationHeader
 
 4
 
-#### Summary
-
-ApplicationHeader
-
-4
-
 #### React (tsx)
 
 ```tsx