@rio-cloud/uikit-mcp 1.1.1 → 1.1.3

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/dist/doc-metadata.json +40 -50
  2. package/dist/docs/components/accentBar.md +1 -1
  3. package/dist/docs/components/activity.md +1 -1
  4. package/dist/docs/components/animatedNumber.md +3 -3
  5. package/dist/docs/components/animatedTextReveal.md +6 -6
  6. package/dist/docs/components/animations.md +31 -31
  7. package/dist/docs/components/appHeader.md +1 -1
  8. package/dist/docs/components/appLayout.md +143 -34
  9. package/dist/docs/components/appNavigationBar.md +1 -1
  10. package/dist/docs/components/areaCharts.md +6 -6
  11. package/dist/docs/components/aspectRatioPlaceholder.md +1 -1
  12. package/dist/docs/components/assetTree.md +282 -176
  13. package/dist/docs/components/autosuggests.md +1 -1
  14. package/dist/docs/components/avatar.md +1 -1
  15. package/dist/docs/components/banner.md +2 -2
  16. package/dist/docs/components/barCharts.md +70 -70
  17. package/dist/docs/components/barList.md +11 -11
  18. package/dist/docs/components/basicMap.md +7 -7
  19. package/dist/docs/components/bottomSheet.md +1 -1
  20. package/dist/docs/components/button.md +1 -1
  21. package/dist/docs/components/buttonToolbar.md +1 -1
  22. package/dist/docs/components/calendarStripe.md +107 -131
  23. package/dist/docs/components/card.md +1 -1
  24. package/dist/docs/components/carousel.md +1 -1
  25. package/dist/docs/components/chartColors.md +1 -1
  26. package/dist/docs/components/chartsGettingStarted.md +1 -1
  27. package/dist/docs/components/chat.md +2 -2
  28. package/dist/docs/components/checkbox.md +1 -1
  29. package/dist/docs/components/clearableInput.md +1 -1
  30. package/dist/docs/components/collapse.md +2 -2
  31. package/dist/docs/components/composedCharts.md +48 -48
  32. package/dist/docs/components/contentLoader.md +101 -101
  33. package/dist/docs/components/dataTabs.md +8 -8
  34. package/dist/docs/components/datepickers.md +724 -724
  35. package/dist/docs/components/dialogs.md +1 -1
  36. package/dist/docs/components/divider.md +1 -1
  37. package/dist/docs/components/dropdowns.md +4359 -4356
  38. package/dist/docs/components/editableContent.md +1 -1
  39. package/dist/docs/components/expander.md +1 -1
  40. package/dist/docs/components/fade.md +1 -1
  41. package/dist/docs/components/fadeExpander.md +1 -1
  42. package/dist/docs/components/fadeUp.md +2 -2
  43. package/dist/docs/components/feedback.md +1 -1
  44. package/dist/docs/components/filePickers.md +1 -1
  45. package/dist/docs/components/formLabel.md +1 -1
  46. package/dist/docs/components/groupedItemList.md +1 -1
  47. package/dist/docs/components/iconList.md +4 -4
  48. package/dist/docs/components/imagePreloader.md +1 -1
  49. package/dist/docs/components/labeledElement.md +1 -1
  50. package/dist/docs/components/licensePlate.md +1 -1
  51. package/dist/docs/components/lineCharts.md +3 -3
  52. package/dist/docs/components/listMenu.md +1 -1
  53. package/dist/docs/components/loadMore.md +1 -1
  54. package/dist/docs/components/mainNavigation.md +1 -1
  55. package/dist/docs/components/mapCircle.md +3 -3
  56. package/dist/docs/components/mapCluster.md +5 -5
  57. package/dist/docs/components/mapContext.md +3 -3
  58. package/dist/docs/components/mapDraggableMarker.md +3 -3
  59. package/dist/docs/components/mapGettingStarted.md +1 -1
  60. package/dist/docs/components/mapInfoBubble.md +3 -3
  61. package/dist/docs/components/mapLayerGroup.md +3 -3
  62. package/dist/docs/components/mapMarker.md +3 -3
  63. package/dist/docs/components/mapPolygon.md +5 -5
  64. package/dist/docs/components/mapRoute.md +13 -13
  65. package/dist/docs/components/mapRouteGenerator.md +1 -1
  66. package/dist/docs/components/mapSettings.md +11 -11
  67. package/dist/docs/components/mapUtils.md +1 -1
  68. package/dist/docs/components/multiselects.md +1 -1
  69. package/dist/docs/components/noData.md +1 -1
  70. package/dist/docs/components/notifications.md +1 -1
  71. package/dist/docs/components/numbercontrol.md +1 -1
  72. package/dist/docs/components/onboarding.md +1 -1
  73. package/dist/docs/components/page.md +1 -1
  74. package/dist/docs/components/pager.md +1 -1
  75. package/dist/docs/components/pieCharts.md +36 -36
  76. package/dist/docs/components/popover.md +1 -1
  77. package/dist/docs/components/position.md +1 -1
  78. package/dist/docs/components/radialBarCharts.md +25 -25
  79. package/dist/docs/components/radiobutton.md +1 -1
  80. package/dist/docs/components/releaseNotes.md +1 -1
  81. package/dist/docs/components/resizer.md +1 -1
  82. package/dist/docs/components/responsiveColumnStripe.md +1 -1
  83. package/dist/docs/components/responsiveVideo.md +1 -1
  84. package/dist/docs/components/rioglyph.md +1 -1
  85. package/dist/docs/components/rules.md +1 -1
  86. package/dist/docs/components/saveableInput.md +277 -277
  87. package/dist/docs/components/selects.md +1 -1
  88. package/dist/docs/components/sidebar.md +1 -1
  89. package/dist/docs/components/sliders.md +1 -1
  90. package/dist/docs/components/smoothScrollbars.md +1 -1
  91. package/dist/docs/components/spinners.md +1 -1
  92. package/dist/docs/components/states.md +1 -1
  93. package/dist/docs/components/statsWidgets.md +1 -1
  94. package/dist/docs/components/statusBar.md +1 -1
  95. package/dist/docs/components/stepButton.md +1 -1
  96. package/dist/docs/components/steppedProgressBars.md +1 -1
  97. package/dist/docs/components/subNavigation.md +1 -1
  98. package/dist/docs/components/supportMarker.md +1 -1
  99. package/dist/docs/components/svgImage.md +1 -1
  100. package/dist/docs/components/switch.md +1 -1
  101. package/dist/docs/components/tables.md +1 -1
  102. package/dist/docs/components/tagManager.md +1 -1
  103. package/dist/docs/components/tags.md +1 -1
  104. package/dist/docs/components/teaser.md +1 -1
  105. package/dist/docs/components/timeline.md +1 -1
  106. package/dist/docs/components/timepicker.md +1 -1
  107. package/dist/docs/components/toggleButton.md +1 -1
  108. package/dist/docs/components/tooltip.md +1 -1
  109. package/dist/docs/components/virtualList.md +72 -72
  110. package/dist/docs/foundations.md +169 -169
  111. package/dist/docs/start/changelog.md +7 -1
  112. package/dist/docs/start/goodtoknow.md +1 -1
  113. package/dist/docs/start/guidelines/color-combinations.md +1 -1
  114. package/dist/docs/start/guidelines/custom-css.md +1 -1
  115. package/dist/docs/start/guidelines/custom-rioglyph.md +1 -1
  116. package/dist/docs/start/guidelines/formatting.md +1 -1
  117. package/dist/docs/start/guidelines/iframe.md +1 -1
  118. package/dist/docs/start/guidelines/obfuscate-data.md +1 -1
  119. package/dist/docs/start/guidelines/print-css.md +1 -1
  120. package/dist/docs/start/guidelines/spinner.md +81 -81
  121. package/dist/docs/start/guidelines/supported-browsers.md +1 -1
  122. package/dist/docs/start/guidelines/writing.md +1 -1
  123. package/dist/docs/start/howto.md +9 -9
  124. package/dist/docs/start/intro.md +1 -1
  125. package/dist/docs/start/responsiveness.md +1 -1
  126. package/dist/docs/templates/common-table.md +11 -11
  127. package/dist/docs/templates/detail-views.md +2 -2
  128. package/dist/docs/templates/expandable-details.md +1 -1
  129. package/dist/docs/templates/feature-cards.md +55 -55
  130. package/dist/docs/templates/form-summary.md +22 -22
  131. package/dist/docs/templates/form-toggle.md +1 -1
  132. package/dist/docs/templates/list-blocks.md +200 -200
  133. package/dist/docs/templates/loading-progress.md +1 -1
  134. package/dist/docs/templates/options-panel.md +1 -1
  135. package/dist/docs/templates/panel-variants.md +1 -1
  136. package/dist/docs/templates/progress-cards.md +1 -1
  137. package/dist/docs/templates/progress-success.md +1 -1
  138. package/dist/docs/templates/settings-form.md +23 -23
  139. package/dist/docs/templates/stats-blocks.md +16 -16
  140. package/dist/docs/templates/table-panel.md +1 -1
  141. package/dist/docs/templates/table-row-animation.md +1 -1
  142. package/dist/docs/templates/usage-cards.md +1 -1
  143. package/dist/docs/utilities/deviceUtils.md +1 -1
  144. package/dist/docs/utilities/featureToggles.md +1 -1
  145. package/dist/docs/utilities/fuelTypeUtils.md +1 -1
  146. package/dist/docs/utilities/routeUtils.md +1 -1
  147. package/dist/docs/utilities/useAfterMount.md +1 -1
  148. package/dist/docs/utilities/useAutoAnimate.md +1 -1
  149. package/dist/docs/utilities/useAverage.md +1 -1
  150. package/dist/docs/utilities/useClickOutside.md +1 -1
  151. package/dist/docs/utilities/useClipboard.md +2 -2
  152. package/dist/docs/utilities/useCount.md +1 -1
  153. package/dist/docs/utilities/useDarkMode.md +1 -1
  154. package/dist/docs/utilities/useDebugInfo.md +4 -4
  155. package/dist/docs/utilities/useEffectOnce.md +1 -1
  156. package/dist/docs/utilities/useElapsedTime.md +1 -1
  157. package/dist/docs/utilities/useElementSize.md +1 -1
  158. package/dist/docs/utilities/useEsc.md +1 -1
  159. package/dist/docs/utilities/useEvent.md +1 -1
  160. package/dist/docs/utilities/useFocusTrap.md +1 -1
  161. package/dist/docs/utilities/useFullscreen.md +1 -1
  162. package/dist/docs/utilities/useHover.md +1 -1
  163. package/dist/docs/utilities/useIncomingPostMessages.md +1 -1
  164. package/dist/docs/utilities/useInterval.md +1 -1
  165. package/dist/docs/utilities/useIsFocusWithin.md +1 -1
  166. package/dist/docs/utilities/useKey.md +1 -1
  167. package/dist/docs/utilities/useLocalStorage.md +1 -1
  168. package/dist/docs/utilities/useLocationSuggestions.md +1 -1
  169. package/dist/docs/utilities/useMax.md +1 -1
  170. package/dist/docs/utilities/useMin.md +1 -1
  171. package/dist/docs/utilities/useMutationObserver.md +1 -1
  172. package/dist/docs/utilities/useOnScreen.md +1 -1
  173. package/dist/docs/utilities/useOnlineStatus.md +1 -1
  174. package/dist/docs/utilities/usePostMessage.md +1 -57
  175. package/dist/docs/utilities/usePostMessageSender.md +1 -1
  176. package/dist/docs/utilities/usePrevious.md +1 -1
  177. package/dist/docs/utilities/useResizeObserver.md +1 -1
  178. package/dist/docs/utilities/useScrollPosition.md +1 -1
  179. package/dist/docs/utilities/useSearch.md +1 -1
  180. package/dist/docs/utilities/useSorting.md +1 -1
  181. package/dist/docs/utilities/useStateWithValidation.md +1 -1
  182. package/dist/docs/utilities/useSum.md +1 -1
  183. package/dist/docs/utilities/useTableExport.md +51 -51
  184. package/dist/docs/utilities/useTableSelection.md +87 -87
  185. package/dist/docs/utilities/useTimeout.md +1 -1
  186. package/dist/docs/utilities/useToggle.md +1 -1
  187. package/dist/docs/utilities/useWindowResize.md +1 -1
  188. package/dist/index.mjs +8 -2
  189. package/dist/version.json +2 -2
  190. package/package.json +8 -8
  191. package/dist/docs/components/fullscreenMap.md +0 -10
@@ -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:* 2025-12-12T14:21:37.564Z
6
+ *Captured:* 2026-01-07T12:12:34.368Z
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:* 2025-12-12T14:21:34.848Z
6
+ *Captured:* 2026-01-07T12:12:31.232Z
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:* 2025-12-12T14:21:33.781Z
6
+ *Captured:* 2026-01-07T12:12:30.138Z
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:* 2025-12-12T14:21:38.666Z
6
+ *Captured:* 2026-01-07T12:12:35.867Z
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:* 2025-12-12T14:21:38.457Z
6
+ *Captured:* 2026-01-07T12:12:35.309Z
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:* 2025-12-12T14:21:36.411Z
6
+ *Captured:* 2026-01-07T12:12:33.274Z
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
- Extended national moratorium
18
+ Intuitive methodical artificial intelligence
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
- TexasTexas
29
- Connecticut
28
+ PennsylvaniaPennsylvania
29
+ Utah
30
30
 
31
- IranIran
32
- Liechtenstein
31
+ Turks and Caicos IslandsTurks and Caicos Islands
32
+ Dominican Republic
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
- Extended national moratorium
51
+ Intuitive methodical artificial intelligence
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
- TexasTexas
62
- Connecticut
61
+ PennsylvaniaPennsylvania
62
+ Utah
63
63
 
64
- IranIran
65
- Liechtenstein
64
+ Turks and Caicos IslandsTurks and Caicos Islands
65
+ Dominican Republic
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="Klocko, Kessler and Gulgowski">
236
+ <input class="form-control withClearButton" type="text" tabindex="0" value="Connelly Group">
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">Extended national moratorium</textarea>
256
+ <textarea class="form-control" rows="4">Intuitive methodical artificial intelligence</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="Yoshiko_Quitzon41@gmail.com">
272
+ <input class="form-control withClearButton" type="email" tabindex="0" value="Violet8@hotmail.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="173 Avenue Road">
299
+ <input placeholder="Street address" class="form-control withClearButton" type="text" tabindex="0" value="26933 The Fairway">
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="Buckridgefurt">
306
+ <input placeholder="City" class="form-control withClearButton" type="text" tabindex="0" value="Port Mackenzietown">
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">Texas</span>
315
+ <span class="selected-option-text">Pennsylvania</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">Texas</span>
326
+ <span class="selected-option-dropdown-item">Pennsylvania</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">Connecticut</span>
332
+ <span class="selected-option-dropdown-item">Utah</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="12335">
339
+ <input placeholder="Zip code" class="form-control withClearButton" type="text" tabindex="0" value="39503">
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">Iran</span>
348
+ <span class="selected-option-text">Turks and Caicos Islands</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">Iran</span>
359
+ <span class="selected-option-dropdown-item">Turks and Caicos Islands</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">Liechtenstein</span>
365
+ <span class="selected-option-dropdown-item">Dominican Republic</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:* 2025-12-12T14:21:38.956Z
6
+ *Captured:* 2026-01-07T12:12:35.342Z
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
- 812 units
16
+ 1405 units
17
17
 
18
18
  12%from last month
19
19
 
20
20
  Open orders
21
- 27
21
+ 57
22
22
 
23
23
  5%from last month
24
24
 
25
25
  In transit
26
- 11
26
+ 12
27
27
 
28
28
  -3%from last month
29
29
 
30
30
  Issues
31
- 0
31
+ 4
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
- 812 units
39
+ 1405 units
40
40
 
41
41
  12%from last month
42
42
 
43
43
  Open orders
44
- 27
44
+ 57
45
45
 
46
46
  5%from last month
47
47
 
48
48
  In transit
49
- 11
49
+ 12
50
50
 
51
51
  -3%from last month
52
52
 
53
53
  Issues
54
- 0
54
+ 4
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">812 units</div>
171
+ <div class="text-size-h3 text-color-darkest line-height-125rel">1405 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">27</div>
189
+ <div class="text-size-h3 text-color-darkest line-height-125rel">57</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">11</div>
207
+ <div class="text-size-h3 text-color-darkest line-height-125rel">12</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">0</div>
225
+ <div class="text-size-h3 text-color-darkest line-height-125rel">4</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="wl1gzao3y1t" class="btn btn-muted btn-md btn-icon-only btn-component dropdown-toggle" tabindex="0">
1058
+ <button type="button" id="g75ix527w06" 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="4liak3up6ne" class="btn btn-muted btn-md btn-icon-only btn-component dropdown-toggle" tabindex="0">
1245
+ <button type="button" id="4q8km1c733" 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="05btjk572pir" class="btn btn-muted btn-md btn-icon-only btn-component dropdown-toggle" tabindex="0">
1313
+ <button type="button" id="ugqtunqu23o" 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:* 2025-12-12T14:21:39.534Z
6
+ *Captured:* 2026-01-07T12:12:36.472Z
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:* 2025-12-12T14:21:39.767Z
6
+ *Captured:* 2026-01-07T12:12:36.632Z
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:* 2025-12-12T14:21:35.202Z
6
+ *Captured:* 2026-01-07T12:12:32.156Z
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:* 2025-12-12T14:21:40.077Z
6
+ *Captured:* 2026-01-07T12:12:36.798Z
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:* 2025-12-12T14:21:40.447Z
6
+ *Captured:* 2026-01-07T12:12:37.301Z
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:* 2025-12-12T14:21:40.361Z
6
+ *Captured:* 2026-01-07T12:12:37.224Z
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:* 2025-12-12T14:21:40.216Z
6
+ *Captured:* 2026-01-07T12:12:37.160Z
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:* 2025-12-12T14:21:41.426Z
6
+ *Captured:* 2026-01-07T12:12:38.093Z
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:* 2025-12-12T14:21:43.359Z
6
+ *Captured:* 2026-01-07T12:12:40.145Z
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:* 2025-12-12T14:21:53.261Z
6
+ *Captured:* 2026-01-07T12:12:49.438Z
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:* 2025-12-12T14:21:44.194Z
6
+ *Captured:* 2026-01-07T12:12:40.724Z
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:* 2025-12-12T14:21:48.976Z
6
+ *Captured:* 2026-01-07T12:12:45.545Z
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="7d88496f-5ea6-451e-ba08-ac3daaf8b695">
78
+ <input id="random-uuid" class="form-control" type="text" value="dae809e8-beae-4c0b-aff9-6ca872232eb2">
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:* 2025-12-12T14:21:53.891Z
6
+ *Captured:* 2026-01-07T12:12:50.121Z
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:* 2025-12-12T14:21:49.826Z
6
+ *Captured:* 2026-01-07T12:12:46.272Z
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:* 2025-12-12T14:21:51.424Z
6
+ *Captured:* 2026-01-07T12:12:47.951Z
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": 1765549310694
21
+ "lastRenderTimestamp": 1767787967247
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": 1765549310694
35
+ "lastRenderTimestamp": 1767787967247
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": 1765549310694
110
+ "lastRenderTimestamp": 1767787967247
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:* 2025-12-12T14:21:41.674Z
6
+ *Captured:* 2026-01-07T12:12:38.463Z
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:* 2025-12-12T14:21:41.774Z
6
+ *Captured:* 2026-01-07T12:12:38.546Z
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:* 2025-12-12T14:21:44.608Z
6
+ *Captured:* 2026-01-07T12:12:41.173Z
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:* 2025-12-12T14:21:44.757Z
6
+ *Captured:* 2026-01-07T12:12:41.283Z
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:* 2025-12-12T14:21:51.824Z
6
+ *Captured:* 2026-01-07T12:12:48.128Z
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:* 2025-12-12T14:21:44.774Z
6
+ *Captured:* 2026-01-07T12:12:41.539Z
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:* 2025-12-12T14:21:46.293Z
6
+ *Captured:* 2026-01-07T12:12:42.945Z
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:* 2025-12-12T14:21:45.911Z
6
+ *Captured:* 2026-01-07T12:12:42.594Z
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:* 2025-12-12T14:21:49.672Z
6
+ *Captured:* 2026-01-07T12:12:46.109Z
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:* 2025-12-12T14:21:41.891Z
6
+ *Captured:* 2026-01-07T12:12:38.820Z
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:* 2025-12-12T14:21:46.141Z
6
+ *Captured:* 2026-01-07T12:12:42.814Z
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