@rio-cloud/uikit-mcp 1.1.0 → 1.1.2

package/dist/docs/components/autosuggests.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Selection
 *Source:* https://uikit.developers.rio.cloud/#components/autosuggests
-*Captured:* 2025-12-12T12:38:25.920Z
+*Captured:* 2025-12-15T15:02:23.997Z
 
 For a more flexible and smart search we highly recommend using fuse.js as searching algorithm.For more information on how to configure it, see: https://fusejs.io
 

package/dist/docs/components/avatar.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Misc
 *Source:* https://uikit.developers.rio.cloud/#components/avatar
-*Captured:* 2025-12-12T12:38:51.289Z
+*Captured:* 2025-12-15T15:02:49.947Z
 
 The Avatar is a small component designed to render a users image, the initials of the users name or an icon.
 

package/dist/docs/components/banner.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Content
 *Source:* https://uikit.developers.rio.cloud/#components/banner
-*Captured:* 2025-12-12T12:38:38.275Z
+*Captured:* 2025-12-15T15:02:36.668Z
 
 Convey information or prompt action through in-line banners, ideal for educational content, updates, or announcements.
 
@@ -76,7 +76,7 @@ export default () => {
         <div style="position: relative;">
             <div class="bg-white rounded border shadow-default padding-20 Banner display-flex text-color-darker overflow-hidden position-relative">
                 <div class="flex-1-1 overflow-hidden">
-                    <div style="opacity: 0; transform: translateX(17.914px);">
+                    <div style="opacity: 0; transform: translateX(15.7285px);">
                         <div class="display-flex align-items-start align-items-center-ls width-100pct gap-15 ">
                             <div class="BannerIcon flex-0 margin-x-5 min-width-25 ">
                                 <svg xmlns="http://www.w3.org/2000/svg" width="80" height="60" viewBox="0 0 773 612" xmlns:xlink="http://www.w3.org/1999/xlink" role="img" artist="Katerina Limpitsouni" source="https://undraw.co/">

package/dist/docs/components/barCharts.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Charts
 *Source:* https://uikit.developers.rio.cloud/#components/barCharts
-*Captured:* 2025-12-12T12:39:25.288Z
+*Captured:* 2025-12-15T15:03:28.776Z
 
 ## BarChart
 
@@ -124,33 +124,33 @@ const data = [
                             <g class="recharts-layer recharts-bar-rectangles">
                                 <g class="recharts-layer">
                                     <g class="recharts-layer recharts-bar-rectangle">
-                                        <path fill="#30b4c0 " name="undefined" x="7.8" y="49.06000000000002" width="62" height="173.94" class="recharts-rectangle" d="M7.8,52.06000000000002A 3,3,0,0,1,10.8,49.06000000000002L 66.8,49.06000000000002A 3,3,0,0,1,
-        69.8,52.06000000000002L 69.8,223L 7.8,223Z">
+                                        <path fill="#30b4c0 " name="undefined" x="7.8" y="51.94669710990095" width="62" height="171.05330289009905" class="recharts-rectangle" d="M7.8,54.94669710990095A 3,3,0,0,1,10.8,51.94669710990095L 66.8,51.94669710990095A 3,3,0,0,1,
+        69.8,54.94669710990095L 69.8,223L 7.8,223Z">
                                         </path>
                                     </g>
                                     <g class="recharts-layer recharts-bar-rectangle">
-                                        <path fill="#30b4c0 " name="undefined" x="85.8" y="141.23333333333332" width="62" height="81.76666666666668" class="recharts-rectangle" d="M85.8,144.23333333333332A 3,3,0,0,1,88.8,141.23333333333332L 144.8,141.23333333333332A 3,3,0,0,1,
-        147.8,144.23333333333332L 147.8,223L 85.8,223Z">
+                                        <path fill="#30b4c0 " name="undefined" x="85.8" y="142.59032770123548" width="62" height="80.40967229876452" class="recharts-rectangle" d="M85.8,145.59032770123548A 3,3,0,0,1,88.8,142.59032770123548L 144.8,142.59032770123548A 3,3,0,0,1,
+        147.8,145.59032770123548L 147.8,223L 85.8,223Z">
                                         </path>
                                     </g>
                                     <g class="recharts-layer recharts-bar-rectangle">
-                                        <path fill="#30b4c0 " name="undefined" x="163.8" y="176.91333333333333" width="62" height="46.08666666666667" class="recharts-rectangle" d="M163.8,179.91333333333333A 3,3,0,0,1,166.8,176.91333333333333L 222.8,176.91333333333333A 3,3,0,0,1,
-        225.8,179.91333333333333L 225.8,223L 163.8,223Z">
+                                        <path fill="#30b4c0 " name="undefined" x="163.8" y="177.67818470433272" width="62" height="45.32181529566728" class="recharts-rectangle" d="M163.8,180.67818470433272A 3,3,0,0,1,166.8,177.67818470433272L 222.8,177.67818470433272A 3,3,0,0,1,
+        225.8,180.67818470433272L 225.8,223L 163.8,223Z">
                                         </path>
                                     </g>
                                     <g class="recharts-layer recharts-bar-rectangle">
-                                        <path fill="#30b4c0 " name="undefined" x="241.8" y="208.57933333333332" width="62" height="14.420666666666676" class="recharts-rectangle" d="M241.8,211.57933333333332A 3,3,0,0,1,244.8,208.57933333333332L 300.8,208.57933333333332A 3,3,0,0,1,
-        303.8,211.57933333333332L 303.8,223L 241.8,223Z">
+                                        <path fill="#30b4c0 " name="undefined" x="241.8" y="208.81865779458153" width="62" height="14.181342205418478" class="recharts-rectangle" d="M241.8,211.81865779458153A 3,3,0,0,1,244.8,208.81865779458153L 300.8,208.81865779458153A 3,3,0,0,1,
+        303.8,211.81865779458153L 303.8,223L 241.8,223Z">
                                         </path>
                                     </g>
                                     <g class="recharts-layer recharts-bar-rectangle">
-                                        <path fill="#30b4c0 " name="undefined" x="319.8" y="210.99516666666668" width="62" height="12.004833333333323" class="recharts-rectangle" d="M319.8,213.99516666666668A 3,3,0,0,1,322.8,210.99516666666668L 378.8,210.99516666666668A 3,3,0,0,1,
-        381.8,213.99516666666668L 381.8,223L 319.8,223Z">
+                                        <path fill="#30b4c0 " name="undefined" x="319.8" y="211.19439811249958" width="62" height="11.805601887500416" class="recharts-rectangle" d="M319.8,214.19439811249958A 3,3,0,0,1,322.8,211.19439811249958L 378.8,211.19439811249958A 3,3,0,0,1,
+        381.8,214.19439811249958L 381.8,223L 319.8,223Z">
                                         </path>
                                     </g>
                                     <g class="recharts-layer recharts-bar-rectangle">
-                                        <path fill="#30b4c0 " name="undefined" x="397.8" y="205.64316666666667" width="62" height="17.356833333333327" class="recharts-rectangle" d="M397.8,208.64316666666667A 3,3,0,0,1,400.8,205.64316666666667L 456.8,205.64316666666667A 3,3,0,0,1,
-        459.8,208.64316666666667L 459.8,223L 397.8,223Z">
+                                        <path fill="#30b4c0 " name="undefined" x="397.8" y="205.93121956203498" width="62" height="17.068780437965007" class="recharts-rectangle" d="M397.8,208.93121956203498A 3,3,0,0,1,400.8,205.93121956203498L 456.8,205.93121956203498A 3,3,0,0,1,
+        459.8,208.93121956203498L 459.8,223L 397.8,223Z">
                                         </path>
                                     </g>
                                 </g>
@@ -234,26 +234,6 @@ const data = [
                                 </text>
                             </g>
                         </g>
-                        <g class="recharts-layer recharts-label-list">
-                            <text width="62" height="49.06000000000002" offset="5" x="38.8" y="44.06000000000002" class="recharts-text recharts-label" text-anchor="middle" fill="#808080">
-                                <tspan x="38.8" dy="0em">46.8 €</tspan>
-                            </text>
-                            <text width="62" height="141.23333333333332" offset="5" x="116.8" y="136.23333333333332" class="recharts-text recharts-label" text-anchor="middle" fill="#808080">
-                                <tspan x="116.8" dy="0em">22 €</tspan>
-                            </text>
-                            <text width="62" height="176.91333333333333" offset="5" x="194.8" y="171.91333333333333" class="recharts-text recharts-label" text-anchor="middle" fill="#808080">
-                                <tspan x="194.8" dy="0em">12.4 €</tspan>
-                            </text>
-                            <text width="62" height="208.57933333333332" offset="5" x="272.8" y="203.57933333333332" class="recharts-text recharts-label" text-anchor="middle" fill="#808080">
-                                <tspan x="272.8" dy="0em">3.88 €</tspan>
-                            </text>
-                            <text width="62" height="210.99516666666668" offset="5" x="350.8" y="205.99516666666668" class="recharts-text recharts-label" text-anchor="middle" fill="#808080">
-                                <tspan x="350.8" dy="0em">3.23 €</tspan>
-                            </text>
-                            <text width="62" height="205.64316666666667" offset="5" x="428.8" y="200.64316666666667" class="recharts-text recharts-label" text-anchor="middle" fill="#808080">
-                                <tspan x="428.8" dy="0em">4.67 €</tspan>
-                            </text>
-                        </g>
                     </g>
                 </svg>
             </div>

package/dist/docs/components/barList.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Progress
 *Source:* https://uikit.developers.rio.cloud/#components/barList
-*Captured:* 2025-12-12T12:38:33.376Z
+*Captured:* 2025-12-15T15:02:31.702Z
 
 ## BarList
 
@@ -180,28 +180,28 @@ const transportData = [
             <div class="display-flex justify-content-between gap-15">
                 <div class="width-100pct space-y-5">
                     <div class="position-relative width-100pct rounded-small transition-all transition-ease-in-out transition-duration-01 bg-transparent cursor-pointer">
-                        <div class="display-flex align-items-center rounded-small transition-all transition-ease-in-out transition-duration-01 bg-highlight-light" role="presentation" style="height: 25px; opacity: 0.5; width: 50.5418%;">
+                        <div class="display-flex align-items-center rounded-small transition-all transition-ease-in-out transition-duration-01 bg-highlight-light" role="presentation" style="height: 25px; opacity: 0.5; width: 54.5469%;">
                         </div>
                         <div class="position-absolute left-0 top-50pct translate-y-50pct display-flex width-100pct padding-left-10">
                             <a href="https://example.com/metrics/on-time-delivery" class="text-color-darker" target="_blank" rel="noreferrer">On-time delivery</a>
                         </div>
                     </div>
                     <div class="position-relative width-100pct rounded-small transition-all transition-ease-in-out transition-duration-01 bg-transparent cursor-pointer">
-                        <div class="display-flex align-items-center rounded-small transition-all transition-ease-in-out transition-duration-01 bg-highlight-light" role="presentation" style="height: 25px; opacity: 0.5; width: 32.6269%;">
+                        <div class="display-flex align-items-center rounded-small transition-all transition-ease-in-out transition-duration-01 bg-highlight-light" role="presentation" style="height: 25px; opacity: 0.5; width: 36.6909%;">
                         </div>
                         <div class="position-absolute left-0 top-50pct translate-y-50pct display-flex width-100pct padding-left-10">
                             <div class="text-color-darker">Warehouse efficiency</div>
                         </div>
                     </div>
                     <div class="position-relative width-100pct rounded-small transition-all transition-ease-in-out transition-duration-01 bg-transparent cursor-pointer">
-                        <div class="display-flex align-items-center rounded-small transition-all transition-ease-in-out transition-duration-01 bg-highlight-light" role="presentation" style="height: 25px; opacity: 0.5; width: 16.3751%;">
+                        <div class="display-flex align-items-center rounded-small transition-all transition-ease-in-out transition-duration-01 bg-highlight-light" role="presentation" style="height: 25px; opacity: 0.5; width: 20.5191%;">
                         </div>
                         <div class="position-absolute left-0 top-50pct translate-y-50pct display-flex width-100pct padding-left-10">
                             <a href="https://example.com/metrics/truck-utilization" class="text-color-darker" target="_blank" rel="noreferrer">Truck utilization</a>
                         </div>
                     </div>
                     <div class="position-relative width-100pct rounded-small transition-all transition-ease-in-out transition-duration-01 bg-transparent cursor-pointer">
-                        <div class="display-flex align-items-center rounded-small transition-all transition-ease-in-out transition-duration-01 bg-highlight-light" role="presentation" style="height: 25px; opacity: 0.5; width: 0.82775%;">
+                        <div class="display-flex align-items-center rounded-small transition-all transition-ease-in-out transition-duration-01 bg-highlight-light" role="presentation" style="height: 25px; opacity: 0.5; width: 4.68771%;">
                         </div>
                         <div class="position-absolute left-0 top-50pct translate-y-50pct display-flex width-100pct padding-left-10">
                             <div class="text-color-darker">Freight cost/km</div>
@@ -239,28 +239,28 @@ const transportData = [
             <div class="display-flex justify-content-between gap-15 flex-row-reverse gap-10">
                 <div class="width-100pct space-y-5">
                     <div class="position-relative width-100pct rounded-small transition-all transition-ease-in-out transition-duration-01 bg-transparent cursor-pointer">
-                        <div class="display-flex align-items-center rounded-small transition-all transition-ease-in-out transition-duration-01 bg-highlight-light" role="presentation" style="height: 25px; opacity: 0.5; width: 50.5418%;">
+                        <div class="display-flex align-items-center rounded-small transition-all transition-ease-in-out transition-duration-01 bg-highlight-light" role="presentation" style="height: 25px; opacity: 0.5; width: 54.5469%;">
                         </div>
                         <div class="position-absolute left-0 top-50pct translate-y-50pct display-flex width-100pct padding-left-10">
                             <a href="https://example.com/metrics/on-time-delivery" class="text-color-darker" target="_blank" rel="noreferrer">On-time delivery</a>
                         </div>
                     </div>
                     <div class="position-relative width-100pct rounded-small transition-all transition-ease-in-out transition-duration-01 bg-transparent cursor-pointer">
-                        <div class="display-flex align-items-center rounded-small transition-all transition-ease-in-out transition-duration-01 bg-highlight-light" role="presentation" style="height: 25px; opacity: 0.5; width: 32.6269%;">
+                        <div class="display-flex align-items-center rounded-small transition-all transition-ease-in-out transition-duration-01 bg-highlight-light" role="presentation" style="height: 25px; opacity: 0.5; width: 36.6909%;">
                         </div>
                         <div class="position-absolute left-0 top-50pct translate-y-50pct display-flex width-100pct padding-left-10">
                             <div class="text-color-darker">Warehouse efficiency</div>
                         </div>
                     </div>
                     <div class="position-relative width-100pct rounded-small transition-all transition-ease-in-out transition-duration-01 bg-transparent cursor-pointer">
-                        <div class="display-flex align-items-center rounded-small transition-all transition-ease-in-out transition-duration-01 bg-highlight-light" role="presentation" style="height: 25px; opacity: 0.5; width: 16.3751%;">
+                        <div class="display-flex align-items-center rounded-small transition-all transition-ease-in-out transition-duration-01 bg-highlight-light" role="presentation" style="height: 25px; opacity: 0.5; width: 20.5191%;">
                         </div>
                         <div class="position-absolute left-0 top-50pct translate-y-50pct display-flex width-100pct padding-left-10">
                             <a href="https://example.com/metrics/truck-utilization" class="text-color-darker" target="_blank" rel="noreferrer">Truck utilization</a>
                         </div>
                     </div>
                     <div class="position-relative width-100pct rounded-small transition-all transition-ease-in-out transition-duration-01 bg-transparent cursor-pointer">
-                        <div class="display-flex align-items-center rounded-small transition-all transition-ease-in-out transition-duration-01 bg-highlight-light" role="presentation" style="height: 25px; opacity: 0.5; width: 0.82775%;">
+                        <div class="display-flex align-items-center rounded-small transition-all transition-ease-in-out transition-duration-01 bg-highlight-light" role="presentation" style="height: 25px; opacity: 0.5; width: 4.68771%;">
                         </div>
                         <div class="position-absolute left-0 top-50pct translate-y-50pct display-flex width-100pct padding-left-10">
                             <div class="text-color-darker">Freight cost/km</div>
@@ -454,14 +454,14 @@ const transportData = [
                 </div>
             </div>
             <div class="position-relative width-100pct rounded-small transition-all transition-ease-in-out transition-duration-01 bg-lightest cursor-pointer">
-                <div class="display-flex align-items-center rounded-small transition-all transition-ease-in-out transition-duration-01 bg-coldplay-moos" role="presentation" style="height: 25px; opacity: 0.5; width: 48.2451%;">
+                <div class="display-flex align-items-center rounded-small transition-all transition-ease-in-out transition-duration-01 bg-coldplay-moos" role="presentation" style="height: 25px; opacity: 0.5; width: 49.2589%;">
                 </div>
                 <div class="position-absolute left-0 top-50pct translate-y-50pct display-flex width-100pct padding-left-10">
                     <div class="text-color-darker">Stored in warehouse</div>
                 </div>
             </div>
             <div class="position-relative width-100pct rounded-small transition-all transition-ease-in-out transition-duration-01 bg-lightest cursor-pointer">
-                <div class="display-flex align-items-center rounded-small transition-all transition-ease-in-out transition-duration-01 bg-coldplay-moos" role="presentation" style="height: 25px; opacity: 0.5; width: 91.0597%;">
+                <div class="display-flex align-items-center rounded-small transition-all transition-ease-in-out transition-duration-01 bg-coldplay-moos" role="presentation" style="height: 25px; opacity: 0.5; width: 95.5579%;">
                 </div>
                 <div class="position-absolute left-0 top-50pct translate-y-50pct display-flex width-100pct padding-left-10">
                     <div class="text-color-darker">Shipped packages</div>

package/dist/docs/components/basicMap.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Map
 *Source:* https://uikit.developers.rio.cloud/#components/basicMap
-*Captured:* 2025-12-12T12:39:13.340Z
+*Captured:* 2025-12-15T15:03:14.667Z
 
 The following map shows labels for locale de
 

package/dist/docs/components/bottomSheet.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Application
 *Source:* https://uikit.developers.rio.cloud/#components/bottomSheet
-*Captured:* 2025-12-12T12:38:07.993Z
+*Captured:* 2025-12-15T15:02:05.304Z
 
 The TimedBottomSheet is a wrapper component for the BottomSheet that allows to control it's visibility via timers and to use the localStorage to save user interaction for handling it's visibility.
 

package/dist/docs/components/button.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Interaction
 *Source:* https://uikit.developers.rio.cloud/#components/button
-*Captured:* 2025-12-12T12:38:12.809Z
+*Captured:* 2025-12-15T15:02:10.165Z
 
 The button component is the React equivalent to the normal HTML button with some To check out the HTML version click here: Buttons
 

package/dist/docs/components/buttonToolbar.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Interaction
 *Source:* https://uikit.developers.rio.cloud/#components/buttonToolbar
-*Captured:* 2025-12-12T12:38:10.158Z
+*Captured:* 2025-12-15T15:02:07.552Z
 
 The ButtonToolbar is a utility component designed to simplify usage and alignment. Its purpose is to ensure consistent spacing.
 

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-12T12:38:51.825Z
+*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
@@ -242,21 +230,13 @@ Dec
 21
 2025
 
-Set to JanuaryToggle Weekends
-
-#### Summary
-
 Dec
-13
+22
 2025
 
-Dec
-14
-2025
+Set to JanuaryToggle Weekends
 
-Dec
-15
-2025
+#### Summary
 
 Dec
 16
@@ -282,6 +262,10 @@ Dec
 21
 2025
 
+Dec
+22
+2025
+
 Set to JanuaryToggle Weekends
 
 #### React (tsx)
@@ -403,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>
@@ -424,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>
@@ -433,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>
@@ -460,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>
@@ -487,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-12T12:38:36.642Z
+*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-12T12:38:36.766Z
+*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-12T12:39:17.155Z
+*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-12T12:39:16.668Z
+*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-12T12:39:02.905Z
+*Captured:* 2025-12-15T15:03:01.979Z
 
 The chat component is a pure CSS component.
 

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-12T12:38:13.845Z
+*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-12T12:38:13.847Z
+*Captured:* 2025-12-15T15:02:11.315Z
 
 Control, which can be cleared when it has a value.