@rio-cloud/uikit-mcp 1.1.3 → 1.1.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (191) hide show
  1. package/README.md +1 -0
  2. package/dist/doc-metadata.json +97 -97
  3. package/dist/docs/components/accentBar.md +5 -5
  4. package/dist/docs/components/activity.md +7 -7
  5. package/dist/docs/components/animatedNumber.md +10 -10
  6. package/dist/docs/components/animatedTextReveal.md +42 -43
  7. package/dist/docs/components/animations.md +42 -34
  8. package/dist/docs/components/appHeader.md +20 -35
  9. package/dist/docs/components/appLayout.md +198 -221
  10. package/dist/docs/components/appNavigationBar.md +21 -21
  11. package/dist/docs/components/areaCharts.md +38 -38
  12. package/dist/docs/components/aspectRatioPlaceholder.md +4 -5
  13. package/dist/docs/components/assetTree.md +887 -614
  14. package/dist/docs/components/autosuggests.md +4 -4
  15. package/dist/docs/components/avatar.md +7 -7
  16. package/dist/docs/components/banner.md +2 -2
  17. package/dist/docs/components/barCharts.md +173 -173
  18. package/dist/docs/components/barList.md +19 -41
  19. package/dist/docs/components/basicMap.md +1 -1
  20. package/dist/docs/components/bottomSheet.md +74 -74
  21. package/dist/docs/components/button.md +161 -71
  22. package/dist/docs/components/buttonToolbar.md +3 -3
  23. package/dist/docs/components/calendarStripe.md +71 -123
  24. package/dist/docs/components/card.md +4 -4
  25. package/dist/docs/components/carousel.md +1 -1
  26. package/dist/docs/components/chartColors.md +1 -1
  27. package/dist/docs/components/chartsGettingStarted.md +1 -1
  28. package/dist/docs/components/chat.md +2 -2
  29. package/dist/docs/components/checkbox.md +56 -131
  30. package/dist/docs/components/clearableInput.md +23 -127
  31. package/dist/docs/components/collapse.md +14 -16
  32. package/dist/docs/components/composedCharts.md +31 -31
  33. package/dist/docs/components/contentLoader.md +125 -122
  34. package/dist/docs/components/dataTabs.md +103 -93
  35. package/dist/docs/components/datepickers.md +734 -764
  36. package/dist/docs/components/dialogs.md +299 -186
  37. package/dist/docs/components/divider.md +4 -4
  38. package/dist/docs/components/dropdowns.md +4555 -4498
  39. package/dist/docs/components/editableContent.md +97 -97
  40. package/dist/docs/components/expander.md +56 -56
  41. package/dist/docs/components/fade.md +41 -41
  42. package/dist/docs/components/fadeExpander.md +4 -4
  43. package/dist/docs/components/fadeUp.md +8 -10
  44. package/dist/docs/components/feedback.md +22 -21
  45. package/dist/docs/components/filePickers.md +25 -25
  46. package/dist/docs/components/formLabel.md +5 -7
  47. package/dist/docs/components/groupedItemList.md +37 -37
  48. package/dist/docs/components/iconList.md +4 -4
  49. package/dist/docs/components/imagePreloader.md +6 -6
  50. package/dist/docs/components/labeledElement.md +4 -3
  51. package/dist/docs/components/licensePlate.md +2 -2
  52. package/dist/docs/components/lineCharts.md +58 -58
  53. package/dist/docs/components/listMenu.md +63 -41
  54. package/dist/docs/components/loadMore.md +17 -17
  55. package/dist/docs/components/mainNavigation.md +1 -1
  56. package/dist/docs/components/mapCircle.md +1 -1
  57. package/dist/docs/components/mapCluster.md +1 -1
  58. package/dist/docs/components/mapContext.md +1 -1
  59. package/dist/docs/components/mapDraggableMarker.md +1 -1
  60. package/dist/docs/components/mapGettingStarted.md +1 -1
  61. package/dist/docs/components/mapInfoBubble.md +1 -1
  62. package/dist/docs/components/mapLayerGroup.md +1 -1
  63. package/dist/docs/components/mapMarker.md +339 -345
  64. package/dist/docs/components/mapPolygon.md +16 -20
  65. package/dist/docs/components/mapRoute.md +14 -20
  66. package/dist/docs/components/mapRouteGenerator.md +1 -1
  67. package/dist/docs/components/mapSettings.md +263 -274
  68. package/dist/docs/components/mapUtils.md +3 -5
  69. package/dist/docs/components/multiselects.md +1 -1
  70. package/dist/docs/components/noData.md +11 -11
  71. package/dist/docs/components/notifications.md +1 -1
  72. package/dist/docs/components/numbercontrol.md +39 -37
  73. package/dist/docs/components/onboarding.md +18 -38
  74. package/dist/docs/components/page.md +16 -16
  75. package/dist/docs/components/pager.md +8 -8
  76. package/dist/docs/components/pieCharts.md +124 -124
  77. package/dist/docs/components/popover.md +37 -53
  78. package/dist/docs/components/position.md +4 -4
  79. package/dist/docs/components/radialBarCharts.md +506 -506
  80. package/dist/docs/components/radiobutton.md +209 -191
  81. package/dist/docs/components/releaseNotes.md +9 -3
  82. package/dist/docs/components/resizer.md +7 -8
  83. package/dist/docs/components/responsiveColumnStripe.md +11 -11
  84. package/dist/docs/components/responsiveVideo.md +5 -5
  85. package/dist/docs/components/rioglyph.md +11 -11
  86. package/dist/docs/components/rules.md +118 -92
  87. package/dist/docs/components/saveableInput.md +366 -356
  88. package/dist/docs/components/selects.md +9996 -15
  89. package/dist/docs/components/sidebar.md +22 -23
  90. package/dist/docs/components/sliders.md +26 -26
  91. package/dist/docs/components/smoothScrollbars.md +61 -25
  92. package/dist/docs/components/spinners.md +32 -30
  93. package/dist/docs/components/states.md +236 -245
  94. package/dist/docs/components/statsWidgets.md +37 -28
  95. package/dist/docs/components/statusBar.md +22 -22
  96. package/dist/docs/components/stepButton.md +2 -2
  97. package/dist/docs/components/steppedProgressBars.md +45 -45
  98. package/dist/docs/components/subNavigation.md +3 -3
  99. package/dist/docs/components/supportMarker.md +1 -1
  100. package/dist/docs/components/svgImage.md +2 -38
  101. package/dist/docs/components/switch.md +11 -11
  102. package/dist/docs/components/tables.md +1 -1
  103. package/dist/docs/components/tagManager.md +40 -40
  104. package/dist/docs/components/tags.md +21 -20
  105. package/dist/docs/components/teaser.md +22 -23
  106. package/dist/docs/components/timeline.md +1 -1
  107. package/dist/docs/components/timepicker.md +17 -13
  108. package/dist/docs/components/toggleButton.md +65 -29
  109. package/dist/docs/components/tooltip.md +27 -50
  110. package/dist/docs/components/virtualList.md +75 -75
  111. package/dist/docs/foundations.md +167 -167
  112. package/dist/docs/start/changelog.md +23 -1
  113. package/dist/docs/start/goodtoknow.md +1 -1
  114. package/dist/docs/start/guidelines/color-combinations.md +1 -1
  115. package/dist/docs/start/guidelines/custom-css.md +1 -1
  116. package/dist/docs/start/guidelines/custom-rioglyph.md +1 -1
  117. package/dist/docs/start/guidelines/formatting.md +1 -1
  118. package/dist/docs/start/guidelines/iframe.md +80 -27
  119. package/dist/docs/start/guidelines/obfuscate-data.md +1 -1
  120. package/dist/docs/start/guidelines/print-css.md +1 -1
  121. package/dist/docs/start/guidelines/spinner.md +81 -81
  122. package/dist/docs/start/guidelines/supported-browsers.md +1 -1
  123. package/dist/docs/start/guidelines/writing.md +1 -1
  124. package/dist/docs/start/howto.md +9 -9
  125. package/dist/docs/start/intro.md +1 -1
  126. package/dist/docs/start/responsiveness.md +1 -1
  127. package/dist/docs/templates/common-table.md +11 -11
  128. package/dist/docs/templates/detail-views.md +2 -2
  129. package/dist/docs/templates/expandable-details.md +1 -1
  130. package/dist/docs/templates/feature-cards.md +55 -55
  131. package/dist/docs/templates/form-summary.md +22 -22
  132. package/dist/docs/templates/form-toggle.md +1 -1
  133. package/dist/docs/templates/list-blocks.md +197 -197
  134. package/dist/docs/templates/loading-progress.md +1 -1
  135. package/dist/docs/templates/options-panel.md +1 -1
  136. package/dist/docs/templates/panel-variants.md +1 -1
  137. package/dist/docs/templates/progress-cards.md +1 -1
  138. package/dist/docs/templates/progress-success.md +1 -1
  139. package/dist/docs/templates/settings-form.md +23 -23
  140. package/dist/docs/templates/stats-blocks.md +41 -41
  141. package/dist/docs/templates/table-panel.md +1 -1
  142. package/dist/docs/templates/table-row-animation.md +1 -1
  143. package/dist/docs/templates/usage-cards.md +1 -1
  144. package/dist/docs/utilities/deviceUtils.md +6 -3
  145. package/dist/docs/utilities/featureToggles.md +1 -1
  146. package/dist/docs/utilities/fuelTypeUtils.md +1 -1
  147. package/dist/docs/utilities/routeUtils.md +59 -23
  148. package/dist/docs/utilities/useAfterMount.md +1 -1
  149. package/dist/docs/utilities/useAutoAnimate.md +1 -1
  150. package/dist/docs/utilities/useAverage.md +1 -1
  151. package/dist/docs/utilities/useClickOutside.md +1 -1
  152. package/dist/docs/utilities/useClipboard.md +2 -2
  153. package/dist/docs/utilities/useCount.md +1 -1
  154. package/dist/docs/utilities/useDarkMode.md +1 -1
  155. package/dist/docs/utilities/useDebugInfo.md +4 -4
  156. package/dist/docs/utilities/useEffectOnce.md +1 -1
  157. package/dist/docs/utilities/useElapsedTime.md +1 -1
  158. package/dist/docs/utilities/useElementSize.md +1 -1
  159. package/dist/docs/utilities/useEsc.md +1 -1
  160. package/dist/docs/utilities/useEvent.md +1 -1
  161. package/dist/docs/utilities/useFocusTrap.md +1 -1
  162. package/dist/docs/utilities/useFullscreen.md +1 -1
  163. package/dist/docs/utilities/useHover.md +1 -1
  164. package/dist/docs/utilities/useIncomingPostMessages.md +1 -1
  165. package/dist/docs/utilities/useInterval.md +1 -1
  166. package/dist/docs/utilities/useIsFocusWithin.md +1 -1
  167. package/dist/docs/utilities/useKey.md +7 -5
  168. package/dist/docs/utilities/useLocalStorage.md +1 -1
  169. package/dist/docs/utilities/useLocationSuggestions.md +1 -1
  170. package/dist/docs/utilities/useMax.md +1 -1
  171. package/dist/docs/utilities/useMin.md +1 -1
  172. package/dist/docs/utilities/useMutationObserver.md +1 -1
  173. package/dist/docs/utilities/useOnScreen.md +1 -1
  174. package/dist/docs/utilities/useOnlineStatus.md +1 -1
  175. package/dist/docs/utilities/usePostMessage.md +58 -2
  176. package/dist/docs/utilities/usePostMessageSender.md +1 -1
  177. package/dist/docs/utilities/usePrevious.md +1 -1
  178. package/dist/docs/utilities/useResizeObserver.md +1 -1
  179. package/dist/docs/utilities/useScrollPosition.md +1 -1
  180. package/dist/docs/utilities/useSearch.md +1 -1
  181. package/dist/docs/utilities/useSorting.md +1 -1
  182. package/dist/docs/utilities/useStateWithValidation.md +1 -1
  183. package/dist/docs/utilities/useSum.md +1 -1
  184. package/dist/docs/utilities/useTableExport.md +54 -54
  185. package/dist/docs/utilities/useTableSelection.md +93 -93
  186. package/dist/docs/utilities/useTimeout.md +1 -1
  187. package/dist/docs/utilities/useToggle.md +1 -1
  188. package/dist/docs/utilities/useWindowResize.md +1 -1
  189. package/dist/index.mjs +8 -8
  190. package/dist/version.json +2 -2
  191. package/package.json +6 -6
@@ -3,7 +3,7 @@
3
3
  *Category:* Templates
4
4
  *Section:* Progress
5
5
  *Source:* https://uikit.developers.rio.cloud/#templates/loading-progress
6
- *Captured:* 2026-01-07T12:12:34.368Z
6
+ *Captured:* 2026-02-03T14:05:47.982Z
7
7
 
8
8
  ## Loading progress
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Templates
4
4
  *Section:* Content
5
5
  *Source:* https://uikit.developers.rio.cloud/#templates/options-panel
6
- *Captured:* 2026-01-07T12:12:31.232Z
6
+ *Captured:* 2026-02-03T14:05:43.957Z
7
7
 
8
8
  ## Options panel
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Templates
4
4
  *Section:* Content
5
5
  *Source:* https://uikit.developers.rio.cloud/#templates/panel-variants
6
- *Captured:* 2026-01-07T12:12:30.138Z
6
+ *Captured:* 2026-02-03T14:05:42.722Z
7
7
 
8
8
  ## Panel variants
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Templates
4
4
  *Section:* Progress
5
5
  *Source:* https://uikit.developers.rio.cloud/#templates/progress-cards
6
- *Captured:* 2026-01-07T12:12:35.867Z
6
+ *Captured:* 2026-02-03T14:05:49.006Z
7
7
 
8
8
  ## Progress cards
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Templates
4
4
  *Section:* Progress
5
5
  *Source:* https://uikit.developers.rio.cloud/#templates/progress-success
6
- *Captured:* 2026-01-07T12:12:35.309Z
6
+ *Captured:* 2026-02-03T14:05:48.032Z
7
7
 
8
8
  ## Progress success
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Templates
4
4
  *Section:* Forms
5
5
  *Source:* https://uikit.developers.rio.cloud/#templates/settings-form
6
- *Captured:* 2026-01-07T12:12:33.274Z
6
+ *Captured:* 2026-02-03T14:05:45.384Z
7
7
 
8
8
  ## Form blocks
9
9
 
@@ -15,7 +15,7 @@ This name will appear on your team profile page
15
15
  About the team
16
16
  Write a short summary about your organization or group (max 240 characters).
17
17
 
18
- Intuitive methodical artificial intelligence
18
+ Open-source methodical capability
19
19
 
20
20
  Company email
21
21
  Your contact email address for customer communication
@@ -25,11 +25,11 @@ Display email on team page
25
25
  Office location
26
26
  Primary business address used for official correspondence
27
27
 
28
- PennsylvaniaPennsylvania
29
- Utah
28
+ VermontVermont
29
+ Iowa
30
30
 
31
- Turks and Caicos IslandsTurks and Caicos Islands
32
- Dominican Republic
31
+ IraqIraq
32
+ Greece
33
33
 
34
34
  Preferred currency
35
35
  All pricing and payouts will be shown in this currency
@@ -48,7 +48,7 @@ This name will appear on your team profile page
48
48
  About the team
49
49
  Write a short summary about your organization or group (max 240 characters).
50
50
 
51
- Intuitive methodical artificial intelligence
51
+ Open-source methodical capability
52
52
 
53
53
  Company email
54
54
  Your contact email address for customer communication
@@ -58,11 +58,11 @@ Display email on team page
58
58
  Office location
59
59
  Primary business address used for official correspondence
60
60
 
61
- PennsylvaniaPennsylvania
62
- Utah
61
+ VermontVermont
62
+ Iowa
63
63
 
64
- Turks and Caicos IslandsTurks and Caicos Islands
65
- Dominican Republic
64
+ IraqIraq
65
+ Greece
66
66
 
67
67
  Preferred currency
68
68
  All pricing and payouts will be shown in this currency
@@ -233,7 +233,7 @@ export default () => {
233
233
  </div>
234
234
  <div class="form-group">
235
235
  <div class="ClearableInput input-group">
236
- <input class="form-control withClearButton" type="text" tabindex="0" value="Connelly Group">
236
+ <input class="form-control withClearButton" type="text" tabindex="0" value="Strosin - Smitham">
237
237
  <span class="clearButton">
238
238
  <span class="clearButtonIcon rioglyph rioglyph-remove-sign">
239
239
  </span>
@@ -253,7 +253,7 @@ export default () => {
253
253
  <p class="text-wrap-balance text-color-dark">Write a short summary about your organization or group (max 240 characters).</p>
254
254
  </div>
255
255
  <div class="form-group">
256
- <textarea class="form-control" rows="4">Intuitive methodical artificial intelligence</textarea>
256
+ <textarea class="form-control" rows="4">Open-source methodical capability</textarea>
257
257
  </div>
258
258
  </section>
259
259
  <div class="grid-colspan-2">
@@ -269,7 +269,7 @@ export default () => {
269
269
  </div>
270
270
  <div class="form-group">
271
271
  <div class="ClearableInput input-group">
272
- <input class="form-control withClearButton" type="email" tabindex="0" value="Violet8@hotmail.com">
272
+ <input class="form-control withClearButton" type="email" tabindex="0" value="Alverta38@gmail.com">
273
273
  <span class="clearButton">
274
274
  <span class="clearButtonIcon rioglyph rioglyph-remove-sign">
275
275
  </span>
@@ -296,14 +296,14 @@ export default () => {
296
296
  </div>
297
297
  <div class="form-group display-flex flex-column gap-15">
298
298
  <div class="ClearableInput input-group">
299
- <input placeholder="Street address" class="form-control withClearButton" type="text" tabindex="0" value="26933 The Fairway">
299
+ <input placeholder="Street address" class="form-control withClearButton" type="text" tabindex="0" value="3559 Anahi Park">
300
300
  <span class="clearButton">
301
301
  <span class="clearButtonIcon rioglyph rioglyph-remove-sign">
302
302
  </span>
303
303
  </span>
304
304
  </div>
305
305
  <div class="ClearableInput input-group">
306
- <input placeholder="City" class="form-control withClearButton" type="text" tabindex="0" value="Port Mackenzietown">
306
+ <input placeholder="City" class="form-control withClearButton" type="text" tabindex="0" value="Lake Charles">
307
307
  <span class="clearButton">
308
308
  <span class="clearButtonIcon rioglyph rioglyph-remove-sign">
309
309
  </span>
@@ -312,7 +312,7 @@ export default () => {
312
312
  <div class="display-flex gap-15">
313
313
  <div class="select dropdown dropup">
314
314
  <button type="button" class="dropdown-toggle form-control text-left" data-toggle="dropdown" tabindex="0" aria-haspopup="true" aria-expanded="false">
315
- <span class="selected-option-text">Pennsylvania</span>
315
+ <span class="selected-option-text">Vermont</span>
316
316
  <span class="clearButton hide pointer-events-none">
317
317
  <span class="clearButtonIcon rioglyph rioglyph-remove-sign">
318
318
  </span>
@@ -323,20 +323,20 @@ export default () => {
323
323
  <ul class="dropdown-menu" role="menu">
324
324
  <li class="" role="listitem">
325
325
  <a role="menuitem" class="display-flex align-items-center gap-3" data-item-id="1" data-item-index="0">
326
- <span class="selected-option-dropdown-item">Pennsylvania</span>
326
+ <span class="selected-option-dropdown-item">Vermont</span>
327
327
  <input type="hidden" value="1">
328
328
  </a>
329
329
  </li>
330
330
  <li class="" role="listitem">
331
331
  <a role="menuitem" class="display-flex align-items-center gap-3" data-item-id="2" data-item-index="1">
332
- <span class="selected-option-dropdown-item">Utah</span>
332
+ <span class="selected-option-dropdown-item">Iowa</span>
333
333
  <input type="hidden" value="2">
334
334
  </a>
335
335
  </li>
336
336
  </ul>
337
337
  </div>
338
338
  <div class="ClearableInput input-group">
339
- <input placeholder="Zip code" class="form-control withClearButton" type="text" tabindex="0" value="39503">
339
+ <input placeholder="Zip code" class="form-control withClearButton" type="text" tabindex="0" value="67899-9029">
340
340
  <span class="clearButton">
341
341
  <span class="clearButtonIcon rioglyph rioglyph-remove-sign">
342
342
  </span>
@@ -345,7 +345,7 @@ export default () => {
345
345
  </div>
346
346
  <div class="select dropdown dropup">
347
347
  <button type="button" class="dropdown-toggle form-control text-left" data-toggle="dropdown" tabindex="0" aria-haspopup="true" aria-expanded="false">
348
- <span class="selected-option-text">Turks and Caicos Islands</span>
348
+ <span class="selected-option-text">Iraq</span>
349
349
  <span class="clearButton hide pointer-events-none">
350
350
  <span class="clearButtonIcon rioglyph rioglyph-remove-sign">
351
351
  </span>
@@ -356,13 +356,13 @@ export default () => {
356
356
  <ul class="dropdown-menu" role="menu">
357
357
  <li class="" role="listitem">
358
358
  <a role="menuitem" class="display-flex align-items-center gap-3" data-item-id="1" data-item-index="0">
359
- <span class="selected-option-dropdown-item">Turks and Caicos Islands</span>
359
+ <span class="selected-option-dropdown-item">Iraq</span>
360
360
  <input type="hidden" value="1">
361
361
  </a>
362
362
  </li>
363
363
  <li class="" role="listitem">
364
364
  <a role="menuitem" class="display-flex align-items-center gap-3" data-item-id="2" data-item-index="1">
365
- <span class="selected-option-dropdown-item">Dominican Republic</span>
365
+ <span class="selected-option-dropdown-item">Greece</span>
366
366
  <input type="hidden" value="2">
367
367
  </a>
368
368
  </li>
@@ -3,7 +3,7 @@
3
3
  *Category:* Templates
4
4
  *Section:* Content
5
5
  *Source:* https://uikit.developers.rio.cloud/#templates/stats-blocks
6
- *Captured:* 2026-01-07T12:12:35.342Z
6
+ *Captured:* 2026-02-03T14:05:48.361Z
7
7
 
8
8
  ## Stats blocks
9
9
 
@@ -13,22 +13,22 @@ Stats page
13
13
  Overview of your supply chain operations
14
14
 
15
15
  Total inventory
16
- 1405 units
16
+ 1307 units
17
17
 
18
18
  12%from last month
19
19
 
20
20
  Open orders
21
- 57
21
+ 33
22
22
 
23
23
  5%from last month
24
24
 
25
25
  In transit
26
- 12
26
+ 10
27
27
 
28
28
  -3%from last month
29
29
 
30
30
  Issues
31
- 4
31
+ 6
32
32
 
33
33
  #### Summary
34
34
 
@@ -36,22 +36,22 @@ Stats page
36
36
  Overview of your supply chain operations
37
37
 
38
38
  Total inventory
39
- 1405 units
39
+ 1307 units
40
40
 
41
41
  12%from last month
42
42
 
43
43
  Open orders
44
- 57
44
+ 33
45
45
 
46
46
  5%from last month
47
47
 
48
48
  In transit
49
- 12
49
+ 10
50
50
 
51
51
  -3%from last month
52
52
 
53
53
  Issues
54
- 4
54
+ 6
55
55
 
56
56
  #### React (tsx)
57
57
 
@@ -168,7 +168,7 @@ export default () => {
168
168
  </div>
169
169
  <div>
170
170
  <div class="text-color-dark">Total inventory</div>
171
- <div class="text-size-h3 text-color-darkest line-height-125rel">1405 units</div>
171
+ <div class="text-size-h3 text-color-darkest line-height-125rel">1307 units</div>
172
172
  </div>
173
173
  </div>
174
174
  <div class="text-size-12 padding-x-20 padding-y-10 bg-lightest rounded-bottom display-flex gap-5">
@@ -186,7 +186,7 @@ export default () => {
186
186
  </div>
187
187
  <div>
188
188
  <div class="text-color-dark">Open orders</div>
189
- <div class="text-size-h3 text-color-darkest line-height-125rel">57</div>
189
+ <div class="text-size-h3 text-color-darkest line-height-125rel">33</div>
190
190
  </div>
191
191
  </div>
192
192
  <div class="text-size-12 padding-x-20 padding-y-10 bg-lightest rounded-bottom display-flex gap-5">
@@ -204,7 +204,7 @@ export default () => {
204
204
  </div>
205
205
  <div>
206
206
  <div class="text-color-dark">In transit</div>
207
- <div class="text-size-h3 text-color-darkest line-height-125rel">12</div>
207
+ <div class="text-size-h3 text-color-darkest line-height-125rel">10</div>
208
208
  </div>
209
209
  </div>
210
210
  <div class="text-size-12 padding-x-20 padding-y-10 bg-lightest rounded-bottom display-flex gap-5">
@@ -222,7 +222,7 @@ export default () => {
222
222
  </div>
223
223
  <div>
224
224
  <div class="text-color-dark">Issues</div>
225
- <div class="text-size-h3 text-color-darkest line-height-125rel">4</div>
225
+ <div class="text-size-h3 text-color-darkest line-height-125rel">6</div>
226
226
  </div>
227
227
  </div>
228
228
  </div>
@@ -1055,7 +1055,7 @@ const getStatusColor = (status: string) => {
1055
1055
  <div class="text-medium text-size-16">Lorem ipsum dolor</div>
1056
1056
  <div>
1057
1057
  <div class="dropdown btn-group">
1058
- <button type="button" id="g75ix527w06" class="btn btn-muted btn-md btn-icon-only btn-component dropdown-toggle" tabindex="0">
1058
+ <button type="button" id="t9wvd1o77w" class="btn btn-muted btn-md btn-icon-only btn-component dropdown-toggle" tabindex="0">
1059
1059
  <span class="rioglyph rioglyph-option-horizontal" aria-hidden="true">
1060
1060
  </span>
1061
1061
  </button>
@@ -1077,9 +1077,9 @@ const getStatusColor = (status: string) => {
1077
1077
  </title>
1078
1078
  <desc>
1079
1079
  </desc>
1080
- <g tabindex="-1" id="recharts-zindex--100-:r1:">
1080
+ <g tabindex="-1">
1081
1081
  </g>
1082
- <g tabindex="-1" id="recharts-zindex--50-:r2:">
1082
+ <g tabindex="-1">
1083
1083
  </g>
1084
1084
  <defs>
1085
1085
  <clipPath id="recharts1-clip">
@@ -1087,51 +1087,51 @@ const getStatusColor = (status: string) => {
1087
1087
  </rect>
1088
1088
  </clipPath>
1089
1089
  </defs>
1090
- <g tabindex="-1" id="recharts-zindex-100-:r4:">
1090
+ <g tabindex="-1">
1091
1091
  </g>
1092
- <g tabindex="-1" id="recharts-zindex-200-:r5:">
1092
+ <g tabindex="-1">
1093
1093
  </g>
1094
- <g tabindex="-1" id="recharts-zindex-300-:r6:">
1095
- <g class="recharts-layer recharts-bar" id="recharts-bar-:r3:">
1094
+ <g tabindex="-1">
1095
+ <g class="recharts-layer recharts-bar" id="recharts-bar-:r1:">
1096
1096
  <g class="recharts-layer recharts-bar-rectangles">
1097
1097
  <g class="recharts-layer">
1098
1098
  <g class="recharts-layer recharts-bar-rectangle">
1099
- <path fill="#30b4c0 " name="undefined" x="6.083333333333334" y="45.100000000000016" width="48" height="159.89999999999998" class="recharts-rectangle" d="M6.083333333333334,48.100000000000016A 3,3,0,0,1,9.083333333333334,45.100000000000016L 51.083333333333336,45.100000000000016A 3,3,0,0,1,
1100
- 54.083333333333336,48.100000000000016L 54.083333333333336,205L 6.083333333333334,205Z">
1099
+ <path fill="#30b4c0 " name="undefined" x="6.0833" y="45.1" width="48" height="159.9" class="recharts-rectangle" d="M6.0833,48.1A 3,3,0,0,1,9.0833,45.1L 51.0833,45.1A 3,3,0,0,1,
1100
+ 54.0833,48.1L 54.0833,205L 6.0833,205Z">
1101
1101
  </path>
1102
1102
  </g>
1103
1103
  <g class="recharts-layer recharts-bar-rectangle">
1104
- <path fill="#30b4c0 " name="undefined" x="66.91666666666667" y="129.83333333333331" width="48" height="75.16666666666669" class="recharts-rectangle" d="M66.91666666666667,132.83333333333331A 3,3,0,0,1,69.91666666666667,129.83333333333331L 111.91666666666667,129.83333333333331A 3,3,0,0,1,
1105
- 114.91666666666667,132.83333333333331L 114.91666666666667,205L 66.91666666666667,205Z">
1104
+ <path fill="#30b4c0 " name="undefined" x="66.9167" y="129.8333" width="48" height="75.1667" class="recharts-rectangle" d="M66.9167,132.8333A 3,3,0,0,1,69.9167,129.8333L 111.9167,129.8333A 3,3,0,0,1,
1105
+ 114.9167,132.8333L 114.9167,205L 66.9167,205Z">
1106
1106
  </path>
1107
1107
  </g>
1108
1108
  <g class="recharts-layer recharts-bar-rectangle">
1109
- <path fill="#30b4c0 " name="undefined" x="127.75" y="162.63333333333333" width="48" height="42.366666666666674" class="recharts-rectangle" d="M127.75,165.63333333333333A 3,3,0,0,1,130.75,162.63333333333333L 172.75,162.63333333333333A 3,3,0,0,1,
1110
- 175.75,165.63333333333333L 175.75,205L 127.75,205Z">
1109
+ <path fill="#30b4c0 " name="undefined" x="127.75" y="162.6333" width="48" height="42.3667" class="recharts-rectangle" d="M127.75,165.6333A 3,3,0,0,1,130.75,162.6333L 172.75,162.6333A 3,3,0,0,1,
1110
+ 175.75,165.6333L 175.75,205L 127.75,205Z">
1111
1111
  </path>
1112
1112
  </g>
1113
1113
  <g class="recharts-layer recharts-bar-rectangle">
1114
- <path fill="#30b4c0 " name="undefined" x="188.58333333333334" y="191.74333333333334" width="48" height="13.25666666666666" class="recharts-rectangle" d="M188.58333333333334,194.74333333333334A 3,3,0,0,1,191.58333333333334,191.74333333333334L 233.58333333333334,191.74333333333334A 3,3,0,0,1,
1115
- 236.58333333333334,194.74333333333334L 236.58333333333334,205L 188.58333333333334,205Z">
1114
+ <path fill="#30b4c0 " name="undefined" x="188.5833" y="191.7433" width="48" height="13.2567" class="recharts-rectangle" d="M188.5833,194.7433A 3,3,0,0,1,191.5833,191.7433L 233.5833,191.7433A 3,3,0,0,1,
1115
+ 236.5833,194.7433L 236.5833,205L 188.5833,205Z">
1116
1116
  </path>
1117
1117
  </g>
1118
1118
  <g class="recharts-layer recharts-bar-rectangle">
1119
- <path fill="#30b4c0 " name="undefined" x="249.41666666666669" y="193.96416666666667" width="48" height="11.03583333333333" class="recharts-rectangle" d="M249.41666666666669,196.96416666666667A 3,3,0,0,1,252.41666666666669,193.96416666666667L 294.4166666666667,193.96416666666667A 3,3,0,0,1,
1120
- 297.4166666666667,196.96416666666667L 297.4166666666667,205L 249.41666666666669,205Z">
1119
+ <path fill="#30b4c0 " name="undefined" x="249.4167" y="193.9642" width="48" height="11.0358" class="recharts-rectangle" d="M249.4167,196.9642A 3,3,0,0,1,252.4167,193.9642L 294.4167,193.9642A 3,3,0,0,1,
1120
+ 297.4167,196.9642L 297.4167,205L 249.4167,205Z">
1121
1121
  </path>
1122
1122
  </g>
1123
1123
  <g class="recharts-layer recharts-bar-rectangle">
1124
- <path fill="#30b4c0 " name="undefined" x="310.25" y="189.04416666666668" width="48" height="15.955833333333317" class="recharts-rectangle" d="M310.25,192.04416666666668A 3,3,0,0,1,313.25,189.04416666666668L 355.25,189.04416666666668A 3,3,0,0,1,
1125
- 358.25,192.04416666666668L 358.25,205L 310.25,205Z">
1124
+ <path fill="#30b4c0 " name="undefined" x="310.25" y="189.0442" width="48" height="15.9558" class="recharts-rectangle" d="M310.25,192.0442A 3,3,0,0,1,313.25,189.0442L 355.25,189.0442A 3,3,0,0,1,
1125
+ 358.25,192.0442L 358.25,205L 310.25,205Z">
1126
1126
  </path>
1127
1127
  </g>
1128
1128
  </g>
1129
1129
  </g>
1130
1130
  </g>
1131
1131
  </g>
1132
- <g tabindex="-1" id="recharts-zindex-400-:r7:">
1132
+ <g tabindex="-1">
1133
1133
  </g>
1134
- <g tabindex="-1" id="recharts-zindex-500-:r8:">
1134
+ <g tabindex="-1">
1135
1135
  <g class="recharts-layer recharts-cartesian-axis recharts-xAxis xAxis">
1136
1136
  <line angle="0" height="30" orientation="bottom" x="0" y="205" width="365" class="recharts-cartesian-axis-line" stroke="#666" fill="none" x1="0" y1="205" x2="365" y2="205">
1137
1137
  </line>
@@ -1165,15 +1165,15 @@ const getStatusColor = (status: string) => {
1165
1165
  </g>
1166
1166
  </g>
1167
1167
  </g>
1168
- <g tabindex="-1" id="recharts-zindex-600-:r9:">
1168
+ <g tabindex="-1">
1169
1169
  </g>
1170
- <g tabindex="-1" id="recharts-zindex-1000-:ra:">
1170
+ <g tabindex="-1">
1171
1171
  </g>
1172
- <g tabindex="-1" id="recharts-zindex-1100-:rb:">
1172
+ <g tabindex="-1">
1173
1173
  </g>
1174
- <g tabindex="-1" id="recharts-zindex-1200-:rc:">
1174
+ <g tabindex="-1">
1175
1175
  </g>
1176
- <g tabindex="-1" id="recharts-zindex-2000-:rd:">
1176
+ <g tabindex="-1">
1177
1177
  <g class="recharts-cartesian-axis-tick-labels recharts-xAxis-tick-labels">
1178
1178
  <g class="recharts-layer recharts-cartesian-axis-tick-label">
1179
1179
  <text height="30" orientation="bottom" width="365" stroke="none" x="30.416666666666668" y="213" class="recharts-text recharts-cartesian-axis-tick-value" text-anchor="middle" fill="#666">
@@ -1242,7 +1242,7 @@ const getStatusColor = (status: string) => {
1242
1242
  </div>
1243
1243
  <div>
1244
1244
  <div class="dropdown btn-group">
1245
- <button type="button" id="4q8km1c733" class="btn btn-muted btn-md btn-icon-only btn-component dropdown-toggle" tabindex="0">
1245
+ <button type="button" id="c4wfn0iyxjq" class="btn btn-muted btn-md btn-icon-only btn-component dropdown-toggle" tabindex="0">
1246
1246
  <span class="rioglyph rioglyph-option-horizontal" aria-hidden="true">
1247
1247
  </span>
1248
1248
  </button>
@@ -1310,7 +1310,7 @@ const getStatusColor = (status: string) => {
1310
1310
  </div>
1311
1311
  <div>
1312
1312
  <div class="dropdown btn-group">
1313
- <button type="button" id="ugqtunqu23o" class="btn btn-muted btn-md btn-icon-only btn-component dropdown-toggle" tabindex="0">
1313
+ <button type="button" id="vq3ibayoz78" class="btn btn-muted btn-md btn-icon-only btn-component dropdown-toggle" tabindex="0">
1314
1314
  <span class="rioglyph rioglyph-option-horizontal" aria-hidden="true">
1315
1315
  </span>
1316
1316
  </button>
@@ -3,7 +3,7 @@
3
3
  *Category:* Templates
4
4
  *Section:* Tables
5
5
  *Source:* https://uikit.developers.rio.cloud/#templates/table-panel
6
- *Captured:* 2026-01-07T12:12:36.472Z
6
+ *Captured:* 2026-02-03T14:05:49.264Z
7
7
 
8
8
  ## Combined tables in ExpandablePanel
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Templates
4
4
  *Section:* Tables
5
5
  *Source:* https://uikit.developers.rio.cloud/#templates/table-row-animation
6
- *Captured:* 2026-01-07T12:12:36.632Z
6
+ *Captured:* 2026-02-03T14:05:49.468Z
7
7
 
8
8
  ## Table row animation
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Templates
4
4
  *Section:* Content
5
5
  *Source:* https://uikit.developers.rio.cloud/#templates/usage-cards
6
- *Captured:* 2026-01-07T12:12:32.156Z
6
+ *Captured:* 2026-02-03T14:05:45.264Z
7
7
 
8
8
  ## Data usage cards
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Utilities
4
4
  *Section:* Helper
5
5
  *Source:* https://uikit.developers.rio.cloud/#utilities/deviceUtils
6
- *Captured:* 2026-01-07T12:12:36.798Z
6
+ *Captured:* 2026-02-03T14:05:50.723Z
7
7
 
8
8
  Set of utility functions which helps detecting certain devices or functionality.
9
9
 
@@ -54,7 +54,7 @@ import {
54
54
  } from '@rio-cloud/rio-uikit/DeviceUtils';
55
55
  import useWindowResize from '@rio-cloud/rio-uikit/useWindowResize';
56
56
 
57
- export default () => {
57
+ const DeviceUtilsExample = () => {
58
58
  const [isZoomDisabled, setIsZoomDisabled] = useState(false);
59
59
  const [isMobileScreenSize, setIsMobileScreenSize] = useState(isMobileScreen());
60
60
 
@@ -63,7 +63,8 @@ export default () => {
63
63
  // This is not good for accessibility but makes the webpage
64
64
  // feel more like a native app.
65
65
  toggleZoomOnMobile();
66
- setIsZoomDisabled(document.head.querySelector('[name="viewport"]')?.content.includes('user-scalable=0'));
66
+ const viewportMeta = document.head.querySelector<HTMLMetaElement>('[name="viewport"]');
67
+ setIsZoomDisabled(viewportMeta?.content.includes('user-scalable=0') ?? false);
67
68
  }, []);
68
69
 
69
70
  useWindowResize(() => setIsMobileScreenSize(isMobileScreen()));
@@ -92,6 +93,8 @@ export default () => {
92
93
  </div>
93
94
  );
94
95
  };
96
+
97
+ export default DeviceUtilsExample;
95
98
  ```
96
99
 
97
100
  #### HTML (html)
@@ -3,7 +3,7 @@
3
3
  *Category:* Utilities
4
4
  *Section:* Helper
5
5
  *Source:* https://uikit.developers.rio.cloud/#utilities/featureToggles
6
- *Captured:* 2026-01-07T12:12:37.301Z
6
+ *Captured:* 2026-02-03T14:05:50.640Z
7
7
 
8
8
  URL-based feature toggles (also known as feature flags) are a powerful development technique that allows you to enable or disable features in your application dynamically, without deploying new code.
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Utilities
4
4
  *Section:* Helper
5
5
  *Source:* https://uikit.developers.rio.cloud/#utilities/fuelTypeUtils
6
- *Captured:* 2026-01-07T12:12:37.224Z
6
+ *Captured:* 2026-02-03T14:05:50.957Z
7
7
 
8
8
  There is a wide variety of standardized fuel types, and on top of that, some projects or systems introduce their own custom definitions. While the naming can differ, many of these values carry the same semantic meaning. To avoid confusion and ensure consistent visual representation, we provide a centralized mapping of fuel types to icons.
9
9