@rio-cloud/uikit-mcp 1.1.1 → 1.1.2

package/dist/docs/components/calendarStripe.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Misc
 *Source:* https://uikit.developers.rio.cloud/#components/calendarStripe
-*Captured:* 2025-12-12T14:20:53.899Z
+*Captured:* 2025-12-15T15:02:50.415Z
 
 A headless component where you provide a function that renders the UI for every day to be displayed.
 
@@ -11,32 +11,32 @@ A headless component where you provide a function that renders the UI for every
 
 ### Example: Example 1
 
-Saturday
-13 December 2025
-
-Sunday
-14 December 2025
-
-Monday
-15 December 2025
-
 Tuesday
 16 December 2025
 
-#### Summary
+Wednesday
+17 December 2025
 
-Saturday
-13 December 2025
+Thursday
+18 December 2025
 
-Sunday
-14 December 2025
+Friday
+19 December 2025
 
-Monday
-15 December 2025
+#### Summary
 
 Tuesday
 16 December 2025
 
+Wednesday
+17 December 2025
+
+Thursday
+18 December 2025
+
+Friday
+19 December 2025
+
 #### React (tsx)
 
 ```tsx
@@ -127,11 +127,11 @@ const DayComponent = ({ date, onSelect, selectedDates }: DayComponentProps) => {
             <div style="opacity: 1; transform: none;">
                 <div class="display-flex space-x--1 user-select-none">
                     <div class="ColumnItem flex-1-1-0 space-x--1 user-select-none">
-                        <div class="padding-15 border border-top-none border-bottom-none hover-text-color-darkest hover-bg-highlight-decent cursor-pointer bg-lightest">
+                        <div class="padding-15 border border-top-none border-bottom-none hover-text-color-darkest hover-bg-highlight-decent cursor-pointer ">
                             <div class="display-flex align-items-center justify-content-between">
                                 <div class="display-flex flex-column gap-5 text-size-14 line-height-14">
-                                    <div>Saturday</div>
-                                    <div class="text-size-16 text-medium">13 December 2025</div>
+                                    <div>Tuesday</div>
+                                    <div class="text-size-16 text-medium">16 December 2025</div>
                                 </div>
                                 <div class="text-color-primary text-size-16 width-20">
                                 </div>
@@ -139,11 +139,11 @@ const DayComponent = ({ date, onSelect, selectedDates }: DayComponentProps) => {
                         </div>
                     </div>
                     <div class="ColumnItem flex-1-1-0 space-x--1 user-select-none">
-                        <div class="padding-15 border border-top-none border-bottom-none hover-text-color-darkest hover-bg-highlight-decent cursor-pointer bg-lightest">
+                        <div class="padding-15 border border-top-none border-bottom-none hover-text-color-darkest hover-bg-highlight-decent cursor-pointer ">
                             <div class="display-flex align-items-center justify-content-between">
                                 <div class="display-flex flex-column gap-5 text-size-14 line-height-14">
-                                    <div>Sunday</div>
-                                    <div class="text-size-16 text-medium">14 December 2025</div>
+                                    <div>Wednesday</div>
+                                    <div class="text-size-16 text-medium">17 December 2025</div>
                                 </div>
                                 <div class="text-color-primary text-size-16 width-20">
                                 </div>
@@ -154,8 +154,8 @@ const DayComponent = ({ date, onSelect, selectedDates }: DayComponentProps) => {
                         <div class="padding-15 border border-top-none border-bottom-none hover-text-color-darkest hover-bg-highlight-decent cursor-pointer ">
                             <div class="display-flex align-items-center justify-content-between">
                                 <div class="display-flex flex-column gap-5 text-size-14 line-height-14">
-                                    <div>Monday</div>
-                                    <div class="text-size-16 text-medium">15 December 2025</div>
+                                    <div>Thursday</div>
+                                    <div class="text-size-16 text-medium">18 December 2025</div>
                                 </div>
                                 <div class="text-color-primary text-size-16 width-20">
                                 </div>
@@ -166,8 +166,8 @@ const DayComponent = ({ date, onSelect, selectedDates }: DayComponentProps) => {
                         <div class="padding-15 border border-top-none border-bottom-none hover-text-color-darkest hover-bg-highlight-decent cursor-pointer ">
                             <div class="display-flex align-items-center justify-content-between">
                                 <div class="display-flex flex-column gap-5 text-size-14 line-height-14">
-                                    <div>Tuesday</div>
-                                    <div class="text-size-16 text-medium">16 December 2025</div>
+                                    <div>Friday</div>
+                                    <div class="text-size-16 text-medium">19 December 2025</div>
                                 </div>
                                 <div class="text-color-primary text-size-16 width-20">
                                 </div>
@@ -206,18 +206,6 @@ const DayComponent = ({ date, onSelect, selectedDates }: DayComponentProps) => {
 
 ### Example: Example 2
 
-Dec
-13
-2025
-
-Dec
-14
-2025
-
-Dec
-15
-2025
-
 Dec
 16
 2025
@@ -250,18 +238,6 @@ Set to JanuaryToggle Weekends
 
 #### Summary
 
-Dec
-13
-2025
-
-Dec
-14
-2025
-
-Dec
-15
-2025
-
 Dec
 16
 2025
@@ -411,19 +387,19 @@ const DayContent = ({ date, onSelect, selectedDate }: DayContentProps) => {
             <div style="opacity: 1; transform: none;">
                 <div class="display-flex space-x--1 user-select-none">
                     <div class="ColumnItem flex-1-1-0 space-x--1 user-select-none">
-                        <div class="cursor-pointer border border-top-none border-bottom-none display-grid place-items-center aspect-ratio-1 bg-lightest text-color-gray pointer-events-none hover-bg-highlight-decent hover-text-color-darkest">
+                        <div class="cursor-pointer border border-top-none border-bottom-none display-grid place-items-center aspect-ratio-1  hover-bg-highlight-decent hover-text-color-darkest">
                             <div class="display-flex flex-column gap-3 text-center">
                                 <div class="text-size-12 line-height-12">Dec</div>
-                                <div class="text-size-h3 line-height-h3">13</div>
+                                <div class="text-size-h3 line-height-h3">16</div>
                                 <div class="text-size-12 line-height-12">2025</div>
                             </div>
                         </div>
                     </div>
                     <div class="ColumnItem flex-1-1-0 space-x--1 user-select-none">
-                        <div class="cursor-pointer border border-top-none border-bottom-none display-grid place-items-center aspect-ratio-1 bg-lightest text-color-gray pointer-events-none hover-bg-highlight-decent hover-text-color-darkest">
+                        <div class="cursor-pointer border border-top-none border-bottom-none display-grid place-items-center aspect-ratio-1  hover-bg-highlight-decent hover-text-color-darkest">
                             <div class="display-flex flex-column gap-3 text-center">
                                 <div class="text-size-12 line-height-12">Dec</div>
-                                <div class="text-size-h3 line-height-h3">14</div>
+                                <div class="text-size-h3 line-height-h3">17</div>
                                 <div class="text-size-12 line-height-12">2025</div>
                             </div>
                         </div>
@@ -432,7 +408,7 @@ const DayContent = ({ date, onSelect, selectedDate }: DayContentProps) => {
                         <div class="cursor-pointer border border-top-none border-bottom-none display-grid place-items-center aspect-ratio-1  hover-bg-highlight-decent hover-text-color-darkest">
                             <div class="display-flex flex-column gap-3 text-center">
                                 <div class="text-size-12 line-height-12">Dec</div>
-                                <div class="text-size-h3 line-height-h3">15</div>
+                                <div class="text-size-h3 line-height-h3">18</div>
                                 <div class="text-size-12 line-height-12">2025</div>
                             </div>
                         </div>
@@ -441,25 +417,25 @@ const DayContent = ({ date, onSelect, selectedDate }: DayContentProps) => {
                         <div class="cursor-pointer border border-top-none border-bottom-none display-grid place-items-center aspect-ratio-1  hover-bg-highlight-decent hover-text-color-darkest">
                             <div class="display-flex flex-column gap-3 text-center">
                                 <div class="text-size-12 line-height-12">Dec</div>
-                                <div class="text-size-h3 line-height-h3">16</div>
+                                <div class="text-size-h3 line-height-h3">19</div>
                                 <div class="text-size-12 line-height-12">2025</div>
                             </div>
                         </div>
                     </div>
                     <div class="ColumnItem flex-1-1-0 space-x--1 user-select-none">
-                        <div class="cursor-pointer border border-top-none border-bottom-none display-grid place-items-center aspect-ratio-1  hover-bg-highlight-decent hover-text-color-darkest">
+                        <div class="cursor-pointer border border-top-none border-bottom-none display-grid place-items-center aspect-ratio-1 bg-lightest text-color-gray pointer-events-none hover-bg-highlight-decent hover-text-color-darkest">
                             <div class="display-flex flex-column gap-3 text-center">
                                 <div class="text-size-12 line-height-12">Dec</div>
-                                <div class="text-size-h3 line-height-h3">17</div>
+                                <div class="text-size-h3 line-height-h3">20</div>
                                 <div class="text-size-12 line-height-12">2025</div>
                             </div>
                         </div>
                     </div>
                     <div class="ColumnItem flex-1-1-0 space-x--1 user-select-none">
-                        <div class="cursor-pointer border border-top-none border-bottom-none display-grid place-items-center aspect-ratio-1  hover-bg-highlight-decent hover-text-color-darkest">
+                        <div class="cursor-pointer border border-top-none border-bottom-none display-grid place-items-center aspect-ratio-1 bg-lightest text-color-gray pointer-events-none hover-bg-highlight-decent hover-text-color-darkest">
                             <div class="display-flex flex-column gap-3 text-center">
                                 <div class="text-size-12 line-height-12">Dec</div>
-                                <div class="text-size-h3 line-height-h3">18</div>
+                                <div class="text-size-h3 line-height-h3">21</div>
                                 <div class="text-size-12 line-height-12">2025</div>
                             </div>
                         </div>
@@ -468,25 +444,25 @@ const DayContent = ({ date, onSelect, selectedDate }: DayContentProps) => {
                         <div class="cursor-pointer border border-top-none border-bottom-none display-grid place-items-center aspect-ratio-1  hover-bg-highlight-decent hover-text-color-darkest">
                             <div class="display-flex flex-column gap-3 text-center">
                                 <div class="text-size-12 line-height-12">Dec</div>
-                                <div class="text-size-h3 line-height-h3">19</div>
+                                <div class="text-size-h3 line-height-h3">22</div>
                                 <div class="text-size-12 line-height-12">2025</div>
                             </div>
                         </div>
                     </div>
                     <div class="ColumnItem flex-1-1-0 space-x--1 user-select-none">
-                        <div class="cursor-pointer border border-top-none border-bottom-none display-grid place-items-center aspect-ratio-1 bg-lightest text-color-gray pointer-events-none hover-bg-highlight-decent hover-text-color-darkest">
+                        <div class="cursor-pointer border border-top-none border-bottom-none display-grid place-items-center aspect-ratio-1  hover-bg-highlight-decent hover-text-color-darkest">
                             <div class="display-flex flex-column gap-3 text-center">
                                 <div class="text-size-12 line-height-12">Dec</div>
-                                <div class="text-size-h3 line-height-h3">20</div>
+                                <div class="text-size-h3 line-height-h3">23</div>
                                 <div class="text-size-12 line-height-12">2025</div>
                             </div>
                         </div>
                     </div>
                     <div class="ColumnItem flex-1-1-0 space-x--1 user-select-none">
-                        <div class="cursor-pointer border border-top-none border-bottom-none display-grid place-items-center aspect-ratio-1 bg-lightest text-color-gray pointer-events-none hover-bg-highlight-decent hover-text-color-darkest">
+                        <div class="cursor-pointer border border-top-none border-bottom-none display-grid place-items-center aspect-ratio-1  hover-bg-highlight-decent hover-text-color-darkest">
                             <div class="display-flex flex-column gap-3 text-center">
                                 <div class="text-size-12 line-height-12">Dec</div>
-                                <div class="text-size-h3 line-height-h3">21</div>
+                                <div class="text-size-h3 line-height-h3">24</div>
                                 <div class="text-size-12 line-height-12">2025</div>
                             </div>
                         </div>
@@ -495,7 +471,7 @@ const DayContent = ({ date, onSelect, selectedDate }: DayContentProps) => {
                         <div class="cursor-pointer border border-top-none border-bottom-none display-grid place-items-center aspect-ratio-1  hover-bg-highlight-decent hover-text-color-darkest">
                             <div class="display-flex flex-column gap-3 text-center">
                                 <div class="text-size-12 line-height-12">Dec</div>
-                                <div class="text-size-h3 line-height-h3">22</div>
+                                <div class="text-size-h3 line-height-h3">25</div>
                                 <div class="text-size-12 line-height-12">2025</div>
                             </div>
                         </div>

package/dist/docs/components/card.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Content
 *Source:* https://uikit.developers.rio.cloud/#components/card
-*Captured:* 2025-12-12T14:20:38.979Z
+*Captured:* 2025-12-15T15:02:34.965Z
 
 The Card is a utility component designed to simplify usage of default card styling.
 

package/dist/docs/components/carousel.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Content
 *Source:* https://uikit.developers.rio.cloud/#components/carousel
-*Captured:* 2025-12-12T14:20:38.922Z
+*Captured:* 2025-12-15T15:02:35.227Z
 
 ## Carousel
 

package/dist/docs/components/chartColors.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Charts
 *Source:* https://uikit.developers.rio.cloud/#components/chartColors
-*Captured:* 2025-12-12T14:21:22.290Z
+*Captured:* 2025-12-15T15:03:19.823Z
 
 The colors listed below are exposed via the colors.json file and can also be used with other charting libraries to achieve a common look and feel.
 

package/dist/docs/components/chartsGettingStarted.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Charts
 *Source:* https://uikit.developers.rio.cloud/#components/chartsGettingStarted
-*Captured:* 2025-12-12T14:21:21.805Z
+*Captured:* 2025-12-15T15:03:19.387Z
 
 The UIKIT chart components are simple wrapper components for the Recharts charting library.
 

package/dist/docs/components/chat.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* CSS Only
 *Source:* https://uikit.developers.rio.cloud/#components/chat
-*Captured:* 2025-12-12T14:21:05.230Z
+*Captured:* 2025-12-15T15:03:01.979Z
 
 The chat component is a pure CSS component.
 
@@ -524,9 +524,6 @@ 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: -50px; 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%;">
         <div class="scrollbar-view" style="position: absolute; inset: 0px; overflow: scroll; margin-right: 0px; margin-bottom: 0px;">
             <div class="scrollbar-content-wrapper">

package/dist/docs/components/checkbox.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Interaction
 *Source:* https://uikit.developers.rio.cloud/#components/checkbox
-*Captured:* 2025-12-12T14:20:16.385Z
+*Captured:* 2025-12-15T15:02:11.328Z
 
 ## Checkbox
 

package/dist/docs/components/clearableInput.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Interaction
 *Source:* https://uikit.developers.rio.cloud/#components/clearableInput
-*Captured:* 2025-12-12T14:20:16.335Z
+*Captured:* 2025-12-15T15:02:11.315Z
 
 Control, which can be cleared when it has a value.
 

package/dist/docs/components/collapse.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Show/Hide
 *Source:* https://uikit.developers.rio.cloud/#components/collapse
-*Captured:* 2025-12-12T14:20:23.245Z
+*Captured:* 2025-12-15T15:02:18.767Z
 
 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="015ykhlj0y54a" class="btn btn-default btn-md btn-component dropdown-toggle" tabindex="0">Dropdown<span class="caret">
+                        <button type="button" id="1gaqqu9b55" class="btn btn-default btn-md btn-component dropdown-toggle" tabindex="0">Dropdown<span class="caret">
                             </span>
                         </button>
                     </div>