@rio-cloud/uikit-mcp 1.1.4 → 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 +80 -80
  3. package/dist/docs/components/accentBar.md +34 -2
  4. package/dist/docs/components/activity.md +13 -2
  5. package/dist/docs/components/animatedNumber.md +16 -3
  6. package/dist/docs/components/animatedTextReveal.md +53 -7
  7. package/dist/docs/components/animations.md +30 -30
  8. package/dist/docs/components/appHeader.md +58 -2
  9. package/dist/docs/components/appLayout.md +543 -38
  10. package/dist/docs/components/appNavigationBar.md +54 -2
  11. package/dist/docs/components/areaCharts.md +4 -4
  12. package/dist/docs/components/aspectRatioPlaceholder.md +10 -2
  13. package/dist/docs/components/assetTree.md +1065 -218
  14. package/dist/docs/components/autosuggests.md +1 -1
  15. package/dist/docs/components/avatar.md +24 -2
  16. package/dist/docs/components/banner.md +2 -2
  17. package/dist/docs/components/barCharts.md +27 -27
  18. package/dist/docs/components/barList.md +21 -9
  19. package/dist/docs/components/basicMap.md +1 -1
  20. package/dist/docs/components/bottomSheet.md +99 -2
  21. package/dist/docs/components/button.md +161 -16
  22. package/dist/docs/components/buttonToolbar.md +9 -2
  23. package/dist/docs/components/calendarStripe.md +84 -110
  24. package/dist/docs/components/card.md +10 -2
  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 +51 -26
  30. package/dist/docs/components/clearableInput.md +17 -17
  31. package/dist/docs/components/collapse.md +27 -3
  32. package/dist/docs/components/composedCharts.md +15 -15
  33. package/dist/docs/components/contentLoader.md +125 -104
  34. package/dist/docs/components/dataTabs.md +189 -9
  35. package/dist/docs/components/datepickers.md +733 -721
  36. package/dist/docs/components/dialogs.md +361 -1
  37. package/dist/docs/components/divider.md +14 -2
  38. package/dist/docs/components/dropdowns.md +4533 -4352
  39. package/dist/docs/components/editableContent.md +186 -2
  40. package/dist/docs/components/expander.md +51 -4
  41. package/dist/docs/components/fade.md +41 -6
  42. package/dist/docs/components/fadeExpander.md +11 -2
  43. package/dist/docs/components/fadeUp.md +21 -3
  44. package/dist/docs/components/feedback.md +43 -2
  45. package/dist/docs/components/filePickers.md +44 -2
  46. package/dist/docs/components/formLabel.md +16 -2
  47. package/dist/docs/components/groupedItemList.md +53 -2
  48. package/dist/docs/components/iconList.md +4 -4
  49. package/dist/docs/components/imagePreloader.md +6 -2
  50. package/dist/docs/components/labeledElement.md +12 -2
  51. package/dist/docs/components/licensePlate.md +10 -2
  52. package/dist/docs/components/lineCharts.md +3 -3
  53. package/dist/docs/components/listMenu.md +72 -2
  54. package/dist/docs/components/loadMore.md +28 -2
  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 +1 -1
  64. package/dist/docs/components/mapPolygon.md +1 -1
  65. package/dist/docs/components/mapRoute.md +1 -1
  66. package/dist/docs/components/mapRouteGenerator.md +1 -1
  67. package/dist/docs/components/mapSettings.md +1 -1
  68. package/dist/docs/components/mapUtils.md +1 -1
  69. package/dist/docs/components/multiselects.md +1 -1
  70. package/dist/docs/components/noData.md +22 -2
  71. package/dist/docs/components/notifications.md +1 -1
  72. package/dist/docs/components/numbercontrol.md +50 -2
  73. package/dist/docs/components/onboarding.md +25 -1
  74. package/dist/docs/components/page.md +32 -2
  75. package/dist/docs/components/pager.md +14 -2
  76. package/dist/docs/components/pieCharts.md +36 -36
  77. package/dist/docs/components/popover.md +39 -1
  78. package/dist/docs/components/position.md +10 -2
  79. package/dist/docs/components/radialBarCharts.md +25 -25
  80. package/dist/docs/components/radiobutton.md +137 -9
  81. package/dist/docs/components/releaseNotes.md +18 -1
  82. package/dist/docs/components/resizer.md +13 -2
  83. package/dist/docs/components/responsiveColumnStripe.md +19 -2
  84. package/dist/docs/components/responsiveVideo.md +11 -2
  85. package/dist/docs/components/rioglyph.md +12 -2
  86. package/dist/docs/components/rules.md +94 -4
  87. package/dist/docs/components/saveableInput.md +399 -275
  88. package/dist/docs/components/selects.md +1 -1
  89. package/dist/docs/components/sidebar.md +38 -2
  90. package/dist/docs/components/sliders.md +37 -2
  91. package/dist/docs/components/smoothScrollbars.md +92 -2
  92. package/dist/docs/components/spinners.md +50 -2
  93. package/dist/docs/components/states.md +216 -1
  94. package/dist/docs/components/statsWidgets.md +122 -2
  95. package/dist/docs/components/statusBar.md +28 -2
  96. package/dist/docs/components/stepButton.md +8 -2
  97. package/dist/docs/components/steppedProgressBars.md +66 -2
  98. package/dist/docs/components/subNavigation.md +8 -1
  99. package/dist/docs/components/supportMarker.md +1 -1
  100. package/dist/docs/components/svgImage.md +12 -38
  101. package/dist/docs/components/switch.md +11 -2
  102. package/dist/docs/components/tables.md +1 -1
  103. package/dist/docs/components/tagManager.md +55 -1
  104. package/dist/docs/components/tags.md +32 -2
  105. package/dist/docs/components/teaser.md +29 -2
  106. package/dist/docs/components/timeline.md +1 -1
  107. package/dist/docs/components/timepicker.md +30 -2
  108. package/dist/docs/components/toggleButton.md +65 -7
  109. package/dist/docs/components/tooltip.md +26 -18
  110. package/dist/docs/components/virtualList.md +103 -77
  111. package/dist/docs/foundations.md +177 -177
  112. package/dist/docs/start/changelog.md +1 -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 +2 -2
  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 +1 -1
  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 +200 -200
  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 +16 -16
  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 +1 -1
  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 +1 -1
  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 +1 -1
  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 +1 -1
  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 +51 -51
  185. package/dist/docs/utilities/useTableSelection.md +87 -87
  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 +1 -1
  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-14T09:08:36.869Z
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-14T09:08:32.169Z
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-14T09:08:30.746Z
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-14T09:08:37.560Z
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-14T09:08:37.747Z
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-14T09:08:33.865Z
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
- Phased 24/7 software
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
- ColoradoColorado
29
- Indiana
28
+ VermontVermont
29
+ Iowa
30
30
 
31
- Pitcairn IslandsPitcairn Islands
32
- Haiti
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
- Phased 24/7 software
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
- ColoradoColorado
62
- Indiana
61
+ VermontVermont
62
+ Iowa
63
63
 
64
- Pitcairn IslandsPitcairn Islands
65
- Haiti
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="Lemke, Bauch and Veum">
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">Phased 24/7 software</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="Junius.Hilll92@gmail.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="6544 Sawayn Causeway">
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="Gulgowskiview">
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">Colorado</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">Colorado</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">Indiana</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="21283-2170">
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">Pitcairn 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">Pitcairn 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">Haiti</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-14T09:08:36.300Z
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
- 830 units
16
+ 1307 units
17
17
 
18
18
  12%from last month
19
19
 
20
20
  Open orders
21
- 68
21
+ 33
22
22
 
23
23
  5%from last month
24
24
 
25
25
  In transit
26
- 5
26
+ 10
27
27
 
28
28
  -3%from last month
29
29
 
30
30
  Issues
31
- 5
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
- 830 units
39
+ 1307 units
40
40
 
41
41
  12%from last month
42
42
 
43
43
  Open orders
44
- 68
44
+ 33
45
45
 
46
46
  5%from last month
47
47
 
48
48
  In transit
49
- 5
49
+ 10
50
50
 
51
51
  -3%from last month
52
52
 
53
53
  Issues
54
- 5
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">830 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">68</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">5</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">5</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="qnrl15k0vna" 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>
@@ -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="s0uvqzf6tfq" 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="qoo8lk9cd8d" 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-14T09:08:38.647Z
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-14T09:08:39.302Z
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-14T09:08:32.560Z
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-14T09:08:39.325Z
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
 
@@ -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-14T09:08:39.999Z
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-14T09:08:39.932Z
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
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Utilities
4
4
  *Section:* Helper
5
5
  *Source:* https://uikit.developers.rio.cloud/#utilities/routeUtils
6
- *Captured:* 2026-01-14T09:08:39.630Z
6
+ *Captured:* 2026-02-03T14:05:50.407Z
7
7
 
8
8
  Set of utility functions which helps parsing and stringify state into and from the URL.
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Utilities
4
4
  *Section:* Lifecycle & execution hooks
5
5
  *Source:* https://uikit.developers.rio.cloud/#utilities/useAfterMount
6
- *Captured:* 2026-01-14T09:08:40.804Z
6
+ *Captured:* 2026-02-03T14:05:51.815Z
7
7
 
8
8
  The useAfterMount hook allows to use a side effect after the component has been mounted and rendered. The effect will not be triggered on mount and only when the dependencies change.
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Utilities
4
4
  *Section:* DOM behavior hooks
5
5
  *Source:* https://uikit.developers.rio.cloud/#utilities/useAutoAnimate
6
- *Captured:* 2026-01-14T09:08:44.490Z
6
+ *Captured:* 2026-02-03T14:05:53.870Z
7
7
 
8
8
  The useAutoAnimate hook is a thin re-export of the @formkit/auto-animate utility to quickly add enter/leave animations to a container. This page shows a simple example; for full configuration options, check the official documentation.
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Utilities
4
4
  *Section:* Data aggregation hooks
5
5
  *Source:* https://uikit.developers.rio.cloud/#utilities/useAverage
6
- *Captured:* 2026-01-14T09:08:55.831Z
6
+ *Captured:* 2026-02-03T14:06:05.379Z
7
7
 
8
8
  Calculates the arithmetic mean of numeric values extracted from a list of objects using a dot-separated path. Supports localized number formats through optional locale configuration.
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Utilities
4
4
  *Section:* DOM behavior hooks
5
5
  *Source:* https://uikit.developers.rio.cloud/#utilities/useClickOutside
6
- *Captured:* 2026-01-14T09:08:45.071Z
6
+ *Captured:* 2026-02-03T14:05:54.888Z
7
7
 
8
8
  The useClickOutside hook allows to easily detect events outside a referenced element.
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Utilities
4
4
  *Section:* Browser & device hooks
5
5
  *Source:* https://uikit.developers.rio.cloud/#utilities/useClipboard
6
- *Captured:* 2026-01-14T09:08:50.131Z
6
+ *Captured:* 2026-02-03T14:06:00.211Z
7
7
 
8
8
  The useClipboard hook allows to easily copy something to the browsers clipboard.
9
9
 
@@ -75,7 +75,7 @@ export default () => {
75
75
  <span>Random UUID</span>
76
76
  </label>
77
77
  <div class="input-group">
78
- <input id="random-uuid" class="form-control" type="text" value="8e3f7b8e-1a78-4e17-bc38-059ed6370843">
78
+ <input id="random-uuid" class="form-control" type="text" value="c5f27ecf-caa0-4313-975f-dbb8e329a7a1">
79
79
  <div class="input-group-addon">
80
80
  <button type="button" class="btn btn-muted btn-sm btn-icon-only btn-component position-absolute top-1 right-1" tabindex="0">
81
81
  <span class="rioglyph rioglyph-duplicate">
@@ -3,7 +3,7 @@
3
3
  *Category:* Utilities
4
4
  *Section:* Data aggregation hooks
5
5
  *Source:* https://uikit.developers.rio.cloud/#utilities/useCount
6
- *Captured:* 2026-01-14T09:08:57.204Z
6
+ *Captured:* 2026-02-03T14:06:05.880Z
7
7
 
8
8
  useCount is a utility hook for counting how many objects in a list contain a specific value or match a custom condition at a given property path. It supports exact value matching (e.g. true, 0, 'PENDING') or predicate-based logic using a match function. By default, all values that are not null or undefined are counted.
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Utilities
4
4
  *Section:* Browser & device hooks
5
5
  *Source:* https://uikit.developers.rio.cloud/#utilities/useDarkMode
6
- *Captured:* 2026-01-14T09:08:52.322Z
6
+ *Captured:* 2026-02-03T14:06:01.482Z
7
7
 
8
8
  The useDarkMode hook enables you to listen for the color scheme change and react accordingly.
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Utilities
4
4
  *Section:* UI state & input hooks
5
5
  *Source:* https://uikit.developers.rio.cloud/#utilities/useDebugInfo
6
- *Captured:* 2026-01-14T09:08:54.222Z
6
+ *Captured:* 2026-02-03T14:06:03.880Z
7
7
 
8
8
  The useDebugInfo hook allows to return detailed information about render count, render time and changed component props and also to print these information to the console.
9
9
 
@@ -18,7 +18,7 @@ Debug Info:{
18
18
  "renderCount": 1,
19
19
  "changedProps": {},
20
20
  "timeSinceLastRender": 0,
21
- "lastRenderTimestamp": 1768381733548
21
+ "lastRenderTimestamp": 1770127563175
22
22
  }
23
23
 
24
24
  ToggleIncrement
@@ -32,7 +32,7 @@ Debug Info:{
32
32
  "renderCount": 1,
33
33
  "changedProps": {},
34
34
  "timeSinceLastRender": 0,
35
- "lastRenderTimestamp": 1768381733548
35
+ "lastRenderTimestamp": 1770127563175
36
36
  }
37
37
 
38
38
  ToggleIncrement
@@ -107,7 +107,7 @@ export default () => {
107
107
  "renderCount": 1,
108
108
  "changedProps": {},
109
109
  "timeSinceLastRender": 0,
110
- "lastRenderTimestamp": 1768381733548
110
+ "lastRenderTimestamp": 1770127563175
111
111
  }</pre>
112
112
  </div>
113
113
  </div>
@@ -3,7 +3,7 @@
3
3
  *Category:* Utilities
4
4
  *Section:* Lifecycle & execution hooks
5
5
  *Source:* https://uikit.developers.rio.cloud/#utilities/useEffectOnce
6
- *Captured:* 2026-01-14T09:08:42.438Z
6
+ *Captured:* 2026-02-03T14:05:52.211Z
7
7
 
8
8
  The useEffectOnce hook allows to use a side effect only once after the component has been mounted.
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Utilities
4
4
  *Section:* Lifecycle & execution hooks
5
5
  *Source:* https://uikit.developers.rio.cloud/#utilities/useElapsedTime
6
- *Captured:* 2026-01-14T09:08:41.629Z
6
+ *Captured:* 2026-02-03T14:05:52.346Z
7
7
 
8
8
  ## useElapsedTime
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Utilities
4
4
  *Section:* DOM behavior hooks
5
5
  *Source:* https://uikit.developers.rio.cloud/#utilities/useElementSize
6
- *Captured:* 2026-01-14T09:08:44.987Z
6
+ *Captured:* 2026-02-03T14:05:55.543Z
7
7
 
8
8
  The useElementSize hook allows to easily detect an elements dimension.
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Utilities
4
4
  *Section:* DOM behavior hooks
5
5
  *Source:* https://uikit.developers.rio.cloud/#utilities/useEsc
6
- *Captured:* 2026-01-14T09:08:46.151Z
6
+ *Captured:* 2026-02-03T14:05:55.805Z
7
7
 
8
8
  The useEsc hook allows to easily detect keydown events for escape key to to react on. This comes in handy when closing something or aborting some operation on esc.
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Utilities
4
4
  *Section:* UI state & input hooks
5
5
  *Source:* https://uikit.developers.rio.cloud/#utilities/useEvent
6
- *Captured:* 2026-01-14T09:08:53.756Z
6
+ *Captured:* 2026-02-03T14:06:03.660Z
7
7
 
8
8
  The useEvent hook allows to easily detect given events registered on the document.
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Utilities
4
4
  *Section:* DOM behavior hooks
5
5
  *Source:* https://uikit.developers.rio.cloud/#utilities/useFocusTrap
6
- *Captured:* 2026-01-14T09:08:46.028Z
6
+ *Captured:* 2026-02-03T14:05:55.819Z
7
7
 
8
8
  This custom hook allows to keep the focus inside a defined wrapper element. This might be a dialog or a custom overlay.
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Utilities
4
4
  *Section:* DOM behavior hooks
5
5
  *Source:* https://uikit.developers.rio.cloud/#utilities/useFullscreen
6
- *Captured:* 2026-01-14T09:08:47.355Z
6
+ *Captured:* 2026-02-03T14:05:57.250Z
7
7
 
8
8
  The cross-browser useFullscreen hook allows to easily switch to fullscreen mode for the document or a dedicated element like a map or a certain part of a service.
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Utilities
4
4
  *Section:* DOM behavior hooks
5
5
  *Source:* https://uikit.developers.rio.cloud/#utilities/useHover
6
- *Captured:* 2026-01-14T09:08:46.631Z
6
+ *Captured:* 2026-02-03T14:05:57.877Z
7
7
 
8
8
  ## useHover
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Utilities
4
4
  *Section:* Browser & device hooks
5
5
  *Source:* https://uikit.developers.rio.cloud/#utilities/useIncomingPostMessages
6
- *Captured:* 2026-01-14T09:08:52.170Z
6
+ *Captured:* 2026-02-03T14:06:01.555Z
7
7
 
8
8
  For handling postMessage events in React components.
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Utilities
4
4
  *Section:* Lifecycle & execution hooks
5
5
  *Source:* https://uikit.developers.rio.cloud/#utilities/useInterval
6
- *Captured:* 2026-01-14T09:08:42.364Z
6
+ *Captured:* 2026-02-03T14:05:52.454Z
7
7
 
8
8
  The useInterval hook allows for executing some code after a specified amount of time.
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Utilities
4
4
  *Section:* DOM behavior hooks
5
5
  *Source:* https://uikit.developers.rio.cloud/#utilities/useIsFocusWithin
6
- *Captured:* 2026-01-14T09:08:47.573Z
6
+ *Captured:* 2026-02-03T14:05:57.379Z
7
7
 
8
8
  The useIsFocusWithin hook allows you to detect whether the focus is currently within a specific element or any of its children. This is useful for managing focus-based behavior like showing or hiding UI elements, styling active areas, or triggering accessibility behavior.
9
9