@rio-cloud/uikit-mcp 1.1.8 → 1.1.10

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 (210) hide show
  1. package/README.md +17 -7
  2. package/dist/doc-metadata.json +325 -85
  3. package/dist/docs/components/accentBar.md +110 -116
  4. package/dist/docs/components/activity.md +1 -1
  5. package/dist/docs/components/analyticsAnalysisOverlay.md +628 -0
  6. package/dist/docs/components/animatedNumber.md +2 -2
  7. package/dist/docs/components/animatedTextReveal.md +53 -55
  8. package/dist/docs/components/animations.md +22 -22
  9. package/dist/docs/components/appHeader.md +27 -38
  10. package/dist/docs/components/appLayout.md +38 -42
  11. package/dist/docs/components/appNavigationBar.md +1 -1
  12. package/dist/docs/components/areaCharts.md +57 -63
  13. package/dist/docs/components/aspectRatioPlaceholder.md +1 -1
  14. package/dist/docs/components/assetTree.md +200 -167
  15. package/dist/docs/components/autosuggests.md +1 -1
  16. package/dist/docs/components/avatar.md +1 -1
  17. package/dist/docs/components/banner.md +2 -2
  18. package/dist/docs/components/barCharts.md +531 -417
  19. package/dist/docs/components/barList.md +9 -9
  20. package/dist/docs/components/basicMap.md +60 -39
  21. package/dist/docs/components/bottomSheet.md +2 -2
  22. package/dist/docs/components/button.md +8 -2
  23. package/dist/docs/components/buttonToolbar.md +1 -1
  24. package/dist/docs/components/calendarStripe.md +57 -65
  25. package/dist/docs/components/card.md +1 -1
  26. package/dist/docs/components/carousel.md +1 -1
  27. package/dist/docs/components/chartColors.md +1 -3
  28. package/dist/docs/components/chartsGettingStarted.md +1 -3
  29. package/dist/docs/components/chat.md +2 -2
  30. package/dist/docs/components/checkbox.md +15 -12
  31. package/dist/docs/components/circularProgress.md +8 -8
  32. package/dist/docs/components/clearableInput.md +1 -1
  33. package/dist/docs/components/collapse.md +2 -4
  34. package/dist/docs/components/composedCharts.md +63 -53
  35. package/dist/docs/components/contentLoader.md +1 -1
  36. package/dist/docs/components/dataTabs.md +33 -33
  37. package/dist/docs/components/datepickers.md +693 -687
  38. package/dist/docs/components/dayPicker.md +5574 -0
  39. package/dist/docs/components/dayPickerCalendar.md +5269 -0
  40. package/dist/docs/components/dialogs.md +17 -19
  41. package/dist/docs/components/divider.md +1 -1
  42. package/dist/docs/components/dropdowns.md +3252 -3276
  43. package/dist/docs/components/editableContent.md +91 -91
  44. package/dist/docs/components/expander.md +4 -1
  45. package/dist/docs/components/fade.md +1 -1
  46. package/dist/docs/components/fadeExpander.md +1 -1
  47. package/dist/docs/components/fadeUp.md +32 -36
  48. package/dist/docs/components/feedback.md +1 -1
  49. package/dist/docs/components/filePickers.md +1 -1
  50. package/dist/docs/components/formLabel.md +29 -31
  51. package/dist/docs/components/groupedItemList.md +3 -7
  52. package/dist/docs/components/htmlTable.md +5074 -0
  53. package/dist/docs/components/iconList.md +4 -4
  54. package/dist/docs/components/imagePreloader.md +1 -1
  55. package/dist/docs/components/labeledElement.md +1 -1
  56. package/dist/docs/components/licensePlate.md +1 -1
  57. package/dist/docs/components/lineCharts.md +172 -172
  58. package/dist/docs/components/listMenu.md +15 -12
  59. package/dist/docs/components/loadMore.md +4 -2
  60. package/dist/docs/components/mainNavigation.md +1 -1
  61. package/dist/docs/components/mapCircle.md +10 -1
  62. package/dist/docs/components/mapCluster.md +23 -1
  63. package/dist/docs/components/mapContext.md +12 -4
  64. package/dist/docs/components/mapDraggableMarker.md +12 -1
  65. package/dist/docs/components/mapGettingStarted.md +1 -1
  66. package/dist/docs/components/mapInfoBubble.md +129 -2
  67. package/dist/docs/components/mapLayerGroup.md +10 -1
  68. package/dist/docs/components/mapMarker.md +10 -3
  69. package/dist/docs/components/mapPolygon.md +288 -85
  70. package/dist/docs/components/mapRoute.md +262 -172
  71. package/dist/docs/components/mapRouteGenerator.md +1 -1
  72. package/dist/docs/components/mapSettings.md +23 -1
  73. package/dist/docs/components/mapUtils.md +1 -1
  74. package/dist/docs/components/multiselects.md +211 -18
  75. package/dist/docs/components/noData.md +1 -1
  76. package/dist/docs/components/notifications.md +2 -2
  77. package/dist/docs/components/numbercontrol.md +15 -15
  78. package/dist/docs/components/onboarding.md +1 -1
  79. package/dist/docs/components/page.md +1 -1
  80. package/dist/docs/components/pager.md +1 -1
  81. package/dist/docs/components/pieCharts.md +237 -213
  82. package/dist/docs/components/popover.md +1 -1
  83. package/dist/docs/components/position.md +1 -1
  84. package/dist/docs/components/radialBarCharts.md +446 -400
  85. package/dist/docs/components/radioCardGroup.md +1 -1
  86. package/dist/docs/components/radiobutton.md +96 -98
  87. package/dist/docs/components/releaseNotes.md +1 -1
  88. package/dist/docs/components/resizer.md +1 -3
  89. package/dist/docs/components/responsiveColumnStripe.md +1 -3
  90. package/dist/docs/components/responsiveVideo.md +1 -1
  91. package/dist/docs/components/rioglyph.md +1 -1
  92. package/dist/docs/components/rules.md +41 -47
  93. package/dist/docs/components/saveableInput.md +252 -252
  94. package/dist/docs/components/selects.md +165 -111
  95. package/dist/docs/components/sidebar.md +1 -1
  96. package/dist/docs/components/sliders.md +1 -1
  97. package/dist/docs/components/smoothScrollbars.md +19 -15
  98. package/dist/docs/components/spinners.md +1 -1
  99. package/dist/docs/components/states.md +1 -1
  100. package/dist/docs/components/statsWidgets.md +1 -1
  101. package/dist/docs/components/statusBar.md +1 -1
  102. package/dist/docs/components/stepButton.md +1 -1
  103. package/dist/docs/components/steppedProgressBars.md +9 -11
  104. package/dist/docs/components/subNavigation.md +1 -1
  105. package/dist/docs/components/supportMarker.md +1 -1
  106. package/dist/docs/components/svgImage.md +1 -1
  107. package/dist/docs/components/switch.md +3 -1
  108. package/dist/docs/components/table.md +19584 -0
  109. package/dist/docs/components/tableControls.md +982 -0
  110. package/dist/docs/components/tagManager.md +1 -1
  111. package/dist/docs/components/tags.md +1 -1
  112. package/dist/docs/components/teaser.md +1 -3
  113. package/dist/docs/components/textTruncateMiddle.md +1 -1
  114. package/dist/docs/components/timeline.md +1 -1
  115. package/dist/docs/components/timepicker.md +1 -1
  116. package/dist/docs/components/toggleButton.md +3 -1
  117. package/dist/docs/components/tooltip.md +4 -2
  118. package/dist/docs/components/tracker.md +1 -1
  119. package/dist/docs/components/virtualList.md +56 -56
  120. package/dist/docs/foundations.md +640 -3122
  121. package/dist/docs/start/changelog.md +53 -3
  122. package/dist/docs/start/goodtoknow.md +2 -4
  123. package/dist/docs/start/guidelines/color-combinations.md +1 -1
  124. package/dist/docs/start/guidelines/custom-css.md +1 -1
  125. package/dist/docs/start/guidelines/custom-rioglyph.md +1 -1
  126. package/dist/docs/start/guidelines/formatting.md +1 -3
  127. package/dist/docs/start/guidelines/iframe.md +17 -19
  128. package/dist/docs/start/guidelines/obfuscate-data.md +2 -4
  129. package/dist/docs/start/guidelines/print-css.md +1 -1
  130. package/dist/docs/start/guidelines/spinner.md +1 -1
  131. package/dist/docs/start/guidelines/state-in-url.md +1 -1
  132. package/dist/docs/start/guidelines/supported-browsers.md +1 -1
  133. package/dist/docs/start/guidelines/writing.md +1 -1
  134. package/dist/docs/start/howto.md +12 -20
  135. package/dist/docs/start/intro.md +1 -1
  136. package/dist/docs/start/responsiveness.md +1 -3
  137. package/dist/docs/templates/ai-assistant.md +311 -0
  138. package/dist/docs/templates/common-table.md +814 -0
  139. package/dist/docs/templates/detail-views.md +846 -0
  140. package/dist/docs/templates/expandable-details.md +214 -0
  141. package/dist/docs/templates/feature-cards.md +479 -0
  142. package/dist/docs/templates/form-summary.md +179 -0
  143. package/dist/docs/templates/form-toggle.md +329 -0
  144. package/dist/docs/templates/list-blocks.md +872 -0
  145. package/dist/docs/templates/loading-progress.md +100 -0
  146. package/dist/docs/templates/options-panel.md +132 -0
  147. package/dist/docs/templates/panel-variants.md +137 -0
  148. package/dist/docs/templates/progress-cards.md +541 -0
  149. package/dist/docs/templates/progress-success.md +125 -0
  150. package/dist/docs/templates/settings-form.md +401 -0
  151. package/dist/docs/templates/stats-blocks.md +1245 -0
  152. package/dist/docs/templates/table-panel.md +310 -0
  153. package/dist/docs/templates/usage-cards.md +199 -0
  154. package/dist/docs/utilities/classNames.md +1 -1
  155. package/dist/docs/utilities/deviceUtils.md +2 -2
  156. package/dist/docs/utilities/featureToggles.md +1 -1
  157. package/dist/docs/utilities/fuelTypeUtils.md +27 -29
  158. package/dist/docs/utilities/getTrackingAttributes.md +277 -0
  159. package/dist/docs/utilities/routeUtils.md +2 -2
  160. package/dist/docs/utilities/useAfterMount.md +1 -1
  161. package/dist/docs/utilities/useAutoAnimate.md +1 -1
  162. package/dist/docs/utilities/useAverage.md +1 -1
  163. package/dist/docs/utilities/useClickOutside.md +1 -1
  164. package/dist/docs/utilities/useClipboard.md +2 -2
  165. package/dist/docs/utilities/useCookies.md +1 -1
  166. package/dist/docs/utilities/useCount.md +1 -1
  167. package/dist/docs/utilities/useDarkMode.md +5 -4
  168. package/dist/docs/utilities/useDebugInfo.md +3 -3
  169. package/dist/docs/utilities/useDraggableElement.md +281 -0
  170. package/dist/docs/utilities/useEffectOnce.md +1 -1
  171. package/dist/docs/utilities/useElapsedTime.md +1 -1
  172. package/dist/docs/utilities/useElementSize.md +1 -1
  173. package/dist/docs/utilities/useEsc.md +1 -1
  174. package/dist/docs/utilities/useEvent.md +1 -1
  175. package/dist/docs/utilities/useFocusTrap.md +1 -1
  176. package/dist/docs/utilities/useFullscreen.md +1 -1
  177. package/dist/docs/utilities/useHover.md +1 -1
  178. package/dist/docs/utilities/useIncomingPostMessages.md +1 -1
  179. package/dist/docs/utilities/useInterval.md +1 -1
  180. package/dist/docs/utilities/useIsFocusWithin.md +1 -1
  181. package/dist/docs/utilities/useKey.md +8 -10
  182. package/dist/docs/utilities/useLocalStorage.md +1 -1
  183. package/dist/docs/utilities/useLocationSuggestions.md +1 -1
  184. package/dist/docs/utilities/useMax.md +1 -1
  185. package/dist/docs/utilities/useMin.md +1 -1
  186. package/dist/docs/utilities/useMutationObserver.md +1 -1
  187. package/dist/docs/utilities/useOnScreen.md +1 -1
  188. package/dist/docs/utilities/useOnlineStatus.md +1 -1
  189. package/dist/docs/utilities/usePostMessage.md +2 -2
  190. package/dist/docs/utilities/usePostMessageSender.md +1 -1
  191. package/dist/docs/utilities/usePrevious.md +2 -4
  192. package/dist/docs/utilities/useResizeObserver.md +35 -15
  193. package/dist/docs/utilities/useRioCookieConsent.md +1 -1
  194. package/dist/docs/utilities/useScrollPosition.md +3 -6
  195. package/dist/docs/utilities/useSearch.md +1 -3
  196. package/dist/docs/utilities/useSearchHighlight.md +1 -1
  197. package/dist/docs/utilities/useSorting.md +370 -239
  198. package/dist/docs/utilities/useStateWithValidation.md +1 -1
  199. package/dist/docs/utilities/useSum.md +1 -1
  200. package/dist/docs/utilities/useTableExport.md +364 -288
  201. package/dist/docs/utilities/useTableSelection.md +88 -92
  202. package/dist/docs/utilities/useTimeout.md +1 -1
  203. package/dist/docs/utilities/useToggle.md +1 -1
  204. package/dist/docs/utilities/useUrlState.md +1 -1
  205. package/dist/docs/utilities/useWindowResize.md +1 -1
  206. package/dist/index.mjs +2 -8
  207. package/dist/search-synonyms.json +2 -2
  208. package/dist/version.json +2 -2
  209. package/package.json +15 -9
  210. package/dist/docs/components/tables.md +0 -8
package/dist/docs/components/mapUtils.md CHANGED
@@ -3,7 +3,7 @@
3
3
  *Category:* Components
4
4
  *Section:* Map
5
5
  *Source:* https://uikit.developers.rio.cloud/#/components/mapUtils
6
- *Captured:* 2026-03-06T10:41:21.359Z
6
+ *Captured:* 2026-04-20T12:55:26.933Z
7
7
 
8
8
  ## Map utils
9
9
 
package/dist/docs/components/multiselects.md CHANGED
@@ -3,7 +3,7 @@
3
3
  *Category:* Components
4
4
  *Section:* Selection
5
5
  *Source:* https://uikit.developers.rio.cloud/#/components/multiselects
6
- *Captured:* 2026-03-06T10:40:28.134Z
6
+ *Captured:* 2026-04-20T12:54:02.436Z
7
7
 
8
8
  The Multiselect component is a form control and is intended to be used within forms. It's designed to be used instead of native HTML Select which cannot be styled and are rendered by each browser differently.
9
9
 
@@ -27,6 +27,14 @@ Option 5
27
27
  Option 6
28
28
  Group Header
29
29
  Option 8
30
+ Option 9 with clear button Option 1 Option 4 Option 1
31
+ Option 2
32
+ Option 3
33
+ Option 4
34
+ Option 5
35
+ Option 6
36
+ Group Header
37
+ Option 8
30
38
  Option 9 Disabled Option 1 Option 4 Option 1
31
39
  Option 2
32
40
  Option 3
@@ -90,6 +98,16 @@ export default () => (
90
98
  onChange={response => Notification.info(JSON.stringify(response))}
91
99
  />
92
100
  <br />
101
+ <label htmlFor='m1-clear'>with clear button</label>
102
+ <Multiselect
103
+ id='m1-clear'
104
+ placeholder='Please select'
105
+ options={options}
106
+ useFilter
107
+ useClear
108
+ onChange={response => Notification.info(response.length ? JSON.stringify(response) : 'cleared')}
109
+ />
110
+ <br />
93
111
  <label>Disabled</label>
94
112
  <Multiselect
95
113
  options={options}
@@ -128,7 +146,7 @@ export default () => (
128
146
  ```html
129
147
  <div class="form-group max-width-400">
130
148
  <label for="m1">Default Multiselect</label>
131
- <div class="select multiselect dropdown dropup">
149
+ <div class="select multiselect dropdown">
132
150
  <button type="button" id="m1" class="dropdown-toggle form-control text-left" data-toggle="dropdown" tabindex="0" aria-haspopup="true" aria-expanded="false">
133
151
  <span class="selected-option-list padding-left-1">
134
152
  <span class="selected-option">
@@ -146,7 +164,98 @@ export default () => (
146
164
  </span>
147
165
  </span>
148
166
  </span>
149
- <span class="caret">
167
+ <span class="select-toggle-actions">
168
+ <span class="clearButton hide pointer-events-none">
169
+ <span class="clearButtonIcon rioglyph rioglyph-remove-sign">
170
+ </span>
171
+ </span>
172
+ <span class="caret">
173
+ </span>
174
+ </span>
175
+ </button>
176
+ <ul class="dropdown-menu" role="menu">
177
+ <li class="active" role="listitem">
178
+ <a role="menuitem" class="display-flex align-items-center gap-3" data-item-id="1" data-item-index="0">
179
+ <span class="selected-option-dropdown-item">Option 1</span>
180
+ <input type="hidden" value="1">
181
+ </a>
182
+ </li>
183
+ <li class="" role="listitem">
184
+ <a role="menuitem" class="display-flex align-items-center gap-3" data-item-id="2" data-item-index="1">
185
+ <span class="selected-option-dropdown-item">Option 2</span>
186
+ <input type="hidden" value="2">
187
+ </a>
188
+ </li>
189
+ <li class="" role="listitem">
190
+ <a role="menuitem" class="display-flex align-items-center gap-3" data-item-id="3" data-item-index="2">
191
+ <span class="selected-option-dropdown-item">Option 3</span>
192
+ <input type="hidden" value="3">
193
+ </a>
194
+ </li>
195
+ <li class="active" role="listitem">
196
+ <a role="menuitem" class="display-flex align-items-center gap-3" data-item-id="4" data-item-index="3">
197
+ <span class="selected-option-dropdown-item">Option 4</span>
198
+ <input type="hidden" value="4">
199
+ </a>
200
+ </li>
201
+ <li class="" role="listitem">
202
+ <a role="menuitem" class="display-flex align-items-center gap-3" data-item-id="5" data-item-index="4">
203
+ <span class="selected-option-dropdown-item">Option 5</span>
204
+ <input type="hidden" value="5">
205
+ </a>
206
+ </li>
207
+ <li class="disabled" role="listitem">
208
+ <a role="menuitem" class="pointer-events-none display-flex align-items-center gap-3" data-item-id="6" data-item-index="5">
209
+ <span class="selected-option-dropdown-item">Option 6</span>
210
+ <input type="hidden" value="6">
211
+ </a>
212
+ </li>
213
+ <li class="dropdown-header center ">
214
+ <span class="dropdown-header-text">Group Header</span>
215
+ </li>
216
+ <li class="" role="listitem">
217
+ <a role="menuitem" class="display-flex align-items-center gap-3" data-item-id="8" data-item-index="7">
218
+ <span class="selected-option-dropdown-item">Option 8</span>
219
+ <input type="hidden" value="8">
220
+ </a>
221
+ </li>
222
+ <li class="" role="listitem">
223
+ <a role="menuitem" class="display-flex align-items-center gap-3" data-item-id="9" data-item-index="8">
224
+ <span class="selected-option-dropdown-item">
225
+ <i>Option 9</i>
226
+ </span>
227
+ <input type="hidden" value="9">
228
+ </a>
229
+ </li>
230
+ </ul>
231
+ </div>
232
+ <br>
233
+ <label for="m1-clear">with clear button</label>
234
+ <div class="select multiselect dropdown">
235
+ <button type="button" id="m1-clear" class="dropdown-toggle form-control text-left" data-toggle="dropdown" tabindex="0" aria-haspopup="true" aria-expanded="false">
236
+ <span class="selected-option-list padding-left-1">
237
+ <span class="selected-option">
238
+ <span class="selected-label">Option 1</span>
239
+ <span class="removeIcon">
240
+ <span class="rioglyph rioglyph-remove">
241
+ </span>
242
+ </span>
243
+ </span>
244
+ <span class="selected-option">
245
+ <span class="selected-label">Option 4</span>
246
+ <span class="removeIcon">
247
+ <span class="rioglyph rioglyph-remove">
248
+ </span>
249
+ </span>
250
+ </span>
251
+ </span>
252
+ <span class="select-toggle-actions">
253
+ <span class="clearButton">
254
+ <span class="clearButtonIcon rioglyph rioglyph-remove-sign">
255
+ </span>
256
+ </span>
257
+ <span class="caret">
258
+ </span>
150
259
  </span>
151
260
  </button>
152
261
  <ul class="dropdown-menu" role="menu">
@@ -207,7 +316,7 @@ export default () => (
207
316
  </div>
208
317
  <br>
209
318
  <label>Disabled</label>
210
- <div class="select multiselect dropdown dropup">
319
+ <div class="select multiselect dropdown">
211
320
  <button type="button" class="dropdown-toggle form-control text-left disabled" data-toggle="dropdown" tabindex="0" aria-haspopup="true" aria-expanded="false">
212
321
  <span class="selected-option-list padding-left-1">
213
322
  <span class="selected-option">
@@ -225,7 +334,13 @@ export default () => (
225
334
  </span>
226
335
  </span>
227
336
  </span>
228
- <span class="caret">
337
+ <span class="select-toggle-actions">
338
+ <span class="clearButton hide pointer-events-none">
339
+ <span class="clearButtonIcon rioglyph rioglyph-remove-sign">
340
+ </span>
341
+ </span>
342
+ <span class="caret">
343
+ </span>
229
344
  </span>
230
345
  </button>
231
346
  <ul class="dropdown-menu" role="menu">
@@ -305,7 +420,13 @@ export default () => (
305
420
  </span>
306
421
  </span>
307
422
  </span>
308
- <span class="caret">
423
+ <span class="select-toggle-actions">
424
+ <span class="clearButton hide pointer-events-none">
425
+ <span class="clearButtonIcon rioglyph rioglyph-remove-sign">
426
+ </span>
427
+ </span>
428
+ <span class="caret">
429
+ </span>
309
430
  </span>
310
431
  </button>
311
432
  <ul class="dropdown-menu" role="menu">
@@ -398,7 +519,13 @@ export default () => (
398
519
  </span>
399
520
  </span>
400
521
  </span>
401
- <span class="caret">
522
+ <span class="select-toggle-actions">
523
+ <span class="clearButton hide pointer-events-none">
524
+ <span class="clearButtonIcon rioglyph rioglyph-remove-sign">
525
+ </span>
526
+ </span>
527
+ <span class="caret">
528
+ </span>
402
529
  </span>
403
530
  </button>
404
531
  <span class="form-control-feedback rioglyph rioglyph-error-sign">
@@ -588,7 +715,13 @@ export default () => (
588
715
  <div class="form-control-feedback-wrapper">
589
716
  <button type="button" id="withLabel" class="dropdown-toggle form-control text-left" data-toggle="dropdown" tabindex="0" aria-haspopup="true" aria-expanded="false">
590
717
  <span class="placeholder">Please select vehicles</span>
591
- <span class="caret">
718
+ <span class="select-toggle-actions">
719
+ <span class="clearButton hide pointer-events-none">
720
+ <span class="clearButtonIcon rioglyph rioglyph-remove-sign">
721
+ </span>
722
+ </span>
723
+ <span class="caret">
724
+ </span>
592
725
  </span>
593
726
  </button>
594
727
  </div>
@@ -792,7 +925,13 @@ export default () => (
792
925
  </span>
793
926
  <input type="text" role="searchbox" class="multiselect-filter-input" value="">
794
927
  </span>
795
- <span class="caret">
928
+ <span class="select-toggle-actions">
929
+ <span class="clearButton hide pointer-events-none">
930
+ <span class="clearButtonIcon rioglyph rioglyph-remove-sign">
931
+ </span>
932
+ </span>
933
+ <span class="caret">
934
+ </span>
796
935
  </span>
797
936
  </button>
798
937
  </div>
@@ -956,7 +1095,13 @@ export default () => (
956
1095
  <div class="select multiselect dropdown dropup">
957
1096
  <button type="button" id="withCounter" class="dropdown-toggle form-control text-left" data-toggle="dropdown" tabindex="0" aria-haspopup="true" aria-expanded="false">
958
1097
  <span class="placeholder">Please select</span>
959
- <span class="caret">
1098
+ <span class="select-toggle-actions">
1099
+ <span class="clearButton hide pointer-events-none">
1100
+ <span class="clearButtonIcon rioglyph rioglyph-remove-sign">
1101
+ </span>
1102
+ </span>
1103
+ <span class="caret">
1104
+ </span>
960
1105
  </span>
961
1106
  </button>
962
1107
  <ul class="dropdown-menu" role="menu">
@@ -985,7 +1130,13 @@ export default () => (
985
1130
  <div class="select multiselect dropdown dropup">
986
1131
  <button type="button" id="withMessage" class="dropdown-toggle form-control text-left" data-toggle="dropdown" tabindex="0" aria-haspopup="true" aria-expanded="false">
987
1132
  <span class="placeholder">Please select</span>
988
- <span class="caret">
1133
+ <span class="select-toggle-actions">
1134
+ <span class="clearButton hide pointer-events-none">
1135
+ <span class="clearButtonIcon rioglyph rioglyph-remove-sign">
1136
+ </span>
1137
+ </span>
1138
+ <span class="caret">
1139
+ </span>
989
1140
  </span>
990
1141
  </button>
991
1142
  <ul class="dropdown-menu" role="menu">
@@ -1171,7 +1322,13 @@ export default () => (
1171
1322
  <div class="select multiselect dropdown dropup">
1172
1323
  <button type="button" class="dropdown-toggle form-control text-left input-lg" data-toggle="dropdown" tabindex="0" aria-haspopup="true" aria-expanded="false">
1173
1324
  <span class="placeholder">Please select vehicles</span>
1174
- <span class="caret">
1325
+ <span class="select-toggle-actions">
1326
+ <span class="clearButton hide pointer-events-none">
1327
+ <span class="clearButtonIcon rioglyph rioglyph-remove-sign">
1328
+ </span>
1329
+ </span>
1330
+ <span class="caret">
1331
+ </span>
1175
1332
  </span>
1176
1333
  </button>
1177
1334
  <ul class="dropdown-menu" role="menu">
@@ -1242,7 +1399,13 @@ export default () => (
1242
1399
  <div class="select multiselect dropdown dropup">
1243
1400
  <button type="button" class="dropdown-toggle form-control text-left" data-toggle="dropdown" tabindex="0" aria-haspopup="true" aria-expanded="false">
1244
1401
  <span class="placeholder">Please select vehicles</span>
1245
- <span class="caret">
1402
+ <span class="select-toggle-actions">
1403
+ <span class="clearButton hide pointer-events-none">
1404
+ <span class="clearButtonIcon rioglyph rioglyph-remove-sign">
1405
+ </span>
1406
+ </span>
1407
+ <span class="caret">
1408
+ </span>
1246
1409
  </span>
1247
1410
  </button>
1248
1411
  <ul class="dropdown-menu" role="menu">
@@ -1314,7 +1477,13 @@ export default () => (
1314
1477
  <button type="button" class="dropdown-toggle form-control text-left input-sm" data-toggle="dropdown" tabindex="0" aria-haspopup="true" aria-expanded="false">
1315
1478
  <span>
1316
1479
  </span>
1317
- <span class="caret">
1480
+ <span class="select-toggle-actions">
1481
+ <span class="clearButton hide pointer-events-none">
1482
+ <span class="clearButtonIcon rioglyph rioglyph-remove-sign">
1483
+ </span>
1484
+ </span>
1485
+ <span class="caret">
1486
+ </span>
1318
1487
  </span>
1319
1488
  </button>
1320
1489
  <ul class="dropdown-menu" role="menu">
@@ -1388,7 +1557,13 @@ export default () => (
1388
1557
  <button type="button" id="fullWidth" class="dropdown-toggle form-control text-left input-sm" data-toggle="dropdown" tabindex="0" aria-haspopup="true" aria-expanded="false">
1389
1558
  <span>
1390
1559
  </span>
1391
- <span class="caret">
1560
+ <span class="select-toggle-actions">
1561
+ <span class="clearButton hide pointer-events-none">
1562
+ <span class="clearButtonIcon rioglyph rioglyph-remove-sign">
1563
+ </span>
1564
+ </span>
1565
+ <span class="caret">
1566
+ </span>
1392
1567
  </span>
1393
1568
  </button>
1394
1569
  <ul class="dropdown-menu" role="menu">
@@ -1585,7 +1760,13 @@ export default () => (
1585
1760
  <div class="select multiselect dropdown dropup">
1586
1761
  <button type="button" class="dropdown-toggle form-control text-left" data-toggle="dropdown" tabindex="0" aria-haspopup="true" aria-expanded="false">
1587
1762
  <span class="placeholder">Please select</span>
1588
- <span class="caret">
1763
+ <span class="select-toggle-actions">
1764
+ <span class="clearButton hide pointer-events-none">
1765
+ <span class="clearButtonIcon rioglyph rioglyph-remove-sign">
1766
+ </span>
1767
+ </span>
1768
+ <span class="caret">
1769
+ </span>
1589
1770
  </span>
1590
1771
  </button>
1591
1772
  <ul class="dropdown-menu" role="menu">
@@ -1628,7 +1809,13 @@ export default () => (
1628
1809
  <div class="select multiselect dropdown dropup">
1629
1810
  <button type="button" class="dropdown-toggle form-control text-left" data-toggle="dropdown" tabindex="0" aria-haspopup="true" aria-expanded="false">
1630
1811
  <span class="placeholder">Please select</span>
1631
- <span class="caret">
1812
+ <span class="select-toggle-actions">
1813
+ <span class="clearButton hide pointer-events-none">
1814
+ <span class="clearButtonIcon rioglyph rioglyph-remove-sign">
1815
+ </span>
1816
+ </span>
1817
+ <span class="caret">
1818
+ </span>
1632
1819
  </span>
1633
1820
  </button>
1634
1821
  <ul class="dropdown-menu" role="menu">
@@ -1688,7 +1875,13 @@ export default () => (
1688
1875
  </span>
1689
1876
  </span>
1690
1877
  </span>
1691
- <span class="caret">
1878
+ <span class="select-toggle-actions">
1879
+ <span class="clearButton hide pointer-events-none">
1880
+ <span class="clearButtonIcon rioglyph rioglyph-remove-sign">
1881
+ </span>
1882
+ </span>
1883
+ <span class="caret">
1884
+ </span>
1692
1885
  </span>
1693
1886
  </button>
1694
1887
  <ul class="dropdown-menu" role="menu">
package/dist/docs/components/noData.md CHANGED
@@ -3,7 +3,7 @@
3
3
  *Category:* Components
4
4
  *Section:* Content
5
5
  *Source:* https://uikit.developers.rio.cloud/#/components/noData
6
- *Captured:* 2026-03-06T10:40:45.853Z
6
+ *Captured:* 2026-04-20T12:54:27.724Z
7
7
 
8
8
  ## NoData
9
9
 
package/dist/docs/components/notifications.md CHANGED
@@ -3,7 +3,7 @@
3
3
  *Category:* Components
4
4
  *Section:* Misc
5
5
  *Source:* https://uikit.developers.rio.cloud/#/components/notifications
6
- *Captured:* 2026-03-06T10:41:01.595Z
6
+ *Captured:* 2026-04-20T12:54:49.548Z
7
7
 
8
8
  Hint:Notifications need to be wrapped by a NotificationsContainer inside your application layout body.
9
9
 
@@ -191,7 +191,7 @@ export default () => (
191
191
  <button type="button" class="btn btn-danger btn-component" tabindex="0">Error</button>
192
192
  </div>
193
193
  <div class="margin-top-25 display-inline-flex">
194
- <div class="display-flex gap-10 max-width-1000 margin-bottom-10 last-child-margin-bottom-0" data-capture-callout="true">
194
+ <div class="display-flex gap-10 max-width-1000 margin-bottom-10 last-child-margin-bottom-0">
195
195
  <div>
196
196
  <span class="label label-info label-condensed label-filled">Note</span>
197
197
  </div>
package/dist/docs/components/numbercontrol.md CHANGED
@@ -3,7 +3,7 @@
3
3
  *Category:* Components
4
4
  *Section:* Interaction
5
5
  *Source:* https://uikit.developers.rio.cloud/#/components/numbercontrol
6
- *Captured:* 2026-03-06T10:40:09.935Z
6
+ *Captured:* 2026-04-20T12:53:45.397Z
7
7
 
8
8
  ## NumberInput
9
9
 
@@ -199,7 +199,7 @@ export default () => {
199
199
  </span>
200
200
  </div>
201
201
  <div class="form-control-feedback-wrapper">
202
- <input type="number" step="1" min="0" max="1.7976931348623157e+308" class="form-control no-controls input-sm Test" aria-label="number-input" value="0">
202
+ <input type="number" step="1" min="0" max="1.7976931348623157e+308" class="form-control no-controls input-sm padding-right-5 Test" aria-label="number-input" value="0">
203
203
  </div>
204
204
  <div class="input-group-addon ">m</div>
205
205
  </div>
@@ -211,7 +211,7 @@ export default () => {
211
211
  </span>
212
212
  </div>
213
213
  <div class="form-control-feedback-wrapper">
214
- <input type="number" step="1" min="0" max="1.7976931348623157e+308" class="form-control no-controls Test" aria-label="number-input" value="0">
214
+ <input type="number" step="1" min="0" max="1.7976931348623157e+308" class="form-control no-controls padding-right-5 Test" aria-label="number-input" value="0">
215
215
  </div>
216
216
  <div class="input-group-addon ">m</div>
217
217
  </div>
@@ -223,7 +223,7 @@ export default () => {
223
223
  </span>
224
224
  </div>
225
225
  <div class="form-control-feedback-wrapper">
226
- <input type="number" step="1" min="0" max="1.7976931348623157e+308" class="form-control no-controls input-lg Test" aria-label="number-input" value="0">
226
+ <input type="number" step="1" min="0" max="1.7976931348623157e+308" class="form-control no-controls input-lg padding-right-5 Test" aria-label="number-input" value="0">
227
227
  </div>
228
228
  <div class="input-group-addon ">m</div>
229
229
  </div>
@@ -241,7 +241,7 @@ export default () => {
241
241
  <div class="form-group">
242
242
  <div class="input-group">
243
243
  <div class="form-control-feedback-wrapper">
244
- <input type="number" step="1" min="100" max="200" class="form-control no-controls" aria-label="number-input" value="142">
244
+ <input type="number" step="1" min="100" max="200" class="form-control no-controls padding-right-5" aria-label="number-input" value="142">
245
245
  </div>
246
246
  <div class="input-group-addon ">
247
247
  <span>days</span>
@@ -261,7 +261,7 @@ export default () => {
261
261
  <label>Disabled NumberInput</label>
262
262
  <div class="input-group">
263
263
  <div class="form-control-feedback-wrapper">
264
- <input type="number" step="1" min="0" max="1.7976931348623157e+308" class="form-control no-controls" disabled="" aria-label="number-input" value="0">
264
+ <input type="number" step="1" min="0" max="1.7976931348623157e+308" class="form-control no-controls padding-right-5" disabled="" aria-label="number-input" value="0">
265
265
  </div>
266
266
  <div class="input-group-addon disabled pointer-events-none">m</div>
267
267
  </div>
@@ -286,7 +286,7 @@ export default () => {
286
286
  <label for="no-default">Fixed 'noDefault'</label>
287
287
  <div class="input-group">
288
288
  <div class="form-control-feedback-wrapper">
289
- <input id="no-default" type="number" step="1" min="0" max="1.7976931348623157e+308" class="form-control no-controls" aria-label="number-input" value="">
289
+ <input id="no-default" type="number" step="1" min="0" max="1.7976931348623157e+308" class="form-control no-controls padding-right-5" aria-label="number-input" value="">
290
290
  </div>
291
291
  <div class="input-group-addon ">Pcs</div>
292
292
  </div>
@@ -428,7 +428,7 @@ export default () => (
428
428
  <div class="NumberControl">
429
429
  <div class="input-group">
430
430
  <div class="form-control-feedback-wrapper">
431
- <input type="number" step="1" min="0" max="1.7976931348623157e+308" class="form-control no-controls" aria-label="number-input" value="0">
431
+ <input type="number" step="1" min="0" max="1.7976931348623157e+308" class="form-control no-controls padding-right-5" aria-label="number-input" value="0">
432
432
  </div>
433
433
  <div class="input-group-addon ">
434
434
  <div class="display-flex padding-left-10">
@@ -453,7 +453,7 @@ export default () => (
453
453
  </span>
454
454
  </div>
455
455
  <div class="form-control-feedback-wrapper">
456
- <input type="number" step="2" min="-5" max="30" class="form-control no-controls" aria-label="number-input" value="1">
456
+ <input type="number" step="2" min="-5" max="30" class="form-control no-controls padding-right-5" aria-label="number-input" value="1">
457
457
  </div>
458
458
  <div class="input-group-addon ">m<div class="display-flex padding-left-10">
459
459
  <div role="button" aria-label="decrement-button" class="decrementButton display-flex align-items-center text-color-gray hover-text-color-dark cursor-pointer">
@@ -473,7 +473,7 @@ export default () => (
473
473
  <div class="NumberControl">
474
474
  <div class="input-group">
475
475
  <div class="form-control-feedback-wrapper">
476
- <input type="number" step="0.001" min="0" max="1.7976931348623157e+308" class="form-control no-controls" aria-label="number-input" value="0.001">
476
+ <input type="number" step="0.001" min="0" max="1.7976931348623157e+308" class="form-control no-controls padding-right-5" aria-label="number-input" value="0.001">
477
477
  </div>
478
478
  <div class="input-group-addon ">
479
479
  <div class="display-flex padding-left-10">
@@ -494,7 +494,7 @@ export default () => (
494
494
  <div class="NumberControl">
495
495
  <div class="input-group">
496
496
  <div class="form-control-feedback-wrapper">
497
- <input type="number" step="1" min="0" max="1.7976931348623157e+308" class="form-control no-controls" aria-label="number-input" placeholder="Please enter a number" value="">
497
+ <input type="number" step="1" min="0" max="1.7976931348623157e+308" class="form-control no-controls padding-right-5" aria-label="number-input" placeholder="Please enter a number" value="">
498
498
  </div>
499
499
  <div class="input-group-addon ">
500
500
  <div class="display-flex padding-left-10">
@@ -519,7 +519,7 @@ export default () => (
519
519
  <div class="NumberControl">
520
520
  <div class="input-group">
521
521
  <div class="form-control-feedback-wrapper">
522
- <input id="no-default" type="number" step="1" min="0" max="1.7976931348623157e+308" class="form-control no-controls" aria-label="number-input" value="">
522
+ <input id="no-default" type="number" step="1" min="0" max="1.7976931348623157e+308" class="form-control no-controls padding-right-5" aria-label="number-input" value="">
523
523
  </div>
524
524
  <div class="input-group-addon ">
525
525
  <div class="display-flex padding-left-10">
@@ -548,7 +548,7 @@ export default () => (
548
548
  </span>
549
549
  </div>
550
550
  <div class="form-control-feedback-wrapper">
551
- <input type="number" step="1" min="100" max="200" class="form-control no-controls input-lg" aria-label="number-input" value="142">
551
+ <input type="number" step="1" min="100" max="200" class="form-control no-controls input-lg padding-right-5" aria-label="number-input" value="142">
552
552
  </div>
553
553
  <div class="input-group-addon ">
554
554
  <span>days</span>
@@ -570,7 +570,7 @@ export default () => (
570
570
  <div class="NumberControl">
571
571
  <div class="input-group input-group-sm">
572
572
  <div class="form-control-feedback-wrapper">
573
- <input type="number" step="10" min="-1000" max="1.7976931348623157e+308" class="form-control no-controls input-sm" aria-label="number-input" value="10">
573
+ <input type="number" step="10" min="-1000" max="1.7976931348623157e+308" class="form-control no-controls input-sm padding-right-5" aria-label="number-input" value="10">
574
574
  </div>
575
575
  <div class="input-group-addon ">m<div class="display-flex padding-left-10">
576
576
  <div role="button" aria-label="decrement-button" class="decrementButton display-flex align-items-center text-color-gray hover-text-color-dark cursor-pointer">
@@ -590,7 +590,7 @@ export default () => (
590
590
  <div class="NumberControl">
591
591
  <div class="input-group input-group-sm">
592
592
  <div class="form-control-feedback-wrapper">
593
- <input type="number" step="1" min="0" max="1.7976931348623157e+308" class="form-control no-controls input-sm" disabled="" aria-label="number-input" value="0">
593
+ <input type="number" step="1" min="0" max="1.7976931348623157e+308" class="form-control no-controls input-sm padding-right-5" disabled="" aria-label="number-input" value="0">
594
594
  </div>
595
595
  <div class="input-group-addon disabled pointer-events-none">
596
596
  <div class="display-flex padding-left-10">
package/dist/docs/components/onboarding.md CHANGED
@@ -3,7 +3,7 @@
3
3
  *Category:* Components
4
4
  *Section:* Misc
5
5
  *Source:* https://uikit.developers.rio.cloud/#/components/onboarding
6
- *Captured:* 2026-03-06T10:41:01.789Z
6
+ *Captured:* 2026-04-20T12:54:49.651Z
7
7
 
8
8
  Useful when you want to control a single tooltip that highlights a portion of the UI.
9
9
 
package/dist/docs/components/page.md CHANGED
@@ -3,7 +3,7 @@
3
3
  *Category:* Components
4
4
  *Section:* Content
5
5
  *Source:* https://uikit.developers.rio.cloud/#/components/page
6
- *Captured:* 2026-03-06T10:40:47.848Z
6
+ *Captured:* 2026-04-20T12:54:28.928Z
7
7
 
8
8
  ## Page
9
9
 
package/dist/docs/components/pager.md CHANGED
@@ -3,7 +3,7 @@
3
3
  *Category:* Components
4
4
  *Section:* Navigation
5
5
  *Source:* https://uikit.developers.rio.cloud/#/components/pager
6
- *Captured:* 2026-03-06T10:40:02.707Z
6
+ *Captured:* 2026-04-20T12:53:38.586Z
7
7
 
8
8
  ## Pager
9
9