@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/data/pages/Components/components/fadeup.json DELETED
@@ -1,127 +0,0 @@
1
- {
2
- "metadata": {
3
- "captured_at": "2025-11-21T12:07:20.975Z",
4
- "source": "https://uikit.developers.rio.cloud/#components/fadeUp",
5
- "category": "Components",
6
- "section": "Show/Hide",
7
- "slug": "components/fadeup",
8
- "version": "v1.13.2",
9
- "hash_algorithm": "sha256",
10
- "hash": "964cd517d2589a39a0f1e7f12981d1de8e08ed67c7385f2e123148f21021cd90"
11
- },
12
- "title": "FadeUp",
13
- "lead": "The FadeUp component fades in when the content appears on the screen. After it faded in, the element will stay on screen. This can be used in a scrolling scenario where elements should fade up when they scroll into view. Using the delay helps to stagger the animation.",
14
- "content": [
15
- {
16
- "heading": "FadeUp",
17
- "body": "",
18
- "examples": [
19
- {
20
- "caption": "Example 1",
21
- "rendered_html": "<div class=\"playground-content bg-white padding-20 padding-bottom-25\" style=\"width: 100%;\"><div class=\"max-width-500 max-height-500 overflow-auto padding-x-25\"><div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\"><div class=\"bg-white rounded border padding-25 margin-bottom-15\">\nLorem 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. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div></div><div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\"><div class=\"bg-white rounded border padding-25 margin-bottom-15\">\nLorem 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. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div></div><div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\"><div class=\"bg-white rounded border padding-25 margin-bottom-15\">\nLorem 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. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div></div><div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\"><div class=\"bg-white rounded border padding-25 margin-bottom-15\">\nLorem 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. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div></div><div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\"><div class=\"bg-white rounded border padding-25 margin-bottom-15\">\nLorem 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. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div></div><div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\"><div class=\"bg-white rounded border padding-25 margin-bottom-15\">\nLorem 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. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div></div><div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\"><div class=\"bg-white rounded border padding-25 margin-bottom-15\">\nLorem 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. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div></div><div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\"><div class=\"bg-white rounded border padding-25 margin-bottom-15\">\nLorem 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. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div></div><div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\"><div class=\"bg-white rounded border padding-25 margin-bottom-15\">\nLorem 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. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div></div><div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\"><div class=\"bg-white rounded border padding-25 margin-bottom-15\">\nLorem 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. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div></div><div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\"><div class=\"bg-white rounded border padding-25 margin-bottom-15\">\nLorem 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. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div></div><div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\"><div class=\"bg-white rounded border padding-25 margin-bottom-15\">\nLorem 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. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div></div><div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\"><div class=\"bg-white rounded border padding-25 margin-bottom-15\">\nLorem 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. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div></div><div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\"><div class=\"bg-white rounded border padding-25 margin-bottom-15\">\nLorem 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. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div></div><div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\"><div class=\"bg-white rounded border padding-25 margin-bottom-15\">\nLorem 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. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div></div><div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\"><div class=\"bg-white rounded border padding-25 margin-bottom-15\">\nLorem 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. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div></div><div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\"><div class=\"bg-white rounded border padding-25 margin-bottom-15\">\nLorem 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. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div></div><div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\"><div class=\"bg-white rounded border padding-25 margin-bottom-15\">\nLorem 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. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div></div><div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\"><div class=\"bg-white rounded border padding-25 margin-bottom-15\">\nLorem 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. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div></div><div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\"><div class=\"bg-white rounded border padding-25 margin-bottom-15\">\nLorem 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. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div></div><div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\"><div class=\"bg-white rounded border padding-25 margin-bottom-15\">\nLorem 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. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div></div><div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\"><div class=\"bg-white rounded border padding-25 margin-bottom-15\">\nLorem 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. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div></div><div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\"><div class=\"bg-white rounded border padding-25 margin-bottom-15\">\nLorem 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. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div></div><div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\"><div class=\"bg-white rounded border padding-25 margin-bottom-15\">\nLorem 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. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div></div><div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\"><div class=\"bg-white rounded border padding-25 margin-bottom-15\">\nLorem 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. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div></div><div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\"><div class=\"bg-white rounded border padding-25 margin-bottom-15\">\nLorem 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. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div></div><div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\"><div class=\"bg-white rounded border padding-25 margin-bottom-15\">\nLorem 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. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div></div><div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\"><div class=\"bg-white rounded border padding-25 margin-bottom-15\">\nLorem 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. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div></div><div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\"><div class=\"bg-white rounded border padding-25 margin-bottom-15\">\nLorem 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. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div></div><div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\"><div class=\"bg-white rounded border padding-25 margin-bottom-15\">\nLorem 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. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div></div></div></div>",
22
- "tabs": [
23
- {
24
- "label": "React",
25
- "language": "tsx",
26
- "code": "import FadeUp from '@rio-cloud/rio-uikit/FadeUp';\nimport { dummyText } from '../../../utils/data';\n\nexport default () => {\n return (\n <div className='max-width-500 max-height-500 overflow-auto padding-x-25'>\n {Array.from({ length: 30 }, (_, index) => (\n // biome-ignore lint/suspicious/noArrayIndexKey: <explanation>\n <FadeUp key={index} duration={0.5} delay={0.3}>\n <div className='bg-white rounded border padding-25 margin-bottom-15'>{dummyText}</div>\n </FadeUp>\n ))}\n </div>\n );\n};"
27
- },
28
- {
29
- "label": "HTML",
30
- "language": "html",
31
- "code": "<div class=\"max-width-500 max-height-500 overflow-auto padding-x-25\">\n <div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\">\n <div class=\"bg-white rounded border padding-25 margin-bottom-15\">\n 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. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div>\n </div>\n <div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\">\n <div class=\"bg-white rounded border padding-25 margin-bottom-15\">\n 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. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div>\n </div>\n <div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\">\n <div class=\"bg-white rounded border padding-25 margin-bottom-15\">\n 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. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div>\n </div>\n <div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\">\n <div class=\"bg-white rounded border padding-25 margin-bottom-15\">\n 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. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div>\n </div>\n <div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\">\n <div class=\"bg-white rounded border padding-25 margin-bottom-15\">\n 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. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div>\n </div>\n <div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\">\n <div class=\"bg-white rounded border padding-25 margin-bottom-15\">\n 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. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div>\n </div>\n <div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\">\n <div class=\"bg-white rounded border padding-25 margin-bottom-15\">\n 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. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div>\n </div>\n <div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\">\n <div class=\"bg-white rounded border padding-25 margin-bottom-15\">\n 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. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div>\n </div>\n <div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\">\n <div class=\"bg-white rounded border padding-25 margin-bottom-15\">\n 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. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div>\n </div>\n <div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\">\n <div class=\"bg-white rounded border padding-25 margin-bottom-15\">\n 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. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div>\n </div>\n <div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\">\n <div class=\"bg-white rounded border padding-25 margin-bottom-15\">\n 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. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div>\n </div>\n <div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\">\n <div class=\"bg-white rounded border padding-25 margin-bottom-15\">\n 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. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div>\n </div>\n <div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\">\n <div class=\"bg-white rounded border padding-25 margin-bottom-15\">\n 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. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div>\n </div>\n <div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\">\n <div class=\"bg-white rounded border padding-25 margin-bottom-15\">\n 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. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div>\n </div>\n <div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\">\n <div class=\"bg-white rounded border padding-25 margin-bottom-15\">\n 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. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div>\n </div>\n <div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\">\n <div class=\"bg-white rounded border padding-25 margin-bottom-15\">\n 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. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div>\n </div>\n <div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\">\n <div class=\"bg-white rounded border padding-25 margin-bottom-15\">\n 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. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div>\n </div>\n <div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\">\n <div class=\"bg-white rounded border padding-25 margin-bottom-15\">\n 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. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div>\n </div>\n <div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\">\n <div class=\"bg-white rounded border padding-25 margin-bottom-15\">\n 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. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div>\n </div>\n <div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\">\n <div class=\"bg-white rounded border padding-25 margin-bottom-15\">\n 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. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div>\n </div>\n <div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\">\n <div class=\"bg-white rounded border padding-25 margin-bottom-15\">\n 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. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div>\n </div>\n <div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\">\n <div class=\"bg-white rounded border padding-25 margin-bottom-15\">\n 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. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div>\n </div>\n <div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\">\n <div class=\"bg-white rounded border padding-25 margin-bottom-15\">\n 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. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div>\n </div>\n <div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\">\n <div class=\"bg-white rounded border padding-25 margin-bottom-15\">\n 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. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div>\n </div>\n <div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\">\n <div class=\"bg-white rounded border padding-25 margin-bottom-15\">\n 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. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div>\n </div>\n <div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\">\n <div class=\"bg-white rounded border padding-25 margin-bottom-15\">\n 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. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div>\n </div>\n <div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\">\n <div class=\"bg-white rounded border padding-25 margin-bottom-15\">\n 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. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div>\n </div>\n <div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\">\n <div class=\"bg-white rounded border padding-25 margin-bottom-15\">\n 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. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div>\n </div>\n <div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\">\n <div class=\"bg-white rounded border padding-25 margin-bottom-15\">\n 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. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div>\n </div>\n <div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\">\n <div class=\"bg-white rounded border padding-25 margin-bottom-15\">\n 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. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div>\n </div>\n</div>"
32
- },
33
- {
34
- "label": "Props",
35
- "language": "json",
36
- "code": null,
37
- "props": [
38
- {
39
- "heading": null,
40
- "rows": [
41
- {
42
- "name": "delay",
43
- "type": "Number",
44
- "default": "0",
45
- "description": "Defines the time the animation should wait until it starts."
46
- },
47
- {
48
- "name": "duration",
49
- "type": "Number",
50
- "default": "0.4",
51
- "description": "Defines the duration in seconds of the fade up animation."
52
- },
53
- {
54
- "name": "offset",
55
- "type": "number",
56
- "default": "15",
57
- "description": "Defines the y offset from the bottom where the element starts to fade in."
58
- },
59
- {
60
- "name": "className",
61
- "type": "String",
62
- "default": "",
63
- "description": "Additional classes names added to the motion div wrapper."
64
- }
65
- ]
66
- }
67
- ]
68
- }
69
- ]
70
- },
71
- {
72
- "caption": "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.",
73
- "rendered_html": "<div class=\"playground-content bg-white padding-20 padding-bottom-25\" style=\"width: 100%;\"><div class=\"max-width-800 padding-x-25\"><div class=\"display-flex align-items-center gap-25 margin-bottom-50\"><div><div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\"><h1 class=\"\">Lorem ipsum dolor sit amet</h1></div><div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\"><p class=\"text-color-dark\">\nLorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis.</p></div></div><div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\"><img class=\"rounded-large\" width=\"250\" src=\"\ndata:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwMCIgaGVpZ2h0PSI2NjYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjREZEREREIiBkPSJNMCAwaDEwMDB2NjY2SDB6Ii8+PGcgZmlsbD0iI0NFQ0FDQSI+PHBhdGggZD0iTTQxNy43NiAzMjQuOTZjLTQuMTYgMC03LjY4LS42NTMtMTAuNTYtMS45Ni0yLjg4LTEuMzA3LTUuMjUzLTMuMDUzLTcuMTItNS4yNGw1LjQ0LTcuNDRhMjEuODI3IDIxLjgyNyAwIDAgMCA1LjA4IDMuNjhjMS44NC45NiAzLjg1MyAxLjQ0IDYuMDQgMS40NCAyLjUwNyAwIDQuNTA3LS41MiA2LTEuNTYgMS40OTMtMS4wNCAyLjI0LTIuNTIgMi4yNC00LjQ0IDAtMS4xMi0uMi0yLjEzMy0uNi0zLjA0LS40LS45MDctMS4xMDctMS42NjctMi4xMi0yLjI4LTEuMDEzLS42MTMtMi40LTEuMDkzLTQuMTYtMS40NC0xLjc2LS4zNDctNC4wMjctLjUyLTYuOC0uNTJ2LTguMzJjMi4yOTMgMCA0LjItLjE2IDUuNzItLjQ4IDEuNTItLjMyIDIuNzQ3LS43ODcgMy42OC0xLjQuOTMzLS42MTMgMS42LTEuMzMzIDItMi4xNi40LS44MjcuNi0xLjc0Ny42LTIuNzYgMC0xLjc2LS41MzMtMy4xMzMtMS42LTQuMTItMS4wNjctLjk4Ny0yLjYxMy0xLjQ4LTQuNjQtMS40OC0xLjgxMyAwLTMuNDUzLjQtNC45MiAxLjItMS40NjcuOC0zIDEuODkzLTQuNiAzLjI4bC01LjkyLTcuMmMyLjM0Ny0yLjAyNyA0LjgxMy0zLjYxMyA3LjQtNC43NiAyLjU4Ny0xLjE0NyA1LjQ1My0xLjcyIDguNi0xLjcyIDIuNjEzIDAgNSAuMzA3IDcuMTYuOTJzNCAxLjUyIDUuNTIgMi43MmExMi43NzcgMTIuNzc3IDAgMCAxIDMuNTYgNC4zNmMuODUzIDEuNzA3IDEuMjggMy42OCAxLjI4IDUuOTIgMCAyLjY2Ny0uNzMzIDQuOTItMi4yIDYuNzYtMS40NjcgMS44NC0zLjU2IDMuMzQ3LTYuMjggNC41MnYuMzJjMi45MzMuODUzIDUuMzQ3IDIuMzA3IDcuMjQgNC4zNiAxLjg5MyAyLjA1MyAyLjg0IDQuNzMzIDIuODQgOC4wNCAwIDIuMzQ3LS41MDcgNC40NC0xLjUyIDYuMjhhMTQuMTg0IDE0LjE4NCAwIDAgMS00LjA4IDQuNjRjLTEuNzA3IDEuMjUzLTMuNzA3IDIuMjEzLTYgMi44OC0yLjI5My42NjctNC43MiAxLTcuMjggMXptNjQuOCAwYy0xLjc2IDAtMy41MzMtLjQ0LTUuMzItMS4zMi0xLjc4Ny0uODgtMy40NTMtMi4xNzMtNS0zLjg4aC0uMzJsLS45NiA0LjI0aC05LjJ2LTU2LjA4aDExLjc2djEzLjc2bC0uMzIgNi4wOGMxLjU0Ny0xLjM4NyAzLjIxMy0yLjQ2NyA1LTMuMjQgMS43ODctLjc3MyAzLjYxMy0xLjE2IDUuNDgtMS4xNiAyLjQgMCA0LjU2LjQ4IDYuNDggMS40NCAxLjkyLjk2IDMuNTYgMi4zMDcgNC45MiA0LjA0IDEuMzYgMS43MzMgMi40IDMuODQgMy4xMiA2LjMyLjcyIDIuNDggMS4wOCA1LjI0IDEuMDggOC4yOCAwIDMuNDEzLS40NjcgNi40NTMtMS40IDkuMTItLjkzMyAyLjY2Ny0yLjE4NyA0LjkyLTMuNzYgNi43Ni0xLjU3MyAxLjg0LTMuMzYgMy4yNC01LjM2IDQuMi0yIC45Ni00LjA2NyAxLjQ0LTYuMiAxLjQ0em0tMi43Mi05LjZjMi4wMjcgMCAzLjc2LS45MiA1LjItMi43NiAxLjQ0LTEuODQgMi4xNi00LjgxMyAyLjE2LTguOTIgMC03LjE0Ny0yLjI5My0xMC43Mi02Ljg4LTEwLjcyLTIuMzQ3IDAtNC42MTMgMS4yLTYuOCAzLjZ2MTYuMjRjMS4wNjcuOTYgMi4xMzMgMS42MjcgMy4yIDIgMS4wNjcuMzczIDIuMTA3LjU2IDMuMTIuNTZ6bTMxLjUyIDI0LjE2Yy0xLjIyNyAwLTIuMjY3LS4wNjctMy4xMi0uMmExNS4yOTQgMTUuMjk0IDAgMCAxLTIuNDgtLjZsMi4wOC04Ljk2Yy4zNzMuMTA3LjguMjEzIDEuMjguMzIuNDguMTA3LjkzMy4xNiAxLjM2LjE2IDEuOTczIDAgMy40OTMtLjQ4IDQuNTYtMS40NCAxLjA2Ny0uOTYgMS44NjctMi4yMTMgMi40LTMuNzZsLjU2LTIuMDgtMTUuMjgtMzguNjRoMTEuODRsNS42OCAxNy4wNGE5My44ODUgOTMuODg1IDAgMCAxIDEuNiA1LjUyYy40OCAxLjg2Ny45ODcgMy43ODcgMS41MiA1Ljc2aC4zMmMuNDI3LTEuODY3Ljg2Ny0zLjc0NyAxLjMyLTUuNjQuNDUzLTEuODkzLjkyLTMuNzczIDEuNC01LjY0bDQuOC0xNy4wNGgxMS4yOGwtMTMuNzYgNDAuMDhjLS45NiAyLjUwNy0xLjk2IDQuNzA3LTMgNi42LTEuMDQgMS44OTMtMi4yNCAzLjQ2Ny0zLjYgNC43MmExMy44NzQgMTMuODc0IDAgMCAxLTQuNjQgMi44NGMtMS43MzMuNjQtMy43NzMuOTYtNi4xMi45NnpNNTYyLjQgMzI0di02LjcyYzMuMjUzLTMuMDQgNi4yMjctNS44OCA4LjkyLTguNTIgMi42OTMtMi42NCA1LjAxMy01LjEyIDYuOTYtNy40NCAxLjk0Ny0yLjMyIDMuNDY3LTQuNDggNC41Ni02LjQ4IDEuMDkzLTIgMS42NC0zLjkwNyAxLjY0LTUuNzIgMC0yLjUwNy0uNjQtNC40MTMtMS45Mi01LjcyLTEuMjgtMS4zMDctMy4wNC0xLjk2LTUuMjgtMS45Ni0xLjg2NyAwLTMuNTIuNTItNC45NiAxLjU2YTI3LjM1IDI3LjM1IDAgMCAwLTQuMDggMy42NGwtNi40LTYuMzJjMi41MDctMi42NjcgNS4wNjctNC42OCA3LjY4LTYuMDQgMi42MTMtMS4zNiA1LjczMy0yLjA0IDkuMzYtMi4wNCAyLjUwNyAwIDQuNzg3LjM4NyA2Ljg0IDEuMTYgMi4wNTMuNzczIDMuODI3IDEuODY3IDUuMzIgMy4yOCAxLjQ5MyAxLjQxMyAyLjY0IDMuMTA3IDMuNDQgNS4wOC44IDEuOTczIDEuMiA0LjE4NyAxLjIgNi42NCAwIDIuMTMzLS40NTMgNC4zMDctMS4zNiA2LjUyLS45MDcgMi4yMTMtMi4xMiA0LjQyNy0zLjY0IDYuNjRhNzAuNjA3IDcwLjYwNyAwIDAgMS01LjIgNi42NCAxNzMuMDUgMTczLjA1IDAgMCAxLTYuMDQgNi41MiAxMDguOSAxMDguOSAwIDAgMSA0LjI4LS40NGMxLjU3My0uMTMzIDIuOTczLS4yIDQuMi0uMmgxMC4yNFYzMjRINTYyLjR6TTI5MC45IDM4OHYtMzIuNmgyMC40djYuMmgtMTMuMDV2Ni41NWgxMS4xdjYuMTVoLTExLjF2Ny41aDEzLjU1djYuMmgtMjAuOXptMjIgMGw3LjYtMTIuOS03LjE1LTExLjloNy45bDIuMiA0Yy4zMzMuNy42NzUgMS40MDggMS4wMjUgMi4xMjUuMzUuNzE3LjcwOCAxLjQyNSAxLjA3NSAyLjEyNWguMmMuMjY3LS43LjU1LTEuNDA4Ljg1LTIuMTI1LjMtLjcxNy41ODMtMS40MjUuODUtMi4xMjVsMS43LTRoNy42bC03LjIgMTIuNzVMMzM3LjIgMzg4aC03LjlsLTIuNC00LjFjLS40LS43LS43OTItMS40MTctMS4xNzUtMi4xNWE2NS4zNzMgNjUuMzczIDAgMCAwLTEuMTc1LTIuMTVoLS4yYy0uMy43LS42MTcgMS40MDgtLjk1IDIuMTI1LS4zMzMuNzE3LS42NSAxLjQ0Mi0uOTUgMi4xNzVsLTEuOTUgNC4xaC03LjZ6bTM0IC42Yy0xLjEzMyAwLTIuMTU4LS4xOTItMy4wNzUtLjU3NWE2LjU4NiA2LjU4NiAwIDAgMS0yLjMyNS0xLjYgNy40MDUgNy40MDUgMCAwIDEtMS40NzUtMi4zNzVjLS4zNS0uOS0uNTI1LTEuODgzLS41MjUtMi45NSAwLTIuNiAxLjEtNC42MzMgMy4zLTYuMSAyLjItMS40NjcgNS43NS0yLjQ1IDEwLjY1LTIuOTUtLjA2Ny0xLjEtLjM5Mi0xLjk3NS0uOTc1LTIuNjI1LS41ODMtLjY1LTEuNTU4LS45NzUtMi45MjUtLjk3NS0xLjA2NyAwLTIuMTI1LjItMy4xNzUuNi0xLjA1LjQtMi4xNzUuOTUtMy4zNzUgMS42NWwtMi42NS00Ljg1YzEuNi0uOTY3IDMuMjc1LTEuNzUgNS4wMjUtMi4zNSAxLjc1LS42IDMuNjA4LS45IDUuNTc1LS45IDMuMiAwIDUuNjQyLjkwOCA3LjMyNSAyLjcyNSAxLjY4MyAxLjgxNyAyLjUyNSA0LjY0MiAyLjUyNSA4LjQ3NVYzODhoLTZsLS41LTIuNTVoLS4yYTE1Ljg2OCAxNS44NjggMCAwIDEtMy4zNSAyLjI3NWMtMS4xNjcuNTgzLTIuNDUuODc1LTMuODUuODc1em0yLjUtNS43Yy44MzMgMCAxLjU1LS4xODMgMi4xNS0uNTUuNi0uMzY3IDEuMjMzLS44ODMgMS45LTEuNTV2LTQuMzVjLTIuNi4zNjctNC40LjktNS40IDEuNi0xIC43LTEuNSAxLjUzMy0xLjUgMi41IDAgLjguMjU4IDEuMzkyLjc3NSAxLjc3NXMxLjIwOC41NzUgMi4wNzUuNTc1ek0zNjcgMzg4di0yNC44aDZsLjUgMy4yaC4yYTE5LjgzNiAxOS44MzYgMCAwIDEgMy4zLTIuNjc1YzEuMTY3LS43NSAyLjU2Ny0xLjEyNSA0LjItMS4xMjUgMS43NjcgMCAzLjE5Mi4zNTggNC4yNzUgMS4wNzUgMS4wODMuNzE3IDEuOTQyIDEuNzQyIDIuNTc1IDMuMDc1YTIxLjcxOSAyMS43MTkgMCAwIDEgMy40NzUtMi45MjVjMS4yMTctLjgxNyAyLjY1OC0xLjIyNSA0LjMyNS0xLjIyNSAyLjY2NyAwIDQuNjI1Ljg5MiA1Ljg3NSAyLjY3NXMxLjg3NSA0LjIyNSAxLjg3NSA3LjMyNVYzODhoLTcuMzV2LTE0LjQ1YzAtMS44LS4yNDItMy4wMzMtLjcyNS0zLjctLjQ4My0uNjY3LTEuMjU4LTEtMi4zMjUtMS0xLjIzMyAwLTIuNjUuOC00LjI1IDIuNFYzODhoLTcuMzV2LTE0LjQ1YzAtMS44LS4yNDItMy4wMzMtLjcyNS0zLjctLjQ4My0uNjY3LTEuMjU4LTEtMi4zMjUtMS0xLjI2NyAwLTIuNjY3LjgtNC4yIDIuNFYzODhIMzY3em00Mi44NSA5LjJ2LTM0aDZsLjUgMi40NWguMmExMy44MzIgMTMuODMyIDAgMCAxIDMuMjc1LTIuMTc1IDguNjM1IDguNjM1IDAgMCAxIDMuNzc1LS44NzVjMS41IDAgMi44NS4zIDQuMDUuOWE4LjYzIDguNjMgMCAwIDEgMy4wNSAyLjU1Yy44MzMgMS4xIDEuNDc1IDIuNDI1IDEuOTI1IDMuOTc1LjQ1IDEuNTUuNjc1IDMuMjc1LjY3NSA1LjE3NSAwIDIuMTMzLS4yOTIgNC4wMjUtLjg3NSA1LjY3NS0uNTgzIDEuNjUtMS4zNjcgMy4wNS0yLjM1IDQuMi0uOTgzIDEuMTUtMi4xIDIuMDI1LTMuMzUgMi42MjUtMS4yNS42LTIuNTQyLjktMy44NzUuOS0xLjA2NyAwLTIuMS0uMjI1LTMuMS0uNjc1LTEtLjQ1LTEuOTMzLTEuMDkyLTIuOC0xLjkyNWwuMjUgMy45NXY3LjI1aC03LjM1em0xMS4zLTE0LjZjMS4yNjcgMCAyLjM1LS41NzUgMy4yNS0xLjcyNS45LTEuMTUgMS4zNS0zLjAwOCAxLjM1LTUuNTc1IDAtNC40NjctMS40MzMtNi43LTQuMy02LjctMS40MzMgMC0yLjg1Ljc1LTQuMjUgMi4yNVYzODFjLjY2Ny42IDEuMzMzIDEuMDE3IDIgMS4yNS42NjcuMjMzIDEuMzE3LjM1IDEuOTUuMzV6bTI0LjEgNmMtMS4yNjcgMC0yLjMzMy0uMi0zLjItLjYtLjg2Ny0uNC0xLjU1OC0uOTU4LTIuMDc1LTEuNjc1LS41MTctLjcxNy0uODkyLTEuNTgzLTEuMTI1LTIuNi0uMjMzLTEuMDE3LS4zNS0yLjE1OC0uMzUtMy40MjV2LTI3LjM1aDcuMzV2MjcuNjVjMCAuNzY3LjE0MiAxLjMuNDI1IDEuNi4yODMuMy41NzUuNDUuODc1LjQ1aC40MjVjLjExNyAwIC4yNzUtLjAzMy40NzUtLjFsLjkgNS40NWMtLjQuMTY3LS45MDguMzA4LTEuNTI1LjQyNS0uNjE3LjExNy0xLjM0Mi4xNzUtMi4xNzUuMTc1em0xOC42NSAwYy0xLjc2NyAwLTMuNDE3LS4yOTItNC45NS0uODc1YTExLjQwOCAxMS40MDggMCAwIDEtNC0yLjU1Yy0xLjEzMy0xLjExNy0yLjAxNy0yLjQ3NS0yLjY1LTQuMDc1cy0uOTUtMy40MzMtLjk1LTUuNWMwLTIgLjMzMy0zLjgwOCAxLTUuNDI1czEuNTQyLTIuOTgzIDIuNjI1LTQuMWExMS40MSAxMS40MSAwIDAgMSAzLjcyNS0yLjU3NWMxLjQtLjYgMi44NS0uOSA0LjM1LS45IDEuNzY3IDAgMy4zMDguMyA0LjYyNS45IDEuMzE3LjYgMi40MTcgMS40MzMgMy4zIDIuNXMxLjU0MiAyLjMyNSAxLjk3NSAzLjc3NWMuNDMzIDEuNDUuNjUgMy4wMjUuNjUgNC43MjUgMCAuNjY3LS4wMzMgMS4zLS4xIDEuOS0uMDY3LjYtLjEzMyAxLjA1LS4yIDEuMzVoLTE0Ljg1Yy4zMzMgMS44IDEuMDc1IDMuMTI1IDIuMjI1IDMuOTc1IDEuMTUuODUgMi41NTggMS4yNzUgNC4yMjUgMS4yNzUgMS43NjcgMCAzLjU1LS41NSA1LjM1LTEuNjVsMi40NSA0LjQ1YTE2LjI4OCAxNi4yODggMCAwIDEtNC4yMjUgMi4wNWMtMS41NS41LTMuMDc1Ljc1LTQuNTc1Ljc1em0tNS41LTE1LjdoOC45NWMwLTEuNC0uMzE3LTIuNTMzLS45NS0zLjRzLTEuNy0xLjMtMy4yLTEuM2E0LjU0OSA0LjU0OSAwIDAgMC0zLjA3NSAxLjE1Yy0uODgzLjc2Ny0xLjQ1OCAxLjk1LTEuNzI1IDMuNTV6bTI0LjU1LS41Yy0xLjI2NyAwLTIuMzI1LS40NDItMy4xNzUtMS4zMjUtLjg1LS44ODMtMS4yNzUtMS45NzUtMS4yNzUtMy4yNzUgMC0xLjMzMy40MjUtMi40NDIgMS4yNzUtMy4zMjUuODUtLjg4MyAxLjkwOC0xLjMyNSAzLjE3NS0xLjMyNXMyLjMyNS40NDIgMy4xNzUgMS4zMjVjLjg1Ljg4MyAxLjI3NSAxLjk5MiAxLjI3NSAzLjMyNSAwIDEuMy0uNDI1IDIuMzkyLTEuMjc1IDMuMjc1LS44NS44ODMtMS45MDggMS4zMjUtMy4xNzUgMS4zMjV6bTAgMTYuMmMtMS4yNjcgMC0yLjMyNS0uNDQyLTMuMTc1LTEuMzI1LS44NS0uODgzLTEuMjc1LTEuOTc1LTEuMjc1LTMuMjc1IDAtMS4zMzMuNDI1LTIuNDQyIDEuMjc1LTMuMzI1Ljg1LS44ODMgMS45MDgtMS4zMjUgMy4xNzUtMS4zMjVzMi4zMjUuNDQyIDMuMTc1IDEuMzI1Yy44NS44ODMgMS4yNzUgMS45OTIgMS4yNzUgMy4zMjUgMCAxLjMtLjQyNSAyLjM5Mi0xLjI3NSAzLjI3NS0uODUuODgzLTEuOTA4IDEuMzI1LTMuMTc1IDEuMzI1em0yMS0uNnYtNS45NWg2LjlWMzYzLjdoLTUuOTV2LTQuNTVjMS43MzMtLjMzMyAzLjItLjczMyA0LjQtMS4yYTI0LjE4MiAyNC4xODIgMCAwIDAgMy41LTEuN2g1LjR2MjUuOGg1Ljk1VjM4OGgtMjAuMnptMzYuMS42Yy0xLjcgMC0zLjI1LS4zNTgtNC42NS0xLjA3NS0xLjQtLjcxNy0yLjU5Mi0xLjc3NS0zLjU3NS0zLjE3NS0uOTgzLTEuNC0xLjc1LTMuMTMzLTIuMy01LjItLjU1LTIuMDY3LS44MjUtNC40NS0uODI1LTcuMTVzLjI3NS01LjA2Ny44MjUtNy4xYy41NS0yLjAzMyAxLjMxNy0zLjc0MiAyLjMtNS4xMjUuOTgzLTEuMzgzIDIuMTc1LTIuNDE3IDMuNTc1LTMuMSAxLjQtLjY4MyAyLjk1LTEuMDI1IDQuNjUtMS4wMjUgMS43IDAgMy4yNS4zNDIgNC42NSAxLjAyNSAxLjQuNjgzIDIuNTkyIDEuNzE3IDMuNTc1IDMuMS45ODMgMS4zODMgMS43NSAzLjA5MiAyLjMgNS4xMjUuNTUgMi4wMzMuODI1IDQuNC44MjUgNy4xIDAgMi43LS4yNzUgNS4wODMtLjgyNSA3LjE1LS41NSAyLjA2Ny0xLjMxNyAzLjgtMi4zIDUuMi0uOTgzIDEuNC0yLjE3NSAyLjQ1OC0zLjU3NSAzLjE3NS0xLjQuNzE3LTIuOTUgMS4wNzUtNC42NSAxLjA3NXptMC01LjdjLjYzMyAwIDEuMjE3LS4xNTggMS43NS0uNDc1LjUzMy0uMzE3IDEtLjg5MiAxLjQtMS43MjUuNC0uODMzLjcwOC0xLjk1LjkyNS0zLjM1LjIxNy0xLjQuMzI1LTMuMTgzLjMyNS01LjM1cy0uMTA4LTMuOTQyLS4zMjUtNS4zMjVjLS4yMTctMS4zODMtLjUyNS0yLjQ2Ny0uOTI1LTMuMjUtLjQtLjc4My0uODY3LTEuMzI1LTEuNC0xLjYyNWEzLjUwOSAzLjUwOSAwIDAgMC0xLjc1LS40NWMtLjYgMC0xLjE2Ny4xNS0xLjcuNDUtLjUzMy4zLTEgLjg0Mi0xLjQgMS42MjUtLjQuNzgzLS43MTcgMS44NjctLjk1IDMuMjUtLjIzMyAxLjM4My0uMzUgMy4xNTgtLjM1IDUuMzI1IDAgMi4xNjcuMTE3IDMuOTUuMzUgNS4zNS4yMzMgMS40LjU1IDIuNTE3Ljk1IDMuMzUuNC44MzMuODY3IDEuNDA4IDEuNCAxLjcyNS41MzMuMzE3IDEuMS40NzUgMS43LjQ3NXptMjYuNCA1LjdjLTEuNyAwLTMuMjUtLjM1OC00LjY1LTEuMDc1LTEuNC0uNzE3LTIuNTkyLTEuNzc1LTMuNTc1LTMuMTc1LS45ODMtMS40LTEuNzUtMy4xMzMtMi4zLTUuMi0uNTUtMi4wNjctLjgyNS00LjQ1LS44MjUtNy4xNXMuMjc1LTUuMDY3LjgyNS03LjFjLjU1LTIuMDMzIDEuMzE3LTMuNzQyIDIuMy01LjEyNS45ODMtMS4zODMgMi4xNzUtMi40MTcgMy41NzUtMy4xIDEuNC0uNjgzIDIuOTUtMS4wMjUgNC42NS0xLjAyNSAxLjcgMCAzLjI1LjM0MiA0LjY1IDEuMDI1IDEuNC42ODMgMi41OTIgMS43MTcgMy41NzUgMy4xLjk4MyAxLjM4MyAxLjc1IDMuMDkyIDIuMyA1LjEyNS41NSAyLjAzMy44MjUgNC40LjgyNSA3LjEgMCAyLjctLjI3NSA1LjA4My0uODI1IDcuMTUtLjU1IDIuMDY3LTEuMzE3IDMuOC0yLjMgNS4yLS45ODMgMS40LTIuMTc1IDIuNDU4LTMuNTc1IDMuMTc1LTEuNC43MTctMi45NSAxLjA3NS00LjY1IDEuMDc1em0wLTUuN2MuNjMzIDAgMS4yMTctLjE1OCAxLjc1LS40NzUuNTMzLS4zMTcgMS0uODkyIDEuNC0xLjcyNS40LS44MzMuNzA4LTEuOTUuOTI1LTMuMzUuMjE3LTEuNC4zMjUtMy4xODMuMzI1LTUuMzVzLS4xMDgtMy45NDItLjMyNS01LjMyNWMtLjIxNy0xLjM4My0uNTI1LTIuNDY3LS45MjUtMy4yNS0uNC0uNzgzLS44NjctMS4zMjUtMS40LTEuNjI1YTMuNTA5IDMuNTA5IDAgMCAwLTEuNzUtLjQ1Yy0uNiAwLTEuMTY3LjE1LTEuNy40NS0uNTMzLjMtMSAuODQyLTEuNCAxLjYyNS0uNC43ODMtLjcxNyAxLjg2Ny0uOTUgMy4yNS0uMjMzIDEuMzgzLS4zNSAzLjE1OC0uMzUgNS4zMjUgMCAyLjE2Ny4xMTcgMy45NS4zNSA1LjM1LjIzMyAxLjQuNTUgMi41MTcuOTUgMy4zNS40LjgzMy44NjcgMS40MDggMS40IDEuNzI1LjUzMy4zMTcgMS4xLjQ3NSAxLjcuNDc1em0yNi40IDUuN2MtMS43IDAtMy4yNS0uMzU4LTQuNjUtMS4wNzUtMS40LS43MTctMi41OTItMS43NzUtMy41NzUtMy4xNzUtLjk4My0xLjQtMS43NS0zLjEzMy0yLjMtNS4yLS41NS0yLjA2Ny0uODI1LTQuNDUtLjgyNS03LjE1cy4yNzUtNS4wNjcuODI1LTcuMWMuNTUtMi4wMzMgMS4zMTctMy43NDIgMi4zLTUuMTI1Ljk4My0xLjM4MyAyLjE3NS0yLjQxNyAzLjU3NS0zLjEgMS40LS42ODMgMi45NS0xLjAyNSA0LjY1LTEuMDI1IDEuNyAwIDMuMjUuMzQyIDQuNjUgMS4wMjUgMS40LjY4MyAyLjU5MiAxLjcxNyAzLjU3NSAzLjEuOTgzIDEuMzgzIDEuNzUgMy4wOTIgMi4zIDUuMTI1LjU1IDIuMDMzLjgyNSA0LjQuODI1IDcuMSAwIDIuNy0uMjc1IDUuMDgzLS44MjUgNy4xNS0uNTUgMi4wNjctMS4zMTcgMy44LTIuMyA1LjItLjk4MyAxLjQtMi4xNzUgMi40NTgtMy41NzUgMy4xNzUtMS40LjcxNy0yLjk1IDEuMDc1LTQuNjUgMS4wNzV6bTAtNS43Yy42MzMgMCAxLjIxNy0uMTU4IDEuNzUtLjQ3NS41MzMtLjMxNyAxLS44OTIgMS40LTEuNzI1LjQtLjgzMy43MDgtMS45NS45MjUtMy4zNS4yMTctMS40LjMyNS0zLjE4My4zMjUtNS4zNXMtLjEwOC0zLjk0Mi0uMzI1LTUuMzI1Yy0uMjE3LTEuMzgzLS41MjUtMi40NjctLjkyNS0zLjI1LS40LS43ODMtLjg2Ny0xLjMyNS0xLjQtMS42MjVhMy41MDkgMy41MDkgMCAwIDAtMS43NS0uNDVjLS42IDAtMS4xNjcuMTUtMS43LjQ1LS41MzMuMy0xIC44NDItMS40IDEuNjI1LS40Ljc4My0uNzE3IDEuODY3LS45NSAzLjI1LS4yMzMgMS4zODMtLjM1IDMuMTU4LS4zNSA1LjMyNSAwIDIuMTY3LjExNyAzLjk1LjM1IDUuMzUuMjMzIDEuNC41NSAyLjUxNy45NSAzLjM1LjQuODMzLjg2NyAxLjQwOCAxLjQgMS43MjUuNTMzLjMxNyAxLjEuNDc1IDEuNy40NzV6bTEzLjkgNS4xbDcuNi0xMi45LTcuMTUtMTEuOWg3LjlsMi4yIDRjLjMzMy43LjY3NSAxLjQwOCAxLjAyNSAyLjEyNS4zNS43MTcuNzA4IDEuNDI1IDEuMDc1IDIuMTI1aC4yYy4yNjctLjcuNTUtMS40MDguODUtMi4xMjUuMy0uNzE3LjU4My0xLjQyNS44NS0yLjEyNWwxLjctNGg3LjZsLTcuMiAxMi43NSA3LjY1IDEyLjA1aC03LjlsLTIuNC00LjFjLS40LS43LS43OTItMS40MTctMS4xNzUtMi4xNWE2NS4zNzMgNjUuMzczIDAgMCAwLTEuMTc1LTIuMTVoLS4yYy0uMy43LS42MTcgMS40MDgtLjk1IDIuMTI1LS4zMzMuNzE3LS42NSAxLjQ0Mi0uOTUgMi4xNzVsLTEuOTUgNC4xaC03LjZ6bTM5LjA1LjZhMTEuNiAxMS42IDAgMCAxLTQuNDc1LS45Yy0xLjQ1LS42LTIuNzMzLTEuNTMzLTMuODUtMi44cy0yLjAwOC0yLjg5Mi0yLjY3NS00Ljg3NWMtLjY2Ny0xLjk4My0xLTQuMzc1LTEtNy4xNzUgMC0yLjk2Ny4zNTgtNS41MzMgMS4wNzUtNy43czEuNjY3LTMuOTUgMi44NS01LjM1YzEuMTgzLTEuNCAyLjU1LTIuNDQyIDQuMS0zLjEyNWExMS44MzkgMTEuODM5IDAgMCAxIDQuODI1LTEuMDI1YzIuMSAwIDMuOTE3LjM3NSA1LjQ1IDEuMTI1IDEuNTMzLjc1IDIuOCAxLjY0MiAzLjggMi42NzVsLTMuODUgNC40Yy0uNTY3LS42LTEuMy0xLjEyNS0yLjItMS41NzUtLjktLjQ1LTEuODE3LS42NzUtMi43NS0uNjc1LS44NjcgMC0xLjY4My4xNjctMi40NS41LS43NjcuMzMzLTEuNDQyLjg5Mi0yLjAyNSAxLjY3NXMtMS4wNTggMS44MDgtMS40MjUgMy4wNzVjLS4zNjcgMS4yNjctLjU4MyAyLjgxNy0uNjUgNC42NS40LS41MzMuODY3LTEuMDA4IDEuNC0xLjQyNWE5LjggOS44IDAgMCAxIDEuNjUtMS4wNSA4Ljg4NiA4Ljg4NiAwIDAgMSAxLjctLjY1Yy41NjctLjE1IDEuMS0uMjI1IDEuNi0uMjI1IDEuMzY3IDAgMi42MjUuMiAzLjc3NS42IDEuMTUuNCAyLjE1IDEgMyAxLjguODUuOCAxLjUwOCAxLjgxNyAxLjk3NSAzLjA1LjQ2NyAxLjIzMy43IDIuNjgzLjcgNC4zNSAwIDEuNjY3LS4yODMgMy4xNS0uODUgNC40NS0uNTY3IDEuMy0xLjMyNSAyLjQxNy0yLjI3NSAzLjM1YTkuNDk2IDkuNDk2IDAgMCAxLTMuMzUgMi4xMjUgMTEuNDY1IDExLjQ2NSAwIDAgMS00LjA3NS43MjV6bS0uMTUtNS41YzEuMSAwIDIuMDQyLS40MDggMi44MjUtMS4yMjUuNzgzLS44MTcgMS4xNzUtMi4xMjUgMS4xNzUtMy45MjUgMC0xLjctLjM5Mi0yLjg5Mi0xLjE3NS0zLjU3NS0uNzgzLS42ODMtMS43NzUtMS4wMjUtMi45NzUtMS4wMjUtLjgzMyAwLTEuNjc1LjI0Mi0yLjUyNS43MjUtLjg1LjQ4My0xLjYwOCAxLjI5Mi0yLjI3NSAyLjQyNS4xNjcgMS4yNjcuNDE3IDIuMzE3Ljc1IDMuMTUuMzMzLjgzMy43MTcgMS41MDggMS4xNSAyLjAyNS40MzMuNTE3LjkwOC44ODMgMS40MjUgMS4xYTQuMTYgNC4xNiAwIDAgMCAxLjYyNS4zMjV6bTI2LjU1IDUuNWExMS42IDExLjYgMCAwIDEtNC40NzUtLjljLTEuNDUtLjYtMi43MzMtMS41MzMtMy44NS0yLjhzLTIuMDA4LTIuODkyLTIuNjc1LTQuODc1Yy0uNjY3LTEuOTgzLTEtNC4zNzUtMS03LjE3NSAwLTIuOTY3LjM1OC01LjUzMyAxLjA3NS03LjdzMS42NjctMy45NSAyLjg1LTUuMzVjMS4xODMtMS40IDIuNTUtMi40NDIgNC4xLTMuMTI1YTExLjgzOSAxMS44MzkgMCAwIDEgNC44MjUtMS4wMjVjMi4xIDAgMy45MTcuMzc1IDUuNDUgMS4xMjUgMS41MzMuNzUgMi44IDEuNjQyIDMuOCAyLjY3NWwtMy44NSA0LjRjLS41NjctLjYtMS4zLTEuMTI1LTIuMi0xLjU3NS0uOS0uNDUtMS44MTctLjY3NS0yLjc1LS42NzUtLjg2NyAwLTEuNjgzLjE2Ny0yLjQ1LjUtLjc2Ny4zMzMtMS40NDIuODkyLTIuMDI1IDEuNjc1cy0xLjA1OCAxLjgwOC0xLjQyNSAzLjA3NWMtLjM2NyAxLjI2Ny0uNTgzIDIuODE3LS42NSA0LjY1LjQtLjUzMy44NjctMS4wMDggMS40LTEuNDI1YTkuOCA5LjggMCAwIDEgMS42NS0xLjA1IDguODg2IDguODg2IDAgMCAxIDEuNy0uNjVjLjU2Ny0uMTUgMS4xLS4yMjUgMS42LS4yMjUgMS4zNjcgMCAyLjYyNS4yIDMuNzc1LjYgMS4xNS40IDIuMTUgMSAzIDEuOC44NS44IDEuNTA4IDEuODE3IDEuOTc1IDMuMDUuNDY3IDEuMjMzLjcgMi42ODMuNyA0LjM1IDAgMS42NjctLjI4MyAzLjE1LS44NSA0LjQ1LS41NjcgMS4zLTEuMzI1IDIuNDE3LTIuMjc1IDMuMzVhOS40OTYgOS40OTYgMCAwIDEtMy4zNSAyLjEyNSAxMS40NjUgMTEuNDY1IDAgMCAxLTQuMDc1LjcyNXptLS4xNS01LjVjMS4xIDAgMi4wNDItLjQwOCAyLjgyNS0xLjIyNS43ODMtLjgxNyAxLjE3NS0yLjEyNSAxLjE3NS0zLjkyNSAwLTEuNy0uMzkyLTIuODkyLTEuMTc1LTMuNTc1LS43ODMtLjY4My0xLjc3NS0xLjAyNS0yLjk3NS0xLjAyNS0uODMzIDAtMS42NzUuMjQyLTIuNTI1LjcyNS0uODUuNDgzLTEuNjA4IDEuMjkyLTIuMjc1IDIuNDI1LjE2NyAxLjI2Ny40MTcgMi4zMTcuNzUgMy4xNS4zMzMuODMzLjcxNyAxLjUwOCAxLjE1IDIuMDI1LjQzMy41MTcuOTA4Ljg4MyAxLjQyNSAxLjFhNC4xNiA0LjE2IDAgMCAwIDEuNjI1LjMyNXptMjYuNTUgNS41YTExLjYgMTEuNiAwIDAgMS00LjQ3NS0uOWMtMS40NS0uNi0yLjczMy0xLjUzMy0zLjg1LTIuOHMtMi4wMDgtMi44OTItMi42NzUtNC44NzVjLS42NjctMS45ODMtMS00LjM3NS0xLTcuMTc1IDAtMi45NjcuMzU4LTUuNTMzIDEuMDc1LTcuN3MxLjY2Ny0zLjk1IDIuODUtNS4zNWMxLjE4My0xLjQgMi41NS0yLjQ0MiA0LjEtMy4xMjVhMTEuODM5IDExLjgzOSAwIDAgMSA0LjgyNS0xLjAyNWMyLjEgMCAzLjkxNy4zNzUgNS40NSAxLjEyNSAxLjUzMy43NSAyLjggMS42NDIgMy44IDIuNjc1bC0zLjg1IDQuNGMtLjU2Ny0uNi0xLjMtMS4xMjUtMi4yLTEuNTc1LS45LS40NS0xLjgxNy0uNjc1LTIuNzUtLjY3NS0uODY3IDAtMS42ODMuMTY3LTIuNDUuNS0uNzY3LjMzMy0xLjQ0Mi44OTItMi4wMjUgMS42NzVzLTEuMDU4IDEuODA4LTEuNDI1IDMuMDc1Yy0uMzY3IDEuMjY3LS41ODMgMi44MTctLjY1IDQuNjUuNC0uNTMzLjg2Ny0xLjAwOCAxLjQtMS40MjVhOS44IDkuOCAwIDAgMSAxLjY1LTEuMDUgOC44ODYgOC44ODYgMCAwIDEgMS43LS42NWMuNTY3LS4xNSAxLjEtLjIyNSAxLjYtLjIyNSAxLjM2NyAwIDIuNjI1LjIgMy43NzUuNiAxLjE1LjQgMi4xNSAxIDMgMS44Ljg1LjggMS41MDggMS44MTcgMS45NzUgMy4wNS40NjcgMS4yMzMuNyAyLjY4My43IDQuMzUgMCAxLjY2Ny0uMjgzIDMuMTUtLjg1IDQuNDUtLjU2NyAxLjMtMS4zMjUgMi40MTctMi4yNzUgMy4zNWE5LjQ5NiA5LjQ5NiAwIDAgMS0zLjM1IDIuMTI1IDExLjQ2NSAxMS40NjUgMCAwIDEtNC4wNzUuNzI1em0tLjE1LTUuNWMxLjEgMCAyLjA0Mi0uNDA4IDIuODI1LTEuMjI1Ljc4My0uODE3IDEuMTc1LTIuMTI1IDEuMTc1LTMuOTI1IDAtMS43LS4zOTItMi44OTItMS4xNzUtMy41NzUtLjc4My0uNjgzLTEuNzc1LTEuMDI1LTIuOTc1LTEuMDI1LS44MzMgMC0xLjY3NS4yNDItMi41MjUuNzI1LS44NS40ODMtMS42MDggMS4yOTItMi4yNzUgMi40MjUuMTY3IDEuMjY3LjQxNyAyLjMxNy43NSAzLjE1LjMzMy44MzMuNzE3IDEuNTA4IDEuMTUgMi4wMjUuNDMzLjUxNy45MDguODgzIDEuNDI1IDEuMWE0LjE2IDQuMTYgMCAwIDAgMS42MjUuMzI1eiIvPjwvZz48L2c+PC9zdmc+\n\" alt=\"dummy\"></div></div><div class=\"display-grid grid-cols-1 grid-cols-3-md gap-15\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\"><div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\"><div class=\"bg-white rounded border padding-25 margin-bottom-15\">\nLorem 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></div><div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\"><div class=\"bg-white rounded border padding-25 margin-bottom-15\">\nLorem 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></div><div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\"><div class=\"bg-white rounded border padding-25 margin-bottom-15\">\nLorem 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></div></div></div></div>",
74
- "tabs": [
75
- {
76
- "label": "React",
77
- "language": "tsx",
78
- "code": "import FadeUp from '@rio-cloud/rio-uikit/FadeUp';\nimport { dummyImage3by2, dummyTextExtraShort, dummyTextShort } from '../../../utils/data';\n\nexport default () => {\n return (\n <div className='max-width-800 padding-x-25'>\n <div className='display-flex align-items-center gap-25 margin-bottom-50'>\n <div>\n <FadeUp delay={0.4}>\n <h1 className=''>Lorem ipsum dolor sit amet</h1>\n </FadeUp>\n <FadeUp delay={0.6}>\n <p className='text-color-dark'>{dummyTextExtraShort}</p>\n </FadeUp>\n </div>\n <FadeUp delay={1.0}>\n <img className='rounded-large' width={250} src={dummyImage3by2} alt='dummy' />\n </FadeUp>\n </div>\n\n <FadeUp delay={1.3} className='display-grid grid-cols-1 grid-cols-3-md gap-15'>\n {Array.from({ length: 3 }, (_, index) => (\n // biome-ignore lint/suspicious/noArrayIndexKey: <explanation>\n <FadeUp key={index} delay={1.5 + index * 0.2}>\n <div className='bg-white rounded border padding-25 margin-bottom-15'>{dummyTextShort}</div>\n </FadeUp>\n ))}\n </FadeUp>\n </div>\n );\n};"
79
- },
80
- {
81
- "label": "HTML",
82
- "language": "html",
83
- "code": "<div class=\"max-width-800 padding-x-25\">\n <div class=\"display-flex align-items-center gap-25 margin-bottom-50\">\n <div>\n <div class=\"\" style=\"opacity: 1; transform: none;\">\n <h1 class=\"\">Lorem ipsum dolor sit amet</h1>\n </div>\n <div class=\"\" style=\"opacity: 1; transform: translateY(-0.0915055px) translateZ(0px);\">\n <p class=\"text-color-dark\">\n 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.</p>\n </div>\n </div>\n <div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\">\n <img class=\"rounded-large\" width=\"250\" src=\"\ndata:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwMCIgaGVpZ2h0PSI2NjYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjREZEREREIiBkPSJNMCAwaDEwMDB2NjY2SDB6Ii8+PGcgZmlsbD0iI0NFQ0FDQSI+PHBhdGggZD0iTTQxNy43NiAzMjQuOTZjLTQuMTYgMC03LjY4LS42NTMtMTAuNTYtMS45Ni0yLjg4LTEuMzA3LTUuMjUzLTMuMDUzLTcuMTItNS4yNGw1LjQ0LTcuNDRhMjEuODI3IDIxLjgyNyAwIDAgMCA1LjA4IDMuNjhjMS44NC45NiAzLjg1MyAxLjQ0IDYuMDQgMS40NCAyLjUwNyAwIDQuNTA3LS41MiA2LTEuNTYgMS40OTMtMS4wNCAyLjI0LTIuNTIgMi4yNC00LjQ0IDAtMS4xMi0uMi0yLjEzMy0uNi0zLjA0LS40LS45MDctMS4xMDctMS42NjctMi4xMi0yLjI4LTEuMDEzLS42MTMtMi40LTEuMDkzLTQuMTYtMS40NC0xLjc2LS4zNDctNC4wMjctLjUyLTYuOC0uNTJ2LTguMzJjMi4yOTMgMCA0LjItLjE2IDUuNzItLjQ4IDEuNTItLjMyIDIuNzQ3LS43ODcgMy42OC0xLjQuOTMzLS42MTMgMS42LTEuMzMzIDItMi4xNi40LS44MjcuNi0xLjc0Ny42LTIuNzYgMC0xLjc2LS41MzMtMy4xMzMtMS42LTQuMTItMS4wNjctLjk4Ny0yLjYxMy0xLjQ4LTQuNjQtMS40OC0xLjgxMyAwLTMuNDUzLjQtNC45MiAxLjItMS40NjcuOC0zIDEuODkzLTQuNiAzLjI4bC01LjkyLTcuMmMyLjM0Ny0yLjAyNyA0LjgxMy0zLjYxMyA3LjQtNC43NiAyLjU4Ny0xLjE0NyA1LjQ1My0xLjcyIDguNi0xLjcyIDIuNjEzIDAgNSAuMzA3IDcuMTYuOTJzNCAxLjUyIDUuNTIgMi43MmExMi43NzcgMTIuNzc3IDAgMCAxIDMuNTYgNC4zNmMuODUzIDEuNzA3IDEuMjggMy42OCAxLjI4IDUuOTIgMCAyLjY2Ny0uNzMzIDQuOTItMi4yIDYuNzYtMS40NjcgMS44NC0zLjU2IDMuMzQ3LTYuMjggNC41MnYuMzJjMi45MzMuODUzIDUuMzQ3IDIuMzA3IDcuMjQgNC4zNiAxLjg5MyAyLjA1MyAyLjg0IDQuNzMzIDIuODQgOC4wNCAwIDIuMzQ3LS41MDcgNC40NC0xLjUyIDYuMjhhMTQuMTg0IDE0LjE4NCAwIDAgMS00LjA4IDQuNjRjLTEuNzA3IDEuMjUzLTMuNzA3IDIuMjEzLTYgMi44OC0yLjI5My42NjctNC43MiAxLTcuMjggMXptNjQuOCAwYy0xLjc2IDAtMy41MzMtLjQ0LTUuMzItMS4zMi0xLjc4Ny0uODgtMy40NTMtMi4xNzMtNS0zLjg4aC0uMzJsLS45NiA0LjI0aC05LjJ2LTU2LjA4aDExLjc2djEzLjc2bC0uMzIgNi4wOGMxLjU0Ny0xLjM4NyAzLjIxMy0yLjQ2NyA1LTMuMjQgMS43ODctLjc3MyAzLjYxMy0xLjE2IDUuNDgtMS4xNiAyLjQgMCA0LjU2LjQ4IDYuNDggMS40NCAxLjkyLjk2IDMuNTYgMi4zMDcgNC45MiA0LjA0IDEuMzYgMS43MzMgMi40IDMuODQgMy4xMiA2LjMyLjcyIDIuNDggMS4wOCA1LjI0IDEuMDggOC4yOCAwIDMuNDEzLS40NjcgNi40NTMtMS40IDkuMTItLjkzMyAyLjY2Ny0yLjE4NyA0LjkyLTMuNzYgNi43Ni0xLjU3MyAxLjg0LTMuMzYgMy4yNC01LjM2IDQuMi0yIC45Ni00LjA2NyAxLjQ0LTYuMiAxLjQ0em0tMi43Mi05LjZjMi4wMjcgMCAzLjc2LS45MiA1LjItMi43NiAxLjQ0LTEuODQgMi4xNi00LjgxMyAyLjE2LTguOTIgMC03LjE0Ny0yLjI5My0xMC43Mi02Ljg4LTEwLjcyLTIuMzQ3IDAtNC42MTMgMS4yLTYuOCAzLjZ2MTYuMjRjMS4wNjcuOTYgMi4xMzMgMS42MjcgMy4yIDIgMS4wNjcuMzczIDIuMTA3LjU2IDMuMTIuNTZ6bTMxLjUyIDI0LjE2Yy0xLjIyNyAwLTIuMjY3LS4wNjctMy4xMi0uMmExNS4yOTQgMTUuMjk0IDAgMCAxLTIuNDgtLjZsMi4wOC04Ljk2Yy4zNzMuMTA3LjguMjEzIDEuMjguMzIuNDguMTA3LjkzMy4xNiAxLjM2LjE2IDEuOTczIDAgMy40OTMtLjQ4IDQuNTYtMS40NCAxLjA2Ny0uOTYgMS44NjctMi4yMTMgMi40LTMuNzZsLjU2LTIuMDgtMTUuMjgtMzguNjRoMTEuODRsNS42OCAxNy4wNGE5My44ODUgOTMuODg1IDAgMCAxIDEuNiA1LjUyYy40OCAxLjg2Ny45ODcgMy43ODcgMS41MiA1Ljc2aC4zMmMuNDI3LTEuODY3Ljg2Ny0zLjc0NyAxLjMyLTUuNjQuNDUzLTEuODkzLjkyLTMuNzczIDEuNC01LjY0bDQuOC0xNy4wNGgxMS4yOGwtMTMuNzYgNDAuMDhjLS45NiAyLjUwNy0xLjk2IDQuNzA3LTMgNi42LTEuMDQgMS44OTMtMi4yNCAzLjQ2Ny0zLjYgNC43MmExMy44NzQgMTMuODc0IDAgMCAxLTQuNjQgMi44NGMtMS43MzMuNjQtMy43NzMuOTYtNi4xMi45NnpNNTYyLjQgMzI0di02LjcyYzMuMjUzLTMuMDQgNi4yMjctNS44OCA4LjkyLTguNTIgMi42OTMtMi42NCA1LjAxMy01LjEyIDYuOTYtNy40NCAxLjk0Ny0yLjMyIDMuNDY3LTQuNDggNC41Ni02LjQ4IDEuMDkzLTIgMS42NC0zLjkwNyAxLjY0LTUuNzIgMC0yLjUwNy0uNjQtNC40MTMtMS45Mi01LjcyLTEuMjgtMS4zMDctMy4wNC0xLjk2LTUuMjgtMS45Ni0xLjg2NyAwLTMuNTIuNTItNC45NiAxLjU2YTI3LjM1IDI3LjM1IDAgMCAwLTQuMDggMy42NGwtNi40LTYuMzJjMi41MDctMi42NjcgNS4wNjctNC42OCA3LjY4LTYuMDQgMi42MTMtMS4zNiA1LjczMy0yLjA0IDkuMzYtMi4wNCAyLjUwNyAwIDQuNzg3LjM4NyA2Ljg0IDEuMTYgMi4wNTMuNzczIDMuODI3IDEuODY3IDUuMzIgMy4yOCAxLjQ5MyAxLjQxMyAyLjY0IDMuMTA3IDMuNDQgNS4wOC44IDEuOTczIDEuMiA0LjE4NyAxLjIgNi42NCAwIDIuMTMzLS40NTMgNC4zMDctMS4zNiA2LjUyLS45MDcgMi4yMTMtMi4xMiA0LjQyNy0zLjY0IDYuNjRhNzAuNjA3IDcwLjYwNyAwIDAgMS01LjIgNi42NCAxNzMuMDUgMTczLjA1IDAgMCAxLTYuMDQgNi41MiAxMDguOSAxMDguOSAwIDAgMSA0LjI4LS40NGMxLjU3My0uMTMzIDIuOTczLS4yIDQuMi0uMmgxMC4yNFYzMjRINTYyLjR6TTI5MC45IDM4OHYtMzIuNmgyMC40djYuMmgtMTMuMDV2Ni41NWgxMS4xdjYuMTVoLTExLjF2Ny41aDEzLjU1djYuMmgtMjAuOXptMjIgMGw3LjYtMTIuOS03LjE1LTExLjloNy45bDIuMiA0Yy4zMzMuNy42NzUgMS40MDggMS4wMjUgMi4xMjUuMzUuNzE3LjcwOCAxLjQyNSAxLjA3NSAyLjEyNWguMmMuMjY3LS43LjU1LTEuNDA4Ljg1LTIuMTI1LjMtLjcxNy41ODMtMS40MjUuODUtMi4xMjVsMS43LTRoNy42bC03LjIgMTIuNzVMMzM3LjIgMzg4aC03LjlsLTIuNC00LjFjLS40LS43LS43OTItMS40MTctMS4xNzUtMi4xNWE2NS4zNzMgNjUuMzczIDAgMCAwLTEuMTc1LTIuMTVoLS4yYy0uMy43LS42MTcgMS40MDgtLjk1IDIuMTI1LS4zMzMuNzE3LS42NSAxLjQ0Mi0uOTUgMi4xNzVsLTEuOTUgNC4xaC03LjZ6bTM0IC42Yy0xLjEzMyAwLTIuMTU4LS4xOTItMy4wNzUtLjU3NWE2LjU4NiA2LjU4NiAwIDAgMS0yLjMyNS0xLjYgNy40MDUgNy40MDUgMCAwIDEtMS40NzUtMi4zNzVjLS4zNS0uOS0uNTI1LTEuODgzLS41MjUtMi45NSAwLTIuNiAxLjEtNC42MzMgMy4zLTYuMSAyLjItMS40NjcgNS43NS0yLjQ1IDEwLjY1LTIuOTUtLjA2Ny0xLjEtLjM5Mi0xLjk3NS0uOTc1LTIuNjI1LS41ODMtLjY1LTEuNTU4LS45NzUtMi45MjUtLjk3NS0xLjA2NyAwLTIuMTI1LjItMy4xNzUuNi0xLjA1LjQtMi4xNzUuOTUtMy4zNzUgMS42NWwtMi42NS00Ljg1YzEuNi0uOTY3IDMuMjc1LTEuNzUgNS4wMjUtMi4zNSAxLjc1LS42IDMuNjA4LS45IDUuNTc1LS45IDMuMiAwIDUuNjQyLjkwOCA3LjMyNSAyLjcyNSAxLjY4MyAxLjgxNyAyLjUyNSA0LjY0MiAyLjUyNSA4LjQ3NVYzODhoLTZsLS41LTIuNTVoLS4yYTE1Ljg2OCAxNS44NjggMCAwIDEtMy4zNSAyLjI3NWMtMS4xNjcuNTgzLTIuNDUuODc1LTMuODUuODc1em0yLjUtNS43Yy44MzMgMCAxLjU1LS4xODMgMi4xNS0uNTUuNi0uMzY3IDEuMjMzLS44ODMgMS45LTEuNTV2LTQuMzVjLTIuNi4zNjctNC40LjktNS40IDEuNi0xIC43LTEuNSAxLjUzMy0xLjUgMi41IDAgLjguMjU4IDEuMzkyLjc3NSAxLjc3NXMxLjIwOC41NzUgMi4wNzUuNTc1ek0zNjcgMzg4di0yNC44aDZsLjUgMy4yaC4yYTE5LjgzNiAxOS44MzYgMCAwIDEgMy4zLTIuNjc1YzEuMTY3LS43NSAyLjU2Ny0xLjEyNSA0LjItMS4xMjUgMS43NjcgMCAzLjE5Mi4zNTggNC4yNzUgMS4wNzUgMS4wODMuNzE3IDEuOTQyIDEuNzQyIDIuNTc1IDMuMDc1YTIxLjcxOSAyMS43MTkgMCAwIDEgMy40NzUtMi45MjVjMS4yMTctLjgxNyAyLjY1OC0xLjIyNSA0LjMyNS0xLjIyNSAyLjY2NyAwIDQuNjI1Ljg5MiA1Ljg3NSAyLjY3NXMxLjg3NSA0LjIyNSAxLjg3NSA3LjMyNVYzODhoLTcuMzV2LTE0LjQ1YzAtMS44LS4yNDItMy4wMzMtLjcyNS0zLjctLjQ4My0uNjY3LTEuMjU4LTEtMi4zMjUtMS0xLjIzMyAwLTIuNjUuOC00LjI1IDIuNFYzODhoLTcuMzV2LTE0LjQ1YzAtMS44LS4yNDItMy4wMzMtLjcyNS0zLjctLjQ4My0uNjY3LTEuMjU4LTEtMi4zMjUtMS0xLjI2NyAwLTIuNjY3LjgtNC4yIDIuNFYzODhIMzY3em00Mi44NSA5LjJ2LTM0aDZsLjUgMi40NWguMmExMy44MzIgMTMuODMyIDAgMCAxIDMuMjc1LTIuMTc1IDguNjM1IDguNjM1IDAgMCAxIDMuNzc1LS44NzVjMS41IDAgMi44NS4zIDQuMDUuOWE4LjYzIDguNjMgMCAwIDEgMy4wNSAyLjU1Yy44MzMgMS4xIDEuNDc1IDIuNDI1IDEuOTI1IDMuOTc1LjQ1IDEuNTUuNjc1IDMuMjc1LjY3NSA1LjE3NSAwIDIuMTMzLS4yOTIgNC4wMjUtLjg3NSA1LjY3NS0uNTgzIDEuNjUtMS4zNjcgMy4wNS0yLjM1IDQuMi0uOTgzIDEuMTUtMi4xIDIuMDI1LTMuMzUgMi42MjUtMS4yNS42LTIuNTQyLjktMy44NzUuOS0xLjA2NyAwLTIuMS0uMjI1LTMuMS0uNjc1LTEtLjQ1LTEuOTMzLTEuMDkyLTIuOC0xLjkyNWwuMjUgMy45NXY3LjI1aC03LjM1em0xMS4zLTE0LjZjMS4yNjcgMCAyLjM1LS41NzUgMy4yNS0xLjcyNS45LTEuMTUgMS4zNS0zLjAwOCAxLjM1LTUuNTc1IDAtNC40NjctMS40MzMtNi43LTQuMy02LjctMS40MzMgMC0yLjg1Ljc1LTQuMjUgMi4yNVYzODFjLjY2Ny42IDEuMzMzIDEuMDE3IDIgMS4yNS42NjcuMjMzIDEuMzE3LjM1IDEuOTUuMzV6bTI0LjEgNmMtMS4yNjcgMC0yLjMzMy0uMi0zLjItLjYtLjg2Ny0uNC0xLjU1OC0uOTU4LTIuMDc1LTEuNjc1LS41MTctLjcxNy0uODkyLTEuNTgzLTEuMTI1LTIuNi0uMjMzLTEuMDE3LS4zNS0yLjE1OC0uMzUtMy40MjV2LTI3LjM1aDcuMzV2MjcuNjVjMCAuNzY3LjE0MiAxLjMuNDI1IDEuNi4yODMuMy41NzUuNDUuODc1LjQ1aC40MjVjLjExNyAwIC4yNzUtLjAzMy40NzUtLjFsLjkgNS40NWMtLjQuMTY3LS45MDguMzA4LTEuNTI1LjQyNS0uNjE3LjExNy0xLjM0Mi4xNzUtMi4xNzUuMTc1em0xOC42NSAwYy0xLjc2NyAwLTMuNDE3LS4yOTItNC45NS0uODc1YTExLjQwOCAxMS40MDggMCAwIDEtNC0yLjU1Yy0xLjEzMy0xLjExNy0yLjAxNy0yLjQ3NS0yLjY1LTQuMDc1cy0uOTUtMy40MzMtLjk1LTUuNWMwLTIgLjMzMy0zLjgwOCAxLTUuNDI1czEuNTQyLTIuOTgzIDIuNjI1LTQuMWExMS40MSAxMS40MSAwIDAgMSAzLjcyNS0yLjU3NWMxLjQtLjYgMi44NS0uOSA0LjM1LS45IDEuNzY3IDAgMy4zMDguMyA0LjYyNS45IDEuMzE3LjYgMi40MTcgMS40MzMgMy4zIDIuNXMxLjU0MiAyLjMyNSAxLjk3NSAzLjc3NWMuNDMzIDEuNDUuNjUgMy4wMjUuNjUgNC43MjUgMCAuNjY3LS4wMzMgMS4zLS4xIDEuOS0uMDY3LjYtLjEzMyAxLjA1LS4yIDEuMzVoLTE0Ljg1Yy4zMzMgMS44IDEuMDc1IDMuMTI1IDIuMjI1IDMuOTc1IDEuMTUuODUgMi41NTggMS4yNzUgNC4yMjUgMS4yNzUgMS43NjcgMCAzLjU1LS41NSA1LjM1LTEuNjVsMi40NSA0LjQ1YTE2LjI4OCAxNi4yODggMCAwIDEtNC4yMjUgMi4wNWMtMS41NS41LTMuMDc1Ljc1LTQuNTc1Ljc1em0tNS41LTE1LjdoOC45NWMwLTEuNC0uMzE3LTIuNTMzLS45NS0zLjRzLTEuNy0xLjMtMy4yLTEuM2E0LjU0OSA0LjU0OSAwIDAgMC0zLjA3NSAxLjE1Yy0uODgzLjc2Ny0xLjQ1OCAxLjk1LTEuNzI1IDMuNTV6bTI0LjU1LS41Yy0xLjI2NyAwLTIuMzI1LS40NDItMy4xNzUtMS4zMjUtLjg1LS44ODMtMS4yNzUtMS45NzUtMS4yNzUtMy4yNzUgMC0xLjMzMy40MjUtMi40NDIgMS4yNzUtMy4zMjUuODUtLjg4MyAxLjkwOC0xLjMyNSAzLjE3NS0xLjMyNXMyLjMyNS40NDIgMy4xNzUgMS4zMjVjLjg1Ljg4MyAxLjI3NSAxLjk5MiAxLjI3NSAzLjMyNSAwIDEuMy0uNDI1IDIuMzkyLTEuMjc1IDMuMjc1LS44NS44ODMtMS45MDggMS4zMjUtMy4xNzUgMS4zMjV6bTAgMTYuMmMtMS4yNjcgMC0yLjMyNS0uNDQyLTMuMTc1LTEuMzI1LS44NS0uODgzLTEuMjc1LTEuOTc1LTEuMjc1LTMuMjc1IDAtMS4zMzMuNDI1LTIuNDQyIDEuMjc1LTMuMzI1Ljg1LS44ODMgMS45MDgtMS4zMjUgMy4xNzUtMS4zMjVzMi4zMjUuNDQyIDMuMTc1IDEuMzI1Yy44NS44ODMgMS4yNzUgMS45OTIgMS4yNzUgMy4zMjUgMCAxLjMtLjQyNSAyLjM5Mi0xLjI3NSAzLjI3NS0uODUuODgzLTEuOTA4IDEuMzI1LTMuMTc1IDEuMzI1em0yMS0uNnYtNS45NWg2LjlWMzYzLjdoLTUuOTV2LTQuNTVjMS43MzMtLjMzMyAzLjItLjczMyA0LjQtMS4yYTI0LjE4MiAyNC4xODIgMCAwIDAgMy41LTEuN2g1LjR2MjUuOGg1Ljk1VjM4OGgtMjAuMnptMzYuMS42Yy0xLjcgMC0zLjI1LS4zNTgtNC42NS0xLjA3NS0xLjQtLjcxNy0yLjU5Mi0xLjc3NS0zLjU3NS0zLjE3NS0uOTgzLTEuNC0xLjc1LTMuMTMzLTIuMy01LjItLjU1LTIuMDY3LS44MjUtNC40NS0uODI1LTcuMTVzLjI3NS01LjA2Ny44MjUtNy4xYy41NS0yLjAzMyAxLjMxNy0zLjc0MiAyLjMtNS4xMjUuOTgzLTEuMzgzIDIuMTc1LTIuNDE3IDMuNTc1LTMuMSAxLjQtLjY4MyAyLjk1LTEuMDI1IDQuNjUtMS4wMjUgMS43IDAgMy4yNS4zNDIgNC42NSAxLjAyNSAxLjQuNjgzIDIuNTkyIDEuNzE3IDMuNTc1IDMuMS45ODMgMS4zODMgMS43NSAzLjA5MiAyLjMgNS4xMjUuNTUgMi4wMzMuODI1IDQuNC44MjUgNy4xIDAgMi43LS4yNzUgNS4wODMtLjgyNSA3LjE1LS41NSAyLjA2Ny0xLjMxNyAzLjgtMi4zIDUuMi0uOTgzIDEuNC0yLjE3NSAyLjQ1OC0zLjU3NSAzLjE3NS0xLjQuNzE3LTIuOTUgMS4wNzUtNC42NSAxLjA3NXptMC01LjdjLjYzMyAwIDEuMjE3LS4xNTggMS43NS0uNDc1LjUzMy0uMzE3IDEtLjg5MiAxLjQtMS43MjUuNC0uODMzLjcwOC0xLjk1LjkyNS0zLjM1LjIxNy0xLjQuMzI1LTMuMTgzLjMyNS01LjM1cy0uMTA4LTMuOTQyLS4zMjUtNS4zMjVjLS4yMTctMS4zODMtLjUyNS0yLjQ2Ny0uOTI1LTMuMjUtLjQtLjc4My0uODY3LTEuMzI1LTEuNC0xLjYyNWEzLjUwOSAzLjUwOSAwIDAgMC0xLjc1LS40NWMtLjYgMC0xLjE2Ny4xNS0xLjcuNDUtLjUzMy4zLTEgLjg0Mi0xLjQgMS42MjUtLjQuNzgzLS43MTcgMS44NjctLjk1IDMuMjUtLjIzMyAxLjM4My0uMzUgMy4xNTgtLjM1IDUuMzI1IDAgMi4xNjcuMTE3IDMuOTUuMzUgNS4zNS4yMzMgMS40LjU1IDIuNTE3Ljk1IDMuMzUuNC44MzMuODY3IDEuNDA4IDEuNCAxLjcyNS41MzMuMzE3IDEuMS40NzUgMS43LjQ3NXptMjYuNCA1LjdjLTEuNyAwLTMuMjUtLjM1OC00LjY1LTEuMDc1LTEuNC0uNzE3LTIuNTkyLTEuNzc1LTMuNTc1LTMuMTc1LS45ODMtMS40LTEuNzUtMy4xMzMtMi4zLTUuMi0uNTUtMi4wNjctLjgyNS00LjQ1LS44MjUtNy4xNXMuMjc1LTUuMDY3LjgyNS03LjFjLjU1LTIuMDMzIDEuMzE3LTMuNzQyIDIuMy01LjEyNS45ODMtMS4zODMgMi4xNzUtMi40MTcgMy41NzUtMy4xIDEuNC0uNjgzIDIuOTUtMS4wMjUgNC42NS0xLjAyNSAxLjcgMCAzLjI1LjM0MiA0LjY1IDEuMDI1IDEuNC42ODMgMi41OTIgMS43MTcgMy41NzUgMy4xLjk4MyAxLjM4MyAxLjc1IDMuMDkyIDIuMyA1LjEyNS41NSAyLjAzMy44MjUgNC40LjgyNSA3LjEgMCAyLjctLjI3NSA1LjA4My0uODI1IDcuMTUtLjU1IDIuMDY3LTEuMzE3IDMuOC0yLjMgNS4yLS45ODMgMS40LTIuMTc1IDIuNDU4LTMuNTc1IDMuMTc1LTEuNC43MTctMi45NSAxLjA3NS00LjY1IDEuMDc1em0wLTUuN2MuNjMzIDAgMS4yMTctLjE1OCAxLjc1LS40NzUuNTMzLS4zMTcgMS0uODkyIDEuNC0xLjcyNS40LS44MzMuNzA4LTEuOTUuOTI1LTMuMzUuMjE3LTEuNC4zMjUtMy4xODMuMzI1LTUuMzVzLS4xMDgtMy45NDItLjMyNS01LjMyNWMtLjIxNy0xLjM4My0uNTI1LTIuNDY3LS45MjUtMy4yNS0uNC0uNzgzLS44NjctMS4zMjUtMS40LTEuNjI1YTMuNTA5IDMuNTA5IDAgMCAwLTEuNzUtLjQ1Yy0uNiAwLTEuMTY3LjE1LTEuNy40NS0uNTMzLjMtMSAuODQyLTEuNCAxLjYyNS0uNC43ODMtLjcxNyAxLjg2Ny0uOTUgMy4yNS0uMjMzIDEuMzgzLS4zNSAzLjE1OC0uMzUgNS4zMjUgMCAyLjE2Ny4xMTcgMy45NS4zNSA1LjM1LjIzMyAxLjQuNTUgMi41MTcuOTUgMy4zNS40LjgzMy44NjcgMS40MDggMS40IDEuNzI1LjUzMy4zMTcgMS4xLjQ3NSAxLjcuNDc1em0yNi40IDUuN2MtMS43IDAtMy4yNS0uMzU4LTQuNjUtMS4wNzUtMS40LS43MTctMi41OTItMS43NzUtMy41NzUtMy4xNzUtLjk4My0xLjQtMS43NS0zLjEzMy0yLjMtNS4yLS41NS0yLjA2Ny0uODI1LTQuNDUtLjgyNS03LjE1cy4yNzUtNS4wNjcuODI1LTcuMWMuNTUtMi4wMzMgMS4zMTctMy43NDIgMi4zLTUuMTI1Ljk4My0xLjM4MyAyLjE3NS0yLjQxNyAzLjU3NS0zLjEgMS40LS42ODMgMi45NS0xLjAyNSA0LjY1LTEuMDI1IDEuNyAwIDMuMjUuMzQyIDQuNjUgMS4wMjUgMS40LjY4MyAyLjU5MiAxLjcxNyAzLjU3NSAzLjEuOTgzIDEuMzgzIDEuNzUgMy4wOTIgMi4zIDUuMTI1LjU1IDIuMDMzLjgyNSA0LjQuODI1IDcuMSAwIDIuNy0uMjc1IDUuMDgzLS44MjUgNy4xNS0uNTUgMi4wNjctMS4zMTcgMy44LTIuMyA1LjItLjk4MyAxLjQtMi4xNzUgMi40NTgtMy41NzUgMy4xNzUtMS40LjcxNy0yLjk1IDEuMDc1LTQuNjUgMS4wNzV6bTAtNS43Yy42MzMgMCAxLjIxNy0uMTU4IDEuNzUtLjQ3NS41MzMtLjMxNyAxLS44OTIgMS40LTEuNzI1LjQtLjgzMy43MDgtMS45NS45MjUtMy4zNS4yMTctMS40LjMyNS0zLjE4My4zMjUtNS4zNXMtLjEwOC0zLjk0Mi0uMzI1LTUuMzI1Yy0uMjE3LTEuMzgzLS41MjUtMi40NjctLjkyNS0zLjI1LS40LS43ODMtLjg2Ny0xLjMyNS0xLjQtMS42MjVhMy41MDkgMy41MDkgMCAwIDAtMS43NS0uNDVjLS42IDAtMS4xNjcuMTUtMS43LjQ1LS41MzMuMy0xIC44NDItMS40IDEuNjI1LS40Ljc4My0uNzE3IDEuODY3LS45NSAzLjI1LS4yMzMgMS4zODMtLjM1IDMuMTU4LS4zNSA1LjMyNSAwIDIuMTY3LjExNyAzLjk1LjM1IDUuMzUuMjMzIDEuNC41NSAyLjUxNy45NSAzLjM1LjQuODMzLjg2NyAxLjQwOCAxLjQgMS43MjUuNTMzLjMxNyAxLjEuNDc1IDEuNy40NzV6bTEzLjkgNS4xbDcuNi0xMi45LTcuMTUtMTEuOWg3LjlsMi4yIDRjLjMzMy43LjY3NSAxLjQwOCAxLjAyNSAyLjEyNS4zNS43MTcuNzA4IDEuNDI1IDEuMDc1IDIuMTI1aC4yYy4yNjctLjcuNTUtMS40MDguODUtMi4xMjUuMy0uNzE3LjU4My0xLjQyNS44NS0yLjEyNWwxLjctNGg3LjZsLTcuMiAxMi43NSA3LjY1IDEyLjA1aC03LjlsLTIuNC00LjFjLS40LS43LS43OTItMS40MTctMS4xNzUtMi4xNWE2NS4zNzMgNjUuMzczIDAgMCAwLTEuMTc1LTIuMTVoLS4yYy0uMy43LS42MTcgMS40MDgtLjk1IDIuMTI1LS4zMzMuNzE3LS42NSAxLjQ0Mi0uOTUgMi4xNzVsLTEuOTUgNC4xaC03LjZ6bTM5LjA1LjZhMTEuNiAxMS42IDAgMCAxLTQuNDc1LS45Yy0xLjQ1LS42LTIuNzMzLTEuNTMzLTMuODUtMi44cy0yLjAwOC0yLjg5Mi0yLjY3NS00Ljg3NWMtLjY2Ny0xLjk4My0xLTQuMzc1LTEtNy4xNzUgMC0yLjk2Ny4zNTgtNS41MzMgMS4wNzUtNy43czEuNjY3LTMuOTUgMi44NS01LjM1YzEuMTgzLTEuNCAyLjU1LTIuNDQyIDQuMS0zLjEyNWExMS44MzkgMTEuODM5IDAgMCAxIDQuODI1LTEuMDI1YzIuMSAwIDMuOTE3LjM3NSA1LjQ1IDEuMTI1IDEuNTMzLjc1IDIuOCAxLjY0MiAzLjggMi42NzVsLTMuODUgNC40Yy0uNTY3LS42LTEuMy0xLjEyNS0yLjItMS41NzUtLjktLjQ1LTEuODE3LS42NzUtMi43NS0uNjc1LS44NjcgMC0xLjY4My4xNjctMi40NS41LS43NjcuMzMzLTEuNDQyLjg5Mi0yLjAyNSAxLjY3NXMtMS4wNTggMS44MDgtMS40MjUgMy4wNzVjLS4zNjcgMS4yNjctLjU4MyAyLjgxNy0uNjUgNC42NS40LS41MzMuODY3LTEuMDA4IDEuNC0xLjQyNWE5LjggOS44IDAgMCAxIDEuNjUtMS4wNSA4Ljg4NiA4Ljg4NiAwIDAgMSAxLjctLjY1Yy41NjctLjE1IDEuMS0uMjI1IDEuNi0uMjI1IDEuMzY3IDAgMi42MjUuMiAzLjc3NS42IDEuMTUuNCAyLjE1IDEgMyAxLjguODUuOCAxLjUwOCAxLjgxNyAxLjk3NSAzLjA1LjQ2NyAxLjIzMy43IDIuNjgzLjcgNC4zNSAwIDEuNjY3LS4yODMgMy4xNS0uODUgNC40NS0uNTY3IDEuMy0xLjMyNSAyLjQxNy0yLjI3NSAzLjM1YTkuNDk2IDkuNDk2IDAgMCAxLTMuMzUgMi4xMjUgMTEuNDY1IDExLjQ2NSAwIDAgMS00LjA3NS43MjV6bS0uMTUtNS41YzEuMSAwIDIuMDQyLS40MDggMi44MjUtMS4yMjUuNzgzLS44MTcgMS4xNzUtMi4xMjUgMS4xNzUtMy45MjUgMC0xLjctLjM5Mi0yLjg5Mi0xLjE3NS0zLjU3NS0uNzgzLS42ODMtMS43NzUtMS4wMjUtMi45NzUtMS4wMjUtLjgzMyAwLTEuNjc1LjI0Mi0yLjUyNS43MjUtLjg1LjQ4My0xLjYwOCAxLjI5Mi0yLjI3NSAyLjQyNS4xNjcgMS4yNjcuNDE3IDIuMzE3Ljc1IDMuMTUuMzMzLjgzMy43MTcgMS41MDggMS4xNSAyLjAyNS40MzMuNTE3LjkwOC44ODMgMS40MjUgMS4xYTQuMTYgNC4xNiAwIDAgMCAxLjYyNS4zMjV6bTI2LjU1IDUuNWExMS42IDExLjYgMCAwIDEtNC40NzUtLjljLTEuNDUtLjYtMi43MzMtMS41MzMtMy44NS0yLjhzLTIuMDA4LTIuODkyLTIuNjc1LTQuODc1Yy0uNjY3LTEuOTgzLTEtNC4zNzUtMS03LjE3NSAwLTIuOTY3LjM1OC01LjUzMyAxLjA3NS03LjdzMS42NjctMy45NSAyLjg1LTUuMzVjMS4xODMtMS40IDIuNTUtMi40NDIgNC4xLTMuMTI1YTExLjgzOSAxMS44MzkgMCAwIDEgNC44MjUtMS4wMjVjMi4xIDAgMy45MTcuMzc1IDUuNDUgMS4xMjUgMS41MzMuNzUgMi44IDEuNjQyIDMuOCAyLjY3NWwtMy44NSA0LjRjLS41NjctLjYtMS4zLTEuMTI1LTIuMi0xLjU3NS0uOS0uNDUtMS44MTctLjY3NS0yLjc1LS42NzUtLjg2NyAwLTEuNjgzLjE2Ny0yLjQ1LjUtLjc2Ny4zMzMtMS40NDIuODkyLTIuMDI1IDEuNjc1cy0xLjA1OCAxLjgwOC0xLjQyNSAzLjA3NWMtLjM2NyAxLjI2Ny0uNTgzIDIuODE3LS42NSA0LjY1LjQtLjUzMy44NjctMS4wMDggMS40LTEuNDI1YTkuOCA5LjggMCAwIDEgMS42NS0xLjA1IDguODg2IDguODg2IDAgMCAxIDEuNy0uNjVjLjU2Ny0uMTUgMS4xLS4yMjUgMS42LS4yMjUgMS4zNjcgMCAyLjYyNS4yIDMuNzc1LjYgMS4xNS40IDIuMTUgMSAzIDEuOC44NS44IDEuNTA4IDEuODE3IDEuOTc1IDMuMDUuNDY3IDEuMjMzLjcgMi42ODMuNyA0LjM1IDAgMS42NjctLjI4MyAzLjE1LS44NSA0LjQ1LS41NjcgMS4zLTEuMzI1IDIuNDE3LTIuMjc1IDMuMzVhOS40OTYgOS40OTYgMCAwIDEtMy4zNSAyLjEyNSAxMS40NjUgMTEuNDY1IDAgMCAxLTQuMDc1LjcyNXptLS4xNS01LjVjMS4xIDAgMi4wNDItLjQwOCAyLjgyNS0xLjIyNS43ODMtLjgxNyAxLjE3NS0yLjEyNSAxLjE3NS0zLjkyNSAwLTEuNy0uMzkyLTIuODkyLTEuMTc1LTMuNTc1LS43ODMtLjY4My0xLjc3NS0xLjAyNS0yLjk3NS0xLjAyNS0uODMzIDAtMS42NzUuMjQyLTIuNTI1LjcyNS0uODUuNDgzLTEuNjA4IDEuMjkyLTIuMjc1IDIuNDI1LjE2NyAxLjI2Ny40MTcgMi4zMTcuNzUgMy4xNS4zMzMuODMzLjcxNyAxLjUwOCAxLjE1IDIuMDI1LjQzMy41MTcuOTA4Ljg4MyAxLjQyNSAxLjFhNC4xNiA0LjE2IDAgMCAwIDEuNjI1LjMyNXptMjYuNTUgNS41YTExLjYgMTEuNiAwIDAgMS00LjQ3NS0uOWMtMS40NS0uNi0yLjczMy0xLjUzMy0zLjg1LTIuOHMtMi4wMDgtMi44OTItMi42NzUtNC44NzVjLS42NjctMS45ODMtMS00LjM3NS0xLTcuMTc1IDAtMi45NjcuMzU4LTUuNTMzIDEuMDc1LTcuN3MxLjY2Ny0zLjk1IDIuODUtNS4zNWMxLjE4My0xLjQgMi41NS0yLjQ0MiA0LjEtMy4xMjVhMTEuODM5IDExLjgzOSAwIDAgMSA0LjgyNS0xLjAyNWMyLjEgMCAzLjkxNy4zNzUgNS40NSAxLjEyNSAxLjUzMy43NSAyLjggMS42NDIgMy44IDIuNjc1bC0zLjg1IDQuNGMtLjU2Ny0uNi0xLjMtMS4xMjUtMi4yLTEuNTc1LS45LS40NS0xLjgxNy0uNjc1LTIuNzUtLjY3NS0uODY3IDAtMS42ODMuMTY3LTIuNDUuNS0uNzY3LjMzMy0xLjQ0Mi44OTItMi4wMjUgMS42NzVzLTEuMDU4IDEuODA4LTEuNDI1IDMuMDc1Yy0uMzY3IDEuMjY3LS41ODMgMi44MTctLjY1IDQuNjUuNC0uNTMzLjg2Ny0xLjAwOCAxLjQtMS40MjVhOS44IDkuOCAwIDAgMSAxLjY1LTEuMDUgOC44ODYgOC44ODYgMCAwIDEgMS43LS42NWMuNTY3LS4xNSAxLjEtLjIyNSAxLjYtLjIyNSAxLjM2NyAwIDIuNjI1LjIgMy43NzUuNiAxLjE1LjQgMi4xNSAxIDMgMS44Ljg1LjggMS41MDggMS44MTcgMS45NzUgMy4wNS40NjcgMS4yMzMuNyAyLjY4My43IDQuMzUgMCAxLjY2Ny0uMjgzIDMuMTUtLjg1IDQuNDUtLjU2NyAxLjMtMS4zMjUgMi40MTctMi4yNzUgMy4zNWE5LjQ5NiA5LjQ5NiAwIDAgMS0zLjM1IDIuMTI1IDExLjQ2NSAxMS40NjUgMCAwIDEtNC4wNzUuNzI1em0tLjE1LTUuNWMxLjEgMCAyLjA0Mi0uNDA4IDIuODI1LTEuMjI1Ljc4My0uODE3IDEuMTc1LTIuMTI1IDEuMTc1LTMuOTI1IDAtMS43LS4zOTItMi44OTItMS4xNzUtMy41NzUtLjc4My0uNjgzLTEuNzc1LTEuMDI1LTIuOTc1LTEuMDI1LS44MzMgMC0xLjY3NS4yNDItMi41MjUuNzI1LS44NS40ODMtMS42MDggMS4yOTItMi4yNzUgMi40MjUuMTY3IDEuMjY3LjQxNyAyLjMxNy43NSAzLjE1LjMzMy44MzMuNzE3IDEuNTA4IDEuMTUgMi4wMjUuNDMzLjUxNy45MDguODgzIDEuNDI1IDEuMWE0LjE2IDQuMTYgMCAwIDAgMS42MjUuMzI1eiIvPjwvZz48L2c+PC9zdmc+\n\" alt=\"dummy\">\n </div>\n </div>\n <div class=\"display-grid grid-cols-1 grid-cols-3-md gap-15\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\">\n <div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\">\n <div class=\"bg-white rounded border padding-25 margin-bottom-15\">\n 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>\n </div>\n <div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\">\n <div class=\"bg-white rounded border padding-25 margin-bottom-15\">\n 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>\n </div>\n <div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\">\n <div class=\"bg-white rounded border padding-25 margin-bottom-15\">\n 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>\n </div>\n </div>\n</div>"
84
- },
85
- {
86
- "label": "Props",
87
- "language": "json",
88
- "code": null,
89
- "props": [
90
- {
91
- "heading": null,
92
- "rows": [
93
- {
94
- "name": "delay",
95
- "type": "Number",
96
- "default": "0",
97
- "description": "Defines the time the animation should wait until it starts."
98
- },
99
- {
100
- "name": "duration",
101
- "type": "Number",
102
- "default": "0.4",
103
- "description": "Defines the duration in seconds of the fade up animation."
104
- },
105
- {
106
- "name": "offset",
107
- "type": "number",
108
- "default": "15",
109
- "description": "Defines the y offset from the bottom where the element starts to fade in."
110
- },
111
- {
112
- "name": "className",
113
- "type": "String",
114
- "default": "",
115
- "description": "Additional classes names added to the motion div wrapper."
116
- }
117
- ]
118
- }
119
- ]
120
- }
121
- ]
122
- }
123
- ]
124
- }
125
- ],
126
- "see_also": []
127
- }