@rio-cloud/uikit-mcp 1.1.5 → 1.1.7

package/dist/docs/components/notifications.md

@@ -2,8 +2,8 @@
 
 *Category:* Components
 *Section:* Misc
-*Source:* https://uikit.developers.rio.cloud/#components/notifications
-*Captured:* 2026-02-03T14:05:00.784Z
+*Source:* https://uikit.developers.rio.cloud/#/components/notifications
+*Captured:* 2026-02-23T15:48:58.255Z
 
 Hint:Notifications need to be wrapped by a NotificationsContainer inside your application layout body.
 

package/dist/docs/components/numbercontrol.md

@@ -2,8 +2,8 @@
 
 *Category:* Components
 *Section:* Interaction
-*Source:* https://uikit.developers.rio.cloud/#components/numbercontrol
-*Captured:* 2026-02-03T14:04:16.297Z
+*Source:* https://uikit.developers.rio.cloud/#/components/numbercontrol
+*Captured:* 2026-02-23T15:48:14.832Z
 
 ## NumberInput
 
@@ -179,12 +179,13 @@ export default () => {
 <div>
     <div class="">
         <div class="uikit-switch">
-            <label class="switch-label label-position-left">
+            <label class="switch-label uikit-switch label-position-left display-inline-flex height-20">
                 <input type="checkbox" class="switch-input">
                 <div class="switch-content" style="color: var(--brand-primary); min-width: 40px;">
                     <div class="switch-handle">
                     </div>
-                </div>No default values
+                </div>
+                <div class="switch-text-wrapper user-select-none padding-top-1">No default values</div>
             </label>
         </div>
     </div>

package/dist/docs/components/onboarding.md

@@ -2,8 +2,8 @@
 
 *Category:* Components
 *Section:* Misc
-*Source:* https://uikit.developers.rio.cloud/#components/onboarding
-*Captured:* 2026-02-03T14:05:01.652Z
+*Source:* https://uikit.developers.rio.cloud/#/components/onboarding
+*Captured:* 2026-02-23T15:48:59.125Z
 
 Useful when you want to control a single tooltip that highlights a portion of the UI.
 

package/dist/docs/components/page.md

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

package/dist/docs/components/pager.md

@@ -2,8 +2,8 @@
 
 *Category:* Components
 *Section:* Navigation
-*Source:* https://uikit.developers.rio.cloud/#components/pager
-*Captured:* 2026-02-03T14:04:09.205Z
+*Source:* https://uikit.developers.rio.cloud/#/components/pager
+*Captured:* 2026-02-23T15:48:08.222Z
 
 ## Pager
 

package/dist/docs/components/pieCharts.md

@@ -2,8 +2,8 @@
 
 *Category:* Components
 *Section:* Charts
-*Source:* https://uikit.developers.rio.cloud/#components/pieCharts
-*Captured:* 2026-02-03T14:05:37.477Z
+*Source:* https://uikit.developers.rio.cloud/#/components/pieCharts
+*Captured:* 2026-02-23T15:49:28.097Z
 
 ## PieChart
 
@@ -393,47 +393,47 @@ const data: CustomData[] = [
                                 <g class="recharts-layer recharts-pie" tabindex="0">
                                     <g class="recharts-layer">
                                         <g class="recharts-layer recharts-pie-sector" tabindex="-1">
-                                            <path cx="158.9296875" cy="134" fill="#67abc5 " stroke="#fff" name="Basistarif" color="color-coldplay-fountain" tabindex="-1" data-recharts-item-index="0" data-recharts-item-id="recharts-pie-:r2:" class="recharts-sector" d="M 262.1297,134
+                                            <path cx="158.9296875" cy="134" fill="#67abc5 " stroke="#fff" name="Basistarif" color="color-coldplay-fountain" tabindex="-1" data-recharts-item-index="0" data-recharts-item-id="recharts-pie-:r1:" class="recharts-sector" d="M 262.1297,134
     A 103.2,103.2,0,
     0,0,
-    96.0225,52.1897
-  L 107.1166,66.6175
+    87.7398,59.2856
+  L 100.2946,72.462
             A 85,85,0,
             0,1,
             243.9297,134 Z">
                                             </path>
                                         </g>
                                         <g class="recharts-layer recharts-pie-sector" tabindex="-1">
-                                            <path cx="158.9296875" cy="134" fill="#4eccc1 " stroke="#fff" name="Diesel" color="color-coldplay-turquoise" tabindex="-1" data-recharts-item-index="1" data-recharts-item-id="recharts-pie-:r2:" class="recharts-sector" d="M 91.8271,55.5941
+                                            <path cx="158.9296875" cy="134" fill="#4eccc1 " stroke="#fff" name="Diesel" color="color-coldplay-turquoise" tabindex="-1" data-recharts-item-index="1" data-recharts-item-id="recharts-pie-:r1:" class="recharts-sector" d="M 83.9271,63.1138
     A 103.2,103.2,0,
     0,0,
-    57.4648,152.8444
-  L 75.3588,149.5211
+    61.6054,168.3252
+  L 78.7692,162.2718
             A 85,85,0,
             0,1,
-            103.6611,69.4215 Z">
+            97.1543,75.615 Z">
                                             </path>
                                         </g>
                                         <g class="recharts-layer recharts-pie-sector" tabindex="-1">
-                                            <path cx="158.9296875" cy="134" fill="#a1daa3 " stroke="#fff" name="Maut" color="color-coldplay-moos" tabindex="-1" data-recharts-item-index="2" data-recharts-item-id="recharts-pie-:r2:" class="recharts-sector" d="M 58.5901,158.1289
+                                            <path cx="158.9296875" cy="134" fill="#a1daa3 " stroke="#fff" name="Maut" color="color-coldplay-moos" tabindex="-1" data-recharts-item-index="2" data-recharts-item-id="recharts-pie-:r1:" class="recharts-sector" d="M 63.5352,173.3718
     A 103.2,103.2,0,
     0,0,
-    88.9684,209.866
-  L 101.3065,196.4866
+    103.9823,221.3557
+  L 113.6726,205.95
             A 85,85,0,
             0,1,
-            76.2856,153.8736 Z">
+            80.3587,166.4283 Z">
                                             </path>
                                         </g>
                                         <g class="recharts-layer recharts-pie-sector" tabindex="-1">
-                                            <path cx="158.9296875" cy="134" fill="#ff8e3c " stroke="#fff" name="Zuschläge" color="brand-warning" tabindex="-1" data-recharts-item-index="3" data-recharts-item-id="recharts-pie-:r2:" class="recharts-sector" d="M 93.0348,213.4235
+                                            <path cx="158.9296875" cy="134" fill="#ff8e3c " stroke="#fff" name="Zuschläge" color="brand-warning" tabindex="-1" data-recharts-item-index="3" data-recharts-item-id="recharts-pie-:r1:" class="recharts-sector" d="M 108.6294,224.1117
     A 103.2,103.2,0,
     0,0,
-    108.7304,224.168
-  L 117.5834,208.2663
+    126.8805,232.0974
+  L 132.5326,214.7972
             A 85,85,0,
             0,1,
-            104.6558,199.4167 Z">
+            117.5002,208.2199 Z">
                                             </path>
                                         </g>
                                     </g>
@@ -537,26 +537,26 @@ const data: CustomData[] = [
                                 <g class="recharts-layer recharts-pie" tabindex="0">
                                     <g class="recharts-layer">
                                         <g class="recharts-layer recharts-pie-sector" tabindex="-1">
-                                            <path cx="172.9609375" cy="134" fill="#67abc5 " stroke="#fff" name="Basistarif" color="color-coldplay-fountain" tabindex="-1" data-recharts-item-index="0" data-recharts-item-id="recharts-pie-:r3:" class="recharts-sector" d="M 276.1609,134
+                                            <path cx="172.9609375" cy="134" fill="#67abc5 " stroke="#fff" name="Basistarif" color="color-coldplay-fountain" tabindex="-1" data-recharts-item-index="0" data-recharts-item-id="recharts-pie-:r2:" class="recharts-sector" d="M 276.1609,134
     A 103.2,103.2,0,
     0,0,
-    95.9534,65.2971
+    88.602,74.5541
   L 172.9609,134 Z">
                                             </path>
                                         </g>
                                         <g class="recharts-layer recharts-pie-sector" tabindex="-1">
-                                            <path cx="172.9609375" cy="134" fill="#4eccc1 " stroke="#fff" name="Diesel" color="color-coldplay-turquoise" tabindex="-1" data-recharts-item-index="1" data-recharts-item-id="recharts-pie-:r3:" class="recharts-sector" d="M 95.9534,65.2971
+                                            <path cx="172.9609375" cy="134" fill="#4eccc1 " stroke="#fff" name="Diesel" color="color-coldplay-turquoise" tabindex="-1" data-recharts-item-index="1" data-recharts-item-id="recharts-pie-:r2:" class="recharts-sector" d="M 88.602,74.5541
     A 103.2,103.2,0,
     0,0,
-    78.1466,174.749
+    86.3222,190.0712
   L 172.9609,134 Z">
                                             </path>
                                         </g>
                                         <g class="recharts-layer recharts-pie-sector" tabindex="-1">
-                                            <path cx="172.9609375" cy="134" fill="#a1daa3 " stroke="#fff" name="Maut" color="color-coldplay-moos" tabindex="-1" data-recharts-item-index="2" data-recharts-item-id="recharts-pie-:r3:" class="recharts-sector" d="M 78.1466,174.749
+                                            <path cx="172.9609375" cy="134" fill="#a1daa3 " stroke="#fff" name="Maut" color="color-coldplay-moos" tabindex="-1" data-recharts-item-index="2" data-recharts-item-id="recharts-pie-:r2:" class="recharts-sector" d="M 86.3222,190.0712
     A 103.2,103.2,0,
     0,0,
-    121.1901,223.275
+    139.8459,231.7427
   L 172.9609,134 Z">
                                             </path>
                                         </g>
@@ -647,12 +647,10 @@ Zuschläge
 ```tsx
 import { useState } from 'react';
 
-import classNames from 'classnames';
-
+import classNames from '@rio-cloud/rio-uikit/classNames';
 import PieChart, { type PieSectorDataItem } from '@rio-cloud/rio-uikit/PieChart';
 import Sector from '@rio-cloud/rio-uikit/Sector';
 import Legend, { type LegendPayload } from '@rio-cloud/rio-uikit/Legend';
-import ChartTooltip from '@rio-cloud/rio-uikit/ChartTooltip';
 
 type CustomData = {
     label: string;
@@ -660,19 +658,18 @@ type CustomData = {
     costs: number;
 };
 
-// Don't render the default chart tooltip as we render our own active shape
-const NoContent = (): null => null;
-
 export default () => {
-    const [activeItem, setActiveItem] = useState<LegendPayload | null>(null);
     const [activeIndex, setActiveIndex] = useState<number>(0);
 
-    const handleMouseEnter = (payload: LegendPayload, index: number) => {
-        setActiveItem(payload);
+    const handleLegendMouseEnter = (_payload: LegendPayload, index: number) => {
+        setActiveIndex(index);
+    };
+
+    const handlePieMouseEnter = (_: unknown, index: number) => {
         setActiveIndex(index);
     };
 
-    const renderActiveShape = (props: PieSectorDataItem) => {
+    const renderShape = (props: PieSectorDataItem, index: number) => {
         const {
             cx,
             cy,
@@ -698,6 +695,20 @@ export default () => {
         const ey = my;
         const textAnchor = cos >= 0 ? 'start' : 'end';
 
+        if (index !== activeIndex) {
+            return (
+                <Sector
+                    cx={cx}
+                    cy={cy}
+                    innerRadius={innerRadius}
+                    outerRadius={outerRadius}
+                    startAngle={startAngle}
+                    endAngle={endAngle}
+                    fill={fill}
+                />
+            );
+        }
+
         return (
             <g>
                 <text x={cx} y={cy} dy={8} textAnchor='middle' fill={fill}>
@@ -747,21 +758,19 @@ export default () => {
                     dataUnit='%'
                     innerRadius={90}
                     outerRadius={110}
-                    // We have to render a custom tooltip to pass in the active index from hovering the legend
-                    tooltip={<ChartTooltip defaultIndex={activeIndex} active content={NoContent} />}
                     pieOptions={{
                         label: false,
                         labelLine: false,
-                        activeShape: renderActiveShape,
-                        onMouseEnter: handleMouseEnter,
+                        shape: renderShape,
+                        onMouseEnter: handlePieMouseEnter,
                     }}
                     legend={
                         <Legend
                             iconType='square'
                             iconSize={0}
-                            onMouseEnter={handleMouseEnter}
-                            formatter={(value: string | number, entry: LegendPayload) => {
-                                const isActive = activeItem?.value === value;
+                            onMouseEnter={handleLegendMouseEnter}
+                            formatter={(value: string | number, entry: LegendPayload, index: number) => {
+                                const isActive = index === activeIndex;
 
                                 const legendWrapperClasses = classNames(
                                     'display-inline-flex',
@@ -836,7 +845,7 @@ const data: CustomData[] = [
                                     </path>
                                 </svg>
                                 <span class="recharts-legend-item-text" style="color: rgb(103, 171, 197);">
-                                    <span class="display-inline-flex align-items-center gap-5 cursor-pointer padding-y-3 padding-x-5 rounded">
+                                    <span class="display-inline-flex align-items-center gap-5 cursor-pointer padding-y-3 padding-x-5 rounded bg-lightest">
                                         <span class="rounded height-15 width-15" style="background-color: rgb(103, 171, 197);">
                                         </span>
                                         <span class="text-color-dark">Basistarif</span>
@@ -896,7 +905,11 @@ const data: CustomData[] = [
                             </li>
                         </ul>
                     </div>
-                    <div xmlns="http://www.w3.org/1999/xhtml" tabindex="-1" class="recharts-tooltip-wrapper" style="transition: transform 400ms; visibility: visible; pointer-events: none; position: absolute; top: 0px; left: 0px;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" tabindex="-1" class="recharts-tooltip-wrapper" style="visibility: hidden; pointer-events: none; position: absolute; top: 0px; left: 0px;">
+                        <div class="recharts-default-tooltip" role="status" aria-live="assertive" style="margin: 0px; padding: 10px; background-color: rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204); white-space: nowrap;">
+                            <p class="recharts-tooltip-label" style="margin: 0px;">
+                            </p>
+                        </div>
                     </div>
                     <svg cx="50%" cy="50%" role="application" tabindex="0" class="recharts-surface" width="568" height="368" viewBox="0 0 568 368" style="width: 100%; height: 100%; display: block;">
                         <title>
@@ -917,68 +930,66 @@ const data: CustomData[] = [
                             <g class="recharts-layer recharts-pie" tabindex="0">
                                 <g class="recharts-layer">
                                     <g class="recharts-layer recharts-pie-sector" tabindex="-1">
-                                        <g class="recharts-layer recharts-active-shape">
-                                            <g>
-                                                <text x="234.4296875" y="184" dy="8" text-anchor="middle" fill="#67abc5 ">
-                                                </text>
-                                                <path cx="234.4296875" cy="184" fill="#67abc5 " class="recharts-sector" d="M 344.4297,184
+                                        <g>
+                                            <text x="234.4296875" y="184" dy="8" text-anchor="middle" fill="#67abc5 ">
+                                            </text>
+                                            <path cx="234.4296875" cy="184" fill="#67abc5 " class="recharts-sector" d="M 344.4297,184
     A 110,110,0,
     1,0,
-    125.751,200.9984
-  L 145.5108,197.9078
+    126.2144,203.7345
+  L 145.8899,200.1464
             A 90,90,0,
             1,1,
             324.4297,184 Z">
-                                                </path>
-                                                <path cx="234.4296875" cy="184" fill="#67abc5 " class="recharts-sector" d="M 354.4297,184
+                                            </path>
+                                            <path cx="234.4296875" cy="184" fill="#67abc5 " class="recharts-sector" d="M 354.4297,184
     A 120,120,0,
     1,0,
-    115.8711,202.5437
-  L 119.8231,201.9256
+    116.3766,205.5286
+  L 120.3118,204.811
             A 116,116,0,
             1,1,
             350.4297,184 Z">
-                                                </path>
-                                                <path d="M222.48574496401073,64.59588685184674L220.4950878746792,44.695201327154535L198.4950878746792,44.695201327154535" stroke="#67abc5 " fill="none">
-                                                </path>
-                                                <circle cx="198.4950878746792" cy="44.695201327154535" r="2" fill="#67abc5 " stroke="none">
-                                                </circle>
-                                                <text x="186.4950878746792" y="44.695201327154535" text-anchor="end" fill="#333">Basistarif:46.8 €</text>
-                                                <text x="186.4950878746792" y="44.695201327154535" dy="18" text-anchor="end" fill="#999">(Rate 55.01%)</text>
-                                            </g>
+                                            </path>
+                                            <path d="M222.48574496401073,64.59588685184674L220.4950878746792,44.695201327154535L198.4950878746792,44.695201327154535" stroke="#67abc5 " fill="none">
+                                            </path>
+                                            <circle cx="198.4950878746792" cy="44.695201327154535" r="2" fill="#67abc5 " stroke="none">
+                                            </circle>
+                                            <text x="186.4950878746792" y="44.695201327154535" text-anchor="end" fill="#333">Basistarif:46.8 €</text>
+                                            <text x="186.4950878746792" y="44.695201327154535" dy="18" text-anchor="end" fill="#999">(Rate 55.01%)</text>
                                         </g>
                                     </g>
                                     <g class="recharts-layer recharts-pie-sector" tabindex="-1">
-                                        <path cx="234.4296875" cy="184" fill="#4eccc1 " stroke="#fff" name="Diesel" color="color-coldplay-turquoise" tabindex="-1" data-recharts-item-index="1" data-recharts-item-id="recharts-pie-:r4:" class="recharts-sector" d="M 126.7896,206.6629
+                                        <path cx="234.4296875" cy="184" fill="#4eccc1 " class="recharts-sector" d="M 127.3955,209.371
     A 110,110,0,
     0,0,
-    254.8225,292.0932
-  L 251.1147,272.4399
+    258.8167,291.2626
+  L 254.3827,271.7603
             A 90,90,0,
             0,1,
-            146.3605,202.5424 Z">
+            146.8563,204.7581 Z">
                                         </path>
                                     </g>
                                     <g class="recharts-layer recharts-pie-sector" tabindex="-1">
-                                        <path cx="234.4296875" cy="184" fill="#a1daa3 " stroke="#fff" name="Maut" color="color-coldplay-moos" tabindex="-1" data-recharts-item-index="2" data-recharts-item-id="recharts-pie-:r4:" class="recharts-sector" d="M 260.4517,290.8778
+                                        <path cx="234.4296875" cy="184" fill="#a1daa3 " class="recharts-sector" d="M 264.397,289.8393
     A 110,110,0,
     0,0,
-    333.07,232.6836
-  L 315.1354,223.832
+    335.1059,228.3204
+  L 316.8011,220.2622
             A 90,90,0,
             0,1,
-            255.7204,271.4454 Z">
+            258.9484,270.5958 Z">
                                         </path>
                                     </g>
                                     <g class="recharts-layer recharts-pie-sector" tabindex="-1">
-                                        <path cx="234.4296875" cy="184" fill="#ff8e3c " stroke="#fff" name="Zuschläge" color="brand-warning" tabindex="-1" data-recharts-item-index="3" data-recharts-item-id="recharts-pie-:r4:" class="recharts-sector" d="M 335.4827,227.4545
+                                        <path cx="234.4296875" cy="184" fill="#ff8e3c " class="recharts-sector" d="M 337.2875,222.9907
     A 110,110,0,
     0,0,
-    343.4613,198.5642
-  L 323.6373,195.9162
+    344.0144,193.5498
+  L 324.0899,191.8135
             A 90,90,0,
             0,1,
-            317.1094,219.5536 Z">
+            318.5861,215.9015 Z">
                                         </path>
                                     </g>
                                 </g>
@@ -1153,7 +1164,7 @@ const data = [
                             <g class="recharts-layer recharts-pie" tabindex="0">
                                 <g class="recharts-layer">
                                     <g class="recharts-layer recharts-pie-sector" tabindex="-1">
-                                        <path cy="125" cx="125" fill="#e22837 " stroke="#fff" name="0" color="color-rating-1" tabindex="-1" data-recharts-item-index="0" data-recharts-item-id="recharts-pie-:r5:" class="recharts-sector" d="M 27,125
+                                        <path cy="125" cx="125" fill="#e22837 " stroke="#fff" name="0" color="color-rating-1" tabindex="-1" data-recharts-item-index="0" data-recharts-item-id="recharts-pie-:r4:" class="recharts-sector" d="M 27,125
     A 98,98,0,
     0,1,
     44.9198,68.5096
@@ -1164,7 +1175,7 @@ const data = [
                                         </path>
                                     </g>
                                     <g class="recharts-layer recharts-pie-sector" tabindex="-1">
-                                        <path cy="125" cx="125" fill="#ff8e3c " stroke="#fff" name="1" color="color-rating-2" tabindex="-1" data-recharts-item-index="1" data-recharts-item-id="recharts-pie-:r5:" class="recharts-sector" d="M 45.9179,67.1206
+                                        <path cy="125" cx="125" fill="#ff8e3c " stroke="#fff" name="1" color="color-rating-2" tabindex="-1" data-recharts-item-index="1" data-recharts-item-id="recharts-pie-:r4:" class="recharts-sector" d="M 45.9179,67.1206
     A 98,98,0,
     0,1,
     93.742,32.1187
@@ -1175,7 +1186,7 @@ const data = [
                                         </path>
                                     </g>
                                     <g class="recharts-layer recharts-pie-sector" tabindex="-1">
-                                        <path cy="125" cx="125" fill="#f8c575 " stroke="#fff" name="2" color="color-rating-3" tabindex="-1" data-recharts-item-index="2" data-recharts-item-id="recharts-pie-:r5:" class="recharts-sector" d="M 95.3678,31.5873
+                                        <path cy="125" cx="125" fill="#f8c575 " stroke="#fff" name="2" color="color-rating-3" tabindex="-1" data-recharts-item-index="2" data-recharts-item-id="recharts-pie-:r4:" class="recharts-sector" d="M 95.3678,31.5873
     A 98,98,0,
     0,1,
     154.6322,31.5873
@@ -1186,7 +1197,7 @@ const data = [
                                         </path>
                                     </g>
                                     <g class="recharts-layer recharts-pie-sector" tabindex="-1">
-                                        <path cy="125" cx="125" fill="#5cb85c " stroke="#fff" name="3" color="color-rating-4" tabindex="-1" data-recharts-item-index="3" data-recharts-item-id="recharts-pie-:r5:" class="recharts-sector" d="M 156.258,32.1187
+                                        <path cy="125" cx="125" fill="#5cb85c " stroke="#fff" name="3" color="color-rating-4" tabindex="-1" data-recharts-item-index="3" data-recharts-item-id="recharts-pie-:r4:" class="recharts-sector" d="M 156.258,32.1187
     A 98,98,0,
     0,1,
     204.0821,67.1206
@@ -1197,7 +1208,7 @@ const data = [
                                         </path>
                                     </g>
                                     <g class="recharts-layer recharts-pie-sector" tabindex="-1">
-                                        <path cy="125" cx="125" fill="#4b924c " stroke="#fff" name="4" color="color-rating-5" tabindex="-1" data-recharts-item-index="4" data-recharts-item-id="recharts-pie-:r5:" class="recharts-sector" d="M 205.0802,68.5096
+                                        <path cy="125" cx="125" fill="#4b924c " stroke="#fff" name="4" color="color-rating-5" tabindex="-1" data-recharts-item-index="4" data-recharts-item-id="recharts-pie-:r4:" class="recharts-sector" d="M 205.0802,68.5096
     A 98,98,0,
     0,1,
     223,125

package/dist/docs/components/popover.md

@@ -2,8 +2,8 @@
 
 *Category:* Components
 *Section:* Misc
-*Source:* https://uikit.developers.rio.cloud/#components/popover
-*Captured:* 2026-02-03T14:05:02.435Z
+*Source:* https://uikit.developers.rio.cloud/#/components/popover
+*Captured:* 2026-02-23T15:48:59.749Z
 
 In order to use a Popover on an element, wrap it with the OverlayTrigger component.
 

package/dist/docs/components/position.md

@@ -2,8 +2,8 @@
 
 *Category:* Components
 *Section:* Misc
-*Source:* https://uikit.developers.rio.cloud/#components/position
-*Captured:* 2026-02-03T14:05:01.645Z
+*Source:* https://uikit.developers.rio.cloud/#/components/position
+*Captured:* 2026-02-23T15:48:59.442Z
 
 A helper component to format a latitude / longitude position.