@rio-cloud/uikit-mcp 1.1.5 → 1.1.7

package/dist/docs/components/calendarStripe.md

@@ -2,8 +2,8 @@
 
 *Category:* Components
 *Section:* Misc
-*Source:* https://uikit.developers.rio.cloud/#components/calendarStripe
-*Captured:* 2026-02-03T14:04:58.265Z
+*Source:* https://uikit.developers.rio.cloud/#/components/calendarStripe
+*Captured:* 2026-02-23T15:48:55.964Z
 
 A headless component where you provide a function that renders the UI for every day to be displayed.
 
@@ -11,19 +11,31 @@ A headless component where you provide a function that renders the UI for every
 
 ### Example: Example 1
 
+Tuesday
+24 February 2026
+
 Wednesday
-4 February 2026
+25 February 2026
 
 Thursday
-5 February 2026
+26 February 2026
+
+Friday
+27 February 2026
 
 #### Summary
 
+Tuesday
+24 February 2026
+
 Wednesday
-4 February 2026
+25 February 2026
 
 Thursday
-5 February 2026
+26 February 2026
+
+Friday
+27 February 2026
 
 #### React (tsx)
 
@@ -118,8 +130,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>Wednesday</div>
-                                    <div class="text-size-16 text-medium">4 February 2026</div>
+                                    <div>Tuesday</div>
+                                    <div class="text-size-16 text-medium">24 February 2026</div>
                                 </div>
                                 <div class="text-color-primary text-size-16 width-20">
                                 </div>
@@ -130,8 +142,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>Thursday</div>
-                                    <div class="text-size-16 text-medium">5 February 2026</div>
+                                    <div>Wednesday</div>
+                                    <div class="text-size-16 text-medium">25 February 2026</div>
                                 </div>
                                 <div class="text-color-primary text-size-16 width-20">
                                 </div>
@@ -142,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>Friday</div>
-                                    <div class="text-size-16 text-medium">6 February 2026</div>
+                                    <div>Thursday</div>
+                                    <div class="text-size-16 text-medium">26 February 2026</div>
                                 </div>
                                 <div class="text-color-primary text-size-16 width-20">
                                 </div>
@@ -151,11 +163,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>Saturday</div>
-                                    <div class="text-size-16 text-medium">7 February 2026</div>
+                                    <div>Friday</div>
+                                    <div class="text-size-16 text-medium">27 February 2026</div>
                                 </div>
                                 <div class="text-color-primary text-size-16 width-20">
                                 </div>
@@ -195,11 +207,35 @@ const DayComponent = ({ date, onSelect, selectedDates }: DayComponentProps) => {
 ### Example: Example 2
 
 Feb
-4
+24
+2026
+
+Feb
+25
 2026
 
 Feb
-5
+26
+2026
+
+Feb
+27
+2026
+
+Feb
+28
+2026
+
+Mar
+1
+2026
+
+Mar
+2
+2026
+
+Mar
+3
 2026
 
 Set to JanuaryToggle Weekends
@@ -207,11 +243,35 @@ Set to JanuaryToggle Weekends
 #### Summary
 
 Feb
-4
+24
+2026
+
+Feb
+25
+2026
+
+Feb
+26
+2026
+
+Feb
+27
 2026
 
 Feb
-5
+28
+2026
+
+Mar
+1
+2026
+
+Mar
+2
+2026
+
+Mar
+3
 2026
 
 Set to JanuaryToggle Weekends
@@ -338,7 +398,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">Feb</div>
-                                <div class="text-size-h3 line-height-h3">4</div>
+                                <div class="text-size-h3 line-height-h3">24</div>
                                 <div class="text-size-12 line-height-12">2026</div>
                             </div>
                         </div>
@@ -347,7 +407,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">Feb</div>
-                                <div class="text-size-h3 line-height-h3">5</div>
+                                <div class="text-size-h3 line-height-h3">25</div>
                                 <div class="text-size-12 line-height-12">2026</div>
                             </div>
                         </div>
@@ -356,16 +416,16 @@ 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">Feb</div>
-                                <div class="text-size-h3 line-height-h3">6</div>
+                                <div class="text-size-h3 line-height-h3">26</div>
                                 <div class="text-size-12 line-height-12">2026</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">Feb</div>
-                                <div class="text-size-h3 line-height-h3">7</div>
+                                <div class="text-size-h3 line-height-h3">27</div>
                                 <div class="text-size-12 line-height-12">2026</div>
                             </div>
                         </div>
@@ -374,16 +434,16 @@ 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 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">Feb</div>
-                                <div class="text-size-h3 line-height-h3">8</div>
+                                <div class="text-size-h3 line-height-h3">28</div>
                                 <div class="text-size-12 line-height-12">2026</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">Feb</div>
-                                <div class="text-size-h3 line-height-h3">9</div>
+                                <div class="text-size-12 line-height-12">Mar</div>
+                                <div class="text-size-h3 line-height-h3">1</div>
                                 <div class="text-size-12 line-height-12">2026</div>
                             </div>
                         </div>
@@ -391,8 +451,8 @@ const DayContent = ({ date, onSelect, selectedDate }: DayContentProps) => {
                     <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="display-flex flex-column gap-3 text-center">
-                                <div class="text-size-12 line-height-12">Feb</div>
-                                <div class="text-size-h3 line-height-h3">10</div>
+                                <div class="text-size-12 line-height-12">Mar</div>
+                                <div class="text-size-h3 line-height-h3">2</div>
                                 <div class="text-size-12 line-height-12">2026</div>
                             </div>
                         </div>
@@ -400,8 +460,8 @@ const DayContent = ({ date, onSelect, selectedDate }: DayContentProps) => {
                     <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="display-flex flex-column gap-3 text-center">
-                                <div class="text-size-12 line-height-12">Feb</div>
-                                <div class="text-size-h3 line-height-h3">11</div>
+                                <div class="text-size-12 line-height-12">Mar</div>
+                                <div class="text-size-h3 line-height-h3">3</div>
                                 <div class="text-size-12 line-height-12">2026</div>
                             </div>
                         </div>
@@ -409,8 +469,8 @@ const DayContent = ({ date, onSelect, selectedDate }: DayContentProps) => {
                     <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="display-flex flex-column gap-3 text-center">
-                                <div class="text-size-12 line-height-12">Feb</div>
-                                <div class="text-size-h3 line-height-h3">12</div>
+                                <div class="text-size-12 line-height-12">Mar</div>
+                                <div class="text-size-h3 line-height-h3">4</div>
                                 <div class="text-size-12 line-height-12">2026</div>
                             </div>
                         </div>
@@ -418,8 +478,8 @@ const DayContent = ({ date, onSelect, selectedDate }: DayContentProps) => {
                     <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="display-flex flex-column gap-3 text-center">
-                                <div class="text-size-12 line-height-12">Feb</div>
-                                <div class="text-size-h3 line-height-h3">13</div>
+                                <div class="text-size-12 line-height-12">Mar</div>
+                                <div class="text-size-h3 line-height-h3">5</div>
                                 <div class="text-size-12 line-height-12">2026</div>
                             </div>
                         </div>

package/dist/docs/components/card.md

@@ -2,8 +2,8 @@
 
 *Category:* Components
 *Section:* Content
-*Source:* https://uikit.developers.rio.cloud/#components/card
-*Captured:* 2026-02-03T14:04:40.639Z
+*Source:* https://uikit.developers.rio.cloud/#/components/card
+*Captured:* 2026-02-23T15:48:39.000Z
 
 The Card is a utility component designed to simplify usage of default card styling.
 

package/dist/docs/components/carousel.md

@@ -2,8 +2,8 @@
 
 *Category:* Components
 *Section:* Content
-*Source:* https://uikit.developers.rio.cloud/#components/carousel
-*Captured:* 2026-02-03T14:04:40.733Z
+*Source:* https://uikit.developers.rio.cloud/#/components/carousel
+*Captured:* 2026-02-23T15:48:39.431Z
 
 ## Carousel
 

package/dist/docs/components/chartColors.md

@@ -2,8 +2,8 @@
 
 *Category:* Components
 *Section:* Charts
-*Source:* https://uikit.developers.rio.cloud/#components/chartColors
-*Captured:* 2026-02-03T14:05:27.467Z
+*Source:* https://uikit.developers.rio.cloud/#/components/chartColors
+*Captured:* 2026-02-23T15:49:22.307Z
 
 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

@@ -2,8 +2,8 @@
 
 *Category:* Components
 *Section:* Charts
-*Source:* https://uikit.developers.rio.cloud/#components/chartsGettingStarted
-*Captured:* 2026-02-03T14:05:26.195Z
+*Source:* https://uikit.developers.rio.cloud/#/components/chartsGettingStarted
+*Captured:* 2026-02-23T15:49:21.575Z
 
 The UIKIT chart components are simple wrapper components for the Recharts charting library.
 

package/dist/docs/components/chat.md

@@ -2,8 +2,8 @@
 
 *Category:* Components
 *Section:* CSS Only
-*Source:* https://uikit.developers.rio.cloud/#components/chat
-*Captured:* 2026-02-03T14:05:10.351Z
+*Source:* https://uikit.developers.rio.cloud/#/components/chat
+*Captured:* 2026-02-23T15:49:07.118Z
 
 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: -41.5391px; transform: none;">
+    <div class="position-absolute left-0 right-0 justify-content-center display-flex z-index-1" style="opacity: 0; top: -18.122px; 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

@@ -2,8 +2,8 @@
 
 *Category:* Components
 *Section:* Interaction
-*Source:* https://uikit.developers.rio.cloud/#components/checkbox
-*Captured:* 2026-02-03T14:04:13.543Z
+*Source:* https://uikit.developers.rio.cloud/#/components/checkbox
+*Captured:* 2026-02-23T15:48:12.631Z
 
 ## Checkbox
 
@@ -359,7 +359,6 @@ Option 1Option 2Option 3
 
 ```tsx
 import { useState } from 'react';
-import { pull } from 'es-toolkit/compat';
 
 import Checkbox from '@rio-cloud/rio-uikit/Checkbox';
 
@@ -367,11 +366,11 @@ export default () => {
     const [selectedOptions, setSelectedOptions] = useState([1]);
 
     const handleSelect = (selected: number) => {
-        const updatedSelectedOptions = selectedOptions.includes(selected)
-            ? pull(selectedOptions, selected)
-            : [...selectedOptions, selected];
-
-        setSelectedOptions(updatedSelectedOptions);
+        setSelectedOptions(prevSelectedOptions =>
+            prevSelectedOptions.includes(selected)
+                ? prevSelectedOptions.filter(value => value !== selected)
+                : [...prevSelectedOptions, selected]
+        );
     };
 
     return (
@@ -467,7 +466,6 @@ Strawberry
 
 ```tsx
 import { useState } from 'react';
-import { pull } from 'es-toolkit/compat';
 
 import Checkbox from '@rio-cloud/rio-uikit/Checkbox';
 
@@ -481,11 +479,11 @@ export default () => {
     const [selectedOptions, setSelectedOptions] = useState([1]);
 
     const handleSelect = (selected: number) => {
-        const updatedSelectedOptions = selectedOptions.includes(selected)
-            ? pull(selectedOptions, selected)
-            : [...selectedOptions, selected];
-
-        setSelectedOptions(updatedSelectedOptions);
+        setSelectedOptions(prevSelectedOptions =>
+            prevSelectedOptions.includes(selected)
+                ? prevSelectedOptions.filter(value => value !== selected)
+                : [...prevSelectedOptions, selected]
+        );
     };
 
     return (
@@ -680,7 +678,6 @@ This option is a third option
 
 ```tsx
 import { useState } from 'react';
-import { pull } from 'es-toolkit/compat';
 
 import Checkbox from '@rio-cloud/rio-uikit/Checkbox';
 
@@ -688,11 +685,11 @@ export default () => {
     const [selectedOptions, setSelectedOptions] = useState([1]);
 
     const handleSelect = (selected: number) => {
-        const updatedSelectedOptions = selectedOptions.includes(selected)
-            ? pull(selectedOptions, selected)
-            : [...selectedOptions, selected];
-
-        setSelectedOptions(updatedSelectedOptions);
+        setSelectedOptions(prevSelectedOptions =>
+            prevSelectedOptions.includes(selected)
+                ? prevSelectedOptions.filter(value => value !== selected)
+                : [...prevSelectedOptions, selected]
+        );
     };
 
     return (