@wix/design-system-illustrations 2.18.0 → 2.20.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 (1230) hide show
  1. package/dist/cjs/A4Frame.js +52 -0
  2. package/dist/cjs/AI.js +52 -0
  3. package/dist/cjs/AddAnElement.js +52 -0
  4. package/dist/cjs/AddAnElementSmall.js +52 -0
  5. package/dist/cjs/AiryMouse.js +60 -0
  6. package/dist/cjs/AlignBottomHorizontal.js +55 -0
  7. package/dist/cjs/AlignCenterHorizontal.js +55 -0
  8. package/dist/cjs/AlignCenterVertical.js +55 -0
  9. package/dist/cjs/AlignLeftVertical.js +55 -0
  10. package/dist/cjs/AlignRightVertical.js +55 -0
  11. package/dist/cjs/AlignSpread.js +55 -0
  12. package/dist/cjs/AlignTopHorizontal.js +55 -0
  13. package/dist/cjs/AlignmentLeftToRight.js +52 -0
  14. package/dist/cjs/AlignmentRightToLeft.js +52 -0
  15. package/dist/cjs/AllSides.js +55 -0
  16. package/dist/cjs/AngledTriangleDivider.js +52 -0
  17. package/dist/cjs/AppearClick.js +55 -0
  18. package/dist/cjs/AppearHover.js +55 -0
  19. package/dist/cjs/ArcEntrance.js +60 -0
  20. package/dist/cjs/ArcScroll.js +61 -0
  21. package/dist/cjs/AreaChart.js +54 -0
  22. package/dist/cjs/Aspect11.js +52 -0
  23. package/dist/cjs/Aspect11Image.js +52 -0
  24. package/dist/cjs/Aspect12.js +52 -0
  25. package/dist/cjs/Aspect169.js +52 -0
  26. package/dist/cjs/Aspect169Image.js +52 -0
  27. package/dist/cjs/Aspect23.js +52 -0
  28. package/dist/cjs/Aspect23Image.js +52 -0
  29. package/dist/cjs/Aspect32.js +52 -0
  30. package/dist/cjs/Aspect32Image.js +52 -0
  31. package/dist/cjs/Aspect34.js +52 -0
  32. package/dist/cjs/Aspect34Image.js +52 -0
  33. package/dist/cjs/Aspect3DSection.js +58 -0
  34. package/dist/cjs/Aspect3DSpinScroll.js +60 -0
  35. package/dist/cjs/Aspect43.js +52 -0
  36. package/dist/cjs/Aspect43Image.js +52 -0
  37. package/dist/cjs/Aspect45.js +52 -0
  38. package/dist/cjs/Aspect45Image.js +52 -0
  39. package/dist/cjs/Aspect54.js +52 -0
  40. package/dist/cjs/Aspect54Image.js +52 -0
  41. package/dist/cjs/Aspect916.js +52 -0
  42. package/dist/cjs/Aspect916Image.js +52 -0
  43. package/dist/cjs/AvatarCircle.js +52 -0
  44. package/dist/cjs/AvatarSquare.js +52 -0
  45. package/dist/cjs/BlankImage.js +52 -0
  46. package/dist/cjs/BlankSection.js +52 -0
  47. package/dist/cjs/BlankSectionOutline.js +52 -0
  48. package/dist/cjs/BlankSectionOutlineSmall.js +52 -0
  49. package/dist/cjs/BlankSectionSmall.js +52 -0
  50. package/dist/cjs/BlobMouse.js +58 -0
  51. package/dist/cjs/BlobsDivider.js +52 -0
  52. package/dist/cjs/BlogEditorial.js +54 -0
  53. package/dist/cjs/BlogFullPost.js +55 -0
  54. package/dist/cjs/BlogMagazine.js +54 -0
  55. package/dist/cjs/BlogOneColumn.js +55 -0
  56. package/dist/cjs/BlogTag.js +54 -0
  57. package/dist/cjs/BlogTagButton.js +56 -0
  58. package/dist/cjs/BlogTiled.js +54 -0
  59. package/dist/cjs/Blur.js +52 -0
  60. package/dist/cjs/BlurAnimation.js +52 -0
  61. package/dist/cjs/BlurScroll.js +52 -0
  62. package/dist/cjs/BookingsGrid.js +59 -0
  63. package/dist/cjs/BookingsOverlapping.js +54 -0
  64. package/dist/cjs/BookingsSideBySide.js +54 -0
  65. package/dist/cjs/BookingsStrip.js +57 -0
  66. package/dist/cjs/Bottom.js +55 -0
  67. package/dist/cjs/Bounce.js +53 -0
  68. package/dist/cjs/BounceAnimation.js +58 -0
  69. package/dist/cjs/BounceEntrance.js +58 -0
  70. package/dist/cjs/BounceLoop.js +58 -0
  71. package/dist/cjs/Brandbook.js +59 -0
  72. package/dist/cjs/BreathAnimation.js +54 -0
  73. package/dist/cjs/BreathLoop.js +61 -0
  74. package/dist/cjs/BrushDivider.js +52 -0
  75. package/dist/cjs/ButtonStyleFilled.js +52 -0
  76. package/dist/cjs/ButtonStyleOutlined.js +51 -0
  77. package/dist/cjs/ButtonStylePillFilled.js +52 -0
  78. package/dist/cjs/ButtonStylePillOutlined.js +51 -0
  79. package/dist/cjs/ChooseTheLayoutGrid.js +59 -0
  80. package/dist/cjs/CircleImage.js +52 -0
  81. package/dist/cjs/CircleMarker.js +56 -0
  82. package/dist/cjs/ClockWipe.js +53 -0
  83. package/dist/cjs/CloseupSection.js +62 -0
  84. package/dist/cjs/CloudsDivider.js +52 -0
  85. package/dist/cjs/ColorAnimation.js +52 -0
  86. package/dist/cjs/ColorClick.js +52 -0
  87. package/dist/cjs/ColorHover.js +54 -0
  88. package/dist/cjs/ColorTransition.js +52 -0
  89. package/dist/cjs/CrossLoop.js +60 -0
  90. package/dist/cjs/Cube.js +57 -0
  91. package/dist/cjs/CustomImage.js +53 -0
  92. package/dist/cjs/DartScroll.js +60 -0
  93. package/dist/cjs/DesignedSection.js +52 -0
  94. package/dist/cjs/DesignedSectionSmall.js +52 -0
  95. package/dist/cjs/Doc.js +55 -0
  96. package/dist/cjs/DonutChart.js +53 -0
  97. package/dist/cjs/Drop.js +54 -0
  98. package/dist/cjs/DunesDivider.js +52 -0
  99. package/dist/cjs/ElipseDivider.js +52 -0
  100. package/dist/cjs/EllipseImage.js +52 -0
  101. package/dist/cjs/EmptyPage.js +53 -0
  102. package/dist/cjs/EmptyPageImage.js +53 -0
  103. package/dist/cjs/EventCards.js +53 -0
  104. package/dist/cjs/EventClassic.js +53 -0
  105. package/dist/cjs/EventInfo.js +54 -0
  106. package/dist/cjs/EventLayoutAlternating.js +54 -0
  107. package/dist/cjs/EventLayoutLeft.js +54 -0
  108. package/dist/cjs/EventLayoutRight.js +54 -0
  109. package/dist/cjs/EventLeft.js +55 -0
  110. package/dist/cjs/EventList.js +51 -0
  111. package/dist/cjs/EventMonthly.js +52 -0
  112. package/dist/cjs/EventRight.js +55 -0
  113. package/dist/cjs/EventSideBySide.js +53 -0
  114. package/dist/cjs/EventWeekly.js +52 -0
  115. package/dist/cjs/ExpandAnimation.js +63 -0
  116. package/dist/cjs/ExpandClick.js +63 -0
  117. package/dist/cjs/ExpandHover.js +63 -0
  118. package/dist/cjs/ExpandScroll.js +64 -0
  119. package/dist/cjs/FacebookCover.js +55 -0
  120. package/dist/cjs/FacebookPost.js +54 -0
  121. package/dist/cjs/FacebookStory.js +52 -0
  122. package/dist/cjs/Fade.js +53 -0
  123. package/dist/cjs/FadeAnimation.js +53 -0
  124. package/dist/cjs/FadeBackSection.js +63 -0
  125. package/dist/cjs/FadeClick.js +53 -0
  126. package/dist/cjs/FadeHover.js +52 -0
  127. package/dist/cjs/FadeScroll.js +53 -0
  128. package/dist/cjs/FadeSection.js +52 -0
  129. package/dist/cjs/FillParallaxScroll.js +60 -0
  130. package/dist/cjs/FillReveal.js +56 -0
  131. package/dist/cjs/FlapLoop.js +58 -0
  132. package/dist/cjs/FlashAnimation.js +56 -0
  133. package/dist/cjs/FlashLoop.js +55 -0
  134. package/dist/cjs/Flip.js +56 -0
  135. package/dist/cjs/FlipAnimation.js +57 -0
  136. package/dist/cjs/FlipLoop.js +58 -0
  137. package/dist/cjs/FlipScroll.js +58 -0
  138. package/dist/cjs/FloatEntrance.js +59 -0
  139. package/dist/cjs/FloatingCardsAnimation.js +56 -0
  140. package/dist/cjs/FluidImage.js +53 -0
  141. package/dist/cjs/Fold.js +53 -0
  142. package/dist/cjs/FoldAnimation.js +59 -0
  143. package/dist/cjs/Form.js +57 -0
  144. package/dist/cjs/Freeform.js +51 -0
  145. package/dist/cjs/FreeformImage.js +53 -0
  146. package/dist/cjs/GalleryApears.js +54 -0
  147. package/dist/cjs/GalleryAppear.js +54 -0
  148. package/dist/cjs/GalleryBlur.js +52 -0
  149. package/dist/cjs/GalleryColorIn.js +53 -0
  150. package/dist/cjs/GalleryDisappears.js +54 -0
  151. package/dist/cjs/GalleryExpand.js +57 -0
  152. package/dist/cjs/GalleryExpandOut.js +60 -0
  153. package/dist/cjs/GalleryFade.js +53 -0
  154. package/dist/cjs/GalleryFadeIn.js +55 -0
  155. package/dist/cjs/GalleryGrayscale2.js +52 -0
  156. package/dist/cjs/GalleryGreyscale.js +53 -0
  157. package/dist/cjs/GalleryHorizontal.js +54 -0
  158. package/dist/cjs/GalleryInvert.js +52 -0
  159. package/dist/cjs/GalleryMoveUp.js +55 -0
  160. package/dist/cjs/GalleryNoChange.js +52 -0
  161. package/dist/cjs/GalleryOneColor.js +55 -0
  162. package/dist/cjs/GalleryShrink.js +60 -0
  163. package/dist/cjs/GallerySlideDown.js +55 -0
  164. package/dist/cjs/GallerySlideRight.js +55 -0
  165. package/dist/cjs/GallerySlideUp.js +56 -0
  166. package/dist/cjs/GalleryVertical.js +54 -0
  167. package/dist/cjs/GalleryZoomOut.js +52 -0
  168. package/dist/cjs/GenerateWithAI.js +53 -0
  169. package/dist/cjs/GenerateWithAIOutline.js +53 -0
  170. package/dist/cjs/GenerateWithAIOutlineSmall.js +53 -0
  171. package/dist/cjs/GenerateWithAISmall.js +53 -0
  172. package/dist/cjs/GlideEntrance.js +58 -0
  173. package/dist/cjs/GlitchAnimation.js +57 -0
  174. package/dist/cjs/GrowEntrance.js +59 -0
  175. package/dist/cjs/HeartImage.js +53 -0
  176. package/dist/cjs/HexagonalImage.js +53 -0
  177. package/dist/cjs/HillDivider.js +52 -0
  178. package/dist/cjs/HorizontalBarChart.js +53 -0
  179. package/dist/cjs/HorizontalBarGroupedChart.js +55 -0
  180. package/dist/cjs/ImageLayoutBlank.js +51 -0
  181. package/dist/cjs/ImageLayoutLarge.js +52 -0
  182. package/dist/cjs/ImageLayoutSingleColumn.js +52 -0
  183. package/dist/cjs/ImageLayoutThumbnail.js +52 -0
  184. package/dist/cjs/ImageLayoutTwoColumn.js +52 -0
  185. package/dist/cjs/ImagePositionBottom.js +52 -0
  186. package/dist/cjs/ImagePositionLeft.js +54 -0
  187. package/dist/cjs/ImagePositionRight.js +54 -0
  188. package/dist/cjs/ImagePositionTop.js +52 -0
  189. package/dist/cjs/ImageRatio11.js +52 -0
  190. package/dist/cjs/ImageRatio169.js +52 -0
  191. package/dist/cjs/InstagramPost.js +54 -0
  192. package/dist/cjs/InstagramReel.js +55 -0
  193. package/dist/cjs/InstagramStory.js +54 -0
  194. package/dist/cjs/InvertedElipseDivider.js +52 -0
  195. package/dist/cjs/Iris.js +53 -0
  196. package/dist/cjs/JelloLoop.js +56 -0
  197. package/dist/cjs/LandscapeFrame.js +52 -0
  198. package/dist/cjs/LayeredElipseDivider.js +54 -0
  199. package/dist/cjs/LayoutCards.js +53 -0
  200. package/dist/cjs/LayoutCarousel.js +54 -0
  201. package/dist/cjs/LayoutList.js +53 -0
  202. package/dist/cjs/LayoutSideBySide.js +52 -0
  203. package/dist/cjs/LayoutSidebar.js +52 -0
  204. package/dist/cjs/LayoutSingleColumn.js +52 -0
  205. package/dist/cjs/LayoutTwoColumn.js +52 -0
  206. package/dist/cjs/LeftWaveDivider.js +52 -0
  207. package/dist/cjs/LetterTwist.js +52 -0
  208. package/dist/cjs/LineChart.js +51 -0
  209. package/dist/cjs/Lines.js +52 -0
  210. package/dist/cjs/LinkedInBanner.js +55 -0
  211. package/dist/cjs/LiquidDivider.js +52 -0
  212. package/dist/cjs/Logo.js +53 -0
  213. package/dist/cjs/Marker.js +58 -0
  214. package/dist/cjs/Marquee.js +52 -0
  215. package/dist/cjs/MembersName.js +54 -0
  216. package/dist/cjs/MembersNameAndIcon.js +57 -0
  217. package/dist/cjs/MoveClick.js +58 -0
  218. package/dist/cjs/MoveHorizontalHover.js +57 -0
  219. package/dist/cjs/MoveScroll.js +60 -0
  220. package/dist/cjs/MultiAreaChart.js +57 -0
  221. package/dist/cjs/MultiLineChart.js +52 -0
  222. package/dist/cjs/ObscureMouse.js +61 -0
  223. package/dist/cjs/OnImage.js +54 -0
  224. package/dist/cjs/OpticalillusionDivider.js +52 -0
  225. package/dist/cjs/Original.js +51 -0
  226. package/dist/cjs/OriginalImage.js +52 -0
  227. package/dist/cjs/PageNumbers.js +52 -0
  228. package/dist/cjs/PaginationInline.js +54 -0
  229. package/dist/cjs/PaginationSlash.js +54 -0
  230. package/dist/cjs/PaintDivider.js +53 -0
  231. package/dist/cjs/PaintScribbleDivider.js +52 -0
  232. package/dist/cjs/PanSection.js +57 -0
  233. package/dist/cjs/ParallaxScroll.js +60 -0
  234. package/dist/cjs/ParallaxSection.js +57 -0
  235. package/dist/cjs/PeaksDivider.js +52 -0
  236. package/dist/cjs/PentagonImage.js +53 -0
  237. package/dist/cjs/PieChart.js +56 -0
  238. package/dist/cjs/PixelsDivider.js +53 -0
  239. package/dist/cjs/PlantsDivider.js +52 -0
  240. package/dist/cjs/PokeLoop.js +59 -0
  241. package/dist/cjs/PortraitFrame.js +52 -0
  242. package/dist/cjs/PresetCollage.js +55 -0
  243. package/dist/cjs/PresetFeatured.js +53 -0
  244. package/dist/cjs/PresetGrid.js +53 -0
  245. package/dist/cjs/PresetMasonry.js +53 -0
  246. package/dist/cjs/PresetRows.js +53 -0
  247. package/dist/cjs/PresetSlider.js +53 -0
  248. package/dist/cjs/PresetSlideshow.js +52 -0
  249. package/dist/cjs/PresetSquares.js +53 -0
  250. package/dist/cjs/PresetThumbnails.js +53 -0
  251. package/dist/cjs/PresetsBricks.js +54 -0
  252. package/dist/cjs/PresetsCollage.js +55 -0
  253. package/dist/cjs/PresetsGrid.js +54 -0
  254. package/dist/cjs/PresetsMasonry.js +54 -0
  255. package/dist/cjs/PresetsSlider.js +53 -0
  256. package/dist/cjs/PresetsSlideshow.js +52 -0
  257. package/dist/cjs/PresetsSquareDown.js +54 -0
  258. package/dist/cjs/PresetsStrips.js +53 -0
  259. package/dist/cjs/PresetsThumbnails.js +53 -0
  260. package/dist/cjs/PricingLayoutAbove.js +55 -0
  261. package/dist/cjs/PricingLayoutBelow.js +55 -0
  262. package/dist/cjs/PricingLayoutLeft.js +55 -0
  263. package/dist/cjs/PricingLayoutRight.js +55 -0
  264. package/dist/cjs/ProductCardLayoutBottom.js +53 -0
  265. package/dist/cjs/ProductCardLayoutCard.js +52 -0
  266. package/dist/cjs/ProductCardLayoutCentered.js +53 -0
  267. package/dist/cjs/ProductCardLayoutFull.js +52 -0
  268. package/dist/cjs/PullBackSection.js +63 -0
  269. package/dist/cjs/PulseLoop.js +55 -0
  270. package/dist/cjs/RSVPInvite.js +57 -0
  271. package/dist/cjs/ResizeMouse.js +58 -0
  272. package/dist/cjs/ResizeOptionsCrop.js +53 -0
  273. package/dist/cjs/ResizeOptionsFit.js +52 -0
  274. package/dist/cjs/RestaurantStacked.js +53 -0
  275. package/dist/cjs/RestaurantStrip.js +54 -0
  276. package/dist/cjs/Reveal.js +58 -0
  277. package/dist/cjs/RevealAnimation.js +56 -0
  278. package/dist/cjs/RevealScroll.js +56 -0
  279. package/dist/cjs/RevealSection.js +56 -0
  280. package/dist/cjs/RhombusImage.js +53 -0
  281. package/dist/cjs/RightWaveDivider.js +52 -0
  282. package/dist/cjs/Roll.js +53 -0
  283. package/dist/cjs/RotateClick.js +59 -0
  284. package/dist/cjs/RotateHover.js +59 -0
  285. package/dist/cjs/RotateSection.js +61 -0
  286. package/dist/cjs/RubberMouse.js +65 -0
  287. package/dist/cjs/ScrollEffectsDisappear.js +55 -0
  288. package/dist/cjs/ScrollEffectsFadeOut.js +55 -0
  289. package/dist/cjs/ScrollEffectsMoveWithPage.js +55 -0
  290. package/dist/cjs/ScrollEffectsStayFixed.js +55 -0
  291. package/dist/cjs/SemiCirclesDivider.js +52 -0
  292. package/dist/cjs/SemiElipseDivider.js +52 -0
  293. package/dist/cjs/ShapeEntrance.js +54 -0
  294. package/dist/cjs/ShapeRectangle.js +52 -0
  295. package/dist/cjs/ShapeRound.js +52 -0
  296. package/dist/cjs/ShapeScroll.js +55 -0
  297. package/dist/cjs/ShapeSquare.js +52 -0
  298. package/dist/cjs/Shrink.js +63 -0
  299. package/dist/cjs/ShrinkClick.js +63 -0
  300. package/dist/cjs/ShrinkHover.js +63 -0
  301. package/dist/cjs/ShrinkScroll.js +64 -0
  302. package/dist/cjs/Shuffle.js +56 -0
  303. package/dist/cjs/ShuttersAnimation.js +52 -0
  304. package/dist/cjs/ShuttersScroll.js +55 -0
  305. package/dist/cjs/Skew3DMouse.js +58 -0
  306. package/dist/cjs/SkewClick.js +57 -0
  307. package/dist/cjs/SkewHover.js +54 -0
  308. package/dist/cjs/SkewSection.js +58 -0
  309. package/dist/cjs/Slide.js +54 -0
  310. package/dist/cjs/SlideAnimation.js +58 -0
  311. package/dist/cjs/SlideScroll.js +59 -0
  312. package/dist/cjs/Slides.js +52 -0
  313. package/dist/cjs/SnakeTrailAnimation.js +52 -0
  314. package/dist/cjs/SpinAnimation.js +57 -0
  315. package/dist/cjs/SpinLoop.js +56 -0
  316. package/dist/cjs/SpinScroll.js +57 -0
  317. package/dist/cjs/SquareFrame.js +52 -0
  318. package/dist/cjs/Stagger.js +54 -0
  319. package/dist/cjs/StarImage.js +53 -0
  320. package/dist/cjs/StartWithData.js +53 -0
  321. package/dist/cjs/StoreAboveInfo.js +53 -0
  322. package/dist/cjs/StoreAccordionCollapse.js +56 -0
  323. package/dist/cjs/StoreAsDots.js +52 -0
  324. package/dist/cjs/StoreBelowInfo.js +54 -0
  325. package/dist/cjs/StoreBorder.js +53 -0
  326. package/dist/cjs/StoreBottom.js +53 -0
  327. package/dist/cjs/StoreButtons.js +54 -0
  328. package/dist/cjs/StoreCarousel.js +53 -0
  329. package/dist/cjs/StoreClassic.js +53 -0
  330. package/dist/cjs/StoreCollapse.js +55 -0
  331. package/dist/cjs/StoreColumns.js +53 -0
  332. package/dist/cjs/StoreDoesNothing.js +54 -0
  333. package/dist/cjs/StoreDrawer.js +57 -0
  334. package/dist/cjs/StoreDropdown.js +54 -0
  335. package/dist/cjs/StoreGrid.js +53 -0
  336. package/dist/cjs/StoreHorizontal.js +54 -0
  337. package/dist/cjs/StoreImages.js +54 -0
  338. package/dist/cjs/StoreInline.js +54 -0
  339. package/dist/cjs/StoreInside.js +54 -0
  340. package/dist/cjs/StoreLeft.js +53 -0
  341. package/dist/cjs/StoreModern.js +56 -0
  342. package/dist/cjs/StoreNegativeBack.js +55 -0
  343. package/dist/cjs/StoreOnImage.js +53 -0
  344. package/dist/cjs/StorePopUp.js +59 -0
  345. package/dist/cjs/StorePriceSideBySide.js +54 -0
  346. package/dist/cjs/StorePriceStacked.js +54 -0
  347. package/dist/cjs/StoreProductInfo.js +56 -0
  348. package/dist/cjs/StoreRight.js +53 -0
  349. package/dist/cjs/StoreScroll.js +54 -0
  350. package/dist/cjs/StoreShowAll.js +51 -0
  351. package/dist/cjs/StoreSideBySide.js +53 -0
  352. package/dist/cjs/StoreSimple.js +53 -0
  353. package/dist/cjs/StoreSleek.js +53 -0
  354. package/dist/cjs/StoreSpotlight.js +55 -0
  355. package/dist/cjs/StoreStacked.js +53 -0
  356. package/dist/cjs/StoreStreched.js +54 -0
  357. package/dist/cjs/StoreStunning.js +55 -0
  358. package/dist/cjs/StoreSwapImage.js +54 -0
  359. package/dist/cjs/StoreTabs.js +53 -0
  360. package/dist/cjs/StoreThumbnails.js +53 -0
  361. package/dist/cjs/StoreTop.js +54 -0
  362. package/dist/cjs/StoreTrim.js +53 -0
  363. package/dist/cjs/StoreVertical.js +54 -0
  364. package/dist/cjs/StoreWrap.js +54 -0
  365. package/dist/cjs/StoreZoom.js +52 -0
  366. package/dist/cjs/StretchScroll.js +59 -0
  367. package/dist/cjs/StripesDivider.js +52 -0
  368. package/dist/cjs/Swap.js +53 -0
  369. package/dist/cjs/SwingLoop.js +59 -0
  370. package/dist/cjs/SwivelMouse.js +56 -0
  371. package/dist/cjs/TextEntrance.js +54 -0
  372. package/dist/cjs/TextPath.js +54 -0
  373. package/dist/cjs/ThumbnailPlacementBottom.js +54 -0
  374. package/dist/cjs/ThumbnailPlacementLeft.js +54 -0
  375. package/dist/cjs/ThumbnailPlacementRight.js +54 -0
  376. package/dist/cjs/ThumbnailPlacementTop.js +54 -0
  377. package/dist/cjs/Tilt3DMouse.js +55 -0
  378. package/dist/cjs/TiltAnimation.js +55 -0
  379. package/dist/cjs/TiltDivider.js +52 -0
  380. package/dist/cjs/TiltEntrance.js +58 -0
  381. package/dist/cjs/TiltScroll.js +57 -0
  382. package/dist/cjs/Track3DMouse.js +60 -0
  383. package/dist/cjs/TrackMouse.js +58 -0
  384. package/dist/cjs/TriangleDivider.js +52 -0
  385. package/dist/cjs/TriangularImage.js +52 -0
  386. package/dist/cjs/TurnEntrance.js +59 -0
  387. package/dist/cjs/TurnScroll.js +60 -0
  388. package/dist/cjs/TwistClick.js +55 -0
  389. package/dist/cjs/TwistHover.js +55 -0
  390. package/dist/cjs/TypeWriter.js +57 -0
  391. package/dist/cjs/Underline.js +55 -0
  392. package/dist/cjs/VerticalBarChart.js +53 -0
  393. package/dist/cjs/VerticalBarGroupedChart.js +55 -0
  394. package/dist/cjs/VideoLink.js +55 -0
  395. package/dist/cjs/VideoMobileHorizontal.js +52 -0
  396. package/dist/cjs/VideoMobileVertical.js +52 -0
  397. package/dist/cjs/WavesDivider.js +53 -0
  398. package/dist/cjs/WhatsappStatus.js +54 -0
  399. package/dist/cjs/WiggleLoop.js +54 -0
  400. package/dist/cjs/WindowImage.js +52 -0
  401. package/dist/cjs/WinkEntrance.js +58 -0
  402. package/dist/cjs/WordTwist.js +52 -0
  403. package/dist/cjs/XPost.js +54 -0
  404. package/dist/cjs/YoutubeBanner.js +54 -0
  405. package/dist/cjs/YoutubeThumbnail.js +53 -0
  406. package/dist/cjs/ZoomSection.js +63 -0
  407. package/dist/cjs/animated/ThumbnailScale.js +87 -0
  408. package/dist/cjs/animated/animated.css +122 -0
  409. package/dist/cjs/animated/index.js +27 -0
  410. package/dist/cjs/index.js +1242 -0
  411. package/dist/esm/A4Frame.js +18 -0
  412. package/dist/esm/AI.js +18 -0
  413. package/dist/esm/AddAnElement.js +18 -0
  414. package/dist/esm/AddAnElementSmall.js +18 -0
  415. package/dist/esm/AiryMouse.js +26 -0
  416. package/dist/esm/AlignBottomHorizontal.js +21 -0
  417. package/dist/esm/AlignCenterHorizontal.js +21 -0
  418. package/dist/esm/AlignCenterVertical.js +21 -0
  419. package/dist/esm/AlignLeftVertical.js +21 -0
  420. package/dist/esm/AlignRightVertical.js +21 -0
  421. package/dist/esm/AlignSpread.js +21 -0
  422. package/dist/esm/AlignTopHorizontal.js +21 -0
  423. package/dist/esm/AlignmentLeftToRight.js +18 -0
  424. package/dist/esm/AlignmentRightToLeft.js +18 -0
  425. package/dist/esm/AllSides.js +21 -0
  426. package/dist/esm/AngledTriangleDivider.js +18 -0
  427. package/dist/esm/AppearClick.js +21 -0
  428. package/dist/esm/AppearHover.js +21 -0
  429. package/dist/esm/ArcEntrance.js +26 -0
  430. package/dist/esm/ArcScroll.js +27 -0
  431. package/dist/esm/AreaChart.js +20 -0
  432. package/dist/esm/Aspect11.js +18 -0
  433. package/dist/esm/Aspect11Image.js +18 -0
  434. package/dist/esm/Aspect12.js +18 -0
  435. package/dist/esm/Aspect169.js +18 -0
  436. package/dist/esm/Aspect169Image.js +18 -0
  437. package/dist/esm/Aspect23.js +18 -0
  438. package/dist/esm/Aspect23Image.js +18 -0
  439. package/dist/esm/Aspect32.js +18 -0
  440. package/dist/esm/Aspect32Image.js +18 -0
  441. package/dist/esm/Aspect34.js +18 -0
  442. package/dist/esm/Aspect34Image.js +18 -0
  443. package/dist/esm/Aspect3DSection.js +24 -0
  444. package/dist/esm/Aspect3DSpinScroll.js +26 -0
  445. package/dist/esm/Aspect43.js +18 -0
  446. package/dist/esm/Aspect43Image.js +18 -0
  447. package/dist/esm/Aspect45.js +18 -0
  448. package/dist/esm/Aspect45Image.js +18 -0
  449. package/dist/esm/Aspect54.js +18 -0
  450. package/dist/esm/Aspect54Image.js +18 -0
  451. package/dist/esm/Aspect916.js +18 -0
  452. package/dist/esm/Aspect916Image.js +18 -0
  453. package/dist/esm/AvatarCircle.js +18 -0
  454. package/dist/esm/AvatarSquare.js +18 -0
  455. package/dist/esm/BlankImage.js +18 -0
  456. package/dist/esm/BlankSection.js +18 -0
  457. package/dist/esm/BlankSectionOutline.js +18 -0
  458. package/dist/esm/BlankSectionOutlineSmall.js +18 -0
  459. package/dist/esm/BlankSectionSmall.js +18 -0
  460. package/dist/esm/BlobMouse.js +24 -0
  461. package/dist/esm/BlobsDivider.js +18 -0
  462. package/dist/esm/BlogEditorial.js +20 -0
  463. package/dist/esm/BlogFullPost.js +21 -0
  464. package/dist/esm/BlogMagazine.js +20 -0
  465. package/dist/esm/BlogOneColumn.js +21 -0
  466. package/dist/esm/BlogTag.js +20 -0
  467. package/dist/esm/BlogTagButton.js +22 -0
  468. package/dist/esm/BlogTiled.js +20 -0
  469. package/dist/esm/Blur.js +18 -0
  470. package/dist/esm/BlurAnimation.js +18 -0
  471. package/dist/esm/BlurScroll.js +18 -0
  472. package/dist/esm/BookingsGrid.js +25 -0
  473. package/dist/esm/BookingsOverlapping.js +20 -0
  474. package/dist/esm/BookingsSideBySide.js +20 -0
  475. package/dist/esm/BookingsStrip.js +23 -0
  476. package/dist/esm/Bottom.js +21 -0
  477. package/dist/esm/Bounce.js +19 -0
  478. package/dist/esm/BounceAnimation.js +24 -0
  479. package/dist/esm/BounceEntrance.js +24 -0
  480. package/dist/esm/BounceLoop.js +24 -0
  481. package/dist/esm/Brandbook.js +25 -0
  482. package/dist/esm/BreathAnimation.js +20 -0
  483. package/dist/esm/BreathLoop.js +27 -0
  484. package/dist/esm/BrushDivider.js +18 -0
  485. package/dist/esm/ButtonStyleFilled.js +18 -0
  486. package/dist/esm/ButtonStyleOutlined.js +17 -0
  487. package/dist/esm/ButtonStylePillFilled.js +18 -0
  488. package/dist/esm/ButtonStylePillOutlined.js +17 -0
  489. package/dist/esm/ChooseTheLayoutGrid.js +25 -0
  490. package/dist/esm/CircleImage.js +18 -0
  491. package/dist/esm/CircleMarker.js +22 -0
  492. package/dist/esm/ClockWipe.js +19 -0
  493. package/dist/esm/CloseupSection.js +28 -0
  494. package/dist/esm/CloudsDivider.js +18 -0
  495. package/dist/esm/ColorAnimation.js +18 -0
  496. package/dist/esm/ColorClick.js +18 -0
  497. package/dist/esm/ColorHover.js +20 -0
  498. package/dist/esm/ColorTransition.js +18 -0
  499. package/dist/esm/CrossLoop.js +26 -0
  500. package/dist/esm/Cube.js +23 -0
  501. package/dist/esm/CustomImage.js +19 -0
  502. package/dist/esm/DartScroll.js +26 -0
  503. package/dist/esm/DesignedSection.js +18 -0
  504. package/dist/esm/DesignedSectionSmall.js +18 -0
  505. package/dist/esm/Doc.js +21 -0
  506. package/dist/esm/DonutChart.js +19 -0
  507. package/dist/esm/Drop.js +20 -0
  508. package/dist/esm/DunesDivider.js +18 -0
  509. package/dist/esm/ElipseDivider.js +18 -0
  510. package/dist/esm/EllipseImage.js +18 -0
  511. package/dist/esm/EmptyPage.js +19 -0
  512. package/dist/esm/EmptyPageImage.js +19 -0
  513. package/dist/esm/EventCards.js +19 -0
  514. package/dist/esm/EventClassic.js +19 -0
  515. package/dist/esm/EventInfo.js +20 -0
  516. package/dist/esm/EventLayoutAlternating.js +20 -0
  517. package/dist/esm/EventLayoutLeft.js +20 -0
  518. package/dist/esm/EventLayoutRight.js +20 -0
  519. package/dist/esm/EventLeft.js +21 -0
  520. package/dist/esm/EventList.js +17 -0
  521. package/dist/esm/EventMonthly.js +18 -0
  522. package/dist/esm/EventRight.js +21 -0
  523. package/dist/esm/EventSideBySide.js +19 -0
  524. package/dist/esm/EventWeekly.js +18 -0
  525. package/dist/esm/ExpandAnimation.js +29 -0
  526. package/dist/esm/ExpandClick.js +29 -0
  527. package/dist/esm/ExpandHover.js +29 -0
  528. package/dist/esm/ExpandScroll.js +30 -0
  529. package/dist/esm/FacebookCover.js +21 -0
  530. package/dist/esm/FacebookPost.js +20 -0
  531. package/dist/esm/FacebookStory.js +18 -0
  532. package/dist/esm/Fade.js +19 -0
  533. package/dist/esm/FadeAnimation.js +19 -0
  534. package/dist/esm/FadeBackSection.js +29 -0
  535. package/dist/esm/FadeClick.js +19 -0
  536. package/dist/esm/FadeHover.js +18 -0
  537. package/dist/esm/FadeScroll.js +19 -0
  538. package/dist/esm/FadeSection.js +18 -0
  539. package/dist/esm/FillParallaxScroll.js +26 -0
  540. package/dist/esm/FillReveal.js +22 -0
  541. package/dist/esm/FlapLoop.js +24 -0
  542. package/dist/esm/FlashAnimation.js +22 -0
  543. package/dist/esm/FlashLoop.js +21 -0
  544. package/dist/esm/Flip.js +22 -0
  545. package/dist/esm/FlipAnimation.js +23 -0
  546. package/dist/esm/FlipLoop.js +24 -0
  547. package/dist/esm/FlipScroll.js +24 -0
  548. package/dist/esm/FloatEntrance.js +25 -0
  549. package/dist/esm/FloatingCardsAnimation.js +22 -0
  550. package/dist/esm/FluidImage.js +19 -0
  551. package/dist/esm/Fold.js +19 -0
  552. package/dist/esm/FoldAnimation.js +25 -0
  553. package/dist/esm/Form.js +23 -0
  554. package/dist/esm/Freeform.js +17 -0
  555. package/dist/esm/FreeformImage.js +19 -0
  556. package/dist/esm/GalleryApears.js +20 -0
  557. package/dist/esm/GalleryAppear.js +20 -0
  558. package/dist/esm/GalleryBlur.js +18 -0
  559. package/dist/esm/GalleryColorIn.js +19 -0
  560. package/dist/esm/GalleryDisappears.js +20 -0
  561. package/dist/esm/GalleryExpand.js +23 -0
  562. package/dist/esm/GalleryExpandOut.js +26 -0
  563. package/dist/esm/GalleryFade.js +19 -0
  564. package/dist/esm/GalleryFadeIn.js +21 -0
  565. package/dist/esm/GalleryGrayscale2.js +18 -0
  566. package/dist/esm/GalleryGreyscale.js +19 -0
  567. package/dist/esm/GalleryHorizontal.js +20 -0
  568. package/dist/esm/GalleryInvert.js +18 -0
  569. package/dist/esm/GalleryMoveUp.js +21 -0
  570. package/dist/esm/GalleryNoChange.js +18 -0
  571. package/dist/esm/GalleryOneColor.js +21 -0
  572. package/dist/esm/GalleryShrink.js +26 -0
  573. package/dist/esm/GallerySlideDown.js +21 -0
  574. package/dist/esm/GallerySlideRight.js +21 -0
  575. package/dist/esm/GallerySlideUp.js +22 -0
  576. package/dist/esm/GalleryVertical.js +20 -0
  577. package/dist/esm/GalleryZoomOut.js +18 -0
  578. package/dist/esm/GenerateWithAI.js +19 -0
  579. package/dist/esm/GenerateWithAIOutline.js +19 -0
  580. package/dist/esm/GenerateWithAIOutlineSmall.js +19 -0
  581. package/dist/esm/GenerateWithAISmall.js +19 -0
  582. package/dist/esm/GlideEntrance.js +24 -0
  583. package/dist/esm/GlitchAnimation.js +23 -0
  584. package/dist/esm/GrowEntrance.js +25 -0
  585. package/dist/esm/HeartImage.js +19 -0
  586. package/dist/esm/HexagonalImage.js +19 -0
  587. package/dist/esm/HillDivider.js +18 -0
  588. package/dist/esm/HorizontalBarChart.js +19 -0
  589. package/dist/esm/HorizontalBarGroupedChart.js +21 -0
  590. package/dist/esm/ImageLayoutBlank.js +17 -0
  591. package/dist/esm/ImageLayoutLarge.js +18 -0
  592. package/dist/esm/ImageLayoutSingleColumn.js +18 -0
  593. package/dist/esm/ImageLayoutThumbnail.js +18 -0
  594. package/dist/esm/ImageLayoutTwoColumn.js +18 -0
  595. package/dist/esm/ImagePositionBottom.js +18 -0
  596. package/dist/esm/ImagePositionLeft.js +20 -0
  597. package/dist/esm/ImagePositionRight.js +20 -0
  598. package/dist/esm/ImagePositionTop.js +18 -0
  599. package/dist/esm/ImageRatio11.js +18 -0
  600. package/dist/esm/ImageRatio169.js +18 -0
  601. package/dist/esm/InstagramPost.js +20 -0
  602. package/dist/esm/InstagramReel.js +21 -0
  603. package/dist/esm/InstagramStory.js +20 -0
  604. package/dist/esm/InvertedElipseDivider.js +18 -0
  605. package/dist/esm/Iris.js +19 -0
  606. package/dist/esm/JelloLoop.js +22 -0
  607. package/dist/esm/LandscapeFrame.js +18 -0
  608. package/dist/esm/LayeredElipseDivider.js +20 -0
  609. package/dist/esm/LayoutCards.js +19 -0
  610. package/dist/esm/LayoutCarousel.js +20 -0
  611. package/dist/esm/LayoutList.js +19 -0
  612. package/dist/esm/LayoutSideBySide.js +18 -0
  613. package/dist/esm/LayoutSidebar.js +18 -0
  614. package/dist/esm/LayoutSingleColumn.js +18 -0
  615. package/dist/esm/LayoutTwoColumn.js +18 -0
  616. package/dist/esm/LeftWaveDivider.js +18 -0
  617. package/dist/esm/LetterTwist.js +18 -0
  618. package/dist/esm/LineChart.js +17 -0
  619. package/dist/esm/Lines.js +18 -0
  620. package/dist/esm/LinkedInBanner.js +21 -0
  621. package/dist/esm/LiquidDivider.js +18 -0
  622. package/dist/esm/Logo.js +19 -0
  623. package/dist/esm/Marker.js +24 -0
  624. package/dist/esm/Marquee.js +18 -0
  625. package/dist/esm/MembersName.js +20 -0
  626. package/dist/esm/MembersNameAndIcon.js +23 -0
  627. package/dist/esm/MoveClick.js +24 -0
  628. package/dist/esm/MoveHorizontalHover.js +23 -0
  629. package/dist/esm/MoveScroll.js +26 -0
  630. package/dist/esm/MultiAreaChart.js +23 -0
  631. package/dist/esm/MultiLineChart.js +18 -0
  632. package/dist/esm/ObscureMouse.js +27 -0
  633. package/dist/esm/OnImage.js +20 -0
  634. package/dist/esm/OpticalillusionDivider.js +18 -0
  635. package/dist/esm/Original.js +17 -0
  636. package/dist/esm/OriginalImage.js +18 -0
  637. package/dist/esm/PageNumbers.js +18 -0
  638. package/dist/esm/PaginationInline.js +20 -0
  639. package/dist/esm/PaginationSlash.js +20 -0
  640. package/dist/esm/PaintDivider.js +19 -0
  641. package/dist/esm/PaintScribbleDivider.js +18 -0
  642. package/dist/esm/PanSection.js +23 -0
  643. package/dist/esm/ParallaxScroll.js +26 -0
  644. package/dist/esm/ParallaxSection.js +23 -0
  645. package/dist/esm/PeaksDivider.js +18 -0
  646. package/dist/esm/PentagonImage.js +19 -0
  647. package/dist/esm/PieChart.js +22 -0
  648. package/dist/esm/PixelsDivider.js +19 -0
  649. package/dist/esm/PlantsDivider.js +18 -0
  650. package/dist/esm/PokeLoop.js +25 -0
  651. package/dist/esm/PortraitFrame.js +18 -0
  652. package/dist/esm/PresetCollage.js +21 -0
  653. package/dist/esm/PresetFeatured.js +19 -0
  654. package/dist/esm/PresetGrid.js +19 -0
  655. package/dist/esm/PresetMasonry.js +19 -0
  656. package/dist/esm/PresetRows.js +19 -0
  657. package/dist/esm/PresetSlider.js +19 -0
  658. package/dist/esm/PresetSlideshow.js +18 -0
  659. package/dist/esm/PresetSquares.js +19 -0
  660. package/dist/esm/PresetThumbnails.js +19 -0
  661. package/dist/esm/PresetsBricks.js +20 -0
  662. package/dist/esm/PresetsCollage.js +21 -0
  663. package/dist/esm/PresetsGrid.js +20 -0
  664. package/dist/esm/PresetsMasonry.js +20 -0
  665. package/dist/esm/PresetsSlider.js +19 -0
  666. package/dist/esm/PresetsSlideshow.js +18 -0
  667. package/dist/esm/PresetsSquareDown.js +20 -0
  668. package/dist/esm/PresetsStrips.js +19 -0
  669. package/dist/esm/PresetsThumbnails.js +19 -0
  670. package/dist/esm/PricingLayoutAbove.js +21 -0
  671. package/dist/esm/PricingLayoutBelow.js +21 -0
  672. package/dist/esm/PricingLayoutLeft.js +21 -0
  673. package/dist/esm/PricingLayoutRight.js +21 -0
  674. package/dist/esm/ProductCardLayoutBottom.js +19 -0
  675. package/dist/esm/ProductCardLayoutCard.js +18 -0
  676. package/dist/esm/ProductCardLayoutCentered.js +19 -0
  677. package/dist/esm/ProductCardLayoutFull.js +18 -0
  678. package/dist/esm/PullBackSection.js +29 -0
  679. package/dist/esm/PulseLoop.js +21 -0
  680. package/dist/esm/RSVPInvite.js +23 -0
  681. package/dist/esm/ResizeMouse.js +24 -0
  682. package/dist/esm/ResizeOptionsCrop.js +19 -0
  683. package/dist/esm/ResizeOptionsFit.js +18 -0
  684. package/dist/esm/RestaurantStacked.js +19 -0
  685. package/dist/esm/RestaurantStrip.js +20 -0
  686. package/dist/esm/Reveal.js +24 -0
  687. package/dist/esm/RevealAnimation.js +22 -0
  688. package/dist/esm/RevealScroll.js +22 -0
  689. package/dist/esm/RevealSection.js +22 -0
  690. package/dist/esm/RhombusImage.js +19 -0
  691. package/dist/esm/RightWaveDivider.js +18 -0
  692. package/dist/esm/Roll.js +19 -0
  693. package/dist/esm/RotateClick.js +25 -0
  694. package/dist/esm/RotateHover.js +25 -0
  695. package/dist/esm/RotateSection.js +27 -0
  696. package/dist/esm/RubberMouse.js +31 -0
  697. package/dist/esm/ScrollEffectsDisappear.js +21 -0
  698. package/dist/esm/ScrollEffectsFadeOut.js +21 -0
  699. package/dist/esm/ScrollEffectsMoveWithPage.js +21 -0
  700. package/dist/esm/ScrollEffectsStayFixed.js +21 -0
  701. package/dist/esm/SemiCirclesDivider.js +18 -0
  702. package/dist/esm/SemiElipseDivider.js +18 -0
  703. package/dist/esm/ShapeEntrance.js +20 -0
  704. package/dist/esm/ShapeRectangle.js +18 -0
  705. package/dist/esm/ShapeRound.js +18 -0
  706. package/dist/esm/ShapeScroll.js +21 -0
  707. package/dist/esm/ShapeSquare.js +18 -0
  708. package/dist/esm/Shrink.js +29 -0
  709. package/dist/esm/ShrinkClick.js +29 -0
  710. package/dist/esm/ShrinkHover.js +29 -0
  711. package/dist/esm/ShrinkScroll.js +30 -0
  712. package/dist/esm/Shuffle.js +22 -0
  713. package/dist/esm/ShuttersAnimation.js +18 -0
  714. package/dist/esm/ShuttersScroll.js +21 -0
  715. package/dist/esm/Skew3DMouse.js +24 -0
  716. package/dist/esm/SkewClick.js +23 -0
  717. package/dist/esm/SkewHover.js +20 -0
  718. package/dist/esm/SkewSection.js +24 -0
  719. package/dist/esm/Slide.js +20 -0
  720. package/dist/esm/SlideAnimation.js +24 -0
  721. package/dist/esm/SlideScroll.js +25 -0
  722. package/dist/esm/Slides.js +18 -0
  723. package/dist/esm/SnakeTrailAnimation.js +18 -0
  724. package/dist/esm/SpinAnimation.js +23 -0
  725. package/dist/esm/SpinLoop.js +22 -0
  726. package/dist/esm/SpinScroll.js +23 -0
  727. package/dist/esm/SquareFrame.js +18 -0
  728. package/dist/esm/Stagger.js +20 -0
  729. package/dist/esm/StarImage.js +19 -0
  730. package/dist/esm/StartWithData.js +19 -0
  731. package/dist/esm/StoreAboveInfo.js +19 -0
  732. package/dist/esm/StoreAccordionCollapse.js +22 -0
  733. package/dist/esm/StoreAsDots.js +18 -0
  734. package/dist/esm/StoreBelowInfo.js +20 -0
  735. package/dist/esm/StoreBorder.js +19 -0
  736. package/dist/esm/StoreBottom.js +19 -0
  737. package/dist/esm/StoreButtons.js +20 -0
  738. package/dist/esm/StoreCarousel.js +19 -0
  739. package/dist/esm/StoreClassic.js +19 -0
  740. package/dist/esm/StoreCollapse.js +21 -0
  741. package/dist/esm/StoreColumns.js +19 -0
  742. package/dist/esm/StoreDoesNothing.js +20 -0
  743. package/dist/esm/StoreDrawer.js +23 -0
  744. package/dist/esm/StoreDropdown.js +20 -0
  745. package/dist/esm/StoreGrid.js +19 -0
  746. package/dist/esm/StoreHorizontal.js +20 -0
  747. package/dist/esm/StoreImages.js +20 -0
  748. package/dist/esm/StoreInline.js +20 -0
  749. package/dist/esm/StoreInside.js +20 -0
  750. package/dist/esm/StoreLeft.js +19 -0
  751. package/dist/esm/StoreModern.js +22 -0
  752. package/dist/esm/StoreNegativeBack.js +21 -0
  753. package/dist/esm/StoreOnImage.js +19 -0
  754. package/dist/esm/StorePopUp.js +25 -0
  755. package/dist/esm/StorePriceSideBySide.js +20 -0
  756. package/dist/esm/StorePriceStacked.js +20 -0
  757. package/dist/esm/StoreProductInfo.js +22 -0
  758. package/dist/esm/StoreRight.js +19 -0
  759. package/dist/esm/StoreScroll.js +20 -0
  760. package/dist/esm/StoreShowAll.js +17 -0
  761. package/dist/esm/StoreSideBySide.js +19 -0
  762. package/dist/esm/StoreSimple.js +19 -0
  763. package/dist/esm/StoreSleek.js +19 -0
  764. package/dist/esm/StoreSpotlight.js +21 -0
  765. package/dist/esm/StoreStacked.js +19 -0
  766. package/dist/esm/StoreStreched.js +20 -0
  767. package/dist/esm/StoreStunning.js +21 -0
  768. package/dist/esm/StoreSwapImage.js +20 -0
  769. package/dist/esm/StoreTabs.js +19 -0
  770. package/dist/esm/StoreThumbnails.js +19 -0
  771. package/dist/esm/StoreTop.js +20 -0
  772. package/dist/esm/StoreTrim.js +19 -0
  773. package/dist/esm/StoreVertical.js +20 -0
  774. package/dist/esm/StoreWrap.js +20 -0
  775. package/dist/esm/StoreZoom.js +18 -0
  776. package/dist/esm/StretchScroll.js +25 -0
  777. package/dist/esm/StripesDivider.js +18 -0
  778. package/dist/esm/Swap.js +19 -0
  779. package/dist/esm/SwingLoop.js +25 -0
  780. package/dist/esm/SwivelMouse.js +22 -0
  781. package/dist/esm/TextEntrance.js +20 -0
  782. package/dist/esm/TextPath.js +20 -0
  783. package/dist/esm/ThumbnailPlacementBottom.js +20 -0
  784. package/dist/esm/ThumbnailPlacementLeft.js +20 -0
  785. package/dist/esm/ThumbnailPlacementRight.js +20 -0
  786. package/dist/esm/ThumbnailPlacementTop.js +20 -0
  787. package/dist/esm/Tilt3DMouse.js +21 -0
  788. package/dist/esm/TiltAnimation.js +21 -0
  789. package/dist/esm/TiltDivider.js +18 -0
  790. package/dist/esm/TiltEntrance.js +24 -0
  791. package/dist/esm/TiltScroll.js +23 -0
  792. package/dist/esm/Track3DMouse.js +26 -0
  793. package/dist/esm/TrackMouse.js +24 -0
  794. package/dist/esm/TriangleDivider.js +18 -0
  795. package/dist/esm/TriangularImage.js +18 -0
  796. package/dist/esm/TurnEntrance.js +25 -0
  797. package/dist/esm/TurnScroll.js +26 -0
  798. package/dist/esm/TwistClick.js +21 -0
  799. package/dist/esm/TwistHover.js +21 -0
  800. package/dist/esm/TypeWriter.js +23 -0
  801. package/dist/esm/Underline.js +21 -0
  802. package/dist/esm/VerticalBarChart.js +19 -0
  803. package/dist/esm/VerticalBarGroupedChart.js +21 -0
  804. package/dist/esm/VideoLink.js +21 -0
  805. package/dist/esm/VideoMobileHorizontal.js +18 -0
  806. package/dist/esm/VideoMobileVertical.js +18 -0
  807. package/dist/esm/WavesDivider.js +19 -0
  808. package/dist/esm/WhatsappStatus.js +20 -0
  809. package/dist/esm/WiggleLoop.js +20 -0
  810. package/dist/esm/WindowImage.js +18 -0
  811. package/dist/esm/WinkEntrance.js +24 -0
  812. package/dist/esm/WordTwist.js +18 -0
  813. package/dist/esm/XPost.js +20 -0
  814. package/dist/esm/YoutubeBanner.js +20 -0
  815. package/dist/esm/YoutubeThumbnail.js +19 -0
  816. package/dist/esm/ZoomSection.js +29 -0
  817. package/dist/esm/animated/ThumbnailScale.js +43 -0
  818. package/dist/esm/animated/animated.css +122 -0
  819. package/dist/esm/animated/index.js +4 -0
  820. package/dist/esm/index.js +814 -0
  821. package/dist/types/A4Frame.d.ts +5 -0
  822. package/dist/types/AI.d.ts +5 -0
  823. package/dist/types/AddAnElement.d.ts +5 -0
  824. package/dist/types/AddAnElementSmall.d.ts +5 -0
  825. package/dist/types/AiryMouse.d.ts +5 -0
  826. package/dist/types/AlignBottomHorizontal.d.ts +5 -0
  827. package/dist/types/AlignCenterHorizontal.d.ts +5 -0
  828. package/dist/types/AlignCenterVertical.d.ts +5 -0
  829. package/dist/types/AlignLeftVertical.d.ts +5 -0
  830. package/dist/types/AlignRightVertical.d.ts +5 -0
  831. package/dist/types/AlignSpread.d.ts +5 -0
  832. package/dist/types/AlignTopHorizontal.d.ts +5 -0
  833. package/dist/types/AlignmentLeftToRight.d.ts +5 -0
  834. package/dist/types/AlignmentRightToLeft.d.ts +5 -0
  835. package/dist/types/AllSides.d.ts +5 -0
  836. package/dist/types/AngledTriangleDivider.d.ts +5 -0
  837. package/dist/types/AppearClick.d.ts +5 -0
  838. package/dist/types/AppearHover.d.ts +5 -0
  839. package/dist/types/ArcEntrance.d.ts +5 -0
  840. package/dist/types/ArcScroll.d.ts +5 -0
  841. package/dist/types/AreaChart.d.ts +5 -0
  842. package/dist/types/Aspect11.d.ts +5 -0
  843. package/dist/types/Aspect11Image.d.ts +5 -0
  844. package/dist/types/Aspect12.d.ts +5 -0
  845. package/dist/types/Aspect169.d.ts +5 -0
  846. package/dist/types/Aspect169Image.d.ts +5 -0
  847. package/dist/types/Aspect23.d.ts +5 -0
  848. package/dist/types/Aspect23Image.d.ts +5 -0
  849. package/dist/types/Aspect32.d.ts +5 -0
  850. package/dist/types/Aspect32Image.d.ts +5 -0
  851. package/dist/types/Aspect34.d.ts +5 -0
  852. package/dist/types/Aspect34Image.d.ts +5 -0
  853. package/dist/types/Aspect3DSection.d.ts +5 -0
  854. package/dist/types/Aspect3DSpinScroll.d.ts +5 -0
  855. package/dist/types/Aspect43.d.ts +5 -0
  856. package/dist/types/Aspect43Image.d.ts +5 -0
  857. package/dist/types/Aspect45.d.ts +5 -0
  858. package/dist/types/Aspect45Image.d.ts +5 -0
  859. package/dist/types/Aspect54.d.ts +5 -0
  860. package/dist/types/Aspect54Image.d.ts +5 -0
  861. package/dist/types/Aspect916.d.ts +5 -0
  862. package/dist/types/Aspect916Image.d.ts +5 -0
  863. package/dist/types/AvatarCircle.d.ts +5 -0
  864. package/dist/types/AvatarSquare.d.ts +5 -0
  865. package/dist/types/BlankImage.d.ts +5 -0
  866. package/dist/types/BlankSection.d.ts +5 -0
  867. package/dist/types/BlankSectionOutline.d.ts +5 -0
  868. package/dist/types/BlankSectionOutlineSmall.d.ts +5 -0
  869. package/dist/types/BlankSectionSmall.d.ts +5 -0
  870. package/dist/types/BlobMouse.d.ts +5 -0
  871. package/dist/types/BlobsDivider.d.ts +5 -0
  872. package/dist/types/BlogEditorial.d.ts +5 -0
  873. package/dist/types/BlogFullPost.d.ts +5 -0
  874. package/dist/types/BlogMagazine.d.ts +5 -0
  875. package/dist/types/BlogOneColumn.d.ts +5 -0
  876. package/dist/types/BlogTag.d.ts +5 -0
  877. package/dist/types/BlogTagButton.d.ts +5 -0
  878. package/dist/types/BlogTiled.d.ts +5 -0
  879. package/dist/types/Blur.d.ts +5 -0
  880. package/dist/types/BlurAnimation.d.ts +5 -0
  881. package/dist/types/BlurScroll.d.ts +5 -0
  882. package/dist/types/BookingsGrid.d.ts +5 -0
  883. package/dist/types/BookingsOverlapping.d.ts +5 -0
  884. package/dist/types/BookingsSideBySide.d.ts +5 -0
  885. package/dist/types/BookingsStrip.d.ts +5 -0
  886. package/dist/types/Bottom.d.ts +5 -0
  887. package/dist/types/Bounce.d.ts +5 -0
  888. package/dist/types/BounceAnimation.d.ts +5 -0
  889. package/dist/types/BounceEntrance.d.ts +5 -0
  890. package/dist/types/BounceLoop.d.ts +5 -0
  891. package/dist/types/Brandbook.d.ts +5 -0
  892. package/dist/types/BreathAnimation.d.ts +5 -0
  893. package/dist/types/BreathLoop.d.ts +5 -0
  894. package/dist/types/BrushDivider.d.ts +5 -0
  895. package/dist/types/ButtonStyleFilled.d.ts +5 -0
  896. package/dist/types/ButtonStyleOutlined.d.ts +5 -0
  897. package/dist/types/ButtonStylePillFilled.d.ts +5 -0
  898. package/dist/types/ButtonStylePillOutlined.d.ts +5 -0
  899. package/dist/types/ChooseTheLayoutGrid.d.ts +5 -0
  900. package/dist/types/CircleImage.d.ts +5 -0
  901. package/dist/types/CircleMarker.d.ts +5 -0
  902. package/dist/types/ClockWipe.d.ts +5 -0
  903. package/dist/types/CloseupSection.d.ts +5 -0
  904. package/dist/types/CloudsDivider.d.ts +5 -0
  905. package/dist/types/ColorAnimation.d.ts +5 -0
  906. package/dist/types/ColorClick.d.ts +5 -0
  907. package/dist/types/ColorHover.d.ts +5 -0
  908. package/dist/types/ColorTransition.d.ts +5 -0
  909. package/dist/types/CrossLoop.d.ts +5 -0
  910. package/dist/types/Cube.d.ts +5 -0
  911. package/dist/types/CustomImage.d.ts +5 -0
  912. package/dist/types/DartScroll.d.ts +5 -0
  913. package/dist/types/DesignedSection.d.ts +5 -0
  914. package/dist/types/DesignedSectionSmall.d.ts +5 -0
  915. package/dist/types/Doc.d.ts +5 -0
  916. package/dist/types/DonutChart.d.ts +5 -0
  917. package/dist/types/Drop.d.ts +5 -0
  918. package/dist/types/DunesDivider.d.ts +5 -0
  919. package/dist/types/ElipseDivider.d.ts +5 -0
  920. package/dist/types/EllipseImage.d.ts +5 -0
  921. package/dist/types/EmptyPage.d.ts +5 -0
  922. package/dist/types/EmptyPageImage.d.ts +5 -0
  923. package/dist/types/EventCards.d.ts +5 -0
  924. package/dist/types/EventClassic.d.ts +5 -0
  925. package/dist/types/EventInfo.d.ts +5 -0
  926. package/dist/types/EventLayoutAlternating.d.ts +5 -0
  927. package/dist/types/EventLayoutLeft.d.ts +5 -0
  928. package/dist/types/EventLayoutRight.d.ts +5 -0
  929. package/dist/types/EventLeft.d.ts +5 -0
  930. package/dist/types/EventList.d.ts +5 -0
  931. package/dist/types/EventMonthly.d.ts +5 -0
  932. package/dist/types/EventRight.d.ts +5 -0
  933. package/dist/types/EventSideBySide.d.ts +5 -0
  934. package/dist/types/EventWeekly.d.ts +5 -0
  935. package/dist/types/ExpandAnimation.d.ts +5 -0
  936. package/dist/types/ExpandClick.d.ts +5 -0
  937. package/dist/types/ExpandHover.d.ts +5 -0
  938. package/dist/types/ExpandScroll.d.ts +5 -0
  939. package/dist/types/FacebookCover.d.ts +5 -0
  940. package/dist/types/FacebookPost.d.ts +5 -0
  941. package/dist/types/FacebookStory.d.ts +5 -0
  942. package/dist/types/Fade.d.ts +5 -0
  943. package/dist/types/FadeAnimation.d.ts +5 -0
  944. package/dist/types/FadeBackSection.d.ts +5 -0
  945. package/dist/types/FadeClick.d.ts +5 -0
  946. package/dist/types/FadeHover.d.ts +5 -0
  947. package/dist/types/FadeScroll.d.ts +5 -0
  948. package/dist/types/FadeSection.d.ts +5 -0
  949. package/dist/types/FillParallaxScroll.d.ts +5 -0
  950. package/dist/types/FillReveal.d.ts +5 -0
  951. package/dist/types/FlapLoop.d.ts +5 -0
  952. package/dist/types/FlashAnimation.d.ts +5 -0
  953. package/dist/types/FlashLoop.d.ts +5 -0
  954. package/dist/types/Flip.d.ts +5 -0
  955. package/dist/types/FlipAnimation.d.ts +5 -0
  956. package/dist/types/FlipLoop.d.ts +5 -0
  957. package/dist/types/FlipScroll.d.ts +5 -0
  958. package/dist/types/FloatEntrance.d.ts +5 -0
  959. package/dist/types/FloatingCardsAnimation.d.ts +5 -0
  960. package/dist/types/FluidImage.d.ts +5 -0
  961. package/dist/types/Fold.d.ts +5 -0
  962. package/dist/types/FoldAnimation.d.ts +5 -0
  963. package/dist/types/Form.d.ts +5 -0
  964. package/dist/types/Freeform.d.ts +5 -0
  965. package/dist/types/FreeformImage.d.ts +5 -0
  966. package/dist/types/GalleryApears.d.ts +5 -0
  967. package/dist/types/GalleryAppear.d.ts +5 -0
  968. package/dist/types/GalleryBlur.d.ts +5 -0
  969. package/dist/types/GalleryColorIn.d.ts +5 -0
  970. package/dist/types/GalleryDisappears.d.ts +5 -0
  971. package/dist/types/GalleryExpand.d.ts +5 -0
  972. package/dist/types/GalleryExpandOut.d.ts +5 -0
  973. package/dist/types/GalleryFade.d.ts +5 -0
  974. package/dist/types/GalleryFadeIn.d.ts +5 -0
  975. package/dist/types/GalleryGrayscale2.d.ts +5 -0
  976. package/dist/types/GalleryGreyscale.d.ts +5 -0
  977. package/dist/types/GalleryHorizontal.d.ts +5 -0
  978. package/dist/types/GalleryInvert.d.ts +5 -0
  979. package/dist/types/GalleryMoveUp.d.ts +5 -0
  980. package/dist/types/GalleryNoChange.d.ts +5 -0
  981. package/dist/types/GalleryOneColor.d.ts +5 -0
  982. package/dist/types/GalleryShrink.d.ts +5 -0
  983. package/dist/types/GallerySlideDown.d.ts +5 -0
  984. package/dist/types/GallerySlideRight.d.ts +5 -0
  985. package/dist/types/GallerySlideUp.d.ts +5 -0
  986. package/dist/types/GalleryVertical.d.ts +5 -0
  987. package/dist/types/GalleryZoomOut.d.ts +5 -0
  988. package/dist/types/GenerateWithAI.d.ts +5 -0
  989. package/dist/types/GenerateWithAIOutline.d.ts +5 -0
  990. package/dist/types/GenerateWithAIOutlineSmall.d.ts +5 -0
  991. package/dist/types/GenerateWithAISmall.d.ts +5 -0
  992. package/dist/types/GlideEntrance.d.ts +5 -0
  993. package/dist/types/GlitchAnimation.d.ts +5 -0
  994. package/dist/types/GrowEntrance.d.ts +5 -0
  995. package/dist/types/HeartImage.d.ts +5 -0
  996. package/dist/types/HexagonalImage.d.ts +5 -0
  997. package/dist/types/HillDivider.d.ts +5 -0
  998. package/dist/types/HorizontalBarChart.d.ts +5 -0
  999. package/dist/types/HorizontalBarGroupedChart.d.ts +5 -0
  1000. package/dist/types/ImageLayoutBlank.d.ts +5 -0
  1001. package/dist/types/ImageLayoutLarge.d.ts +5 -0
  1002. package/dist/types/ImageLayoutSingleColumn.d.ts +5 -0
  1003. package/dist/types/ImageLayoutThumbnail.d.ts +5 -0
  1004. package/dist/types/ImageLayoutTwoColumn.d.ts +5 -0
  1005. package/dist/types/ImagePositionBottom.d.ts +5 -0
  1006. package/dist/types/ImagePositionLeft.d.ts +5 -0
  1007. package/dist/types/ImagePositionRight.d.ts +5 -0
  1008. package/dist/types/ImagePositionTop.d.ts +5 -0
  1009. package/dist/types/ImageRatio11.d.ts +5 -0
  1010. package/dist/types/ImageRatio169.d.ts +5 -0
  1011. package/dist/types/InstagramPost.d.ts +5 -0
  1012. package/dist/types/InstagramReel.d.ts +5 -0
  1013. package/dist/types/InstagramStory.d.ts +5 -0
  1014. package/dist/types/InvertedElipseDivider.d.ts +5 -0
  1015. package/dist/types/Iris.d.ts +5 -0
  1016. package/dist/types/JelloLoop.d.ts +5 -0
  1017. package/dist/types/LandscapeFrame.d.ts +5 -0
  1018. package/dist/types/LayeredElipseDivider.d.ts +5 -0
  1019. package/dist/types/LayoutCards.d.ts +5 -0
  1020. package/dist/types/LayoutCarousel.d.ts +5 -0
  1021. package/dist/types/LayoutList.d.ts +5 -0
  1022. package/dist/types/LayoutSideBySide.d.ts +5 -0
  1023. package/dist/types/LayoutSidebar.d.ts +5 -0
  1024. package/dist/types/LayoutSingleColumn.d.ts +5 -0
  1025. package/dist/types/LayoutTwoColumn.d.ts +5 -0
  1026. package/dist/types/LeftWaveDivider.d.ts +5 -0
  1027. package/dist/types/LetterTwist.d.ts +5 -0
  1028. package/dist/types/LineChart.d.ts +5 -0
  1029. package/dist/types/Lines.d.ts +5 -0
  1030. package/dist/types/LinkedInBanner.d.ts +5 -0
  1031. package/dist/types/LiquidDivider.d.ts +5 -0
  1032. package/dist/types/Logo.d.ts +5 -0
  1033. package/dist/types/Marker.d.ts +5 -0
  1034. package/dist/types/Marquee.d.ts +5 -0
  1035. package/dist/types/MembersName.d.ts +5 -0
  1036. package/dist/types/MembersNameAndIcon.d.ts +5 -0
  1037. package/dist/types/MoveClick.d.ts +5 -0
  1038. package/dist/types/MoveHorizontalHover.d.ts +5 -0
  1039. package/dist/types/MoveScroll.d.ts +5 -0
  1040. package/dist/types/MultiAreaChart.d.ts +5 -0
  1041. package/dist/types/MultiLineChart.d.ts +5 -0
  1042. package/dist/types/ObscureMouse.d.ts +5 -0
  1043. package/dist/types/OnImage.d.ts +5 -0
  1044. package/dist/types/OpticalillusionDivider.d.ts +5 -0
  1045. package/dist/types/Original.d.ts +5 -0
  1046. package/dist/types/OriginalImage.d.ts +5 -0
  1047. package/dist/types/PageNumbers.d.ts +5 -0
  1048. package/dist/types/PaginationInline.d.ts +5 -0
  1049. package/dist/types/PaginationSlash.d.ts +5 -0
  1050. package/dist/types/PaintDivider.d.ts +5 -0
  1051. package/dist/types/PaintScribbleDivider.d.ts +5 -0
  1052. package/dist/types/PanSection.d.ts +5 -0
  1053. package/dist/types/ParallaxScroll.d.ts +5 -0
  1054. package/dist/types/ParallaxSection.d.ts +5 -0
  1055. package/dist/types/PeaksDivider.d.ts +5 -0
  1056. package/dist/types/PentagonImage.d.ts +5 -0
  1057. package/dist/types/PieChart.d.ts +5 -0
  1058. package/dist/types/PixelsDivider.d.ts +5 -0
  1059. package/dist/types/PlantsDivider.d.ts +5 -0
  1060. package/dist/types/PokeLoop.d.ts +5 -0
  1061. package/dist/types/PortraitFrame.d.ts +5 -0
  1062. package/dist/types/PresetCollage.d.ts +5 -0
  1063. package/dist/types/PresetFeatured.d.ts +5 -0
  1064. package/dist/types/PresetGrid.d.ts +5 -0
  1065. package/dist/types/PresetMasonry.d.ts +5 -0
  1066. package/dist/types/PresetRows.d.ts +5 -0
  1067. package/dist/types/PresetSlider.d.ts +5 -0
  1068. package/dist/types/PresetSlideshow.d.ts +5 -0
  1069. package/dist/types/PresetSquares.d.ts +5 -0
  1070. package/dist/types/PresetThumbnails.d.ts +5 -0
  1071. package/dist/types/PresetsBricks.d.ts +5 -0
  1072. package/dist/types/PresetsCollage.d.ts +5 -0
  1073. package/dist/types/PresetsGrid.d.ts +5 -0
  1074. package/dist/types/PresetsMasonry.d.ts +5 -0
  1075. package/dist/types/PresetsSlider.d.ts +5 -0
  1076. package/dist/types/PresetsSlideshow.d.ts +5 -0
  1077. package/dist/types/PresetsSquareDown.d.ts +5 -0
  1078. package/dist/types/PresetsStrips.d.ts +5 -0
  1079. package/dist/types/PresetsThumbnails.d.ts +5 -0
  1080. package/dist/types/PricingLayoutAbove.d.ts +5 -0
  1081. package/dist/types/PricingLayoutBelow.d.ts +5 -0
  1082. package/dist/types/PricingLayoutLeft.d.ts +5 -0
  1083. package/dist/types/PricingLayoutRight.d.ts +5 -0
  1084. package/dist/types/ProductCardLayoutBottom.d.ts +5 -0
  1085. package/dist/types/ProductCardLayoutCard.d.ts +5 -0
  1086. package/dist/types/ProductCardLayoutCentered.d.ts +5 -0
  1087. package/dist/types/ProductCardLayoutFull.d.ts +5 -0
  1088. package/dist/types/PullBackSection.d.ts +5 -0
  1089. package/dist/types/PulseLoop.d.ts +5 -0
  1090. package/dist/types/RSVPInvite.d.ts +5 -0
  1091. package/dist/types/ResizeMouse.d.ts +5 -0
  1092. package/dist/types/ResizeOptionsCrop.d.ts +5 -0
  1093. package/dist/types/ResizeOptionsFit.d.ts +5 -0
  1094. package/dist/types/RestaurantStacked.d.ts +5 -0
  1095. package/dist/types/RestaurantStrip.d.ts +5 -0
  1096. package/dist/types/Reveal.d.ts +5 -0
  1097. package/dist/types/RevealAnimation.d.ts +5 -0
  1098. package/dist/types/RevealScroll.d.ts +5 -0
  1099. package/dist/types/RevealSection.d.ts +5 -0
  1100. package/dist/types/RhombusImage.d.ts +5 -0
  1101. package/dist/types/RightWaveDivider.d.ts +5 -0
  1102. package/dist/types/Roll.d.ts +5 -0
  1103. package/dist/types/RotateClick.d.ts +5 -0
  1104. package/dist/types/RotateHover.d.ts +5 -0
  1105. package/dist/types/RotateSection.d.ts +5 -0
  1106. package/dist/types/RubberMouse.d.ts +5 -0
  1107. package/dist/types/ScrollEffectsDisappear.d.ts +5 -0
  1108. package/dist/types/ScrollEffectsFadeOut.d.ts +5 -0
  1109. package/dist/types/ScrollEffectsMoveWithPage.d.ts +5 -0
  1110. package/dist/types/ScrollEffectsStayFixed.d.ts +5 -0
  1111. package/dist/types/SemiCirclesDivider.d.ts +5 -0
  1112. package/dist/types/SemiElipseDivider.d.ts +5 -0
  1113. package/dist/types/ShapeEntrance.d.ts +5 -0
  1114. package/dist/types/ShapeRectangle.d.ts +5 -0
  1115. package/dist/types/ShapeRound.d.ts +5 -0
  1116. package/dist/types/ShapeScroll.d.ts +5 -0
  1117. package/dist/types/ShapeSquare.d.ts +5 -0
  1118. package/dist/types/Shrink.d.ts +5 -0
  1119. package/dist/types/ShrinkClick.d.ts +5 -0
  1120. package/dist/types/ShrinkHover.d.ts +5 -0
  1121. package/dist/types/ShrinkScroll.d.ts +5 -0
  1122. package/dist/types/Shuffle.d.ts +5 -0
  1123. package/dist/types/ShuttersAnimation.d.ts +5 -0
  1124. package/dist/types/ShuttersScroll.d.ts +5 -0
  1125. package/dist/types/Skew3DMouse.d.ts +5 -0
  1126. package/dist/types/SkewClick.d.ts +5 -0
  1127. package/dist/types/SkewHover.d.ts +5 -0
  1128. package/dist/types/SkewSection.d.ts +5 -0
  1129. package/dist/types/Slide.d.ts +5 -0
  1130. package/dist/types/SlideAnimation.d.ts +5 -0
  1131. package/dist/types/SlideScroll.d.ts +5 -0
  1132. package/dist/types/Slides.d.ts +5 -0
  1133. package/dist/types/SnakeTrailAnimation.d.ts +5 -0
  1134. package/dist/types/SpinAnimation.d.ts +5 -0
  1135. package/dist/types/SpinLoop.d.ts +5 -0
  1136. package/dist/types/SpinScroll.d.ts +5 -0
  1137. package/dist/types/SquareFrame.d.ts +5 -0
  1138. package/dist/types/Stagger.d.ts +5 -0
  1139. package/dist/types/StarImage.d.ts +5 -0
  1140. package/dist/types/StartWithData.d.ts +5 -0
  1141. package/dist/types/StoreAboveInfo.d.ts +5 -0
  1142. package/dist/types/StoreAccordionCollapse.d.ts +5 -0
  1143. package/dist/types/StoreAsDots.d.ts +5 -0
  1144. package/dist/types/StoreBelowInfo.d.ts +5 -0
  1145. package/dist/types/StoreBorder.d.ts +5 -0
  1146. package/dist/types/StoreBottom.d.ts +5 -0
  1147. package/dist/types/StoreButtons.d.ts +5 -0
  1148. package/dist/types/StoreCarousel.d.ts +5 -0
  1149. package/dist/types/StoreClassic.d.ts +5 -0
  1150. package/dist/types/StoreCollapse.d.ts +5 -0
  1151. package/dist/types/StoreColumns.d.ts +5 -0
  1152. package/dist/types/StoreDoesNothing.d.ts +5 -0
  1153. package/dist/types/StoreDrawer.d.ts +5 -0
  1154. package/dist/types/StoreDropdown.d.ts +5 -0
  1155. package/dist/types/StoreGrid.d.ts +5 -0
  1156. package/dist/types/StoreHorizontal.d.ts +5 -0
  1157. package/dist/types/StoreImages.d.ts +5 -0
  1158. package/dist/types/StoreInline.d.ts +5 -0
  1159. package/dist/types/StoreInside.d.ts +5 -0
  1160. package/dist/types/StoreLeft.d.ts +5 -0
  1161. package/dist/types/StoreModern.d.ts +5 -0
  1162. package/dist/types/StoreNegativeBack.d.ts +5 -0
  1163. package/dist/types/StoreOnImage.d.ts +5 -0
  1164. package/dist/types/StorePopUp.d.ts +5 -0
  1165. package/dist/types/StorePriceSideBySide.d.ts +5 -0
  1166. package/dist/types/StorePriceStacked.d.ts +5 -0
  1167. package/dist/types/StoreProductInfo.d.ts +5 -0
  1168. package/dist/types/StoreRight.d.ts +5 -0
  1169. package/dist/types/StoreScroll.d.ts +5 -0
  1170. package/dist/types/StoreShowAll.d.ts +5 -0
  1171. package/dist/types/StoreSideBySide.d.ts +5 -0
  1172. package/dist/types/StoreSimple.d.ts +5 -0
  1173. package/dist/types/StoreSleek.d.ts +5 -0
  1174. package/dist/types/StoreSpotlight.d.ts +5 -0
  1175. package/dist/types/StoreStacked.d.ts +5 -0
  1176. package/dist/types/StoreStreched.d.ts +5 -0
  1177. package/dist/types/StoreStunning.d.ts +5 -0
  1178. package/dist/types/StoreSwapImage.d.ts +5 -0
  1179. package/dist/types/StoreTabs.d.ts +5 -0
  1180. package/dist/types/StoreThumbnails.d.ts +5 -0
  1181. package/dist/types/StoreTop.d.ts +5 -0
  1182. package/dist/types/StoreTrim.d.ts +5 -0
  1183. package/dist/types/StoreVertical.d.ts +5 -0
  1184. package/dist/types/StoreWrap.d.ts +5 -0
  1185. package/dist/types/StoreZoom.d.ts +5 -0
  1186. package/dist/types/StretchScroll.d.ts +5 -0
  1187. package/dist/types/StripesDivider.d.ts +5 -0
  1188. package/dist/types/Swap.d.ts +5 -0
  1189. package/dist/types/SwingLoop.d.ts +5 -0
  1190. package/dist/types/SwivelMouse.d.ts +5 -0
  1191. package/dist/types/TextEntrance.d.ts +5 -0
  1192. package/dist/types/TextPath.d.ts +5 -0
  1193. package/dist/types/ThumbnailPlacementBottom.d.ts +5 -0
  1194. package/dist/types/ThumbnailPlacementLeft.d.ts +5 -0
  1195. package/dist/types/ThumbnailPlacementRight.d.ts +5 -0
  1196. package/dist/types/ThumbnailPlacementTop.d.ts +5 -0
  1197. package/dist/types/Tilt3DMouse.d.ts +5 -0
  1198. package/dist/types/TiltAnimation.d.ts +5 -0
  1199. package/dist/types/TiltDivider.d.ts +5 -0
  1200. package/dist/types/TiltEntrance.d.ts +5 -0
  1201. package/dist/types/TiltScroll.d.ts +5 -0
  1202. package/dist/types/Track3DMouse.d.ts +5 -0
  1203. package/dist/types/TrackMouse.d.ts +5 -0
  1204. package/dist/types/TriangleDivider.d.ts +5 -0
  1205. package/dist/types/TriangularImage.d.ts +5 -0
  1206. package/dist/types/TurnEntrance.d.ts +5 -0
  1207. package/dist/types/TurnScroll.d.ts +5 -0
  1208. package/dist/types/TwistClick.d.ts +5 -0
  1209. package/dist/types/TwistHover.d.ts +5 -0
  1210. package/dist/types/TypeWriter.d.ts +5 -0
  1211. package/dist/types/Underline.d.ts +5 -0
  1212. package/dist/types/VerticalBarChart.d.ts +5 -0
  1213. package/dist/types/VerticalBarGroupedChart.d.ts +5 -0
  1214. package/dist/types/VideoLink.d.ts +5 -0
  1215. package/dist/types/VideoMobileHorizontal.d.ts +5 -0
  1216. package/dist/types/VideoMobileVertical.d.ts +5 -0
  1217. package/dist/types/WavesDivider.d.ts +5 -0
  1218. package/dist/types/WhatsappStatus.d.ts +5 -0
  1219. package/dist/types/WiggleLoop.d.ts +5 -0
  1220. package/dist/types/WindowImage.d.ts +5 -0
  1221. package/dist/types/WinkEntrance.d.ts +5 -0
  1222. package/dist/types/WordTwist.d.ts +5 -0
  1223. package/dist/types/XPost.d.ts +5 -0
  1224. package/dist/types/YoutubeBanner.d.ts +5 -0
  1225. package/dist/types/YoutubeThumbnail.d.ts +5 -0
  1226. package/dist/types/ZoomSection.d.ts +5 -0
  1227. package/dist/types/animated/ThumbnailScale.d.ts +7 -0
  1228. package/dist/types/animated/index.d.ts +2 -0
  1229. package/dist/types/index.d.ts +406 -0
  1230. package/package.json +3 -3
package/dist/esm/RhombusImage.js ADDED
@@ -0,0 +1,19 @@
1
+ import React from "react";
2
+ const RhombusImage = (props) => /* @__PURE__ */ React.createElement(
3
+ "svg",
4
+ {
5
+ viewBox: "0 0 82 82",
6
+ fill: "none",
7
+ width: 82,
8
+ height: 82,
9
+ xmlns: "http://www.w3.org/2000/svg",
10
+ ...props
11
+ },
12
+ /* @__PURE__ */ React.createElement("mask", { id: "RhombusImage__a", width: "48", height: "54", x: "17", y: "14", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M39 15.155a4 4 0 0 1 4 0l19.383 11.19a4 4 0 0 1 2 3.464v22.382a4 4 0 0 1-2 3.464L43 66.845a4 4 0 0 1-4 0l-19.383-11.19a4 4 0 0 1-2-3.464V29.809a4 4 0 0 1 2-3.464z" })),
13
+ /* @__PURE__ */ React.createElement("g", { mask: "url(#RhombusImage__a)", clipPath: "url(#RhombusImage__b)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#RhombusImage__c)" }, /* @__PURE__ */ React.createElement("rect", { width: "62", height: "58", x: "10", y: "12", fill: "var(--wds-illustration-color-6, #002296)", rx: "4" })), /* @__PURE__ */ React.createElement("path", { fill: "url(#RhombusImage__d)", d: "M41.84 28.004 24.5 56l30.925-4.605z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#RhombusImage__e)", d: "M73 38s-23.774-9.725-24.934-10.218-8.353-2.773-6.227 3.8c2.114 6.532 3.272 9.044 3.733 10.16.46 1.115 2.335 5.66-2.383 7.336C37.843 50.978 9 60 9 60v8.181h64z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#RhombusImage__f)" }, /* @__PURE__ */ React.createElement("rect", { width: "13.844", height: "13.944", x: "15.996", y: "24", fill: "var(--wds-illustration-color-1, #002291)", rx: "6.922" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#RhombusImage__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#RhombusImage__h)", d: "M25.35 15.421q-.916.182-1.8.505a11.54 11.54 0 0 0-5.954 4.982c-3.22 5.46-1.428 12.454 4.003 15.62 5.43 3.166 12.44 1.303 15.66-4.156 3.22-5.464 1.429-12.458-3.998-15.62a11.32 11.32 0 0 0-7.91-1.331" })))),
14
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "RhombusImage__d", x1: "32.522", x2: "57.88", y1: "37.51", y2: "57.476", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".325", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "RhombusImage__e", x1: "16", x2: "66.354", y1: "12.11", y2: "61.014", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".95", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "RhombusImage__h", x1: "35.617", x2: "16.059", y1: "17.259", y2: "42.217", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "RhombusImage__b" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M14 14h54v54H14z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "RhombusImage__c" }, /* @__PURE__ */ React.createElement("rect", { width: "62", height: "58", x: "10", y: "12", fill: "#fff", rx: "4" })), /* @__PURE__ */ React.createElement("clipPath", { id: "RhombusImage__f" }, /* @__PURE__ */ React.createElement("rect", { width: "13.844", height: "13.944", x: "15.996", y: "24", fill: "#fff", rx: "6.922" })), /* @__PURE__ */ React.createElement("filter", { id: "RhombusImage__g", width: "27.261", height: "27.26", x: "13.797", y: "13.009", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_18947", stdDeviation: "1.099" })))
15
+ );
16
+ RhombusImage.displayName = "RhombusImage";
17
+ export {
18
+ RhombusImage
19
+ };
package/dist/esm/RightWaveDivider.js ADDED
@@ -0,0 +1,18 @@
1
+ import React from "react";
2
+ const RightWaveDivider = (props) => /* @__PURE__ */ React.createElement(
3
+ "svg",
4
+ {
5
+ viewBox: "0 0 110 60",
6
+ fill: "none",
7
+ width: 110,
8
+ height: 60,
9
+ xmlns: "http://www.w3.org/2000/svg",
10
+ ...props
11
+ },
12
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#RightWaveDivider__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-3, #b8c4ff)", d: "M-11.594 60.317c30.663 0 46.56-18.557 72.952-30.133 23.397-10.262 56.377-9.877 56.377-9.877l-.022 40.01z", opacity: ".25" }), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-3, #b8c4ff)", d: "M-8.68 60.31c29.282 0 44.464-13.39 69.668-24.445 22.342-9.8 53.838-9.434 53.838-9.434l-.022 33.879z", opacity: ".5" }), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M-4 60.309c27.062 0 41.093-8.373 64.386-18.59 20.649-9.056 49.757-8.717 49.757-8.717l-.02 27.307z" }), /* @__PURE__ */ React.createElement("mask", { id: "RightWaveDivider__b", width: "115", height: "28", x: "-4", y: "33", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-3, #b8c4ff)", d: "M-3.996 60.309c27.062 0 41.093-8.373 64.386-18.59 20.649-9.056 49.757-8.717 49.757-8.717l-.02 27.307z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#RightWaveDivider__c)", mask: "url(#RightWaveDivider__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#RightWaveDivider__d)", d: "M-33.414 59.97c51.758 0 78.594-16.591 123.143-36.833C129.222 5.19 184.894 5.863 184.894 5.863h26.096l-.002 54.106z" }))),
13
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "RightWaveDivider__d", x1: "176.327", x2: "160.27", y1: "10.716", y2: "103.266", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "RightWaveDivider__a" }, /* @__PURE__ */ React.createElement("rect", { width: "110", height: "60", fill: "#fff", rx: "8", transform: "matrix(-1 0 0 1 110 0)" })), /* @__PURE__ */ React.createElement("filter", { id: "RightWaveDivider__c", width: "274.404", height: "84.109", x: "-48.414", y: "-9.141", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_22564", stdDeviation: "7.5" })))
14
+ );
15
+ RightWaveDivider.displayName = "RightWaveDivider";
16
+ export {
17
+ RightWaveDivider
18
+ };
package/dist/esm/Roll.js ADDED
@@ -0,0 +1,19 @@
1
+ import React from "react";
2
+ const Roll = (props) => /* @__PURE__ */ React.createElement(
3
+ "svg",
4
+ {
5
+ viewBox: "0 0 72 72",
6
+ fill: "none",
7
+ width: 72,
8
+ height: 72,
9
+ xmlns: "http://www.w3.org/2000/svg",
10
+ ...props
11
+ },
12
+ /* @__PURE__ */ React.createElement("mask", { id: "Roll__a", width: "42", height: "14", x: "15", y: "28", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#EAEFF2", d: "M15 28h42v14H15z" })),
13
+ /* @__PURE__ */ React.createElement("g", { mask: "url(#Roll__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M20.082 42h-3.44V27.7h3.44v5.56h5.84V27.7h3.44V42h-3.44v-5.86h-5.84zM41.89 48H31.45V33.7h10.44v2.86h-7v2.82h6.62v2.86h-6.62v2.9h7zM41.89 32H31.45V17.7h10.44v2.86h-7v2.82h6.62v2.86h-6.62v2.9h7zM51.7 49h-3.44v-5.46l-5.58-8.84h4.08L50 40.32l3.26-5.62h4.06l-5.62 8.86zM51.7 33h-3.44v-5.46l-5.58-8.84h4.08L50 24.32l3.26-5.62h4.06l-5.62 8.86z" }), /* @__PURE__ */ React.createElement("mask", { id: "Roll__b", width: "42", height: "32", x: "16", y: "17", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M20.082 42h-3.44V27.7h3.44v5.56h5.84V27.7h3.44V42h-3.44v-5.86h-5.84zM41.89 48H31.45V33.7h10.44v2.86h-7v2.82h6.62v2.86h-6.62v2.9h7zM41.89 32H31.45V17.7h10.44v2.86h-7v2.82h6.62v2.86h-6.62v2.9h7zM51.7 49h-3.44v-5.46l-5.58-8.84h4.08L50 40.32l3.26-5.62h4.06l-5.62 8.86zM51.7 33h-3.44v-5.46l-5.58-8.84h4.08L50 24.32l3.26-5.62h4.06l-5.62 8.86z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#Roll__c)", mask: "url(#Roll__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Roll__d)", d: "M16 0h56v44H16z" }))),
14
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "Roll__d", x1: "64.058", x2: "29.446", y1: "3.949", y2: "60.161", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-7, #002297)" })), /* @__PURE__ */ React.createElement("filter", { id: "Roll__c", width: "72.8", height: "60.8", x: "7.6", y: "-8.4", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_17717", stdDeviation: "4.2" })))
15
+ );
16
+ Roll.displayName = "Roll";
17
+ export {
18
+ Roll
19
+ };
package/dist/esm/RotateClick.js ADDED
@@ -0,0 +1,25 @@
1
+ import React from "react";
2
+ const RotateClick = (props) => /* @__PURE__ */ React.createElement(
3
+ "svg",
4
+ {
5
+ viewBox: "0 0 72 72",
6
+ fill: "none",
7
+ width: 72,
8
+ height: 72,
9
+ xmlns: "http://www.w3.org/2000/svg",
10
+ ...props
11
+ },
12
+ /* @__PURE__ */ React.createElement("rect", { width: "34.721", height: "16", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".25", rx: "8", transform: "scale(1 -1)rotate(49.105 73.123 2.65)" }),
13
+ /* @__PURE__ */ React.createElement("rect", { width: "34.19", height: "16", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".25", rx: "8", transform: "scale(1 -1)rotate(26.017 120.06 19.496)" }),
14
+ /* @__PURE__ */ React.createElement("rect", { width: "33", height: "16", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".25", rx: "8", transform: "matrix(1 0 0 -1 16.073 44)" }),
15
+ /* @__PURE__ */ React.createElement("path", { fill: "url(#RotateClick__a)", d: "M55.722 39.966c-.822 2.844-2.39 4.99-3.745 6.422a17 17 0 0 1-1.767 1.622 12 12 0 0 1-.706.518l-.043.028-.012.007-.004.003h-.002l-.267-.422-.266-.423.008-.004.032-.023.135-.09c.118-.084.291-.21.505-.38a16 16 0 0 0 1.66-1.522c1.281-1.354 2.746-3.366 3.511-6.014.764-2.643.537-4.906.122-6.507a11 11 0 0 0-.663-1.867 8 8 0 0 0-.317-.609l-.018-.027-.002-.006.42-.27c.388-.248.418-.268.42-.27h.002l.002.005.008.013.025.04q.031.052.085.148c.072.128.17.314.28.553.224.478.5 1.17.726 2.04.45 1.738.694 4.187-.13 7.035" }),
16
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M54.117 29.937a.5.5 0 0 1 .437.032l3.135 1.821-.502.865-2.582-1.5-.798 2.765-.96-.278.976-3.38.043-.105a.5.5 0 0 1 .25-.22" }),
17
+ /* @__PURE__ */ React.createElement("g", { opacity: ".25", clipPath: "url(#RotateClick__b)" }, /* @__PURE__ */ React.createElement("rect", { width: "34.721", height: "16", fill: "var(--wds-illustration-color-1, #002291)", rx: "8", transform: "scale(1 -1)rotate(49.105 73.123 2.65)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#RotateClick__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#RotateClick__d)", d: "M76.803-2.852 52.61-23.805 3.06 33.406 27.255 54.36z" }))),
18
+ /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#RotateClick__e)" }, /* @__PURE__ */ React.createElement("rect", { width: "34.19", height: "16", fill: "var(--wds-illustration-color-1, #002291)", rx: "8", transform: "scale(1 -1)rotate(26.017 120.06 19.496)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#RotateClick__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#RotateClick__g)", d: "m88.734 17.488-14.04-28.762L6.68 21.924l14.04 28.763z" }))),
19
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#RotateClick__h)" }, /* @__PURE__ */ React.createElement("rect", { width: "33", height: "16", fill: "var(--wds-illustration-color-1, #002291)", rx: "8", transform: "matrix(1 0 0 -1 16.073 44)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#RotateClick__i)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#RotateClick__j)", d: "M91.758 44V11.994H16.073V44z" }))),
20
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "RotateClick__a", x1: "49.146", x2: "59.295", y1: "48.121", y2: "34.849", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".043", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "RotateClick__d", x1: "51.593", x2: "74.032", y1: "-15.698", y2: "43.519", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "RotateClick__g", x1: "70.581", x2: "68.001", y1: "-4.215", y2: "59.059", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "RotateClick__j", x1: "84.965", x2: "54.892", y1: "16.533", y2: "72.263", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "RotateClick__b" }, /* @__PURE__ */ React.createElement("rect", { width: "34.721", height: "16", fill: "#fff", rx: "8", transform: "scale(1 -1)rotate(49.105 73.123 2.65)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "RotateClick__e" }, /* @__PURE__ */ React.createElement("rect", { width: "34.19", height: "16", fill: "#fff", rx: "8", transform: "scale(1 -1)rotate(26.017 120.06 19.496)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "RotateClick__h" }, /* @__PURE__ */ React.createElement("rect", { width: "33", height: "16", fill: "#fff", rx: "8", transform: "matrix(1 0 0 -1 16.073 44)" })), /* @__PURE__ */ React.createElement("filter", { id: "RotateClick__c", width: "88.508", height: "92.929", x: "-4.322", y: "-31.187", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_19520", stdDeviation: "3.691" })), /* @__PURE__ */ React.createElement("filter", { id: "RotateClick__f", width: "96.819", height: "76.726", x: "-.703", y: "-18.656", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_19520", stdDeviation: "3.691" })), /* @__PURE__ */ React.createElement("filter", { id: "RotateClick__i", width: "90.45", height: "46.769", x: "8.691", y: "4.614", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_19520", stdDeviation: "3.691" })))
21
+ );
22
+ RotateClick.displayName = "RotateClick";
23
+ export {
24
+ RotateClick
25
+ };
package/dist/esm/RotateHover.js ADDED
@@ -0,0 +1,25 @@
1
+ import React from "react";
2
+ const RotateHover = (props) => /* @__PURE__ */ React.createElement(
3
+ "svg",
4
+ {
5
+ viewBox: "0 0 72 72",
6
+ fill: "none",
7
+ width: 72,
8
+ height: 72,
9
+ xmlns: "http://www.w3.org/2000/svg",
10
+ ...props
11
+ },
12
+ /* @__PURE__ */ React.createElement("rect", { width: "22", height: "22", x: "20.444", y: "36", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".5", rx: "1.644", transform: "rotate(-45 20.444 36)" }),
13
+ /* @__PURE__ */ React.createElement("rect", { width: "22", height: "22", x: "47", y: "25", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", rx: "1.633", transform: "rotate(90 47 25)" }),
14
+ /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#RotateHover__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "22", height: "22", x: "20.444", y: "36", fill: "var(--wds-illustration-color-1, #002291)", rx: "1.644", transform: "rotate(-45 20.444 36)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#RotateHover__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#RotateHover__c)", d: "M10.555 26.113 35.808.861 61.06 26.113 35.808 51.366z" }))),
15
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#RotateHover__d)" }, /* @__PURE__ */ React.createElement("rect", { width: "22", height: "22", x: "47", y: "25", fill: "var(--wds-illustration-color-1, #002291)", rx: "1.633", transform: "rotate(90 47 25)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#RotateHover__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#RotateHover__f)", d: "M25.616-5.79h53.14v53.14h-53.14z" }))),
16
+ /* @__PURE__ */ React.createElement("path", { fill: "url(#RotateHover__g)", d: "M36.24 13.637c3.353 0 6.182 1.03 8.168 2.055.993.513 1.78 1.027 2.32 1.413a14 14 0 0 1 .784.606l.043.037.013.01.003.004h.002l-.664.749-.001-.001-.008-.007-.035-.03-.144-.118a13 13 0 0 0-.576-.437 18 18 0 0 0-2.196-1.337c-1.89-.975-4.56-1.944-7.708-1.944-3.144 0-5.557.966-7.183 1.93a12.5 12.5 0 0 0-1.84 1.322 9 9 0 0 0-.459.427q-.075.077-.111.117l-.025.027-.006.006-.376-.33-.376-.33h.002l.003-.004.01-.012.036-.039q.046-.05.132-.138c.117-.117.288-.282.512-.478.449-.392 1.115-.91 1.988-1.428 1.749-1.036 4.336-2.07 7.693-2.07" }),
17
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M25.847 18.443a.5.5 0 0 1-.091-.429l1-4 .97.243-.845 3.38 3.36-.001v1h-4l-.114-.013a.5.5 0 0 1-.28-.18" }),
18
+ /* @__PURE__ */ React.createElement("path", { fill: "url(#RotateHover__h)", d: "M35.759 58.363c-3.352 0-6.182-1.03-8.167-2.055a19 19 0 0 1-2.32-1.413 14 14 0 0 1-.785-.606l-.043-.037q-.008-.007-.012-.01l-.003-.004h-.002l.664-.749v.001l.009.007.035.03q.047.041.143.118c.13.104.323.255.577.437.507.363 1.252.85 2.196 1.337 1.89.975 4.56 1.944 7.708 1.944 3.143 0 5.556-.966 7.182-1.93.814-.482 1.43-.964 1.84-1.322a9 9 0 0 0 .57-.544l.026-.027.006-.006.376.33.376.33h-.002l-.003.004-.01.012a4 4 0 0 1-.169.177 10 10 0 0 1-.511.478c-.45.392-1.115.91-1.989 1.428-1.748 1.036-4.336 2.07-7.692 2.07" }),
19
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M46.153 53.557a.5.5 0 0 1 .09.429l-1 4-.97-.243.846-3.38-3.36.001v-1h4l.113.013a.5.5 0 0 1 .28.18" }),
20
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "RotateHover__c", x1: "34.493", x2: "40.456", y1: "6.709", y2: "55.874", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "RotateHover__f", x1: "71.219", x2: "25.763", y1: "-1.019", y2: "56.984", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "RotateHover__g", x1: "46.741", x2: "27.241", y1: "17.137", y2: "17.137", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".043", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "RotateHover__h", x1: "25.259", x2: "44.759", y1: "54.863", y2: "54.863", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".043", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "RotateHover__a" }, /* @__PURE__ */ React.createElement("rect", { width: "22", height: "22", x: "20.444", y: "36", fill: "#fff", rx: "1.644", transform: "rotate(-45 20.444 36)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "RotateHover__d" }, /* @__PURE__ */ React.createElement("rect", { width: "22", height: "22", x: "47", y: "25", fill: "#fff", rx: "1.633", transform: "rotate(90 47 25)" })), /* @__PURE__ */ React.createElement("filter", { id: "RotateHover__b", width: "58.725", height: "58.728", x: "6.445", y: "-3.251", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_19699", stdDeviation: "2.055" })), /* @__PURE__ */ React.createElement("filter", { id: "RotateHover__e", width: "61.302", height: "61.304", x: "21.534", y: "-9.871", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_19699", stdDeviation: "2.041" })))
21
+ );
22
+ RotateHover.displayName = "RotateHover";
23
+ export {
24
+ RotateHover
25
+ };
package/dist/esm/RotateSection.js ADDED
@@ -0,0 +1,27 @@
1
+ import React from "react";
2
+ const RotateSection = (props) => /* @__PURE__ */ React.createElement(
3
+ "svg",
4
+ {
5
+ viewBox: "0 0 72 72",
6
+ fill: "none",
7
+ width: 72,
8
+ height: 72,
9
+ xmlns: "http://www.w3.org/2000/svg",
10
+ ...props
11
+ },
12
+ /* @__PURE__ */ React.createElement("g", { opacity: ".25", clipPath: "url(#RotateSection__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "32", height: "17.778", x: "25.496", y: "21.016", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", rx: "2", transform: "rotate(25.92 25.496 21.016)" })),
13
+ /* @__PURE__ */ React.createElement("g", { opacity: ".25", clipPath: "url(#RotateSection__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "m31.363 8.938 51.495 25.025-13.656 28.1-51.495-25.026z" })),
14
+ /* @__PURE__ */ React.createElement("g", { opacity: ".25", clipPath: "url(#RotateSection__b)" }, /* @__PURE__ */ React.createElement("rect", { width: "32", height: "17.778", x: "20", y: "27.117", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", rx: "2" })),
15
+ /* @__PURE__ */ React.createElement("g", { opacity: ".25", clipPath: "url(#RotateSection__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M20 6.023h57.254v38.91H20z" })),
16
+ /* @__PURE__ */ React.createElement("path", { fill: "url(#RotateSection__c)", d: "M36.423 58.734c3.352 0 6.182-1.03 8.167-2.055a19 19 0 0 0 2.32-1.413 14 14 0 0 0 .784-.606l.043-.037.013-.01.003-.004h.002l-.664-.749-.001.001-.008.007-.035.03-.144.119c-.129.103-.322.255-.576.436-.507.363-1.252.85-2.196 1.337-1.89.975-4.56 1.944-7.708 1.944-3.143 0-5.556-.966-7.183-1.93a12.5 12.5 0 0 1-1.84-1.322 9 9 0 0 1-.57-.544l-.025-.027-.006-.006-.376.33-.376.33h.002l.003.004.01.012.036.04.133.137c.116.117.287.282.511.478.45.392 1.115.91 1.988 1.428 1.75 1.036 4.336 2.07 7.693 2.07" }),
17
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M26.026 53.924a.5.5 0 0 0-.091.43l1 3.999.97-.243-.845-3.38 3.36.001v-1l-4 .001-.114.013a.5.5 0 0 0-.28.18" }),
18
+ /* @__PURE__ */ React.createElement("path", { fill: "url(#RotateSection__d)", d: "M35.937 13.266c-3.353 0-6.182 1.03-8.167 2.055a19 19 0 0 0-2.32 1.413 14 14 0 0 0-.785.606l-.043.037-.013.01-.003.004h-.002l.665.749v-.001l.008-.007.035-.03.144-.119c.129-.104.323-.255.576-.436.507-.364 1.253-.85 2.197-1.337 1.89-.975 4.56-1.944 7.708-1.944 3.143 0 5.556.966 7.182 1.93.814.481 1.43.963 1.84 1.322a9 9 0 0 1 .57.543l.026.028.005.006.377-.33.376-.33h-.003l-.002-.004-.01-.012-.036-.04-.133-.137a10 10 0 0 0-.512-.478 13.5 13.5 0 0 0-1.988-1.428c-1.749-1.036-4.336-2.07-7.692-2.07" }),
19
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M46.33 18.076a.5.5 0 0 0 .09-.43l-1-3.999-.97.243.846 3.38-3.36-.001v1l4-.001.113-.012a.5.5 0 0 0 .28-.18" }),
20
+ /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#RotateSection__e)" }, /* @__PURE__ */ React.createElement("rect", { width: "32", height: "17.778", x: "25.5", y: "21.008", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(25.933 25.5 21.008)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#RotateSection__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#RotateSection__g)", d: "m28.91 14 42.21 20.526-11.201 23.033-42.21-20.526z" }))),
21
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#RotateSection__h)" }, /* @__PURE__ */ React.createElement("rect", { width: "32", height: "17.778", x: "20", y: "27.109", fill: "var(--wds-illustration-color-1, #002291)", rx: "2" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#RotateSection__i)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#RotateSection__j)", d: "M20 6.016h57.254v38.91H20z" }))),
22
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "RotateSection__c", x1: "46.923", x2: "27.423", y1: "55.234", y2: "55.234", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".043", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "RotateSection__d", x1: "25.436", x2: "44.937", y1: "16.766", y2: "16.766", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".043", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "RotateSection__g", x1: "64.128", x2: "32.773", y1: "33.682", y2: "60.855", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "RotateSection__j", x1: "69.134", x2: "40.69", y1: "9.508", y2: "62.915", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "RotateSection__e" }, /* @__PURE__ */ React.createElement("rect", { width: "32", height: "17.778", x: "25.5", y: "21.008", fill: "#fff", rx: "2", transform: "rotate(25.933 25.5 21.008)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "RotateSection__h" }, /* @__PURE__ */ React.createElement("rect", { width: "32", height: "17.778", x: "20", y: "27.109", fill: "#fff", rx: "2" })), /* @__PURE__ */ React.createElement("clipPath", { id: "RotateSection__a" }, /* @__PURE__ */ React.createElement("rect", { width: "32", height: "17.778", x: "25.496", y: "21.016", fill: "#fff", rx: "2", transform: "rotate(25.92 25.496 21.016)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "RotateSection__b" }, /* @__PURE__ */ React.createElement("rect", { width: "32", height: "17.778", x: "20", y: "27.117", fill: "#fff", rx: "2" })), /* @__PURE__ */ React.createElement("filter", { id: "RotateSection__f", width: "63.41", height: "53.555", x: "12.71", y: "9", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_22455", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "RotateSection__i", width: "67.254", height: "48.906", x: "15", y: "1.016", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_22455", stdDeviation: "2.5" })))
23
+ );
24
+ RotateSection.displayName = "RotateSection";
25
+ export {
26
+ RotateSection
27
+ };
package/dist/esm/RubberMouse.js ADDED
@@ -0,0 +1,31 @@
1
+ import React from "react";
2
+ const RubberMouse = (props) => /* @__PURE__ */ React.createElement(
3
+ "svg",
4
+ {
5
+ viewBox: "0 0 72 72",
6
+ fill: "none",
7
+ width: 72,
8
+ height: 72,
9
+ xmlns: "http://www.w3.org/2000/svg",
10
+ ...props
11
+ },
12
+ /* @__PURE__ */ React.createElement("ellipse", { cx: "26.996", cy: "36.001", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".5", rx: "13.666", ry: "9.938" }),
13
+ /* @__PURE__ */ React.createElement("ellipse", { cx: "30.514", cy: "35.999", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".5", rx: "13.666", ry: "11.725" }),
14
+ /* @__PURE__ */ React.createElement("ellipse", { cx: "44.253", cy: "36.001", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".5", rx: "13.666", ry: "9.938" }),
15
+ /* @__PURE__ */ React.createElement("ellipse", { cx: "41.07", cy: "35.999", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".5", rx: "13.666", ry: "11.725" }),
16
+ /* @__PURE__ */ React.createElement("g", { opacity: ".25" }, /* @__PURE__ */ React.createElement("mask", { id: "RubberMouse__a", width: "28", height: "20", x: "13", y: "26", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("ellipse", { cx: "26.996", cy: "36.001", fill: "#D9D9D9", rx: "13.666", ry: "9.938" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#RubberMouse__a)" }, /* @__PURE__ */ React.createElement("ellipse", { cx: "46.691", cy: "19.299", fill: "#002294", rx: "52.63", ry: "30.002" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#RubberMouse__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#RubberMouse__c)", d: "M32.407 12.364c-1.726.169-3.43.403-5.09.702-6.815 1.242-12.857 3.604-16.84 6.93-9.106 7.595-4.039 17.324 11.32 21.729 15.357 4.404 35.185 1.812 44.291-5.782 9.106-7.6 4.039-17.329-11.308-21.728-7.015-2.014-14.948-2.564-22.373-1.851" })))),
17
+ /* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("mask", { id: "RubberMouse__d", width: "29", height: "24", x: "16", y: "24", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("ellipse", { cx: "30.514", cy: "35.999", fill: "#D9D9D9", rx: "13.666", ry: "11.725" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#RubberMouse__d)" }, /* @__PURE__ */ React.createElement("ellipse", { cx: "50.21", cy: "16.292", fill: "#002294", rx: "52.63", ry: "35.398" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#RubberMouse__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#RubberMouse__f)", d: "M35.926 8.113c-1.726.199-3.43.475-5.09.829-6.816 1.464-12.857 4.252-16.84 8.176-9.107 8.96-4.039 20.44 11.319 25.636s35.186 2.139 44.292-6.822c9.106-8.967 4.038-20.445-11.308-25.635C51.284 7.92 43.35 7.27 35.926 8.113" })))),
18
+ /* @__PURE__ */ React.createElement("g", { opacity: ".25" }, /* @__PURE__ */ React.createElement("mask", { id: "RubberMouse__g", width: "28", height: "20", x: "30", y: "26", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("ellipse", { cx: "44.253", cy: "36.001", fill: "#D9D9D9", rx: "13.666", ry: "9.938" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#RubberMouse__g)" }, /* @__PURE__ */ React.createElement("ellipse", { cx: "63.949", cy: "19.299", fill: "#002294", rx: "52.63", ry: "30.002" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#RubberMouse__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#RubberMouse__i)", d: "M49.665 12.364c-1.726.169-3.43.403-5.09.702-6.815 1.242-12.857 3.604-16.84 6.93-9.106 7.595-4.039 17.324 11.32 21.729 15.357 4.404 35.185 1.812 44.291-5.782 9.106-7.6 4.039-17.329-11.308-21.728-7.015-2.014-14.948-2.564-22.373-1.851" })))),
19
+ /* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("mask", { id: "RubberMouse__j", width: "28", height: "24", x: "27", y: "24", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("ellipse", { cx: "41.07", cy: "35.999", fill: "#D9D9D9", rx: "13.666", ry: "11.725" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#RubberMouse__j)" }, /* @__PURE__ */ React.createElement("ellipse", { cx: "60.766", cy: "16.292", fill: "#002294", rx: "52.63", ry: "35.398" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#RubberMouse__k)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#RubberMouse__l)", d: "M46.482 16.669c-1.727.153-3.43.366-5.09.638-6.816 1.127-12.857 3.273-16.84 6.295-9.107 6.898-4.04 15.734 11.319 19.735 15.357 4 35.185 1.646 44.291-5.252 9.107-6.903 4.039-15.74-11.308-19.735-7.015-1.83-14.948-2.329-22.373-1.681" })))),
20
+ /* @__PURE__ */ React.createElement("mask", { id: "RubberMouse__m", width: "28", height: "28", x: "22", y: "22", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("circle", { cx: "36", cy: "36", r: "14", fill: "#D9D9D9" })),
21
+ /* @__PURE__ */ React.createElement("g", { mask: "url(#RubberMouse__m)" }, /* @__PURE__ */ React.createElement("circle", { cx: "41.776", cy: "18.622", r: "33.356", fill: "#002294" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#RubberMouse__n)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#RubberMouse__o)", d: "M40.153 5.277c-1.19.236-2.365.564-3.509.984a22.5 22.5 0 0 0-11.609 9.714c-6.278 10.644-2.784 24.28 7.803 30.453s24.256 2.54 30.534-8.104c6.277-10.652 2.784-24.288-7.796-30.453-4.836-2.823-10.305-3.594-15.423-2.594" }))),
22
+ /* @__PURE__ */ React.createElement("path", { fill: "url(#RubberMouse__p)", d: "M36.5 9.16v9.676h-1V9.16z" }),
23
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M36 19.336a.5.5 0 0 1-.384-.18l-2.5-3 .768-.64L36 18.056l2.116-2.54.768.64-2.5 3-.08.076a.5.5 0 0 1-.304.104" }),
24
+ /* @__PURE__ */ React.createElement("path", { fill: "url(#RubberMouse__q)", d: "M35.5 62.566v-9.675h1v9.675z" }),
25
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M36 52.39a.5.5 0 0 1 .384.18l2.5 3-.768.64L36 53.67l-2.116 2.54-.768-.64 2.5-3 .08-.076a.5.5 0 0 1 .304-.103" }),
26
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "RubberMouse__c", x1: "61.444", x2: "42.639", y1: "14.921", y2: "63.709", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "RubberMouse__f", x1: "64.962", x2: "40.048", y1: "11.13", y2: "65.914", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "RubberMouse__i", x1: "78.701", x2: "59.896", y1: "14.921", y2: "63.709", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "RubberMouse__l", x1: "75.518", x2: "59.644", y1: "18.991", y2: "64.332", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "RubberMouse__o", x1: "60.17", x2: "22.038", y1: "8.861", y2: "57.518", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "RubberMouse__p", x1: "36", x2: "36", y1: "9.16", y2: "18.835", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".145", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".692", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "RubberMouse__q", x1: "36", x2: "36", y1: "62.566", y2: "52.891", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".145", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".692", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ React.createElement("filter", { id: "RubberMouse__b", width: "74.663", height: "41.805", x: ".951", y: "7.066", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_20526", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "RubberMouse__e", width: "74.663", height: "47.523", x: "4.47", y: "2.762", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_20526", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "RubberMouse__h", width: "74.663", height: "41.805", x: "18.209", y: "7.066", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_20526", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "RubberMouse__k", width: "74.663", height: "38.887", x: "15.025", y: "11.398", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_20526", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "RubberMouse__n", width: "54.577", height: "54.578", x: "16.915", y: "-.141", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_20526", stdDeviation: "2.5" })))
27
+ );
28
+ RubberMouse.displayName = "RubberMouse";
29
+ export {
30
+ RubberMouse
31
+ };
package/dist/esm/ScrollEffectsDisappear.js ADDED
@@ -0,0 +1,21 @@
1
+ import React from "react";
2
+ const ScrollEffectsDisappear = (props) => /* @__PURE__ */ React.createElement(
3
+ "svg",
4
+ {
5
+ viewBox: "0 0 114 114",
6
+ fill: "none",
7
+ width: 114,
8
+ height: 114,
9
+ xmlns: "http://www.w3.org/2000/svg",
10
+ ...props
11
+ },
12
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ScrollEffectsDisappear__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M23 33h64v44H23z" })),
13
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ScrollEffectsDisappear__b)" }, /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#ScrollEffectsDisappear__c)" }, /* @__PURE__ */ React.createElement("rect", { width: "64", height: "44", x: "23", y: "33", fill: "var(--wds-illustration-color-1, #002291)", rx: "3" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ScrollEffectsDisappear__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ScrollEffectsDisappear__e)", d: "M23 0h91v77H23z" }))), /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#ScrollEffectsDisappear__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M23 65h64v12H23z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ScrollEffectsDisappear__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ScrollEffectsDisappear__h)", d: "M23 0h91v77H23z" }))), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ScrollEffectsDisappear__i)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ScrollEffectsDisappear__j)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M46 34h80v35H46z" })), /* @__PURE__ */ React.createElement("path", { fill: "url(#ScrollEffectsDisappear__k)", d: "m70.584 44.492-9.526 13.82 16.99-2.273z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#ScrollEffectsDisappear__l)", d: "M95.988 52.699s-21.346-8.07-21.983-8.313-4.59-1.369-3.42 1.876c1.16 3.224 1.797 4.465 2.05 5.015s1.283 2.794-1.309 3.622c-2.938.938-18.783 5.392-18.783 5.392v2.558h43.445z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ScrollEffectsDisappear__m)" }, /* @__PURE__ */ React.createElement("rect", { width: "5", height: "5", x: "60", y: "43", fill: "var(--wds-illustration-color-1, #002291)", rx: "2.5" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ScrollEffectsDisappear__n)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ScrollEffectsDisappear__o)", d: "M63.682 39.084q-.36.072-.708.199a4.54 4.54 0 0 0-2.344 1.961c-1.268 2.15-.562 4.902 1.575 6.149s4.898.513 6.165-1.636c1.267-2.151.562-4.904-1.574-6.149a4.46 4.46 0 0 0-3.114-.524" })))), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M23 27h64v9H23zM30 46h23v1H30zM30 50h23v1H30zM30 54h12v1H30z" })),
14
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-3, #b8c4ff)", d: "M91 72.844c0 .638-.448 1.156-1 1.156s-1-.518-1-1.156V38.156c0-.638.448-1.156 1-1.156s1 .518 1 1.156z" }),
15
+ /* @__PURE__ */ React.createElement("path", { stroke: "var(--wds-illustration-color-1, #002291)", d: "M90 41v8", strokeWidth: "2" }),
16
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "ScrollEffectsDisappear__b" }, /* @__PURE__ */ React.createElement("rect", { width: "64", height: "44", x: "23", y: "33", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ScrollEffectsDisappear__c" }, /* @__PURE__ */ React.createElement("rect", { width: "64", height: "44", x: "23", y: "33", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ScrollEffectsDisappear__f" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M23 65h64v12H23z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ScrollEffectsDisappear__i" }, /* @__PURE__ */ React.createElement("rect", { width: "24", height: "21", x: "57", y: "40", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ScrollEffectsDisappear__j" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M46 34h80v35H46z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ScrollEffectsDisappear__m" }, /* @__PURE__ */ React.createElement("rect", { width: "5", height: "5", x: "60", y: "43", fill: "#fff", rx: "2.5" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ScrollEffectsDisappear__a" }, /* @__PURE__ */ React.createElement("rect", { width: "64", height: "44", x: "23", y: "33", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ScrollEffectsDisappear__e", x1: "101.094", x2: "38.608", y1: "6.911", y2: "101.143", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ScrollEffectsDisappear__h", x1: "101.094", x2: "38.608", y1: "6.911", y2: "101.143", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ScrollEffectsDisappear__k", x1: "65.465", x2: "78.231", y1: "49.185", y2: "60.371", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".325", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ScrollEffectsDisappear__l", x1: "56.388", x2: "81.181", y1: "36.649", y2: "63.447", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".95", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ScrollEffectsDisappear__o", x1: "67.724", x2: "60.025", y1: "39.808", y2: "49.632", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("filter", { id: "ScrollEffectsDisappear__d", width: "115", height: "101", x: "11", y: "-12", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_22231", stdDeviation: "6" })), /* @__PURE__ */ React.createElement("filter", { id: "ScrollEffectsDisappear__g", width: "115", height: "101", x: "11", y: "-12", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_22231", stdDeviation: "6" })), /* @__PURE__ */ React.createElement("filter", { id: "ScrollEffectsDisappear__n", width: "12.12", height: "12.12", x: "58.44", y: "37.44", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_22231", stdDeviation: ".78" })))
17
+ );
18
+ ScrollEffectsDisappear.displayName = "ScrollEffectsDisappear";
19
+ export {
20
+ ScrollEffectsDisappear
21
+ };
package/dist/esm/ScrollEffectsFadeOut.js ADDED
@@ -0,0 +1,21 @@
1
+ import React from "react";
2
+ const ScrollEffectsFadeOut = (props) => /* @__PURE__ */ React.createElement(
3
+ "svg",
4
+ {
5
+ viewBox: "0 0 114 114",
6
+ fill: "none",
7
+ width: 114,
8
+ height: 114,
9
+ xmlns: "http://www.w3.org/2000/svg",
10
+ ...props
11
+ },
12
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ScrollEffectsFadeOut__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M23 33h64v44H23z" })),
13
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ScrollEffectsFadeOut__b)" }, /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#ScrollEffectsFadeOut__c)" }, /* @__PURE__ */ React.createElement("rect", { width: "64", height: "44", x: "23", y: "33", fill: "var(--wds-illustration-color-1, #002291)", rx: "3" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ScrollEffectsFadeOut__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ScrollEffectsFadeOut__e)", d: "M23 0h91v77H23z" }))), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ScrollEffectsFadeOut__f)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ScrollEffectsFadeOut__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M46 44h80v35H46z" })), /* @__PURE__ */ React.createElement("path", { fill: "url(#ScrollEffectsFadeOut__h)", d: "m70.584 54.492-9.526 13.82 16.99-2.273z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#ScrollEffectsFadeOut__i)", d: "M95.988 62.699s-21.346-8.07-21.983-8.313-4.59-1.369-3.42 1.876c1.16 3.224 1.797 4.465 2.05 5.015s1.283 2.794-1.309 3.622c-2.938.938-18.783 5.392-18.783 5.392v2.558h43.445z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ScrollEffectsFadeOut__j)" }, /* @__PURE__ */ React.createElement("rect", { width: "5", height: "5", x: "60", y: "53", fill: "var(--wds-illustration-color-1, #002291)", rx: "2.5" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ScrollEffectsFadeOut__k)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ScrollEffectsFadeOut__l)", d: "M63.682 49.084q-.36.072-.708.199a4.54 4.54 0 0 0-2.344 1.961c-1.268 2.15-.562 4.902 1.575 6.149s4.898.513 6.165-1.636c1.267-2.151.562-4.904-1.574-6.149a4.46 4.46 0 0 0-3.114-.524" })))), /* @__PURE__ */ React.createElement("mask", { id: "ScrollEffectsFadeOut__n", width: "64", height: "9", x: "23", y: "37", maskUnits: "userSpaceOnUse", style: { "maskType": "luminance" } }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ScrollEffectsFadeOut__m)", d: "M87 46h64v9H87z", transform: "rotate(-180 87 46)" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#ScrollEffectsFadeOut__n)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M23 37h64v9H23z" }), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-3, #b8c4ff)", d: "M75 41h6v1h-6zM66 41h6v1h-6zM57 41h6v1h-6z" })), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M30 56h23v1H30zM30 60h23v1H30zM30 64h12v1H30z" })),
14
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-3, #b8c4ff)", d: "M91 72.844c0 .638-.448 1.156-1 1.156s-1-.518-1-1.156V38.156c0-.638.448-1.156 1-1.156s1 .518 1 1.156z" }),
15
+ /* @__PURE__ */ React.createElement("path", { stroke: "var(--wds-illustration-color-1, #002291)", d: "M90 41v8", strokeWidth: "2" }),
16
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "ScrollEffectsFadeOut__b" }, /* @__PURE__ */ React.createElement("rect", { width: "64", height: "44", x: "23", y: "33", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ScrollEffectsFadeOut__c" }, /* @__PURE__ */ React.createElement("rect", { width: "64", height: "44", x: "23", y: "33", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ScrollEffectsFadeOut__f" }, /* @__PURE__ */ React.createElement("rect", { width: "24", height: "21", x: "57", y: "50", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ScrollEffectsFadeOut__g" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M46 44h80v35H46z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ScrollEffectsFadeOut__j" }, /* @__PURE__ */ React.createElement("rect", { width: "5", height: "5", x: "60", y: "53", fill: "#fff", rx: "2.5" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ScrollEffectsFadeOut__a" }, /* @__PURE__ */ React.createElement("rect", { width: "64", height: "44", x: "23", y: "33", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ScrollEffectsFadeOut__e", x1: "101.094", x2: "38.608", y1: "6.911", y2: "101.143", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ScrollEffectsFadeOut__h", x1: "65.465", x2: "78.231", y1: "59.185", y2: "70.371", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".325", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ScrollEffectsFadeOut__i", x1: "56.388", x2: "81.181", y1: "46.649", y2: "73.447", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".95", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ScrollEffectsFadeOut__l", x1: "67.724", x2: "60.025", y1: "49.808", y2: "59.632", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ScrollEffectsFadeOut__m", x1: "119", x2: "119", y1: "46", y2: "55", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", null), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "#fff" })), /* @__PURE__ */ React.createElement("filter", { id: "ScrollEffectsFadeOut__d", width: "115", height: "101", x: "11", y: "-12", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_22198", stdDeviation: "6" })), /* @__PURE__ */ React.createElement("filter", { id: "ScrollEffectsFadeOut__k", width: "12.12", height: "12.12", x: "58.44", y: "47.44", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_22198", stdDeviation: ".78" })))
17
+ );
18
+ ScrollEffectsFadeOut.displayName = "ScrollEffectsFadeOut";
19
+ export {
20
+ ScrollEffectsFadeOut
21
+ };
package/dist/esm/ScrollEffectsMoveWithPage.js ADDED
@@ -0,0 +1,21 @@
1
+ import React from "react";
2
+ const ScrollEffectsMoveWithPage = (props) => /* @__PURE__ */ React.createElement(
3
+ "svg",
4
+ {
5
+ viewBox: "0 0 114 114",
6
+ fill: "none",
7
+ width: 114,
8
+ height: 114,
9
+ xmlns: "http://www.w3.org/2000/svg",
10
+ ...props
11
+ },
12
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ScrollEffectsMoveWithPage__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "64", height: "44", x: "23", y: "33", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".5", rx: "3" })),
13
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ScrollEffectsMoveWithPage__b)" }, /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#ScrollEffectsMoveWithPage__c)" }, /* @__PURE__ */ React.createElement("rect", { width: "64", height: "44", x: "23", y: "33", fill: "var(--wds-illustration-color-1, #002291)", rx: "3" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ScrollEffectsMoveWithPage__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ScrollEffectsMoveWithPage__e)", d: "M23 0h91v77H23z" }))), /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#ScrollEffectsMoveWithPage__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M23 69h64v8H23z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ScrollEffectsMoveWithPage__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ScrollEffectsMoveWithPage__h)", d: "M23 0h91v77H23z" }))), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ScrollEffectsMoveWithPage__i)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ScrollEffectsMoveWithPage__j)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M46 38h80v35H46z" })), /* @__PURE__ */ React.createElement("path", { fill: "url(#ScrollEffectsMoveWithPage__k)", d: "m70.584 48.492-9.526 13.82 16.99-2.273z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#ScrollEffectsMoveWithPage__l)", d: "M95.988 56.699s-21.346-8.07-21.983-8.313-4.59-1.369-3.42 1.876c1.16 3.224 1.797 4.465 2.05 5.015s1.283 2.794-1.309 3.622c-2.938.938-18.783 5.392-18.783 5.392v2.558h43.445z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ScrollEffectsMoveWithPage__m)" }, /* @__PURE__ */ React.createElement("rect", { width: "5", height: "5", x: "60", y: "47", fill: "var(--wds-illustration-color-1, #002291)", rx: "2.5" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ScrollEffectsMoveWithPage__n)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ScrollEffectsMoveWithPage__o)", d: "M63.682 43.084q-.36.072-.708.199a4.54 4.54 0 0 0-2.344 1.961c-1.268 2.15-.562 4.902 1.575 6.149s4.898.513 6.165-1.636c1.267-2.151.562-4.904-1.574-6.149a4.46 4.46 0 0 0-3.114-.524" })))), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M23 31h64v9H23z" }), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-3, #b8c4ff)", d: "M75 35h6v1h-6zM66 35h6v1h-6zM57 35h6v1h-6z" }), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M30 50h23v1H30zM30 54h23v1H30zM30 58h12v1H30z" })),
14
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-3, #b8c4ff)", d: "M91 72.844c0 .638-.448 1.156-1 1.156s-1-.518-1-1.156V38.156c0-.638.448-1.156 1-1.156s1 .518 1 1.156z" }),
15
+ /* @__PURE__ */ React.createElement("path", { stroke: "var(--wds-illustration-color-1, #002291)", d: "M90 41v8", strokeWidth: "2" }),
16
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "ScrollEffectsMoveWithPage__b" }, /* @__PURE__ */ React.createElement("rect", { width: "64", height: "44", x: "23", y: "33", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ScrollEffectsMoveWithPage__c" }, /* @__PURE__ */ React.createElement("rect", { width: "64", height: "44", x: "23", y: "33", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ScrollEffectsMoveWithPage__f" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M23 69h64v8H23z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ScrollEffectsMoveWithPage__i" }, /* @__PURE__ */ React.createElement("rect", { width: "24", height: "21", x: "57", y: "44", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ScrollEffectsMoveWithPage__j" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M46 38h80v35H46z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ScrollEffectsMoveWithPage__m" }, /* @__PURE__ */ React.createElement("rect", { width: "5", height: "5", x: "60", y: "47", fill: "#fff", rx: "2.5" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ScrollEffectsMoveWithPage__a" }, /* @__PURE__ */ React.createElement("rect", { width: "64", height: "44", x: "23", y: "33", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ScrollEffectsMoveWithPage__e", x1: "101.094", x2: "38.608", y1: "6.911", y2: "101.143", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ScrollEffectsMoveWithPage__h", x1: "101.094", x2: "38.608", y1: "6.911", y2: "101.143", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-7, #002297)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ScrollEffectsMoveWithPage__k", x1: "65.465", x2: "78.231", y1: "53.185", y2: "64.371", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".325", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ScrollEffectsMoveWithPage__l", x1: "56.388", x2: "81.181", y1: "40.649", y2: "67.447", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".95", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ScrollEffectsMoveWithPage__o", x1: "67.724", x2: "60.025", y1: "43.808", y2: "53.632", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("filter", { id: "ScrollEffectsMoveWithPage__d", width: "115", height: "101", x: "11", y: "-12", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_22265", stdDeviation: "6" })), /* @__PURE__ */ React.createElement("filter", { id: "ScrollEffectsMoveWithPage__g", width: "115", height: "101", x: "11", y: "-12", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_22265", stdDeviation: "6" })), /* @__PURE__ */ React.createElement("filter", { id: "ScrollEffectsMoveWithPage__n", width: "12.12", height: "12.12", x: "58.44", y: "41.44", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_22265", stdDeviation: ".78" })))
17
+ );
18
+ ScrollEffectsMoveWithPage.displayName = "ScrollEffectsMoveWithPage";
19
+ export {
20
+ ScrollEffectsMoveWithPage
21
+ };
package/dist/esm/ScrollEffectsStayFixed.js ADDED
@@ -0,0 +1,21 @@
1
+ import React from "react";
2
+ const ScrollEffectsStayFixed = (props) => /* @__PURE__ */ React.createElement(
3
+ "svg",
4
+ {
5
+ viewBox: "0 0 114 114",
6
+ fill: "none",
7
+ width: 114,
8
+ height: 114,
9
+ xmlns: "http://www.w3.org/2000/svg",
10
+ ...props
11
+ },
12
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ScrollEffectsStayFixed__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "64", height: "44", x: "23", y: "33", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".5", rx: "3" })),
13
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ScrollEffectsStayFixed__b)" }, /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#ScrollEffectsStayFixed__c)" }, /* @__PURE__ */ React.createElement("rect", { width: "64", height: "44", x: "23", y: "33", fill: "var(--wds-illustration-color-1, #002291)", rx: "3" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ScrollEffectsStayFixed__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ScrollEffectsStayFixed__e)", d: "M23 0h91v77H23z" }))), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ScrollEffectsStayFixed__f)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ScrollEffectsStayFixed__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M46 44h80v35H46z" })), /* @__PURE__ */ React.createElement("path", { fill: "url(#ScrollEffectsStayFixed__h)", d: "m70.584 54.492-9.526 13.82 16.99-2.273z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#ScrollEffectsStayFixed__i)", d: "M95.988 62.699s-21.346-8.07-21.983-8.313-4.59-1.369-3.42 1.876c1.16 3.224 1.797 4.465 2.05 5.015s1.283 2.794-1.309 3.622c-2.938.938-18.783 5.392-18.783 5.392v2.558h43.445z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ScrollEffectsStayFixed__j)" }, /* @__PURE__ */ React.createElement("rect", { width: "5", height: "5", x: "60", y: "53", fill: "var(--wds-illustration-color-1, #002291)", rx: "2.5" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ScrollEffectsStayFixed__k)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ScrollEffectsStayFixed__l)", d: "M63.682 49.084q-.36.072-.708.199a4.54 4.54 0 0 0-2.344 1.961c-1.268 2.15-.562 4.902 1.575 6.149s4.898.513 6.165-1.636c1.267-2.151.562-4.904-1.574-6.149a4.46 4.46 0 0 0-3.114-.524" })))), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M23 37h64v9H23z" }), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-3, #b8c4ff)", d: "M75 41h6v1h-6zM66 41h6v1h-6zM57 41h6v1h-6z" }), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M30 56h23v1H30zM30 60h23v1H30zM30 64h12v1H30z" })),
14
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-3, #b8c4ff)", d: "M91 72.844c0 .638-.448 1.156-1 1.156s-1-.518-1-1.156V38.156c0-.638.448-1.156 1-1.156s1 .518 1 1.156z" }),
15
+ /* @__PURE__ */ React.createElement("path", { stroke: "var(--wds-illustration-color-1, #002291)", d: "M90 41v8", strokeWidth: "2" }),
16
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "ScrollEffectsStayFixed__b" }, /* @__PURE__ */ React.createElement("rect", { width: "64", height: "44", x: "23", y: "33", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ScrollEffectsStayFixed__c" }, /* @__PURE__ */ React.createElement("rect", { width: "64", height: "44", x: "23", y: "33", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ScrollEffectsStayFixed__f" }, /* @__PURE__ */ React.createElement("rect", { width: "24", height: "21", x: "57", y: "50", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ScrollEffectsStayFixed__g" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M46 44h80v35H46z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ScrollEffectsStayFixed__j" }, /* @__PURE__ */ React.createElement("rect", { width: "5", height: "5", x: "60", y: "53", fill: "#fff", rx: "2.5" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ScrollEffectsStayFixed__a" }, /* @__PURE__ */ React.createElement("rect", { width: "64", height: "44", x: "23", y: "33", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ScrollEffectsStayFixed__e", x1: "101.094", x2: "38.608", y1: "6.911", y2: "101.143", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-7, #002297)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ScrollEffectsStayFixed__h", x1: "65.465", x2: "78.231", y1: "59.185", y2: "70.371", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".325", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ScrollEffectsStayFixed__i", x1: "56.388", x2: "81.181", y1: "46.649", y2: "73.447", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".95", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ScrollEffectsStayFixed__l", x1: "67.724", x2: "60.025", y1: "49.808", y2: "59.632", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("filter", { id: "ScrollEffectsStayFixed__d", width: "115", height: "101", x: "11", y: "-12", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_22299", stdDeviation: "6" })), /* @__PURE__ */ React.createElement("filter", { id: "ScrollEffectsStayFixed__k", width: "12.12", height: "12.12", x: "58.44", y: "47.44", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_22299", stdDeviation: ".78" })))
17
+ );
18
+ ScrollEffectsStayFixed.displayName = "ScrollEffectsStayFixed";
19
+ export {
20
+ ScrollEffectsStayFixed
21
+ };
package/dist/esm/SemiCirclesDivider.js ADDED
@@ -0,0 +1,18 @@
1
+ import React from "react";
2
+ const SemiCirclesDivider = (props) => /* @__PURE__ */ React.createElement(
3
+ "svg",
4
+ {
5
+ viewBox: "0 0 97 51",
6
+ fill: "none",
7
+ width: 97,
8
+ height: 51,
9
+ xmlns: "http://www.w3.org/2000/svg",
10
+ ...props
11
+ },
12
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#SemiCirclesDivider__a)" }, /* @__PURE__ */ React.createElement("mask", { id: "SemiCirclesDivider__b", width: "97", height: "51", x: "0", y: "0", maskUnits: "userSpaceOnUse", style: { "maskType": "luminance" } }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M96.9 0H0v51h96.9z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#SemiCirclesDivider__b)" }, /* @__PURE__ */ React.createElement("mask", { id: "SemiCirclesDivider__c", width: "101", height: "33", x: "-3", y: "30", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#0070FF", d: "M96.871 35.994H-2.264V62.85H96.87z" }), /* @__PURE__ */ React.createElement("path", { fill: "#0070FF", d: "M89.954 30.24c-2.764 0-5.241 2.157-6.917 5.564-1.677-3.407-4.154-5.564-6.918-5.564-2.763 0-5.24 2.157-6.917 5.564-1.676-3.407-4.154-5.564-6.917-5.564s-5.242 2.157-6.918 5.564c-1.676-3.407-4.154-5.564-6.917-5.564s-5.241 2.157-6.918 5.564c-1.676-3.407-4.153-5.564-6.917-5.564-2.763 0-5.241 2.157-6.917 5.564-1.676-3.407-4.154-5.564-6.918-5.564-2.763 0-5.24 2.157-6.917 5.564-1.676-3.407-4.154-5.564-6.917-5.564-2.838 0-5.375 2.274-7.052 5.842v.154h97.115v-.154c-1.677-3.568-4.213-5.841-7.052-5.841z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#SemiCirclesDivider__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M-7.947 21.372h110.64v32.724H-7.947z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#SemiCirclesDivider__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SemiCirclesDivider__e)", d: "M123.665 3.548c4.043 0 7.656 3.239 10.045 8.321v.22h-.198v37.913H-7.711V11.743h3.137c2.39-5.01 5.975-8.195 9.985-8.195 3.936 0 7.466 3.072 9.854 7.925 2.387-4.854 5.918-7.925 9.854-7.925 3.937 0 7.466 3.072 9.854 7.925 2.388-4.853 5.918-7.925 9.854-7.925 3.937 0 7.466 3.072 9.854 7.925 2.388-4.854 5.918-7.925 9.855-7.925 3.936 0 7.466 3.072 9.854 7.925 2.388-4.853 5.917-7.925 9.854-7.925s7.466 3.072 9.853 7.925c2.388-4.854 5.919-7.925 9.855-7.925s7.466 3.072 9.854 7.925c2.388-4.853 5.916-7.925 9.854-7.925z" }))))),
13
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "SemiCirclesDivider__e", x1: "113.653", x2: "93.893", y1: "7.717", y2: "84.479", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "SemiCirclesDivider__a" }, /* @__PURE__ */ React.createElement("rect", { width: "96.901", height: "51.001", fill: "#fff", rx: "8" })), /* @__PURE__ */ React.createElement("filter", { id: "SemiCirclesDivider__d", width: "171.56", height: "76.594", x: "-22.78", y: "-11.522", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_22982", stdDeviation: "7.5" })))
14
+ );
15
+ SemiCirclesDivider.displayName = "SemiCirclesDivider";
16
+ export {
17
+ SemiCirclesDivider
18
+ };
package/dist/esm/SemiElipseDivider.js ADDED
@@ -0,0 +1,18 @@
1
+ import React from "react";
2
+ const SemiElipseDivider = (props) => /* @__PURE__ */ React.createElement(
3
+ "svg",
4
+ {
5
+ viewBox: "0 0 97 51",
6
+ fill: "none",
7
+ width: 97,
8
+ height: 51,
9
+ xmlns: "http://www.w3.org/2000/svg",
10
+ ...props
11
+ },
12
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#SemiElipseDivider__a)" }, /* @__PURE__ */ React.createElement("mask", { id: "SemiElipseDivider__b", width: "97", height: "24", x: "0", y: "27", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#0070FF", d: "M96.9 27.666v23.335H0s33.648-23.335 96.9-23.335" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#SemiElipseDivider__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M-10.164 11.961h120.568v41.842H-10.164z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#SemiElipseDivider__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SemiElipseDivider__d)", d: "M105.666 4.52v42.322H-70.076S-9.05 4.521 105.666 4.521" })))),
13
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "SemiElipseDivider__d", x1: "80.741", x2: "67.153", y1: "8.32", y2: "80.321", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "SemiElipseDivider__a" }, /* @__PURE__ */ React.createElement("rect", { width: "96.901", height: "51.001", fill: "#fff", rx: "8" })), /* @__PURE__ */ React.createElement("filter", { id: "SemiElipseDivider__c", width: "205.881", height: "72.458", x: "-85.145", y: "-10.549", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_22627", stdDeviation: "7.5" })))
14
+ );
15
+ SemiElipseDivider.displayName = "SemiElipseDivider";
16
+ export {
17
+ SemiElipseDivider
18
+ };
package/dist/esm/ShapeEntrance.js ADDED
@@ -0,0 +1,20 @@
1
+ import React from "react";
2
+ const ShapeEntrance = (props) => /* @__PURE__ */ React.createElement(
3
+ "svg",
4
+ {
5
+ viewBox: "0 0 72 72",
6
+ fill: "none",
7
+ width: 72,
8
+ height: 72,
9
+ xmlns: "http://www.w3.org/2000/svg",
10
+ ...props
11
+ },
12
+ /* @__PURE__ */ React.createElement("rect", { width: "21.92", height: "21.92", x: "20.5", y: "36", fill: "var(--wds-illustration-color-background, #f8f6f6)", rx: "2", transform: "rotate(-45 20.5 36)" }),
13
+ /* @__PURE__ */ React.createElement("g", { opacity: ".75", clipPath: "url(#ShapeEntrance__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "21.92", height: "21.92", x: "20.5", y: "36", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 20.5 36)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ShapeEntrance__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ShapeEntrance__c)", d: "m3.53 19.031 32.526-32.527 32.527 32.527-32.527 32.527z" }))),
14
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ShapeEntrance__d)" }, /* @__PURE__ */ React.createElement("rect", { width: "14.119", height: "14.119", x: "28.941", y: "28.941", fill: "var(--wds-illustration-color-1, #002291)", rx: "7.059" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ShapeEntrance__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ShapeEntrance__f)", d: "m3.96 13.746 31.873-31.873 31.873 31.873L35.833 45.62z" }))),
15
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "ShapeEntrance__c", x1: "34.363", x2: "42.044", y1: "-5.963", y2: "57.365", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ShapeEntrance__f", x1: "34.174", x2: "41.7", y1: "-10.746", y2: "51.31", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ShapeEntrance__a" }, /* @__PURE__ */ React.createElement("rect", { width: "21.92", height: "21.92", x: "20.5", y: "36", fill: "#fff", rx: "2", transform: "rotate(-45 20.5 36)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ShapeEntrance__d" }, /* @__PURE__ */ React.createElement("rect", { width: "14.119", height: "14.119", x: "28.941", y: "28.941", fill: "#fff", rx: "7.059" })), /* @__PURE__ */ React.createElement("filter", { id: "ShapeEntrance__b", width: "75.054", height: "75.055", x: "-1.471", y: "-18.496", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_19430", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "ShapeEntrance__e", width: "72.796", height: "72.793", x: "-.565", y: "-22.65", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_19430", stdDeviation: "2.263" })))
16
+ );
17
+ ShapeEntrance.displayName = "ShapeEntrance";
18
+ export {
19
+ ShapeEntrance
20
+ };
package/dist/esm/ShapeRectangle.js ADDED
@@ -0,0 +1,18 @@
1
+ import React from "react";
2
+ const ShapeRectangle = (props) => /* @__PURE__ */ React.createElement(
3
+ "svg",
4
+ {
5
+ viewBox: "0 0 72 96",
6
+ fill: "none",
7
+ width: 72,
8
+ height: 96,
9
+ xmlns: "http://www.w3.org/2000/svg",
10
+ ...props
11
+ },
12
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ShapeRectangle__a)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ShapeRectangle__b)" }, /* @__PURE__ */ React.createElement("rect", { width: "40", height: "24", x: "16", y: "24", fill: "var(--wds-illustration-color-1, #002291)", rx: "3" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ShapeRectangle__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ShapeRectangle__d)", d: "M16 2h53v46H16z" })))),
13
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "ShapeRectangle__a" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M0 8a8 8 0 0 1 8-8h56a8 8 0 0 1 8 8v56a8 8 0 0 1-8 8H8a8 8 0 0 1-8-8z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ShapeRectangle__b" }, /* @__PURE__ */ React.createElement("rect", { width: "40", height: "24", x: "16", y: "24", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ShapeRectangle__d", x1: "61.483", x2: "23.794", y1: "6.129", y2: "61.541", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("filter", { id: "ShapeRectangle__c", width: "63", height: "56", x: "11", y: "-3", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_21045", stdDeviation: "2.5" })))
14
+ );
15
+ ShapeRectangle.displayName = "ShapeRectangle";
16
+ export {
17
+ ShapeRectangle
18
+ };
package/dist/esm/ShapeRound.js ADDED
@@ -0,0 +1,18 @@
1
+ import React from "react";
2
+ const ShapeRound = (props) => /* @__PURE__ */ React.createElement(
3
+ "svg",
4
+ {
5
+ viewBox: "0 0 72 96",
6
+ fill: "none",
7
+ width: 72,
8
+ height: 96,
9
+ xmlns: "http://www.w3.org/2000/svg",
10
+ ...props
11
+ },
12
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ShapeRound__a)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ShapeRound__b)" }, /* @__PURE__ */ React.createElement("rect", { width: "34", height: "34", x: "19", y: "19", fill: "var(--wds-illustration-color-1, #002291)", rx: "17" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ShapeRound__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ShapeRound__d)", d: "M40.684.496a28 28 0 0 0-4.171 1.17 26.76 26.76 0 0 0-13.803 11.55c-7.464 12.655-3.31 28.868 9.277 36.207s28.84 3.021 36.303-9.635c7.464-12.665 3.31-28.877-9.268-36.207C53.272.224 46.77-.692 40.684.496" })))),
13
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "ShapeRound__a" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M0 8a8 8 0 0 1 8-8h56a8 8 0 0 1 8 8v56a8 8 0 0 1-8 8H8a8 8 0 0 1-8-8z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ShapeRound__b" }, /* @__PURE__ */ React.createElement("rect", { width: "34", height: "34", x: "19", y: "19", fill: "#fff", rx: "17" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ShapeRound__d", x1: "64.483", x2: "19.146", y1: "4.757", y2: "62.609", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("filter", { id: "ShapeRound__c", width: "77", height: "77", x: "7", y: "-12", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_21024", stdDeviation: "6" })))
14
+ );
15
+ ShapeRound.displayName = "ShapeRound";
16
+ export {
17
+ ShapeRound
18
+ };