@rio-cloud/uikit-mcp 1.1.5 → 1.1.7

package/dist/docs/components/accentBar.md

@@ -2,8 +2,8 @@
 
 *Category:* Components
 *Section:* Misc
-*Source:* https://uikit.developers.rio.cloud/#components/accentBar
-*Captured:* 2026-02-03T14:04:55.940Z
+*Source:* https://uikit.developers.rio.cloud/#/components/accentBar
+*Captured:* 2026-02-23T15:48:54.205Z
 
 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

@@ -2,8 +2,8 @@
 
 *Category:* Components
 *Section:* Misc
-*Source:* https://uikit.developers.rio.cloud/#components/activity
-*Captured:* 2026-02-03T14:04:54.335Z
+*Source:* https://uikit.developers.rio.cloud/#/components/activity
+*Captured:* 2026-02-23T15:48:52.114Z
 
 ## Activity
 

package/dist/docs/components/animatedNumber.md

@@ -2,8 +2,8 @@
 
 *Category:* Components
 *Section:* Content
-*Source:* https://uikit.developers.rio.cloud/#components/animatedNumber
-*Captured:* 2026-02-03T14:04:38.677Z
+*Source:* https://uikit.developers.rio.cloud/#/components/animatedNumber
+*Captured:* 2026-02-23T15:48:37.072Z
 
 ## AnimatedNumber
 
@@ -59,7 +59,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="">25</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

@@ -2,8 +2,8 @@
 
 *Category:* Components
 *Section:* Content
-*Source:* https://uikit.developers.rio.cloud/#components/animatedTextReveal
-*Captured:* 2026-02-03T14:04:39.333Z
+*Source:* https://uikit.developers.rio.cloud/#/components/animatedTextReveal
+*Captured:* 2026-02-23T15:48:38.650Z
 
 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.
 
@@ -136,7 +136,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.331249; transform: translateY(8.78522px);">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.330556; transform: translateY(8.87979px);">System is thinking...</div>
             </div>
         </div>
     </div>
@@ -148,7 +148,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.331249; transform: translateY(8.78522px);">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.330556; transform: translateY(8.87979px);">Processing your request...</div>
             </div>
         </div>
     </div>
@@ -156,7 +156,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.39601px);">System is thinking...</div>
             </div>
         </div>
     </div>
@@ -164,7 +164,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.39601px);">System is thinking...</div>
             </div>
         </div>
     </div>
@@ -173,7 +173,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.39601px);">Continue</div>
                 </div>
             </button>
         </div>

package/dist/docs/components/animations.md

@@ -2,8 +2,8 @@
 
 *Category:* Components
 *Section:* Content
-*Source:* https://uikit.developers.rio.cloud/#components/animations
-*Captured:* 2026-02-03T14:04:39.064Z
+*Source:* https://uikit.developers.rio.cloud/#/components/animations
+*Captured:* 2026-02-23T15:48:38.207Z
 
 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.
 
@@ -53,7 +53,7 @@ export default () => {
 #### HTML (html)
 
 ```html
-<div style="opacity: 0.891318;">
+<div style="opacity: 0.886989;">
     <div class="margin-10">
         <label>Some Data</label>
         <div>
@@ -163,19 +163,19 @@ export default () => (
 <div class="display-flex gap-20 text-color-darker" style="opacity: 1;">
     <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="M14 5l7 7m0 0l-7 7m7-7H3" pathLength="1" stroke-dashoffset="0px" stroke-dasharray="1px 1px">
+            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3" pathLength="1" stroke-dashoffset="0" stroke-dasharray="1 1">
             </path>
         </svg>
     </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="0px" stroke-dasharray="0.8869888990011532px 1px">
+            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" pathLength="1" stroke-dashoffset="0" stroke-dasharray="0.8855309942446183 1">
             </path>
         </svg>
     </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="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" pathLength="1" stroke-dashoffset="0px" stroke-dasharray="0px 1px">
+            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" pathLength="1" stroke-dashoffset="0" stroke-dasharray="0 1">
             </path>
         </svg>
     </div>
@@ -184,21 +184,21 @@ export default () => (
 
 ### Example: Example 3
 
-Add ItemItem SAY31NI9JY
+Add ItemItem OJZVGQA3W1
 
-Item 3Y845VKS7Q
+Item O2YWLCZCY8
 
-Item 2TR06HFALV
+Item VAJA7ROY1W
 
 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 SAY31NI9JY
+Add ItemItem OJZVGQA3W1
 
-Item 3Y845VKS7Q
+Item O2YWLCZCY8
 
-Item 2TR06HFALV
+Item VAJA7ROY1W
 
 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 +267,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 SAY31NI9JY</div>
+                    <div>Item OJZVGQA3W1</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 +278,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 3Y845VKS7Q</div>
+                    <div>Item O2YWLCZCY8</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 +289,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 2TR06HFALV</div>
+                    <div>Item VAJA7ROY1W</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 +305,31 @@ export default () => {
 
 ### Example: Example 4
 
-Load ItemsItem Y3E1PAWU4G
+Load ItemsItem IMGUJ26458
 
-Item 03RN4LBQUH
+Item SFU5JE7VRI
 
-Item RNLIJUFWD1
+Item NLLNGG2GSBG
 
-Item USNNCEUF3C
+Item XNU98Q531P
 
-Item S6FC5S6QMJ
+Item 1L6E76Z95QI
 
-Item 01C0J9EA59
+Item ERTDUB2X0J
 
 #### Summary
 
-Load ItemsItem Y3E1PAWU4G
+Load ItemsItem IMGUJ26458
 
-Item 03RN4LBQUH
+Item SFU5JE7VRI
 
-Item RNLIJUFWD1
+Item NLLNGG2GSBG
 
-Item USNNCEUF3C
+Item XNU98Q531P
 
-Item S6FC5S6QMJ
+Item 1L6E76Z95QI
 
-Item 01C0J9EA59
+Item ERTDUB2X0J
 
 #### React (tsx)
 
@@ -396,7 +396,7 @@ export default () => {
                 <span class="checkbox-text">
                     <span>
                         <div class="display-flex gap-5">
-                            <span>Item Y3E1PAWU4G</span>
+                            <span>Item IMGUJ26458</span>
                         </div>
                     </span>
                 </span>
@@ -408,7 +408,7 @@ export default () => {
                 <span class="checkbox-text">
                     <span>
                         <div class="display-flex gap-5">
-                            <span>Item 03RN4LBQUH</span>
+                            <span>Item SFU5JE7VRI</span>
                         </div>
                     </span>
                 </span>
@@ -420,7 +420,7 @@ export default () => {
                 <span class="checkbox-text">
                     <span>
                         <div class="display-flex gap-5">
-                            <span>Item RNLIJUFWD1</span>
+                            <span>Item NLLNGG2GSBG</span>
                         </div>
                     </span>
                 </span>
@@ -432,7 +432,7 @@ export default () => {
                 <span class="checkbox-text">
                     <span>
                         <div class="display-flex gap-5">
-                            <span>Item USNNCEUF3C</span>
+                            <span>Item XNU98Q531P</span>
                         </div>
                     </span>
                 </span>
@@ -444,7 +444,7 @@ export default () => {
                 <span class="checkbox-text">
                     <span>
                         <div class="display-flex gap-5">
-                            <span>Item S6FC5S6QMJ</span>
+                            <span>Item 1L6E76Z95QI</span>
                         </div>
                     </span>
                 </span>
@@ -456,7 +456,7 @@ export default () => {
                 <span class="checkbox-text">
                     <span>
                         <div class="display-flex gap-5">
-                            <span>Item 01C0J9EA59</span>
+                            <span>Item ERTDUB2X0J</span>
                         </div>
                     </span>
                 </span>

package/dist/docs/components/appHeader.md

@@ -2,8 +2,8 @@
 
 *Category:* Components
 *Section:* Application
-*Source:* https://uikit.developers.rio.cloud/#components/appHeader
-*Captured:* 2026-02-03T14:04:05.995Z
+*Source:* https://uikit.developers.rio.cloud/#/components/appHeader
+*Captured:* 2026-02-23T15:48:04.642Z
 
 This is the header component for all services. All navigation link components that are passed into the header should be based on react-router
 
@@ -258,7 +258,7 @@ export default AppHeaderExample;
             <nav class="ApplicationHeader user-select-none">
                 <div class="navbar-header">
                     <span class="navbar-brand home-icon">
-                        <a aria-current="page" class="active" href="#">
+                        <a class="" href="#/" data-discover="true">
                         </a>
                     </span>
                 </div>
@@ -321,19 +321,19 @@ export default AppHeaderExample;
                 </ul>
                 <ul class="SubmoduleNavigation nav">
                     <li class="submodule " data-nav-item-key="A">
-                        <a aria-current="page" class="active" href="#components/appHeader">Test A</a>
+                        <a aria-current="page" class="active" href="#/components/appHeader" data-discover="true">Test A</a>
                     </li>
                     <li class="submodule " data-nav-item-key="B">
-                        <a href="#2">Test B</a>
+                        <a class="" href="#/2" data-discover="true">Test B</a>
                     </li>
                     <li class="submodule " data-nav-item-key="C">
-                        <a href="#3">Test C</a>
+                        <a class="" href="#/3" data-discover="true">Test C</a>
                     </li>
                     <li class="submodule " data-nav-item-key="D">
-                        <a href="#4">Test D</a>
+                        <a class="" href="#/4" data-discover="true">Test D</a>
                     </li>
                     <li class="submodule " data-nav-item-key="E">
-                        <a href="#5">Test E</a>
+                        <a class="" href="#/5" data-discover="true">Test E</a>
                     </li>
                 </ul>
                 <ul class="ApplicationActionBar nav navbar-nav navbar-right ">