@rio-cloud/uikit-mcp 1.0.0 → 1.1.0

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 (388) hide show
  1. package/README.md +75 -40
  2. package/dist/doc-metadata.json +1872 -0
  3. package/dist/docs/components/accentBar.md +582 -0
  4. package/dist/docs/components/activity.md +330 -0
  5. package/dist/docs/components/animatedNumber.md +88 -0
  6. package/dist/docs/components/animatedTextReveal.md +381 -0
  7. package/dist/docs/components/animations.md +459 -0
  8. package/dist/docs/components/appHeader.md +737 -0
  9. package/dist/docs/components/appLayout.md +2016 -0
  10. package/dist/docs/components/appNavigationBar.md +274 -0
  11. package/dist/docs/components/areaCharts.md +828 -0
  12. package/dist/docs/components/aspectRatioPlaceholder.md +106 -0
  13. package/dist/docs/components/assetTree.md +3223 -0
  14. package/dist/docs/components/autosuggests.md +1177 -0
  15. package/dist/docs/components/avatar.md +206 -0
  16. package/dist/docs/components/banner.md +668 -0
  17. package/dist/docs/components/barCharts.md +2785 -0
  18. package/dist/docs/components/barList.md +517 -0
  19. package/dist/docs/components/basicMap.md +167 -0
  20. package/dist/docs/components/bottomSheet.md +721 -0
  21. package/dist/docs/components/button.md +775 -0
  22. package/dist/docs/components/buttonToolbar.md +134 -0
  23. package/dist/docs/components/calendarStripe.md +525 -0
  24. package/dist/docs/components/card.md +86 -0
  25. package/dist/docs/components/carousel.md +128 -0
  26. package/dist/docs/components/chartColors.md +716 -0
  27. package/dist/docs/components/chartsGettingStarted.md +28 -0
  28. package/dist/docs/components/chat.md +932 -0
  29. package/dist/docs/components/checkbox.md +996 -0
  30. package/dist/docs/components/clearableInput.md +806 -0
  31. package/dist/docs/components/collapse.md +189 -0
  32. package/dist/docs/components/composedCharts.md +424 -0
  33. package/dist/docs/components/contentLoader.md +674 -0
  34. package/dist/docs/components/dataTabs.md +1251 -0
  35. package/dist/docs/components/datepickers.md +2543 -0
  36. package/dist/docs/components/dialogs.md +2244 -0
  37. package/dist/docs/components/divider.md +219 -0
  38. package/dist/docs/components/dropdowns.md +17550 -0
  39. package/dist/docs/components/editableContent.md +1127 -0
  40. package/dist/docs/components/expander.md +970 -0
  41. package/dist/docs/components/fade.md +836 -0
  42. package/dist/docs/components/fadeExpander.md +180 -0
  43. package/dist/docs/components/fadeUp.md +396 -0
  44. package/dist/docs/components/feedback.md +758 -0
  45. package/dist/docs/components/filePickers.md +370 -0
  46. package/dist/docs/components/formLabel.md +251 -0
  47. package/dist/docs/components/fullscreenMap.md +10 -0
  48. package/dist/docs/components/groupedItemList.md +1001 -0
  49. package/dist/docs/components/iconList.md +306 -0
  50. package/dist/docs/components/imagePreloader.md +167 -0
  51. package/dist/docs/components/labeledElement.md +115 -0
  52. package/dist/docs/components/licensePlate.md +412 -0
  53. package/dist/docs/components/lineCharts.md +2014 -0
  54. package/dist/docs/components/listMenu.md +392 -0
  55. package/dist/docs/components/loadMore.md +219 -0
  56. package/dist/docs/components/mainNavigation.md +129 -0
  57. package/dist/docs/components/mapCircle.md +93 -0
  58. package/dist/docs/components/mapCluster.md +337 -0
  59. package/dist/docs/components/mapContext.md +284 -0
  60. package/dist/docs/components/mapDraggableMarker.md +150 -0
  61. package/dist/docs/components/mapGettingStarted.md +39 -0
  62. package/dist/docs/components/mapInfoBubble.md +135 -0
  63. package/dist/docs/components/mapLayerGroup.md +94 -0
  64. package/dist/docs/components/mapMarker.md +1814 -0
  65. package/dist/docs/components/mapPolygon.md +959 -0
  66. package/dist/docs/components/mapRoute.md +3816 -0
  67. package/dist/docs/components/mapRouteGenerator.md +6 -0
  68. package/dist/docs/components/mapSettings.md +1040 -0
  69. package/dist/docs/components/mapUtils.md +132 -0
  70. package/dist/docs/components/multiselects.md +1921 -0
  71. package/dist/docs/components/noData.md +210 -0
  72. package/dist/docs/components/notifications.md +314 -0
  73. package/dist/docs/components/numbercontrol.md +706 -0
  74. package/dist/docs/components/onboarding.md +297 -0
  75. package/dist/docs/components/page.md +241 -0
  76. package/dist/docs/components/pager.md +133 -0
  77. package/dist/docs/components/pieCharts.md +1284 -0
  78. package/dist/docs/components/popover.md +222 -0
  79. package/dist/docs/components/position.md +50 -0
  80. package/dist/docs/components/radialBarCharts.md +3663 -0
  81. package/dist/docs/components/radiobutton.md +1271 -0
  82. package/dist/docs/components/releaseNotes.md +135 -0
  83. package/dist/docs/components/resizer.md +162 -0
  84. package/dist/docs/components/responsiveColumnStripe.md +435 -0
  85. package/dist/docs/components/responsiveVideo.md +71 -0
  86. package/dist/docs/components/rioglyph.md +331 -0
  87. package/dist/docs/components/rules.md +965 -0
  88. package/dist/docs/components/saveableInput.md +1721 -0
  89. package/dist/docs/components/selects.md +1993 -0
  90. package/dist/docs/components/sidebar.md +332 -0
  91. package/dist/docs/components/sliders.md +376 -0
  92. package/dist/docs/components/smoothScrollbars.md +1180 -0
  93. package/dist/docs/components/spinners.md +506 -0
  94. package/dist/docs/components/states.md +1176 -0
  95. package/dist/docs/components/statsWidgets.md +636 -0
  96. package/dist/docs/components/statusBar.md +644 -0
  97. package/dist/docs/components/stepButton.md +61 -0
  98. package/dist/docs/components/steppedProgressBars.md +1064 -0
  99. package/dist/docs/components/subNavigation.md +470 -0
  100. package/dist/docs/components/supportMarker.md +115 -0
  101. package/dist/docs/components/svgImage.md +248 -0
  102. package/dist/docs/components/switch.md +554 -0
  103. package/dist/docs/components/tables.md +8 -0
  104. package/dist/docs/components/tagManager.md +476 -0
  105. package/dist/docs/components/tags.md +785 -0
  106. package/dist/docs/components/teaser.md +925 -0
  107. package/dist/docs/components/timeline.md +514 -0
  108. package/dist/docs/components/timepicker.md +262 -0
  109. package/dist/docs/components/toggleButton.md +178 -0
  110. package/dist/docs/components/tooltip.md +454 -0
  111. package/dist/docs/components/virtualList.md +483 -0
  112. package/dist/docs/foundations.md +20901 -0
  113. package/dist/docs/start/changelog.md +439 -0
  114. package/dist/docs/start/goodtoknow.md +14 -0
  115. package/dist/docs/start/guidelines/color-combinations.md +678 -0
  116. package/dist/docs/start/guidelines/custom-css.md +42 -0
  117. package/dist/docs/start/guidelines/custom-rioglyph.md +35 -0
  118. package/dist/docs/start/guidelines/formatting.md +587 -0
  119. package/dist/docs/start/guidelines/iframe.md +323 -0
  120. package/dist/docs/start/guidelines/obfuscate-data.md +30 -0
  121. package/dist/docs/start/guidelines/print-css.md +36 -0
  122. package/dist/docs/start/guidelines/spinner.md +710 -0
  123. package/dist/docs/start/guidelines/supported-browsers.md +10 -0
  124. package/dist/docs/start/guidelines/writing.md +635 -0
  125. package/dist/docs/start/howto.md +187 -0
  126. package/dist/docs/start/intro.md +43 -0
  127. package/dist/docs/start/responsiveness.md +98 -0
  128. package/dist/docs/templates/common-table.md +1111 -0
  129. package/dist/docs/templates/detail-views.md +942 -0
  130. package/dist/docs/templates/expandable-details.md +228 -0
  131. package/dist/docs/templates/feature-cards.md +549 -0
  132. package/dist/docs/templates/form-summary.md +199 -0
  133. package/dist/docs/templates/form-toggle.md +367 -0
  134. package/dist/docs/templates/list-blocks.md +1021 -0
  135. package/dist/docs/templates/loading-progress.md +109 -0
  136. package/dist/docs/templates/options-panel.md +152 -0
  137. package/dist/docs/templates/panel-variants.md +164 -0
  138. package/dist/docs/templates/progress-cards.md +607 -0
  139. package/dist/docs/templates/progress-success.md +142 -0
  140. package/dist/docs/templates/settings-form.md +434 -0
  141. package/dist/docs/templates/stats-blocks.md +1381 -0
  142. package/dist/docs/templates/table-panel.md +184 -0
  143. package/dist/docs/templates/table-row-animation.md +317 -0
  144. package/dist/docs/templates/usage-cards.md +227 -0
  145. package/dist/docs/utilities/deviceUtils.md +123 -0
  146. package/dist/docs/utilities/featureToggles.md +90 -0
  147. package/dist/docs/utilities/fuelTypeUtils.md +186 -0
  148. package/dist/docs/utilities/routeUtils.md +138 -0
  149. package/dist/docs/utilities/useAfterMount.md +66 -0
  150. package/dist/docs/utilities/useAutoAnimate.md +193 -0
  151. package/dist/docs/utilities/useAverage.md +95 -0
  152. package/dist/docs/utilities/useClickOutside.md +61 -0
  153. package/dist/docs/utilities/useClipboard.md +93 -0
  154. package/dist/docs/utilities/useCount.md +178 -0
  155. package/dist/docs/utilities/useDarkMode.md +49 -0
  156. package/dist/docs/utilities/useDebugInfo.md +126 -0
  157. package/dist/docs/utilities/useEffectOnce.md +58 -0
  158. package/dist/docs/utilities/useElapsedTime.md +58 -0
  159. package/dist/docs/utilities/useElementSize.md +71 -0
  160. package/dist/docs/utilities/useEsc.md +58 -0
  161. package/dist/docs/utilities/useEvent.md +64 -0
  162. package/dist/docs/utilities/useFocusTrap.md +85 -0
  163. package/dist/docs/utilities/useFullscreen.md +198 -0
  164. package/dist/docs/utilities/useHover.md +55 -0
  165. package/dist/docs/utilities/useIncomingPostMessages.md +237 -0
  166. package/dist/docs/utilities/useInterval.md +85 -0
  167. package/dist/docs/utilities/useIsFocusWithin.md +114 -0
  168. package/dist/docs/utilities/useKey.md +151 -0
  169. package/dist/docs/utilities/useLocalStorage.md +91 -0
  170. package/dist/docs/utilities/useLocationSuggestions.md +114 -0
  171. package/dist/docs/utilities/useMax.md +62 -0
  172. package/dist/docs/utilities/useMin.md +78 -0
  173. package/dist/docs/utilities/useMutationObserver.md +113 -0
  174. package/dist/docs/utilities/useOnScreen.md +138 -0
  175. package/dist/docs/utilities/useOnlineStatus.md +49 -0
  176. package/dist/docs/utilities/usePostMessage.md +117 -0
  177. package/dist/docs/utilities/usePostMessageSender.md +257 -0
  178. package/dist/docs/utilities/usePrevious.md +101 -0
  179. package/dist/docs/utilities/useResizeObserver.md +151 -0
  180. package/dist/docs/utilities/useScrollPosition.md +252 -0
  181. package/dist/docs/utilities/useSearch.md +228 -0
  182. package/dist/docs/utilities/useSorting.md +389 -0
  183. package/dist/docs/utilities/useStateWithValidation.md +83 -0
  184. package/dist/docs/utilities/useSum.md +155 -0
  185. package/dist/docs/utilities/useTableExport.md +404 -0
  186. package/dist/docs/utilities/useTableSelection.md +1120 -0
  187. package/dist/docs/utilities/useTimeout.md +55 -0
  188. package/dist/docs/utilities/useToggle.md +115 -0
  189. package/dist/docs/utilities/useWindowResize.md +70 -0
  190. package/dist/index.mjs +271 -0
  191. package/dist/search-synonyms.json +134 -0
  192. package/dist/version.json +4 -0
  193. package/package.json +23 -19
  194. package/bin/uikit-mcp.mjs +0 -23
  195. package/data/pages/Components/components/accentbar.json +0 -207
  196. package/data/pages/Components/components/activity.json +0 -87
  197. package/data/pages/Components/components/animatednumber.json +0 -99
  198. package/data/pages/Components/components/animations.json +0 -87
  199. package/data/pages/Components/components/appheader.json +0 -291
  200. package/data/pages/Components/components/applayout.json +0 -1198
  201. package/data/pages/Components/components/appnavigationbar.json +0 -327
  202. package/data/pages/Components/components/areacharts.json +0 -563
  203. package/data/pages/Components/components/aspectratioplaceholder.json +0 -75
  204. package/data/pages/Components/components/assettree.json +0 -3080
  205. package/data/pages/Components/components/autosuggests.json +0 -710
  206. package/data/pages/Components/components/avatar.json +0 -157
  207. package/data/pages/Components/components/banner.json +0 -599
  208. package/data/pages/Components/components/barcharts.json +0 -1507
  209. package/data/pages/Components/components/barlist.json +0 -223
  210. package/data/pages/Components/components/basicmap.json +0 -68
  211. package/data/pages/Components/components/bottomsheet.json +0 -601
  212. package/data/pages/Components/components/button.json +0 -583
  213. package/data/pages/Components/components/buttontoolbar.json +0 -63
  214. package/data/pages/Components/components/calendarstripe.json +0 -235
  215. package/data/pages/Components/components/card.json +0 -69
  216. package/data/pages/Components/components/carousel.json +0 -39
  217. package/data/pages/Components/components/chartcolors.json +0 -34
  218. package/data/pages/Components/components/chartsgettingstarted.json +0 -32
  219. package/data/pages/Components/components/chat.json +0 -39
  220. package/data/pages/Components/components/checkbox.json +0 -847
  221. package/data/pages/Components/components/clearableinput.json +0 -789
  222. package/data/pages/Components/components/collapse.json +0 -175
  223. package/data/pages/Components/components/composedcharts.json +0 -159
  224. package/data/pages/Components/components/contentloader.json +0 -233
  225. package/data/pages/Components/components/datatabs.json +0 -680
  226. package/data/pages/Components/components/datepickers.json +0 -287
  227. package/data/pages/Components/components/dialogs.json +0 -1492
  228. package/data/pages/Components/components/divider.json +0 -93
  229. package/data/pages/Components/components/dropdowns.json +0 -936
  230. package/data/pages/Components/components/editablecontent.json +0 -1117
  231. package/data/pages/Components/components/expander.json +0 -377
  232. package/data/pages/Components/components/fade.json +0 -403
  233. package/data/pages/Components/components/fadeexpander.json +0 -75
  234. package/data/pages/Components/components/fadeup.json +0 -127
  235. package/data/pages/Components/components/feedback.json +0 -269
  236. package/data/pages/Components/components/filepickers.json +0 -269
  237. package/data/pages/Components/components/formlabel.json +0 -115
  238. package/data/pages/Components/components/fullscreenmap.json +0 -22
  239. package/data/pages/Components/components/groupeditemlist.json +0 -323
  240. package/data/pages/Components/components/iconlist.json +0 -45
  241. package/data/pages/Components/components/imagepreloader.json +0 -81
  242. package/data/pages/Components/components/labeledelement.json +0 -75
  243. package/data/pages/Components/components/licenseplate.json +0 -69
  244. package/data/pages/Components/components/linecharts.json +0 -987
  245. package/data/pages/Components/components/listmenu.json +0 -313
  246. package/data/pages/Components/components/loadmore.json +0 -175
  247. package/data/pages/Components/components/mainnavigation.json +0 -39
  248. package/data/pages/Components/components/mapcircle.json +0 -34
  249. package/data/pages/Components/components/mapcluster.json +0 -51
  250. package/data/pages/Components/components/mapcontext.json +0 -105
  251. package/data/pages/Components/components/mapdraggablemarker.json +0 -34
  252. package/data/pages/Components/components/mapgettingstarted.json +0 -27
  253. package/data/pages/Components/components/mapgroup.json +0 -1198
  254. package/data/pages/Components/components/mapinfobubble.json +0 -34
  255. package/data/pages/Components/components/maplayergroup.json +0 -34
  256. package/data/pages/Components/components/mapmarker.json +0 -700
  257. package/data/pages/Components/components/mappolygon.json +0 -45
  258. package/data/pages/Components/components/maproute.json +0 -623
  259. package/data/pages/Components/components/maproutegenerator.json +0 -16
  260. package/data/pages/Components/components/mapsettings.json +0 -51
  261. package/data/pages/Components/components/maputils.json +0 -34
  262. package/data/pages/Components/components/multiselects.json +0 -1451
  263. package/data/pages/Components/components/nodata.json +0 -139
  264. package/data/pages/Components/components/notifications.json +0 -65
  265. package/data/pages/Components/components/numbercontrol.json +0 -301
  266. package/data/pages/Components/components/onboarding.json +0 -302
  267. package/data/pages/Components/components/page.json +0 -197
  268. package/data/pages/Components/components/pager.json +0 -93
  269. package/data/pages/Components/components/piecharts.json +0 -731
  270. package/data/pages/Components/components/popover.json +0 -251
  271. package/data/pages/Components/components/position.json +0 -69
  272. package/data/pages/Components/components/radialbarcharts.json +0 -1304
  273. package/data/pages/Components/components/radiobutton.json +0 -1105
  274. package/data/pages/Components/components/releasenotes.json +0 -44
  275. package/data/pages/Components/components/resizer.json +0 -93
  276. package/data/pages/Components/components/responsivecolumnstripe.json +0 -123
  277. package/data/pages/Components/components/responsivevideo.json +0 -75
  278. package/data/pages/Components/components/rioglyph.json +0 -93
  279. package/data/pages/Components/components/rules.json +0 -410
  280. package/data/pages/Components/components/saveableinput.json +0 -703
  281. package/data/pages/Components/components/selects.json +0 -701
  282. package/data/pages/Components/components/sidebar.json +0 -243
  283. package/data/pages/Components/components/sliders.json +0 -235
  284. package/data/pages/Components/components/smoothscrollbars.json +0 -335
  285. package/data/pages/Components/components/spinners.json +0 -343
  286. package/data/pages/Components/components/states.json +0 -1705
  287. package/data/pages/Components/components/statswidgets.json +0 -314
  288. package/data/pages/Components/components/statusbar.json +0 -177
  289. package/data/pages/Components/components/stepbutton.json +0 -57
  290. package/data/pages/Components/components/steppedprogressbars.json +0 -417
  291. package/data/pages/Components/components/subnavigation.json +0 -107
  292. package/data/pages/Components/components/supportmarker.json +0 -45
  293. package/data/pages/Components/components/svgimage.json +0 -81
  294. package/data/pages/Components/components/switch.json +0 -111
  295. package/data/pages/Components/components/tables.json +0 -144
  296. package/data/pages/Components/components/tagmanager.json +0 -86
  297. package/data/pages/Components/components/tags.json +0 -146
  298. package/data/pages/Components/components/teaser.json +0 -188
  299. package/data/pages/Components/components/timeline.json +0 -45
  300. package/data/pages/Components/components/timepicker.json +0 -163
  301. package/data/pages/Components/components/togglebutton.json +0 -247
  302. package/data/pages/Components/components/tooltip.json +0 -270
  303. package/data/pages/Components/components/virtuallist.json +0 -175
  304. package/data/pages/Foundations/foundations.json +0 -2475
  305. package/data/pages/Getting-started/start/changelog.json +0 -22
  306. package/data/pages/Getting-started/start/goodtoknow.json +0 -32
  307. package/data/pages/Getting-started/start/guidelines/color-combinations.json +0 -58
  308. package/data/pages/Getting-started/start/guidelines/custom-css.json +0 -27
  309. package/data/pages/Getting-started/start/guidelines/custom-rioglyph.json +0 -22
  310. package/data/pages/Getting-started/start/guidelines/formatting.json +0 -97
  311. package/data/pages/Getting-started/start/guidelines/iframe.json +0 -93
  312. package/data/pages/Getting-started/start/guidelines/obfuscate-data.json +0 -22
  313. package/data/pages/Getting-started/start/guidelines/print-css.json +0 -37
  314. package/data/pages/Getting-started/start/guidelines/spinner.json +0 -144
  315. package/data/pages/Getting-started/start/guidelines/supported-browsers.json +0 -22
  316. package/data/pages/Getting-started/start/guidelines/writing.json +0 -242
  317. package/data/pages/Getting-started/start/howto.json +0 -72
  318. package/data/pages/Getting-started/start/intro.json +0 -37
  319. package/data/pages/Getting-started/start/responsiveness.json +0 -52
  320. package/data/pages/Templates/templates/common-table.json +0 -39
  321. package/data/pages/Templates/templates/detail-views.json +0 -71
  322. package/data/pages/Templates/templates/expandable-details.json +0 -39
  323. package/data/pages/Templates/templates/feature-cards.json +0 -103
  324. package/data/pages/Templates/templates/form-summary.json +0 -39
  325. package/data/pages/Templates/templates/form-toggle.json +0 -39
  326. package/data/pages/Templates/templates/list-blocks.json +0 -119
  327. package/data/pages/Templates/templates/loading-progress.json +0 -39
  328. package/data/pages/Templates/templates/options-panel.json +0 -39
  329. package/data/pages/Templates/templates/panel-variants.json +0 -39
  330. package/data/pages/Templates/templates/progress-cards.json +0 -71
  331. package/data/pages/Templates/templates/progress-success.json +0 -39
  332. package/data/pages/Templates/templates/settings-form.json +0 -39
  333. package/data/pages/Templates/templates/stats-blocks.json +0 -135
  334. package/data/pages/Templates/templates/table-panel.json +0 -39
  335. package/data/pages/Templates/templates/table-row-animation.json +0 -39
  336. package/data/pages/Templates/templates/usage-cards.json +0 -39
  337. package/data/pages/Utilities/utilities/deviceutils.json +0 -39
  338. package/data/pages/Utilities/utilities/featuretoggles.json +0 -42
  339. package/data/pages/Utilities/utilities/fueltypeutils.json +0 -118
  340. package/data/pages/Utilities/utilities/routeutils.json +0 -34
  341. package/data/pages/Utilities/utilities/useaftermount.json +0 -63
  342. package/data/pages/Utilities/utilities/useaverage.json +0 -86
  343. package/data/pages/Utilities/utilities/useclickoutside.json +0 -69
  344. package/data/pages/Utilities/utilities/useclipboard.json +0 -57
  345. package/data/pages/Utilities/utilities/usecount.json +0 -92
  346. package/data/pages/Utilities/utilities/usedarkmode.json +0 -50
  347. package/data/pages/Utilities/utilities/usedebuginfo.json +0 -63
  348. package/data/pages/Utilities/utilities/useeffectonce.json +0 -57
  349. package/data/pages/Utilities/utilities/useelapsedtime.json +0 -57
  350. package/data/pages/Utilities/utilities/useelementsize.json +0 -63
  351. package/data/pages/Utilities/utilities/useesc.json +0 -57
  352. package/data/pages/Utilities/utilities/useevent.json +0 -75
  353. package/data/pages/Utilities/utilities/usefocustrap.json +0 -57
  354. package/data/pages/Utilities/utilities/usefullscreen.json +0 -197
  355. package/data/pages/Utilities/utilities/usehover.json +0 -57
  356. package/data/pages/Utilities/utilities/useinterval.json +0 -63
  357. package/data/pages/Utilities/utilities/useisfocuswithin.json +0 -75
  358. package/data/pages/Utilities/utilities/usekey.json +0 -75
  359. package/data/pages/Utilities/utilities/uselocalstorage.json +0 -69
  360. package/data/pages/Utilities/utilities/uselocationsuggestions.json +0 -110
  361. package/data/pages/Utilities/utilities/usemax.json +0 -86
  362. package/data/pages/Utilities/utilities/usemin.json +0 -86
  363. package/data/pages/Utilities/utilities/usemutationobserver.json +0 -69
  364. package/data/pages/Utilities/utilities/useonlinestatus.json +0 -39
  365. package/data/pages/Utilities/utilities/useonscreen.json +0 -63
  366. package/data/pages/Utilities/utilities/usepostmessage.json +0 -80
  367. package/data/pages/Utilities/utilities/useprevious.json +0 -63
  368. package/data/pages/Utilities/utilities/useresizeobserver.json +0 -65
  369. package/data/pages/Utilities/utilities/usescrollposition.json +0 -103
  370. package/data/pages/Utilities/utilities/usesearch.json +0 -197
  371. package/data/pages/Utilities/utilities/usesorting.json +0 -139
  372. package/data/pages/Utilities/utilities/usestatewithvalidation.json +0 -69
  373. package/data/pages/Utilities/utilities/usesum.json +0 -86
  374. package/data/pages/Utilities/utilities/usetableexport.json +0 -87
  375. package/data/pages/Utilities/utilities/usetableselection.json +0 -311
  376. package/data/pages/Utilities/utilities/usetimeout.json +0 -63
  377. package/data/pages/Utilities/utilities/usetoggle.json +0 -75
  378. package/data/pages/Utilities/utilities/usewindowresize.json +0 -63
  379. package/data/version.json +0 -4
  380. package/docs/content-schema.md +0 -147
  381. package/docs/navigation-inventory.json +0 -1310
  382. package/docs/search-synonyms.json +0 -43
  383. package/server/index.mjs +0 -268
  384. package/server/lib/load-docs.mjs +0 -48
  385. package/server/lib/normalise-doc.mjs +0 -220
  386. package/server/lib/render-markdown.mjs +0 -82
  387. package/server/lib/search-index.mjs +0 -49
  388. package/server/lib/types.js +0 -99
package/dist/docs/components/timeline.md ADDED
@@ -0,0 +1,514 @@
1
+ # Timeline
2
+
3
+ *Category:* Components
4
+ *Section:* CSS Only
5
+ *Source:* https://uikit.developers.rio.cloud/#components/timeline
6
+ *Captured:* 2025-12-12T12:39:03.404Z
7
+
8
+ The timeline component is a pure CSS component.
9
+
10
+ ## Timeline
11
+
12
+ ### Example: leeroy marked an answer 4m
13
+
14
+ CSS Timeline
15
+ Default
16
+ 01-2024
17
+
18
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt.
19
+
20
+ 02-2024
21
+
22
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt.
23
+
24
+ 03-2024
25
+
26
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt.
27
+
28
+ With UI elements
29
+
30
+ Start today
31
+
32
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt.
33
+
34
+ 2
35
+ 02/2025
36
+
37
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt.
38
+
39
+ Ongoing
40
+
41
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt.
42
+
43
+ Finish
44
+
45
+ Events
46
+
47
+ leeroy marked an answer 4m
48
+
49
+ leeroy unmarked an answer 4m
50
+
51
+ leeroy marked an answer 7m
52
+
53
+ Andre reopened answer 10m
54
+
55
+ Andre closed answer 1y
56
+
57
+ Inventory replenishment triggered
58
+
59
+ Cross-Docking initiated
60
+
61
+ Customs clearance completed
62
+
63
+ Cold chain integrity maintained
64
+
65
+ Last-Mile delivery assigned
66
+
67
+ Stream style
68
+ January
69
+
70
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt.
71
+
72
+ February
73
+
74
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt.
75
+
76
+ March
77
+
78
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt.
79
+
80
+ #### Summary
81
+
82
+ CSS Timeline
83
+ Default
84
+ 01-2024
85
+
86
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt.
87
+
88
+ 02-2024
89
+
90
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt.
91
+
92
+ 03-2024
93
+
94
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt.
95
+
96
+ With UI elements
97
+
98
+ Start today
99
+
100
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt.
101
+
102
+ 2
103
+ 02/2025
104
+
105
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt.
106
+
107
+ Ongoing
108
+
109
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt.
110
+
111
+ Finish
112
+
113
+ Events
114
+
115
+ leeroy marked an answer 4m
116
+
117
+ leeroy unmarked an answer 4m
118
+
119
+ leeroy marked an answer 7m
120
+
121
+ Andre reopened answer 10m
122
+
123
+ Andre closed answer 1y
124
+
125
+ Inventory replenishment triggered
126
+
127
+ Cross-Docking initiated
128
+
129
+ Customs clearance completed
130
+
131
+ Cold chain integrity maintained
132
+
133
+ Last-Mile delivery assigned
134
+
135
+ Stream style
136
+ January
137
+
138
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt.
139
+
140
+ February
141
+
142
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt.
143
+
144
+ March
145
+
146
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt.
147
+
148
+ #### HTML (html)
149
+
150
+ ```html
151
+ <div>
152
+ <div>
153
+ <div class="h2 margin-bottom-25">CSS Timeline</div>
154
+ <div class="display-grid grid-cols-1-xs grid-cols-2-sm grid-cols-4-lg gap-25">
155
+ <div class="padding-x-10">
156
+ <div class="h4 margin-bottom-25">Default</div>
157
+ <div class="timeline">
158
+ <div class="timeline-element">
159
+ <div class="timeline-date">
160
+ <div class="text-medium">01-2024</div>
161
+ </div>
162
+ <div class="timeline-content">
163
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt.</div>
164
+ </div>
165
+ <div class="timeline-element">
166
+ <div class="timeline-date">
167
+ <div class="text-medium">02-2024</div>
168
+ </div>
169
+ <div class="timeline-content">
170
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt.</div>
171
+ </div>
172
+ <div class="timeline-element">
173
+ <div class="timeline-date">
174
+ <div class="text-medium">03-2024</div>
175
+ </div>
176
+ <div class="timeline-content">
177
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt.</div>
178
+ </div>
179
+ </div>
180
+ </div>
181
+ <div class="padding-x-10">
182
+ <div class="h4 margin-bottom-25">With UI elements</div>
183
+ <div class="timeline">
184
+ <div class="timeline-element margin-bottom-0">
185
+ <div class="timeline-date timeline-date-color-primary margin-right-10">
186
+ <span class="badge badge-primary padding-5">
187
+ <span class="rioglyph rioglyph-map-marker">
188
+ </span>
189
+ </span>
190
+ </div>
191
+ <div class="timeline-content margin-bottom-20">
192
+ <div class="text-medium margin-bottom-5">Start today</div>
193
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt.
194
+ </div>
195
+ </div>
196
+ <div class="timeline-element margin-bottom-0">
197
+ <div class="timeline-date timeline-date-color-primary margin-right-10">
198
+ <span class="badge badge-primary text-medium">2</span>
199
+ </div>
200
+ <div class="timeline-content margin-bottom-20">
201
+ <div class="text-medium margin-bottom-5">02/2025</div>
202
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt.
203
+ </div>
204
+ </div>
205
+ <div class="timeline-element margin-bottom-0">
206
+ <div class="timeline-date timeline-date-thin timeline-date-dashed margin-right-10">
207
+ <div class="position-relative">
208
+ <div class="spinnerInfoBox display-flex justify-content-center align-items-center height-100pct">
209
+ <div class="spinner">
210
+ <div>
211
+ </div>
212
+ <div>
213
+ </div>
214
+ <div>
215
+ </div>
216
+ <div>
217
+ </div>
218
+ </div>
219
+ </div>
220
+ </div>
221
+ </div>
222
+ <div class="timeline-content margin-bottom-20">
223
+ <div class="text-medium margin-bottom-5">Ongoing</div>
224
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt.
225
+ </div>
226
+ </div>
227
+ <div class="timeline-element">
228
+ <div class="timeline-date margin-right-10">
229
+ <span class="badge badge-muted padding-5 text-medium">
230
+ <span class="rioglyph rioglyph-finish">
231
+ </span>
232
+ </span>
233
+ </div>
234
+ <div class="timeline-content">
235
+ <div class="text-medium padding-top-2">Finish</div>
236
+ </div>
237
+ </div>
238
+ </div>
239
+ </div>
240
+ <div class="padding-x-10">
241
+ <div class="h4 margin-bottom-25">Events</div>
242
+ <div class="timeline">
243
+ <div class="timeline-element margin-bottom-0">
244
+ <div class="timeline-date timeline-date-thin margin-right-10">
245
+ <span class="badge badge-success padding-5 scale-80 margin-left-1">
246
+ <span class="rioglyph rioglyph-ok">
247
+ </span>
248
+ </span>
249
+ </div>
250
+ <div class="timeline-content margin-bottom-20 text-color-dark">
251
+ <b class="text-medium text-color-darkest">leeroy</b> marked an <b class="text-medium text-color-darkest">answer</b> 4m
252
+ </div>
253
+ </div>
254
+ <div class="timeline-element margin-bottom-0">
255
+ <div class="timeline-date timeline-date-thin margin-right-10">
256
+ <span class="badge badge-muted padding-5 scale-80 margin-left-1">
257
+ <span class="rioglyph rioglyph-ok">
258
+ </span>
259
+ </span>
260
+ </div>
261
+ <div class="timeline-content margin-bottom-20 text-color-dark">
262
+ <b class="text-medium text-color-darkest">leeroy</b> unmarked an <b class="text-medium text-color-darkest">answer</b> 4m
263
+ </div>
264
+ </div>
265
+ <div class="timeline-element margin-bottom-0">
266
+ <div class="timeline-date timeline-date-thin margin-right-10">
267
+ <span class="badge badge-success padding-5 scale-80 margin-left-1">
268
+ <span class="rioglyph rioglyph-ok">
269
+ </span>
270
+ </span>
271
+ </div>
272
+ <div class="timeline-content margin-bottom-20 text-color-dark">
273
+ <b class="text-medium text-color-darkest">leeroy</b> marked an <b class="text-medium text-color-darkest">answer</b> 7m
274
+ </div>
275
+ </div>
276
+ <div class="timeline-element margin-bottom--2">
277
+ <div class="timeline-date timeline-date-thin margin-right-10">
278
+ <span class="badge badge-default badge-indicator-pinging scale-50 margin-left-2 padding-10">
279
+ </span>
280
+ </div>
281
+ <div class="timeline-content margin-bottom-20 text-color-dark">
282
+ <b class="text-medium text-color-darkest">Andre</b> reopened <b class="text-medium text-color-darkest">answer</b> 10m
283
+ </div>
284
+ </div>
285
+ <div class="timeline-element margin-bottom--2">
286
+ <div class="timeline-date timeline-date-thin margin-right-10">
287
+ <span class="badge badge-default scale-50 margin-left-2 padding-10">
288
+ </span>
289
+ </div>
290
+ <div class="timeline-content text-color-dark">
291
+ <b class="text-medium text-color-darkest">Andre</b> closed <b class="text-medium text-color-darkest">answer</b> 1y
292
+ </div>
293
+ </div>
294
+ </div>
295
+ <div class="timeline margin-top-50">
296
+ <div class="timeline-element margin-bottom-0">
297
+ <div class="timeline-date timeline-date-small timeline-date-thin margin-right-10 margin-top-5">
298
+ <div class="width-10 aspect-ratio-1 rounded-circle border border-color-info border-width-3 bg-white margin-left-1">
299
+ </div>
300
+ </div>
301
+ <div class="timeline-content margin-bottom-20 text-color-darker">Inventory replenishment triggered</div>
302
+ </div>
303
+ <div class="timeline-element margin-bottom-0">
304
+ <div class="timeline-date timeline-date-small timeline-date-thin margin-right-10 margin-top-5">
305
+ <div class="width-10 aspect-ratio-1 rounded-circle border border-color-info border-width-2 bg-white margin-left-1">
306
+ </div>
307
+ </div>
308
+ <div class="timeline-content margin-bottom-20 text-color-darker">Cross-Docking initiated</div>
309
+ </div>
310
+ <div class="timeline-element margin-bottom-0">
311
+ <div class="timeline-date timeline-date-small timeline-date-thin margin-right-10 margin-top-5">
312
+ <div class="width-10 aspect-ratio-1 rounded-circle border border-color-info border-width-2 bg-white margin-left-1">
313
+ </div>
314
+ </div>
315
+ <div class="timeline-content margin-bottom-20 text-color-darker">Customs clearance completed</div>
316
+ </div>
317
+ <div class="timeline-element margin-bottom--2">
318
+ <div class="timeline-date timeline-date-small timeline-date-thin margin-right-10 margin-top-5">
319
+ <div class="width-10 aspect-ratio-1 rounded-circle border border-color-danger border-width-2 bg-white margin-left-1">
320
+ </div>
321
+ </div>
322
+ <div class="timeline-content margin-bottom-20 text-color-darker">Cold chain integrity maintained</div>
323
+ </div>
324
+ <div class="timeline-element margin-bottom--2">
325
+ <div class="timeline-date timeline-date-small timeline-date-thin margin-right-10 margin-top-5">
326
+ <div class="width-10 aspect-ratio-1 rounded-circle border border-color-info border-width-2 bg-white margin-left-1">
327
+ </div>
328
+ </div>
329
+ <div class="timeline-content text-color-darker">Last-Mile delivery assigned</div>
330
+ </div>
331
+ </div>
332
+ </div>
333
+ <div class="padding-x-10">
334
+ <div class="h4 margin-bottom-25">Stream style</div>
335
+ <div class="timeline timeline-style-stream">
336
+ <div class="timeline-element">
337
+ <div class="timeline-date">January</div>
338
+ <div class="timeline-content">
339
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt.</div>
340
+ </div>
341
+ <div class="timeline-element">
342
+ <div class="timeline-date">February</div>
343
+ <div class="timeline-content">
344
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt.</div>
345
+ </div>
346
+ <div class="timeline-element">
347
+ <div class="timeline-date">March</div>
348
+ <div class="timeline-content">
349
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt.</div>
350
+ </div>
351
+ </div>
352
+ </div>
353
+ </div>
354
+ </div>
355
+ </div>
356
+ ```
357
+
358
+ ### Example: Shipment
359
+
360
+ Package details
361
+ Shipment
362
+
363
+ 34563456
364
+
365
+ Weight
366
+
367
+ 1.3 Kg
368
+
369
+ Dimensions
370
+
371
+ 34 x 26 x 17 cm
372
+
373
+ The shipment is delivered to the recipient
374
+ May 31th at 11:00 PM - 10117 Berlin, Germany
375
+
376
+ The shipment is loaded onto a truck for delivery
377
+ May 30 at 1:45 PM - 75001 Paris, France
378
+
379
+ The shipment is sorted and prepared for further transport
380
+ May 30 at 12:10 PM - 75001 Paris, France
381
+
382
+ The consignment has been picked up and is now at the terminal for further processing
383
+ May 29 at 2:15 PM - 75001 Paris, France
384
+
385
+ We've received the first update on your shipment. While it's currently with the sender or on its way to the terminal, we'll be able to provide more detailed tracking information once it arrives in the receiving country.
386
+ May 28 at 4:00 AM - SW1A 1AA London, United Kingdom
387
+
388
+ #### Summary
389
+
390
+ Package details
391
+ Shipment
392
+
393
+ 34563456
394
+
395
+ Weight
396
+
397
+ 1.3 Kg
398
+
399
+ Dimensions
400
+
401
+ 34 x 26 x 17 cm
402
+
403
+ The shipment is delivered to the recipient
404
+ May 31th at 11:00 PM - 10117 Berlin, Germany
405
+
406
+ The shipment is loaded onto a truck for delivery
407
+ May 30 at 1:45 PM - 75001 Paris, France
408
+
409
+ The shipment is sorted and prepared for further transport
410
+ May 30 at 12:10 PM - 75001 Paris, France
411
+
412
+ The consignment has been picked up and is now at the terminal for further processing
413
+ May 29 at 2:15 PM - 75001 Paris, France
414
+
415
+ We've received the first update on your shipment. While it's currently with the sender or on its way to the terminal, we'll be able to provide more detailed tracking information once it arrives in the receiving country.
416
+ May 28 at 4:00 AM - SW1A 1AA London, United Kingdom
417
+
418
+ #### HTML (html)
419
+
420
+ ```html
421
+ <div class="panel panel-default panel-body shadow-default padding-25 max-width-500 rounded-large">
422
+ <div class="h4 margin-bottom-20 margin-top-0">Package details</div>
423
+ <div class="display-flex align-items-center padding-20 gap-15 justify-content-around border border-color-lighter bg-lightest rounded rounded-large margin-bottom-15">
424
+ <div>
425
+ <div class="display-flex align-items-center gap-5 text-color-dark">
426
+ <span class="rioglyph rioglyph-parcel text-color-dark opacity-80">
427
+ </span>
428
+ <div class="">Shipment</div>
429
+ </div>
430
+ <div class="text-medium padding-y-2">34563456</div>
431
+ </div>
432
+ <div>
433
+ <div class="display-flex align-items-center gap-5 text-color-dark">
434
+ <span class="rioglyph rioglyph-weight text-color-dark opacity-80">
435
+ </span>
436
+ <div class="">Weight</div>
437
+ </div>
438
+ <div class="text-medium padding-y-2">1.3 Kg</div>
439
+ </div>
440
+ <div>
441
+ <div class="display-flex align-items-center gap-5 text-color-dark">
442
+ <span class="rioglyph rioglyph-ruler text-color-dark opacity-80">
443
+ </span>
444
+ <div class="">Dimensions</div>
445
+ </div>
446
+ <div class="text-medium padding-y-2">34 x 26 x 17 cm</div>
447
+ </div>
448
+ </div>
449
+ <div class="padding-10">
450
+ <div class="timeline">
451
+ <div class="timeline-element">
452
+ <div class="timeline-date">
453
+ <span class="badge badge-success padding-5 scale-90 margin-left-2">
454
+ <span class="rioglyph rioglyph-finish">
455
+ </span>
456
+ </span>
457
+ </div>
458
+ <div class="timeline-content">
459
+ <div class="text-medium margin-bottom-5">The shipment is delivered to the recipient</div>
460
+ <div class="text-size-12 text-color-dark padding-y-5">May 31th at 11:00 PM - 10117 Berlin, Germany</div>
461
+ </div>
462
+ </div>
463
+ <div class="timeline-element">
464
+ <div class="timeline-date">
465
+ <span class="badge badge-muted padding-5 scale-80 margin-left-2">
466
+ <span class="rioglyph rioglyph-ok">
467
+ </span>
468
+ </span>
469
+ </div>
470
+ <div class="timeline-content">
471
+ <div class="text-medium margin-bottom-5">The shipment is loaded onto a truck for delivery</div>
472
+ <div class="text-size-12 text-color-dark padding-y-5">May 30 at 1:45 PM - 75001 Paris, France</div>
473
+ </div>
474
+ </div>
475
+ <div class="timeline-element">
476
+ <div class="timeline-date">
477
+ <span class="badge badge-muted padding-5 scale-80 margin-left-2">
478
+ <span class="rioglyph rioglyph-ok">
479
+ </span>
480
+ </span>
481
+ </div>
482
+ <div class="timeline-content">
483
+ <div class="text-medium margin-bottom-5">The shipment is sorted and prepared for further transport</div>
484
+ <div class="text-size-12 text-color-dark padding-y-5">May 30 at 12:10 PM - 75001 Paris, France</div>
485
+ </div>
486
+ </div>
487
+ <div class="timeline-element">
488
+ <div class="timeline-date">
489
+ <span class="badge badge-muted padding-5 scale-80 margin-left-2">
490
+ <span class="rioglyph rioglyph-ok">
491
+ </span>
492
+ </span>
493
+ </div>
494
+ <div class="timeline-content">
495
+ <div class="text-medium">The consignment has been picked up and is now at the terminal for further processing</div>
496
+ <div class="text-size-12 text-color-dark padding-y-5">May 29 at 2:15 PM - 75001 Paris, France</div>
497
+ </div>
498
+ </div>
499
+ <div class="timeline-element">
500
+ <div class="timeline-date">
501
+ <span class="badge badge-muted padding-5 scale-80 margin-left-2">
502
+ <span class="rioglyph rioglyph-ok">
503
+ </span>
504
+ </span>
505
+ </div>
506
+ <div class="timeline-content">
507
+ <div class="text-medium">We've received the first update on your shipment. While it's currently with the sender or on its way to the terminal, we'll be able to provide more detailed tracking information once it arrives in the receiving country.</div>
508
+ <div class="text-size-12 text-color-dark padding-y-5">May 28 at 4:00 AM - SW1A 1AA London, United Kingdom</div>
509
+ </div>
510
+ </div>
511
+ </div>
512
+ </div>
513
+ </div>
514
+ ```