@rio-cloud/uikit-mcp 1.1.5 → 1.1.7

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 (200) hide show
  1. package/dist/doc-metadata.json +129 -29
  2. package/dist/docs/components/accentBar.md +2 -2
  3. package/dist/docs/components/activity.md +2 -2
  4. package/dist/docs/components/animatedNumber.md +3 -3
  5. package/dist/docs/components/animatedTextReveal.md +7 -7
  6. package/dist/docs/components/animations.md +33 -33
  7. package/dist/docs/components/appHeader.md +8 -8
  8. package/dist/docs/components/appLayout.md +106 -89
  9. package/dist/docs/components/appNavigationBar.md +2 -2
  10. package/dist/docs/components/areaCharts.md +14 -14
  11. package/dist/docs/components/aspectRatioPlaceholder.md +2 -2
  12. package/dist/docs/components/assetTree.md +209 -404
  13. package/dist/docs/components/autosuggests.md +2 -2
  14. package/dist/docs/components/avatar.md +2 -2
  15. package/dist/docs/components/banner.md +3 -3
  16. package/dist/docs/components/barCharts.md +24 -24
  17. package/dist/docs/components/barList.md +11 -11
  18. package/dist/docs/components/basicMap.md +2 -2
  19. package/dist/docs/components/bottomSheet.md +2 -2
  20. package/dist/docs/components/button.md +400 -32
  21. package/dist/docs/components/buttonToolbar.md +2 -2
  22. package/dist/docs/components/calendarStripe.md +96 -36
  23. package/dist/docs/components/card.md +2 -2
  24. package/dist/docs/components/carousel.md +2 -2
  25. package/dist/docs/components/chartColors.md +2 -2
  26. package/dist/docs/components/chartsGettingStarted.md +2 -2
  27. package/dist/docs/components/chat.md +3 -3
  28. package/dist/docs/components/checkbox.md +17 -20
  29. package/dist/docs/components/circularProgress.md +465 -0
  30. package/dist/docs/components/clearableInput.md +2 -2
  31. package/dist/docs/components/collapse.md +3 -3
  32. package/dist/docs/components/composedCharts.md +20 -20
  33. package/dist/docs/components/contentLoader.md +102 -102
  34. package/dist/docs/components/dataTabs.md +10 -10
  35. package/dist/docs/components/datepickers.md +31 -31
  36. package/dist/docs/components/dialogs.md +2 -2
  37. package/dist/docs/components/divider.md +2 -2
  38. package/dist/docs/components/dropdowns.md +4354 -4387
  39. package/dist/docs/components/editableContent.md +2 -2
  40. package/dist/docs/components/expander.md +2 -2
  41. package/dist/docs/components/fade.md +2 -2
  42. package/dist/docs/components/fadeExpander.md +3 -3
  43. package/dist/docs/components/fadeUp.md +3 -3
  44. package/dist/docs/components/feedback.md +2 -2
  45. package/dist/docs/components/filePickers.md +2 -2
  46. package/dist/docs/components/formLabel.md +5 -4
  47. package/dist/docs/components/groupedItemList.md +2 -2
  48. package/dist/docs/components/iconList.md +4 -4
  49. package/dist/docs/components/imagePreloader.md +2 -2
  50. package/dist/docs/components/labeledElement.md +2 -2
  51. package/dist/docs/components/licensePlate.md +2 -2
  52. package/dist/docs/components/lineCharts.md +11 -11
  53. package/dist/docs/components/listMenu.md +7 -7
  54. package/dist/docs/components/loadMore.md +2 -2
  55. package/dist/docs/components/mainNavigation.md +5 -5
  56. package/dist/docs/components/mapCircle.md +2 -2
  57. package/dist/docs/components/mapCluster.md +2 -2
  58. package/dist/docs/components/mapContext.md +2 -2
  59. package/dist/docs/components/mapDraggableMarker.md +2 -2
  60. package/dist/docs/components/mapGettingStarted.md +2 -2
  61. package/dist/docs/components/mapInfoBubble.md +2 -2
  62. package/dist/docs/components/mapLayerGroup.md +2 -2
  63. package/dist/docs/components/mapMarker.md +2 -2
  64. package/dist/docs/components/mapPolygon.md +2 -2
  65. package/dist/docs/components/mapRoute.md +2 -2
  66. package/dist/docs/components/mapRouteGenerator.md +2 -2
  67. package/dist/docs/components/mapSettings.md +9 -9
  68. package/dist/docs/components/mapUtils.md +2 -2
  69. package/dist/docs/components/multiselects.md +2 -2
  70. package/dist/docs/components/noData.md +2 -2
  71. package/dist/docs/components/notifications.md +2 -2
  72. package/dist/docs/components/numbercontrol.md +5 -4
  73. package/dist/docs/components/onboarding.md +2 -2
  74. package/dist/docs/components/page.md +2 -2
  75. package/dist/docs/components/pager.md +2 -2
  76. package/dist/docs/components/pieCharts.md +89 -78
  77. package/dist/docs/components/popover.md +2 -2
  78. package/dist/docs/components/position.md +2 -2
  79. package/dist/docs/components/radialBarCharts.md +2054 -2012
  80. package/dist/docs/components/radioCardGroup.md +487 -0
  81. package/dist/docs/components/radiobutton.md +2 -2
  82. package/dist/docs/components/releaseNotes.md +2 -2
  83. package/dist/docs/components/resizer.md +2 -2
  84. package/dist/docs/components/responsiveColumnStripe.md +2 -2
  85. package/dist/docs/components/responsiveVideo.md +2 -2
  86. package/dist/docs/components/rioglyph.md +2 -2
  87. package/dist/docs/components/rules.md +2 -2
  88. package/dist/docs/components/saveableInput.md +20 -20
  89. package/dist/docs/components/selects.md +2 -2
  90. package/dist/docs/components/sidebar.md +2 -2
  91. package/dist/docs/components/sliders.md +2 -2
  92. package/dist/docs/components/smoothScrollbars.md +2 -2
  93. package/dist/docs/components/spinners.md +2 -2
  94. package/dist/docs/components/states.md +2 -2
  95. package/dist/docs/components/statsWidgets.md +2 -2
  96. package/dist/docs/components/statusBar.md +2 -2
  97. package/dist/docs/components/stepButton.md +2 -2
  98. package/dist/docs/components/steppedProgressBars.md +2 -2
  99. package/dist/docs/components/subNavigation.md +17 -17
  100. package/dist/docs/components/supportMarker.md +2 -2
  101. package/dist/docs/components/svgImage.md +38 -2
  102. package/dist/docs/components/switch.md +210 -83
  103. package/dist/docs/components/tables.md +2 -2
  104. package/dist/docs/components/tagManager.md +2 -2
  105. package/dist/docs/components/tags.md +2 -2
  106. package/dist/docs/components/teaser.md +2 -2
  107. package/dist/docs/components/textTruncateMiddle.md +151 -0
  108. package/dist/docs/components/timeline.md +2 -2
  109. package/dist/docs/components/timepicker.md +660 -64
  110. package/dist/docs/components/toggleButton.md +37 -9
  111. package/dist/docs/components/tooltip.md +5 -4
  112. package/dist/docs/components/tracker.md +631 -0
  113. package/dist/docs/components/virtualList.md +77 -77
  114. package/dist/docs/foundations.md +594 -222
  115. package/dist/docs/start/changelog.md +54 -2
  116. package/dist/docs/start/goodtoknow.md +2 -2
  117. package/dist/docs/start/guidelines/color-combinations.md +2 -2
  118. package/dist/docs/start/guidelines/custom-css.md +2 -2
  119. package/dist/docs/start/guidelines/custom-rioglyph.md +2 -2
  120. package/dist/docs/start/guidelines/formatting.md +2 -2
  121. package/dist/docs/start/guidelines/iframe.md +3 -3
  122. package/dist/docs/start/guidelines/obfuscate-data.md +2 -2
  123. package/dist/docs/start/guidelines/print-css.md +2 -2
  124. package/dist/docs/start/guidelines/spinner.md +82 -82
  125. package/dist/docs/start/guidelines/state-in-url.md +263 -0
  126. package/dist/docs/start/guidelines/supported-browsers.md +2 -2
  127. package/dist/docs/start/guidelines/writing.md +2 -2
  128. package/dist/docs/start/howto.md +10 -10
  129. package/dist/docs/start/intro.md +2 -2
  130. package/dist/docs/start/responsiveness.md +2 -2
  131. package/dist/docs/templates/common-table.md +15 -14
  132. package/dist/docs/templates/detail-views.md +3 -3
  133. package/dist/docs/templates/expandable-details.md +2 -2
  134. package/dist/docs/templates/feature-cards.md +56 -56
  135. package/dist/docs/templates/form-summary.md +23 -23
  136. package/dist/docs/templates/form-toggle.md +2 -2
  137. package/dist/docs/templates/list-blocks.md +204 -204
  138. package/dist/docs/templates/loading-progress.md +2 -2
  139. package/dist/docs/templates/options-panel.md +2 -2
  140. package/dist/docs/templates/panel-variants.md +2 -2
  141. package/dist/docs/templates/progress-cards.md +2 -2
  142. package/dist/docs/templates/progress-success.md +2 -2
  143. package/dist/docs/templates/settings-form.md +24 -24
  144. package/dist/docs/templates/stats-blocks.md +15 -15
  145. package/dist/docs/templates/table-panel.md +2 -2
  146. package/dist/docs/templates/table-row-animation.md +2 -2
  147. package/dist/docs/templates/usage-cards.md +2 -2
  148. package/dist/docs/utilities/classNames.md +191 -0
  149. package/dist/docs/utilities/deviceUtils.md +2 -2
  150. package/dist/docs/utilities/featureToggles.md +2 -2
  151. package/dist/docs/utilities/fuelTypeUtils.md +2 -2
  152. package/dist/docs/utilities/routeUtils.md +326 -90
  153. package/dist/docs/utilities/useAfterMount.md +2 -2
  154. package/dist/docs/utilities/useAutoAnimate.md +2 -2
  155. package/dist/docs/utilities/useAverage.md +2 -2
  156. package/dist/docs/utilities/useClickOutside.md +2 -2
  157. package/dist/docs/utilities/useClipboard.md +3 -3
  158. package/dist/docs/utilities/useCookies.md +188 -0
  159. package/dist/docs/utilities/useCount.md +2 -2
  160. package/dist/docs/utilities/useDarkMode.md +2 -2
  161. package/dist/docs/utilities/useDebugInfo.md +5 -5
  162. package/dist/docs/utilities/useEffectOnce.md +2 -2
  163. package/dist/docs/utilities/useElapsedTime.md +2 -2
  164. package/dist/docs/utilities/useElementSize.md +2 -2
  165. package/dist/docs/utilities/useEsc.md +2 -2
  166. package/dist/docs/utilities/useEvent.md +2 -2
  167. package/dist/docs/utilities/useFocusTrap.md +2 -2
  168. package/dist/docs/utilities/useFullscreen.md +2 -2
  169. package/dist/docs/utilities/useHover.md +2 -2
  170. package/dist/docs/utilities/useIncomingPostMessages.md +2 -2
  171. package/dist/docs/utilities/useInterval.md +2 -2
  172. package/dist/docs/utilities/useIsFocusWithin.md +2 -2
  173. package/dist/docs/utilities/useKey.md +2 -2
  174. package/dist/docs/utilities/useLocalStorage.md +2 -2
  175. package/dist/docs/utilities/useLocationSuggestions.md +2 -2
  176. package/dist/docs/utilities/useMax.md +2 -2
  177. package/dist/docs/utilities/useMin.md +2 -2
  178. package/dist/docs/utilities/useMutationObserver.md +2 -2
  179. package/dist/docs/utilities/useOnScreen.md +2 -2
  180. package/dist/docs/utilities/useOnlineStatus.md +2 -2
  181. package/dist/docs/utilities/usePostMessage.md +3 -3
  182. package/dist/docs/utilities/usePostMessageSender.md +2 -2
  183. package/dist/docs/utilities/usePrevious.md +2 -2
  184. package/dist/docs/utilities/useResizeObserver.md +2 -2
  185. package/dist/docs/utilities/useRioCookieConsent.md +90 -0
  186. package/dist/docs/utilities/useScrollPosition.md +2 -2
  187. package/dist/docs/utilities/useSearch.md +2 -2
  188. package/dist/docs/utilities/useSearchHighlight.md +815 -0
  189. package/dist/docs/utilities/useSorting.md +2 -2
  190. package/dist/docs/utilities/useStateWithValidation.md +2 -2
  191. package/dist/docs/utilities/useSum.md +2 -2
  192. package/dist/docs/utilities/useTableExport.md +52 -52
  193. package/dist/docs/utilities/useTableSelection.md +90 -90
  194. package/dist/docs/utilities/useTimeout.md +2 -2
  195. package/dist/docs/utilities/useToggle.md +3 -3
  196. package/dist/docs/utilities/useUrlState.md +418 -0
  197. package/dist/docs/utilities/useWindowResize.md +2 -2
  198. package/dist/index.mjs +1 -1
  199. package/dist/version.json +2 -2
  200. package/package.json +9 -9
package/dist/docs/utilities/useTableSelection.md CHANGED
@@ -2,8 +2,8 @@
2
2
 
3
3
  *Category:* Utilities
4
4
  *Section:* Table & data hooks
5
- *Source:* https://uikit.developers.rio.cloud/#utilities/useTableSelection
6
- *Captured:* 2026-02-03T14:06:09.278Z
5
+ *Source:* https://uikit.developers.rio.cloud/#/utilities/useTableSelection
6
+ *Captured:* 2026-02-23T15:50:03.879Z
7
7
 
8
8
  The useTableSelection hook simplifies the implementation of selection behavior in tables for single selection and multi-selection use cases. It’s especially useful for large datasets, as it optimizes performance by preventing unnecessary re-renders of all rows.
9
9
 
@@ -18,11 +18,11 @@ Active row
18
18
 
19
19
  IdFirst nameLast nameE-mail
20
20
 
21
- 1FranciscoRempelKeegan_Bauch@gmail.com
22
- 2JerrellStarkJosh.Nikolaus55@yahoo.com
23
- 3DeclanMannHosea_Gorczany@yahoo.com
24
- 4SusieCroninNeha97@gmail.com
25
- 5SaigeBogisichDavid37@gmail.com
21
+ 1JesseHilpertLexus.Will@yahoo.com
22
+ 2LuellaLittelCasey.Trantow@yahoo.com
23
+ 3BeulahBartellBrady.Nader@gmail.com
24
+ 4DionLubowitzPerry33@gmail.com
25
+ 5TerrellBechtelarShirley32@gmail.com
26
26
 
27
27
  #### Summary
28
28
 
@@ -31,19 +31,19 @@ Active row
31
31
 
32
32
  IdFirst nameLast nameE-mail
33
33
 
34
- 1FranciscoRempelKeegan_Bauch@gmail.com
35
- 2JerrellStarkJosh.Nikolaus55@yahoo.com
36
- 3DeclanMannHosea_Gorczany@yahoo.com
37
- 4SusieCroninNeha97@gmail.com
38
- 5SaigeBogisichDavid37@gmail.com
34
+ 1JesseHilpertLexus.Will@yahoo.com
35
+ 2LuellaLittelCasey.Trantow@yahoo.com
36
+ 3BeulahBartellBrady.Nader@gmail.com
37
+ 4DionLubowitzPerry33@gmail.com
38
+ 5TerrellBechtelarShirley32@gmail.com
39
39
 
40
40
  #### React (tsx)
41
41
 
42
42
  ```tsx
43
43
  import React from 'react';
44
- import classNames from 'classnames';
45
44
  import { faker } from '@faker-js/faker';
46
45
 
46
+ import classNames from '@rio-cloud/rio-uikit/classNames';
47
47
  import TableHead from '@rio-cloud/rio-uikit/TableHead';
48
48
  import TableCol, { type ColumnDetailsMap } from '@rio-cloud/rio-uikit/TableCol';
49
49
  import useTableSelection from '@rio-cloud/rio-uikit/useTableSelection';
@@ -266,13 +266,13 @@ const TableRow = React.memo(
266
266
  <span>1</span>
267
267
  </td>
268
268
  <td data-field="First name">
269
- <span>Francisco</span>
269
+ <span>Jesse</span>
270
270
  </td>
271
271
  <td data-field="Last name">
272
- <span>Rempel</span>
272
+ <span>Hilpert</span>
273
273
  </td>
274
274
  <td data-field="E-mail">
275
- <span>Keegan_Bauch@gmail.com</span>
275
+ <span>Lexus.Will@yahoo.com</span>
276
276
  </td>
277
277
  </tr>
278
278
  <tr data-id="2" class="cursor-pointer">
@@ -280,13 +280,13 @@ const TableRow = React.memo(
280
280
  <span>2</span>
281
281
  </td>
282
282
  <td data-field="First name">
283
- <span>Jerrell</span>
283
+ <span>Luella</span>
284
284
  </td>
285
285
  <td data-field="Last name">
286
- <span>Stark</span>
286
+ <span>Littel</span>
287
287
  </td>
288
288
  <td data-field="E-mail">
289
- <span>Josh.Nikolaus55@yahoo.com</span>
289
+ <span>Casey.Trantow@yahoo.com</span>
290
290
  </td>
291
291
  </tr>
292
292
  <tr data-id="3" class="cursor-pointer">
@@ -294,13 +294,13 @@ const TableRow = React.memo(
294
294
  <span>3</span>
295
295
  </td>
296
296
  <td data-field="First name">
297
- <span>Declan</span>
297
+ <span>Beulah</span>
298
298
  </td>
299
299
  <td data-field="Last name">
300
- <span>Mann</span>
300
+ <span>Bartell</span>
301
301
  </td>
302
302
  <td data-field="E-mail">
303
- <span>Hosea_Gorczany@yahoo.com</span>
303
+ <span>Brady.Nader@gmail.com</span>
304
304
  </td>
305
305
  </tr>
306
306
  <tr data-id="4" class="cursor-pointer">
@@ -308,13 +308,13 @@ const TableRow = React.memo(
308
308
  <span>4</span>
309
309
  </td>
310
310
  <td data-field="First name">
311
- <span>Susie</span>
311
+ <span>Dion</span>
312
312
  </td>
313
313
  <td data-field="Last name">
314
- <span>Cronin</span>
314
+ <span>Lubowitz</span>
315
315
  </td>
316
316
  <td data-field="E-mail">
317
- <span>Neha97@gmail.com</span>
317
+ <span>Perry33@gmail.com</span>
318
318
  </td>
319
319
  </tr>
320
320
  <tr data-id="5" class="cursor-pointer">
@@ -322,13 +322,13 @@ const TableRow = React.memo(
322
322
  <span>5</span>
323
323
  </td>
324
324
  <td data-field="First name">
325
- <span>Saige</span>
325
+ <span>Terrell</span>
326
326
  </td>
327
327
  <td data-field="Last name">
328
- <span>Bogisich</span>
328
+ <span>Bechtelar</span>
329
329
  </td>
330
330
  <td data-field="E-mail">
331
- <span>David37@gmail.com</span>
331
+ <span>Shirley32@gmail.com</span>
332
332
  </td>
333
333
  </tr>
334
334
  </tbody>
@@ -383,25 +383,25 @@ Deselect all ItemsSelect some rows
383
383
 
384
384
  IdFirst nameLast nameE-mail
385
385
 
386
- 1MelyssaBoscoGreta.Lowe18@yahoo.com
386
+ 1JudithHalvorsonChasity_Johnston@yahoo.com
387
387
 
388
- 2LeonErnserBeatrice60@hotmail.com
388
+ 2LouTorphy-CollinsStacey74@gmail.com
389
389
 
390
- 3MariamRempelGerhard80@hotmail.com
390
+ 3DerekOndrickaCarolina83@hotmail.com
391
391
 
392
- 4MercedesYundtCasey_Swaniawski48@gmail.com
392
+ 4AllenSpinkaDawn_Lowe39@hotmail.com
393
393
 
394
- 5MableLangoshMafalda.Wuckert96@yahoo.com
394
+ 5BruceKuvalisKay.Deckow73@yahoo.com
395
395
 
396
- 6DannieHoweJenifer40@yahoo.com
396
+ 6EmilioBaumbachJuanita.Hilpert23@hotmail.com
397
397
 
398
- 7KennediSchusterDestiny_Rogahn18@hotmail.com
398
+ 7DarinJohnsonTwila.Leannon14@yahoo.com
399
399
 
400
- 8WillardKundeNels_Weissnat68@hotmail.com
400
+ 8DallasKoelpinRusty_Thompson-Lehner99@gmail.com
401
401
 
402
- 9AlvisBotsfordGeorge.Raynor16@gmail.com
402
+ 9MauriceSwift-KemmerTim.Hamill65@gmail.com
403
403
 
404
- 10GretaKleinArianna_Boyle75@hotmail.com
404
+ 10GeovanniConroyAugust95@hotmail.com
405
405
 
406
406
  #### Summary
407
407
 
@@ -415,34 +415,34 @@ Deselect all ItemsSelect some rows
415
415
 
416
416
  IdFirst nameLast nameE-mail
417
417
 
418
- 1MelyssaBoscoGreta.Lowe18@yahoo.com
418
+ 1JudithHalvorsonChasity_Johnston@yahoo.com
419
419
 
420
- 2LeonErnserBeatrice60@hotmail.com
420
+ 2LouTorphy-CollinsStacey74@gmail.com
421
421
 
422
- 3MariamRempelGerhard80@hotmail.com
422
+ 3DerekOndrickaCarolina83@hotmail.com
423
423
 
424
- 4MercedesYundtCasey_Swaniawski48@gmail.com
424
+ 4AllenSpinkaDawn_Lowe39@hotmail.com
425
425
 
426
- 5MableLangoshMafalda.Wuckert96@yahoo.com
426
+ 5BruceKuvalisKay.Deckow73@yahoo.com
427
427
 
428
- 6DannieHoweJenifer40@yahoo.com
428
+ 6EmilioBaumbachJuanita.Hilpert23@hotmail.com
429
429
 
430
- 7KennediSchusterDestiny_Rogahn18@hotmail.com
430
+ 7DarinJohnsonTwila.Leannon14@yahoo.com
431
431
 
432
- 8WillardKundeNels_Weissnat68@hotmail.com
432
+ 8DallasKoelpinRusty_Thompson-Lehner99@gmail.com
433
433
 
434
- 9AlvisBotsfordGeorge.Raynor16@gmail.com
434
+ 9MauriceSwift-KemmerTim.Hamill65@gmail.com
435
435
 
436
- 10GretaKleinArianna_Boyle75@hotmail.com
436
+ 10GeovanniConroyAugust95@hotmail.com
437
437
 
438
438
  #### React (tsx)
439
439
 
440
440
  ```tsx
441
441
  import React from 'react';
442
- import classNames from 'classnames';
443
442
  import { faker } from '@faker-js/faker';
444
443
  import { isEmpty } from 'es-toolkit/compat';
445
444
 
445
+ import classNames from '@rio-cloud/rio-uikit/classNames';
446
446
  import TableHead from '@rio-cloud/rio-uikit/TableHead';
447
447
  import TableCol, { type ColumnDetailsMap } from '@rio-cloud/rio-uikit/TableCol';
448
448
  import ButtonDropdown from '@rio-cloud/rio-uikit/ButtonDropdown';
@@ -732,7 +732,7 @@ const TableRow = React.memo(
732
732
  <tr>
733
733
  <th class="user-select-none sort-column table-checkbox" title="">
734
734
  <div class="dropdown btn-group">
735
- <button type="button" id="wlc21e29vva" class="btn btn-default btn-outline btn-sm btn-icon-only btn-component dropdown-toggle" tabindex="0">
735
+ <button type="button" id="igjlg8el5a" class="btn btn-default btn-outline btn-sm btn-icon-only btn-component dropdown-toggle" tabindex="0">
736
736
  <span class="rioglyph rioglyph-checkboxes">
737
737
  </span>
738
738
  </button>
@@ -783,18 +783,18 @@ const TableRow = React.memo(
783
783
  <span>1</span>
784
784
  </td>
785
785
  <td data-field="First name">
786
- <span>Melyssa</span>
786
+ <span>Judith</span>
787
787
  </td>
788
788
  <td data-field="Last name">
789
- <span>Bosco</span>
789
+ <span>Halvorson</span>
790
790
  </td>
791
791
  <td data-field="E-mail">
792
- <span>Greta.Lowe18@yahoo.com</span>
792
+ <span>Chasity_Johnston@yahoo.com</span>
793
793
  </td>
794
794
  <td class="table-action">
795
795
  <span>
796
796
  <div class="dropdown btn-group">
797
- <button type="button" id="41vx5ow4axn" class="btn btn-default btn-link btn-md btn-icon-only btn-component dropdown-toggle" tabindex="0">
797
+ <button type="button" id="kdsh1uc79lf" class="btn btn-default btn-link btn-md btn-icon-only btn-component dropdown-toggle" tabindex="0">
798
798
  <span class="rioglyph rioglyph-option-vertical">
799
799
  </span>
800
800
  </button>
@@ -814,18 +814,18 @@ const TableRow = React.memo(
814
814
  <span>2</span>
815
815
  </td>
816
816
  <td data-field="First name">
817
- <span>Leon</span>
817
+ <span>Lou</span>
818
818
  </td>
819
819
  <td data-field="Last name">
820
- <span>Ernser</span>
820
+ <span>Torphy-Collins</span>
821
821
  </td>
822
822
  <td data-field="E-mail">
823
- <span>Beatrice60@hotmail.com</span>
823
+ <span>Stacey74@gmail.com</span>
824
824
  </td>
825
825
  <td class="table-action">
826
826
  <span>
827
827
  <div class="dropdown btn-group">
828
- <button type="button" id="ctghoikrb1v" class="btn btn-default btn-link btn-md btn-icon-only btn-component dropdown-toggle" tabindex="0">
828
+ <button type="button" id="6unm455mc0d" class="btn btn-default btn-link btn-md btn-icon-only btn-component dropdown-toggle" tabindex="0">
829
829
  <span class="rioglyph rioglyph-option-vertical">
830
830
  </span>
831
831
  </button>
@@ -845,18 +845,18 @@ const TableRow = React.memo(
845
845
  <span>3</span>
846
846
  </td>
847
847
  <td data-field="First name">
848
- <span>Mariam</span>
848
+ <span>Derek</span>
849
849
  </td>
850
850
  <td data-field="Last name">
851
- <span>Rempel</span>
851
+ <span>Ondricka</span>
852
852
  </td>
853
853
  <td data-field="E-mail">
854
- <span>Gerhard80@hotmail.com</span>
854
+ <span>Carolina83@hotmail.com</span>
855
855
  </td>
856
856
  <td class="table-action">
857
857
  <span>
858
858
  <div class="dropdown btn-group">
859
- <button type="button" id="yxedbghpfy" class="btn btn-default btn-link btn-md btn-icon-only btn-component dropdown-toggle" tabindex="0">
859
+ <button type="button" id="5tslk1ie382" class="btn btn-default btn-link btn-md btn-icon-only btn-component dropdown-toggle" tabindex="0">
860
860
  <span class="rioglyph rioglyph-option-vertical">
861
861
  </span>
862
862
  </button>
@@ -876,18 +876,18 @@ const TableRow = React.memo(
876
876
  <span>4</span>
877
877
  </td>
878
878
  <td data-field="First name">
879
- <span>Mercedes</span>
879
+ <span>Allen</span>
880
880
  </td>
881
881
  <td data-field="Last name">
882
- <span>Yundt</span>
882
+ <span>Spinka</span>
883
883
  </td>
884
884
  <td data-field="E-mail">
885
- <span>Casey_Swaniawski48@gmail.com</span>
885
+ <span>Dawn_Lowe39@hotmail.com</span>
886
886
  </td>
887
887
  <td class="table-action">
888
888
  <span>
889
889
  <div class="dropdown btn-group">
890
- <button type="button" id="ncfe21vibrl" class="btn btn-default btn-link btn-md btn-icon-only btn-component dropdown-toggle" tabindex="0">
890
+ <button type="button" id="y4evegh02q" class="btn btn-default btn-link btn-md btn-icon-only btn-component dropdown-toggle" tabindex="0">
891
891
  <span class="rioglyph rioglyph-option-vertical">
892
892
  </span>
893
893
  </button>
@@ -907,18 +907,18 @@ const TableRow = React.memo(
907
907
  <span>5</span>
908
908
  </td>
909
909
  <td data-field="First name">
910
- <span>Mable</span>
910
+ <span>Bruce</span>
911
911
  </td>
912
912
  <td data-field="Last name">
913
- <span>Langosh</span>
913
+ <span>Kuvalis</span>
914
914
  </td>
915
915
  <td data-field="E-mail">
916
- <span>Mafalda.Wuckert96@yahoo.com</span>
916
+ <span>Kay.Deckow73@yahoo.com</span>
917
917
  </td>
918
918
  <td class="table-action">
919
919
  <span>
920
920
  <div class="dropdown btn-group">
921
- <button type="button" id="4ax2c6txwpy" class="btn btn-default btn-link btn-md btn-icon-only btn-component dropdown-toggle" tabindex="0">
921
+ <button type="button" id="pm0grww7ayo" class="btn btn-default btn-link btn-md btn-icon-only btn-component dropdown-toggle" tabindex="0">
922
922
  <span class="rioglyph rioglyph-option-vertical">
923
923
  </span>
924
924
  </button>
@@ -938,18 +938,18 @@ const TableRow = React.memo(
938
938
  <span>6</span>
939
939
  </td>
940
940
  <td data-field="First name">
941
- <span>Dannie</span>
941
+ <span>Emilio</span>
942
942
  </td>
943
943
  <td data-field="Last name">
944
- <span>Howe</span>
944
+ <span>Baumbach</span>
945
945
  </td>
946
946
  <td data-field="E-mail">
947
- <span>Jenifer40@yahoo.com</span>
947
+ <span>Juanita.Hilpert23@hotmail.com</span>
948
948
  </td>
949
949
  <td class="table-action">
950
950
  <span>
951
951
  <div class="dropdown btn-group">
952
- <button type="button" id="4utogo5fnw5" class="btn btn-default btn-link btn-md btn-icon-only btn-component dropdown-toggle" tabindex="0">
952
+ <button type="button" id="lngzx280ce" class="btn btn-default btn-link btn-md btn-icon-only btn-component dropdown-toggle" tabindex="0">
953
953
  <span class="rioglyph rioglyph-option-vertical">
954
954
  </span>
955
955
  </button>
@@ -969,18 +969,18 @@ const TableRow = React.memo(
969
969
  <span>7</span>
970
970
  </td>
971
971
  <td data-field="First name">
972
- <span>Kennedi</span>
972
+ <span>Darin</span>
973
973
  </td>
974
974
  <td data-field="Last name">
975
- <span>Schuster</span>
975
+ <span>Johnson</span>
976
976
  </td>
977
977
  <td data-field="E-mail">
978
- <span>Destiny_Rogahn18@hotmail.com</span>
978
+ <span>Twila.Leannon14@yahoo.com</span>
979
979
  </td>
980
980
  <td class="table-action">
981
981
  <span>
982
982
  <div class="dropdown btn-group">
983
- <button type="button" id="noh7lu7r47p" class="btn btn-default btn-link btn-md btn-icon-only btn-component dropdown-toggle" tabindex="0">
983
+ <button type="button" id="vc4gszynq9" class="btn btn-default btn-link btn-md btn-icon-only btn-component dropdown-toggle" tabindex="0">
984
984
  <span class="rioglyph rioglyph-option-vertical">
985
985
  </span>
986
986
  </button>
@@ -1000,18 +1000,18 @@ const TableRow = React.memo(
1000
1000
  <span>8</span>
1001
1001
  </td>
1002
1002
  <td data-field="First name">
1003
- <span>Willard</span>
1003
+ <span>Dallas</span>
1004
1004
  </td>
1005
1005
  <td data-field="Last name">
1006
- <span>Kunde</span>
1006
+ <span>Koelpin</span>
1007
1007
  </td>
1008
1008
  <td data-field="E-mail">
1009
- <span>Nels_Weissnat68@hotmail.com</span>
1009
+ <span>Rusty_Thompson-Lehner99@gmail.com</span>
1010
1010
  </td>
1011
1011
  <td class="table-action">
1012
1012
  <span>
1013
1013
  <div class="dropdown btn-group">
1014
- <button type="button" id="f6d30ltgxt8" class="btn btn-default btn-link btn-md btn-icon-only btn-component dropdown-toggle" tabindex="0">
1014
+ <button type="button" id="cg3flyc5ol" class="btn btn-default btn-link btn-md btn-icon-only btn-component dropdown-toggle" tabindex="0">
1015
1015
  <span class="rioglyph rioglyph-option-vertical">
1016
1016
  </span>
1017
1017
  </button>
@@ -1031,18 +1031,18 @@ const TableRow = React.memo(
1031
1031
  <span>9</span>
1032
1032
  </td>
1033
1033
  <td data-field="First name">
1034
- <span>Alvis</span>
1034
+ <span>Maurice</span>
1035
1035
  </td>
1036
1036
  <td data-field="Last name">
1037
- <span>Botsford</span>
1037
+ <span>Swift-Kemmer</span>
1038
1038
  </td>
1039
1039
  <td data-field="E-mail">
1040
- <span>George.Raynor16@gmail.com</span>
1040
+ <span>Tim.Hamill65@gmail.com</span>
1041
1041
  </td>
1042
1042
  <td class="table-action">
1043
1043
  <span>
1044
1044
  <div class="dropdown btn-group">
1045
- <button type="button" id="gac8b1dxtfs" class="btn btn-default btn-link btn-md btn-icon-only btn-component dropdown-toggle" tabindex="0">
1045
+ <button type="button" id="s3hjzvovv8" class="btn btn-default btn-link btn-md btn-icon-only btn-component dropdown-toggle" tabindex="0">
1046
1046
  <span class="rioglyph rioglyph-option-vertical">
1047
1047
  </span>
1048
1048
  </button>
@@ -1062,18 +1062,18 @@ const TableRow = React.memo(
1062
1062
  <span>10</span>
1063
1063
  </td>
1064
1064
  <td data-field="First name">
1065
- <span>Greta</span>
1065
+ <span>Geovanni</span>
1066
1066
  </td>
1067
1067
  <td data-field="Last name">
1068
- <span>Klein</span>
1068
+ <span>Conroy</span>
1069
1069
  </td>
1070
1070
  <td data-field="E-mail">
1071
- <span>Arianna_Boyle75@hotmail.com</span>
1071
+ <span>August95@hotmail.com</span>
1072
1072
  </td>
1073
1073
  <td class="table-action">
1074
1074
  <span>
1075
1075
  <div class="dropdown btn-group">
1076
- <button type="button" id="zy1jxly2sz" class="btn btn-default btn-link btn-md btn-icon-only btn-component dropdown-toggle" tabindex="0">
1076
+ <button type="button" id="ne1vhelh6de" class="btn btn-default btn-link btn-md btn-icon-only btn-component dropdown-toggle" tabindex="0">
1077
1077
  <span class="rioglyph rioglyph-option-vertical">
1078
1078
  </span>
1079
1079
  </button>
package/dist/docs/utilities/useTimeout.md CHANGED
@@ -2,8 +2,8 @@
2
2
 
3
3
  *Category:* Utilities
4
4
  *Section:* Lifecycle & execution hooks
5
- *Source:* https://uikit.developers.rio.cloud/#utilities/useTimeout
6
- *Captured:* 2026-02-03T14:05:53.861Z
5
+ *Source:* https://uikit.developers.rio.cloud/#/utilities/useTimeout
6
+ *Captured:* 2026-02-23T15:49:45.932Z
7
7
 
8
8
  The useTimeout hook allows for executing some code after a specified amount of time.
9
9
 
package/dist/docs/utilities/useToggle.md CHANGED
@@ -2,8 +2,8 @@
2
2
 
3
3
  *Category:* Utilities
4
4
  *Section:* Lifecycle & execution hooks
5
- *Source:* https://uikit.developers.rio.cloud/#utilities/useToggle
6
- *Captured:* 2026-02-03T14:05:53.870Z
5
+ *Source:* https://uikit.developers.rio.cloud/#/utilities/useToggle
6
+ *Captured:* 2026-02-23T15:49:46.143Z
7
7
 
8
8
  The useToggle hook is a custom React hook for managing a boolean state. It provides an intuitive API to toggle, enable, or disable the value. You can optionally initialize it with a default state. Use it to handle toggle-based logic like switches, modals, or content visibility in your React components.
9
9
 
@@ -87,7 +87,7 @@ export default () => {
87
87
  <hr>
88
88
  <label>Usage on a Switch component</label>
89
89
  <div class="uikit-switch">
90
- <label class="switch-label">
90
+ <label class="switch-label uikit-switch">
91
91
  <input type="checkbox" class="switch-input" checked="">
92
92
  <div class="switch-content" style="color: var(--brand-primary); min-width: 40px;">
93
93
  <div class="switch-handle">