@rio-cloud/uikit-mcp 1.1.4 → 1.1.5

package/dist/docs/components/numbercontrol.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Interaction
 *Source:* https://uikit.developers.rio.cloud/#components/numbercontrol
-*Captured:* 2026-01-14T09:07:03.349Z
+*Captured:* 2026-02-03T14:04:16.297Z
 
 ## NumberInput
 
@@ -321,6 +321,30 @@ export default () => {
 </div>
 ```
 
+#### Props
+
+| Name | Type | Default | Description |
+| --- | --- | --- | --- |
+| id | string | — | A native input id attribute. Passed through as HTML attribute to the input element. |
+| min | number | 0 | The minimum value of the input. |
+| max | number | Number.MAX_VALUE | The maximum value of the input. |
+| value | number | 0 | The initial value of the input. Used to control the component from the outside. |
+| noDefault | boolean | false | Lets you omit the default value of "0" when the vale is not defined. The input will be empty in this case. |
+| step | number | 1 | The size of increment or decrement (only works with number type). |
+| disabled | boolean | false | Enables or disabled the input. |
+| onChange | (value?: number) => void | — | Callback function triggered when the input value changes. When the value is removed by the user, the input is kept empty, but it triggers the callback without any value since the user has finished his input. |
+| onKeyDown | (event: React.KeyboardEvent<HTMLInputElement>) => void | — | Callback function that gets triggered after filtering out invalid keystrokes. |
+| bsSize | 'sm' \| 'md' \| 'lg' | 'md' | Defines the size of the input to be rendered. |
+| unit | string \| React.ReactNode | — | A unit for this value. This will be shown in a dedicated input addon. |
+| inputAddon | string | — | A rioglyph icon tio be shown in front of the input. |
+| errorMessage | string \| React.ReactNode | — | Input error message. |
+| warningMessage | string \| React.ReactNode | — | Input warning message. |
+| messageWhiteSpace | 'normal' \| 'nowrap' \| 'pre-line' | 'normal' | Feedback message width. |
+| controls | React.ReactNode | — | This prop is used by the NumberControl component to pass on the +/- spinner controls. |
+| placeholder | string | — | The input placeholder if no value is given. |
+| digitPrecision | number | 3 | Number of digits after the comma the value should be fixed to. |
+| className | string | — | Additional classes to be set on the component. |
+
 ## NumberControl
 
 ### Example: Example 2
@@ -657,4 +681,28 @@ export default () => (
         </div>
     </div>
 </div>
-```
+```
+
+#### Props
+
+| Name | Type | Default | Description |
+| --- | --- | --- | --- |
+| id | string | — | A native input id attribute. Passed through as HTML attribute to the input element. |
+| min | number | 0 | The minimum value of the input. |
+| max | number | Number.MAX_VALUE | The maximum value of the input. |
+| value | number | 0 | The initial value of the input. Used to control the component from the outside. |
+| noDefault | boolean | false | Lets you omit the default value of "0" when the vale is not defined. The input will be empty in this case. |
+| step | number | 1 | The size of increment or decrement (only works with number type). |
+| disabled | boolean | false | Enables or disabled the input. |
+| onChange | (value?: number) => void | — | Callback function triggered when the input value changes. When the value is removed by the user, the input is kept empty, but it triggers the callback without any value since the user has finished his input. |
+| onKeyDown | (event: React.KeyboardEvent<HTMLInputElement>) => void | — | Callback function that gets triggered after filtering out invalid keystrokes. |
+| bsSize | 'sm' \| 'md' \| 'lg' | 'md' | Defines the size of the input to be rendered. |
+| unit | string \| React.ReactNode | — | A unit for this value. This will be shown in a dedicated input addon. |
+| inputAddon | string | — | A rioglyph icon tio be shown in front of the input. |
+| errorMessage | string \| React.ReactNode | — | Input error message. |
+| warningMessage | string \| React.ReactNode | — | Input warning message. |
+| messageWhiteSpace | 'normal' \| 'nowrap' \| 'pre-line' | 'normal' | Feedback message width. |
+| controls | React.ReactNode | — | This prop is used by the NumberControl component to pass on the +/- spinner controls. |
+| placeholder | string | — | The input placeholder if no value is given. |
+| digitPrecision | number | 3 | Number of digits after the comma the value should be fixed to. |
+| className | string | — | Additional classes to be set on the component. |

package/dist/docs/components/onboarding.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Misc
 *Source:* https://uikit.developers.rio.cloud/#components/onboarding
-*Captured:* 2026-01-14T09:07:45.796Z
+*Captured:* 2026-02-03T14:05:01.652Z
 
 Useful when you want to control a single tooltip that highlights a portion of the UI.
 
@@ -83,6 +83,24 @@ export default () => {
 };
 ```
 
+#### Props
+
+| Name | Type | Default | Description |
+| --- | --- | --- | --- |
+| id | string | — | The ID of the DOM element. |
+| show | boolean | false | Indicates whether the onboarding tip is shown. |
+| showCloseIcon | boolean | true | Defines whether to show a close icon. |
+| textAlignment | TextAlignment | 'left' | Define how the text should be aligned. Possible values are: left center right |
+| width | TooltipWidth | — | The tooltip's width. Possible values are: auto 100 150 200 250 300 350 400 450 500 |
+| onHide | VoidFunction | () => {} | Callback function for when the component shall be hidden. |
+| useInDialog | boolean | false | Changes the z-index. |
+| className | string | — | Additional classes to be set on the wrapper element. |
+| title | string \| ReactNode | — | The title of the onboarding tip. |
+| content | string \| ReactNode | — | The content of the onboarding tip. |
+| preventOverflow | boolean | true | Prevents onboarding tips from being cut off horizontally at screen borders. |
+| popperConfig | PopperConfig | — | A Popper.js config object passed to the underlying popper instance. |
+| placement | Placement | 'bottom' | Define how the component should be placed. Possible values are: auto-start auto auto-end top-start top top-end right-start right right-end bottom-start bottom bottom-end left-start left left-end |
+
 ## Onboarding tour
 
 When you want to guide the user through a "tour" with multiple steps explaining individual features or UI elements. The behavior of the whole tour and individual steps can be controlled declaratively.
@@ -250,4 +268,10 @@ export default () => {
         </div>
     );
 };
+```
+
+#### Props (json)
+
+```json
+'[data-onboarding-walkthrough-step="2"]'
 ```

package/dist/docs/components/page.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Content
 *Source:* https://uikit.developers.rio.cloud/#components/page
-*Captured:* 2026-01-14T09:07:34.589Z
+*Captured:* 2026-02-03T14:04:49.416Z
 
 ## Page
 
@@ -93,6 +93,16 @@ export default () => (
 </div>
 ```
 
+#### Props
+
+| Name | Type | Default | Description |
+| --- | --- | --- | --- |
+| width | number | — | Defines the width in pixel of the page. In landscape mode, the width is set as height. The component uses internally the aspect-ratio of a standard DIN A4 page. Please make sure the element does not get stretched when using flexbox. |
+| orientation | 'portrait' \| 'landscape' | 'portrait' | Defines the layout of the page |
+| shadow | boolean | true | Defines to use a pre-defined shadow style. May be disabled on white background. |
+| border | boolean | — | Defines to use a pre-defined border style. This may be used to render the page on a white background of as part of another element like a panel. |
+| className | string | — | Additional classes to be set on the wrapper element |
+
 ### Example: Page 1
 
 Page 1
@@ -168,6 +178,16 @@ export default () => (
 </div>
 ```
 
+#### Props
+
+| Name | Type | Default | Description |
+| --- | --- | --- | --- |
+| width | number | — | Defines the width in pixel of the page. In landscape mode, the width is set as height. The component uses internally the aspect-ratio of a standard DIN A4 page. Please make sure the element does not get stretched when using flexbox. |
+| orientation | 'portrait' \| 'landscape' | 'portrait' | Defines the layout of the page |
+| shadow | boolean | true | Defines to use a pre-defined shadow style. May be disabled on white background. |
+| border | boolean | — | Defines to use a pre-defined border style. This may be used to render the page on a white background of as part of another element like a panel. |
+| className | string | — | Additional classes to be set on the wrapper element |
+
 ### Example: Portrait
 
 Portrait
@@ -208,4 +228,14 @@ export default () => (
         <div class="display-grid place-items-center height-100pct text-size-20 text-color-dark">Landscape</div>
     </div>
 </div>
-```
+```
+
+#### Props
+
+| Name | Type | Default | Description |
+| --- | --- | --- | --- |
+| width | number | — | Defines the width in pixel of the page. In landscape mode, the width is set as height. The component uses internally the aspect-ratio of a standard DIN A4 page. Please make sure the element does not get stretched when using flexbox. |
+| orientation | 'portrait' \| 'landscape' | 'portrait' | Defines the layout of the page |
+| shadow | boolean | true | Defines to use a pre-defined shadow style. May be disabled on white background. |
+| border | boolean | — | Defines to use a pre-defined border style. This may be used to render the page on a white background of as part of another element like a panel. |
+| className | string | — | Additional classes to be set on the wrapper element |

package/dist/docs/components/pager.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Navigation
 *Source:* https://uikit.developers.rio.cloud/#components/pager
-*Captured:* 2026-01-14T09:06:56.678Z
+*Captured:* 2026-02-03T14:04:09.205Z
 
 ## Pager
 
@@ -118,4 +118,16 @@ export default () => (
         </div>
     </div>
 </div>
-```
+```
+
+#### Props
+
+| Name | Type | Default | Description |
+| --- | --- | --- | --- |
+| title | string \| React.ReactNode | — | The title or name of the section next/previous section. |
+| label | string \| React.ReactNode | — | The optional label for the full variant. |
+| alignRight | boolean | false | Set right alignment for "previous" pager content to be aligned to the right side of the pager and the arrow on the left side. |
+| variant | ObjectValues<typeof PagerVariant> | `full` | Define how large the component should be rendered. Possible values are: Pager.VARIANT_FULL, Pager.VARIANT_COMPACT or full, compact. |
+| disabled | boolean | false | Sets the pager disabled. |
+| onClick | (event: React.MouseEvent<HTMLDivElement>) => void | — | Callback function for when the component is clicked. |
+| className | string | — | Additional classes for the wrapper element. |

package/dist/docs/components/pieCharts.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Charts
 *Source:* https://uikit.developers.rio.cloud/#components/pieCharts
-*Captured:* 2026-01-14T09:08:24.734Z
+*Captured:* 2026-02-03T14:05:37.477Z
 
 ## PieChart
 
@@ -396,44 +396,44 @@ const data: CustomData[] = [
                                             <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
     A 103.2,103.2,0,
     0,0,
-    93.9305,53.8417
-  L 105.3935,67.9782
+    96.0225,52.1897
+  L 107.1166,66.6175
             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 89.8244,57.3534
+                                            <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
     A 103.2,103.2,0,
     0,0,
-    58.2533,156.6829
-  L 76.0083,152.6826
+    57.4648,152.8444
+  L 75.3588,149.5211
             A 85,85,0,
             0,1,
-            102.0116,70.8705 Z">
+            103.6611,69.4215 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 59.5784,161.9208
+                                            <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
     A 103.2,103.2,0,
     0,0,
-    92.4377,212.9243
-  L 104.164,199.0055
+    88.9684,209.866
+  L 101.3065,196.4866
             A 85,85,0,
             0,1,
-            77.0997,156.9968 Z">
+            76.2856,153.8736 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 96.6594,216.2961
+                                            <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
     A 103.2,103.2,0,
     0,0,
-    113.0185,226.4251
-  L 121.1152,210.1253
+    108.7304,224.168
+  L 117.5834,208.2663
             A 85,85,0,
             0,1,
-            107.6412,201.7826 Z">
+            104.6558,199.4167 Z">
                                             </path>
                                         </g>
                                     </g>
@@ -540,23 +540,23 @@ const data: CustomData[] = [
                                             <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
     A 103.2,103.2,0,
     0,0,
-    94.0604,67.4797
+    95.9534,65.2971
   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 94.0604,67.4797
+                                            <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
     A 103.2,103.2,0,
     0,0,
-    79.9036,178.6158
+    78.1466,174.749
   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 79.9036,178.6158
+                                            <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
     A 103.2,103.2,0,
     0,0,
-    125.5861,225.6835
+    121.1901,223.275
   L 172.9609,134 Z">
                                             </path>
                                         </g>
@@ -924,8 +924,8 @@ const data: CustomData[] = [
                                                 <path cx="234.4296875" cy="184" fill="#67abc5 " class="recharts-sector" d="M 344.4297,184
     A 110,110,0,
     1,0,
-    125.7454,200.9624
-  L 145.5062,197.8783
+    125.751,200.9984
+  L 145.5108,197.9078
             A 90,90,0,
             1,1,
             324.4297,184 Z">
@@ -933,8 +933,8 @@ const data: CustomData[] = [
                                                 <path cx="234.4296875" cy="184" fill="#67abc5 " class="recharts-sector" d="M 354.4297,184
     A 120,120,0,
     1,0,
-    115.865,202.5044
-  L 119.8171,201.8876
+    115.8711,202.5437
+  L 119.8231,201.9256
             A 116,116,0,
             1,1,
             350.4297,184 Z">
@@ -949,36 +949,36 @@ const data: CustomData[] = [
                                         </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.7821,206.6272
+                                        <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
     A 110,110,0,
     0,0,
-    254.7698,292.1031
-  L 251.0716,272.448
+    254.8225,292.0932
+  L 251.1147,272.4399
             A 90,90,0,
             0,1,
-            146.3544,202.5132 Z">
+            146.3605,202.5424 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.3996,290.8904
+                                        <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
     A 110,110,0,
     0,0,
-    333.0419,232.7404
-  L 315.1124,223.8785
+    333.07,232.6836
+  L 315.1354,223.832
             A 90,90,0,
             0,1,
-            255.6778,271.4558 Z">
+            255.7204,271.4454 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.4577,227.5127
+                                        <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
     A 110,110,0,
     0,0,
-    343.4524,198.63
-  L 323.6301,195.97
+    343.4613,198.5642
+  L 323.6373,195.9162
             A 90,90,0,
             0,1,
-            317.0889,219.6013 Z">
+            317.1094,219.5536 Z">
                                         </path>
                                     </g>
                                 </g>

package/dist/docs/components/popover.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Misc
 *Source:* https://uikit.developers.rio.cloud/#components/popover
-*Captured:* 2026-01-14T09:07:46.848Z
+*Captured:* 2026-02-03T14:05:02.435Z
 
 In order to use a Popover on an element, wrap it with the OverlayTrigger component.
 
@@ -77,6 +77,25 @@ export default () => (
 </div>
 ```
 
+#### Props (json)
+
+```json
+popperConfig={{
+    modifiers: [
+         {
+             name: 'offset',
+             options: {
+                 offset: [0, 5],
+             },
+         },
+         {
+             name: 'arrow',
+             options: {},
+         },
+     ],
+ }}
+```
+
 ## Extended example
 
 ### Example: Example 2
@@ -165,4 +184,23 @@ export default () => {
 <div class="padding-25 bg-lightest">
     <button type="button" class="btn btn-info btn-outline btn-lg btn-component" tabindex="0">Click Me</button>
 </div>
+```
+
+#### Props (json)
+
+```json
+popperConfig={{
+    modifiers: [
+         {
+             name: 'offset',
+             options: {
+                 offset: [0, 5],
+             },
+         },
+         {
+             name: 'arrow',
+             options: {},
+         },
+     ],
+ }}
 ```

package/dist/docs/components/position.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Misc
 *Source:* https://uikit.developers.rio.cloud/#components/position
-*Captured:* 2026-01-14T09:07:46.386Z
+*Captured:* 2026-02-03T14:05:01.645Z
 
 A helper component to format a latitude / longitude position.
 
@@ -39,4 +39,12 @@ export default () => (
     <hr>
     <span class="vehiclePositionInfo">N52° 7.394′ W12° 14.054′</span>
 </div>
-```
+```
+
+#### Props
+
+| Name | Type | Default | Description |
+| --- | --- | --- | --- |
+| latitude | number | — | The latitude to display. |
+| longitude | number | — | The longitude to display. |
+| address | string | — | Can be used to override the default output. |

package/dist/docs/components/radialBarCharts.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Charts
 *Source:* https://uikit.developers.rio.cloud/#components/radialBarCharts
-*Captured:* 2026-01-14T09:08:28.950Z
+*Captured:* 2026-02-03T14:05:44.049Z
 
 ## RadialBarChart
 
@@ -258,8 +258,8 @@ const data2: CustomData2[] = [
                                         <path name="Age 18-24" cx="120" cy="180" fill="#ef7186 " class="recharts-sector recharts-radial-bar-sector undefined" d="M 99.8016,145.1763
     A 40.2575,40.2575,0,
     0,1,
-    118.484,139.7711
-  L 118.9359,151.7625
+    121.6351,139.7757
+  L 121.1477,151.7658
             A 28.2575,28.2575,0,
             0,0,
             105.8224,155.5566 Z">
@@ -267,8 +267,8 @@ const data2: CustomData2[] = [
                                         <path name="Age 25-29" cx="120" cy="180" fill="#e878b6 " class="recharts-sector recharts-radial-bar-sector undefined" d="M 91.9872,131.7035
     A 55.8325,55.8325,0,
     0,1,
-    113.7721,124.5159
-  L 115.1107,136.441
+    117.4673,124.225
+  L 118.0116,136.2126
             A 43.8325,43.8325,0,
             0,0,
             98.0079,142.0838 Z">
@@ -276,8 +276,8 @@ const data2: CustomData2[] = [
                                         <path name="Age 30-34" cx="120" cy="180" fill="#dc82e9 " class="recharts-sector recharts-radial-bar-sector undefined" d="M 84.1727,118.2308
     A 71.4075,71.4075,0,
     0,0,
-    70.349,128.6794
-  L 78.6928,137.3038
+    68.384,130.6561
+  L 77.0581,138.9483
             A 59.4075,59.4075,0,
             0,1,
             90.1935,128.6111 Z">
@@ -285,8 +285,8 @@ const data2: CustomData2[] = [
                                         <path name="Age 35-39" color="color-warmup-corn" cx="120" cy="180" fill="#fde082 " class="recharts-sector recharts-radial-bar-sector undefined" d="M 76.3583,104.758
     A 86.9825,86.9825,0,
     0,1,
-    86.2757,99.8213
-  L 90.9283,110.8826
+    87.9223,99.1484
+  L 92.3477,110.3026
             A 74.9825,74.9825,0,
             0,0,
             82.3791,115.1383 Z">
@@ -399,19 +399,19 @@ const data2: CustomData2[] = [
                                     <g class="recharts-layer">
                                         <path name="Registrations" color="color-coldplay-fountain" cx="134" cy="134" fill="#67abc5 " class="recharts-sector recharts-radial-bar-sector undefined" d="M 134,24.6242
     A5,5,0,0,1,139.2283,19.6294
-    A114.49,114.49,0,0,1,226.0591,65.9333
-    A5,5,0,0,1,224.8246,73.0578
-  L224.8246,73.0578
-      A5,5,0,0,1,218.0183,71.8785
+    A114.49,114.49,0,0,1,235.5808,81.1862
+    A5,5,0,0,1,233.2461,88.0296
+  L233.2461,88.0296
+      A5,5,0,0,1,226.7083,85.7991
       A104.49,104.49,0,0,0,138.7717,29.619
       A5,5,0,0,1,134,24.6242Z">
                                         </path>
                                         <path name="Logins" color="color-coldplay-moos" cx="134" cy="134" fill="#a1daa3 " class="recharts-sector recharts-radial-bar-sector undefined" d="M 134,11.7122
     A5,5,0,0,1,139.2043,6.7163
-    A127.39,127.39,0,0,1,223.4166,43.2648
-    A5,5,0,0,1,223.322,50.4782
-  L223.322,50.4782
-      A5,5,0,0,1,216.3975,50.3874
+    A127.39,127.39,0,0,1,234.5345,55.763
+    A5,5,0,0,1,233.4955,62.9018
+  L233.4955,62.9018
+      A5,5,0,0,1,226.6426,61.9045
       A117.39,117.39,0,0,0,138.7957,16.708
       A5,5,0,0,1,134,11.7122Z">
                                         </path>
@@ -646,10 +646,10 @@ const data = [
                                     <g class="recharts-layer">
                                         <path name="Ranking" color="brand-success" cx="84" cy="84" fill="#5cb85c " class="recharts-sector recharts-radial-bar-sector undefined" d="M 84,13.4748
     A6,6,0,0,1,90.5086,7.4964
-    A76.78,76.78,0,1,1,7.4545,89.9961
-    A6,6,0,0,1,13.4763,83.5277
-  L13.4763,83.5277
-      A6,6,0,0,1,19.4178,89.059
+    A76.78,76.78,0,1,1,7.256,86.3497
+    A6,6,0,0,1,13.5786,80.1749
+  L13.5786,80.1749
+      A6,6,0,0,1,19.2503,85.9824
       A64.78,64.78,0,1,0,89.4914,19.4532
       A6,6,0,0,1,84,13.4748Z">
                                         </path>
@@ -763,10 +763,10 @@ const data = [
                                     <g class="recharts-layer">
                                         <path name="Ranking" color="brand-success" cx="84" cy="84" fill="#5cb85c " class="recharts-sector recharts-radial-bar-sector undefined" d="M 19.1954,121.4149
     A3,3,0,0,1,15.0393,120.2116
-    A77.89,77.89,0,0,1,101.3836,8.0746
-    A3,3,0,0,1,103.6093,11.7851
-  L103.6093,11.7851
-      A3,3,0,0,1,100.0445,13.9233
+    A77.89,77.89,0,0,1,103.1845,8.5095
+    A3,3,0,0,1,105.3212,12.2719
+  L105.3212,12.2719
+      A3,3,0,0,1,101.7066,14.3247
       A71.89,71.89,0,0,0,20.3515,117.4221
       A3,3,0,0,1,19.1954,121.4149Z">
                                         </path>