@wix/design-system-illustrations 2.10.0 → 2.11.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 (1104) hide show
  1. package/dist/cjs/A4Frame.js +52 -0
  2. package/dist/cjs/AiryMouse.js +57 -0
  3. package/dist/cjs/AlignBottomHorizontal.js +55 -0
  4. package/dist/cjs/AlignCenterHorizontal.js +55 -0
  5. package/dist/cjs/AlignCenterVertical.js +55 -0
  6. package/dist/cjs/AlignLeftVertical.js +55 -0
  7. package/dist/cjs/AlignRightVertical.js +55 -0
  8. package/dist/cjs/AlignSpread.js +55 -0
  9. package/dist/cjs/AlignTopHorizontal.js +55 -0
  10. package/dist/cjs/AlignmentLeftToRight.js +52 -0
  11. package/dist/cjs/AlignmentRightToLeft.js +52 -0
  12. package/dist/cjs/AllSides.js +55 -0
  13. package/dist/cjs/AppearClick.js +54 -0
  14. package/dist/cjs/AppearHover.js +54 -0
  15. package/dist/cjs/ArcEntrance.js +57 -0
  16. package/dist/cjs/ArcScroll.js +58 -0
  17. package/dist/cjs/AreaChart.js +54 -0
  18. package/dist/cjs/Aspect11.js +52 -0
  19. package/dist/cjs/Aspect11Image.js +52 -0
  20. package/dist/cjs/Aspect12.js +52 -0
  21. package/dist/cjs/{Aspect4_3.js → Aspect169.js} +9 -9
  22. package/dist/cjs/Aspect169Image.js +52 -0
  23. package/dist/cjs/Aspect23.js +52 -0
  24. package/dist/cjs/Aspect23Image.js +52 -0
  25. package/dist/cjs/Aspect32.js +52 -0
  26. package/dist/cjs/Aspect32Image.js +52 -0
  27. package/dist/cjs/Aspect34.js +52 -0
  28. package/dist/cjs/Aspect34Image.js +52 -0
  29. package/dist/cjs/Aspect3DSection.js +56 -0
  30. package/dist/cjs/Aspect3DSpinScroll.js +57 -0
  31. package/dist/cjs/Aspect43.js +52 -0
  32. package/dist/cjs/Aspect43Image.js +52 -0
  33. package/dist/cjs/Aspect45.js +52 -0
  34. package/dist/cjs/Aspect45Image.js +52 -0
  35. package/dist/cjs/Aspect54.js +52 -0
  36. package/dist/cjs/Aspect54Image.js +52 -0
  37. package/dist/cjs/{Aspect1_1.js → Aspect916.js} +9 -9
  38. package/dist/cjs/Aspect916Image.js +52 -0
  39. package/dist/cjs/BlankImage.js +52 -0
  40. package/dist/cjs/BlankSection.js +52 -0
  41. package/dist/cjs/BlankSectionOutline.js +52 -0
  42. package/dist/cjs/BlankSectionOutlineSmall.js +52 -0
  43. package/dist/cjs/BlankSectionSmall.js +52 -0
  44. package/dist/cjs/BlobMouse.js +55 -0
  45. package/dist/cjs/BlobsDivider.js +52 -0
  46. package/dist/cjs/Blur.js +1 -1
  47. package/dist/cjs/BlurAnimation.js +1 -1
  48. package/dist/cjs/BlurScroll.js +52 -0
  49. package/dist/cjs/Bottom.js +55 -0
  50. package/dist/cjs/Bounce.js +2 -2
  51. package/dist/cjs/BounceAnimation.js +2 -3
  52. package/dist/cjs/BounceEntrance.js +56 -0
  53. package/dist/cjs/BounceLoop.js +56 -0
  54. package/dist/cjs/Brandbook.js +59 -0
  55. package/dist/cjs/BreathAnimation.js +1 -1
  56. package/dist/cjs/BreathLoop.js +58 -0
  57. package/dist/cjs/BrushDivider.js +52 -0
  58. package/dist/cjs/ButtonStyleFilled.js +52 -0
  59. package/dist/cjs/ButtonStyleOutlined.js +51 -0
  60. package/dist/cjs/ButtonStylePillFilled.js +52 -0
  61. package/dist/cjs/ButtonStylePillOutlined.js +51 -0
  62. package/dist/cjs/ChooseTheLayoutGrid.js +59 -0
  63. package/dist/cjs/CircleImage.js +52 -0
  64. package/dist/cjs/CircleMarker.js +2 -2
  65. package/dist/cjs/ClockWipe.js +1 -1
  66. package/dist/cjs/CloudsDivider.js +52 -0
  67. package/dist/cjs/ColorAnimation.js +1 -1
  68. package/dist/cjs/ColorTransition.js +2 -2
  69. package/dist/cjs/CrossLoop.js +57 -0
  70. package/dist/cjs/Cube.js +2 -2
  71. package/dist/cjs/CustomImage.js +53 -0
  72. package/dist/cjs/DartScroll.js +57 -0
  73. package/dist/cjs/DesignedSection.js +52 -0
  74. package/dist/cjs/DesignedSectionSmall.js +52 -0
  75. package/dist/cjs/Doc.js +55 -0
  76. package/dist/cjs/DonutChart.js +53 -0
  77. package/dist/cjs/Drop.js +2 -2
  78. package/dist/cjs/DunesDivider.js +52 -0
  79. package/dist/cjs/ElipseDivider.js +52 -0
  80. package/dist/cjs/EllipseImage.js +52 -0
  81. package/dist/cjs/EmptyPage.js +52 -0
  82. package/dist/cjs/EmptyPageImage.js +52 -0
  83. package/dist/cjs/EventInfo.js +53 -0
  84. package/dist/cjs/ExpandAnimation.js +5 -5
  85. package/dist/cjs/ExpandClick.js +62 -0
  86. package/dist/cjs/ExpandHover.js +62 -0
  87. package/dist/cjs/ExpandScroll.js +63 -0
  88. package/dist/cjs/FacebookCover.js +55 -0
  89. package/dist/cjs/FacebookPost.js +54 -0
  90. package/dist/cjs/FacebookStory.js +52 -0
  91. package/dist/cjs/Fade.js +6 -5
  92. package/dist/cjs/FadeAnimation.js +1 -1
  93. package/dist/cjs/FadeBackSection.js +62 -0
  94. package/dist/cjs/{Aspect5_4.js → FadeClick.js} +10 -9
  95. package/dist/cjs/FadeHover.js +52 -0
  96. package/dist/cjs/FadeScroll.js +53 -0
  97. package/dist/cjs/FadeSection.js +52 -0
  98. package/dist/cjs/FillParallaxScroll.js +60 -0
  99. package/dist/cjs/FillReveal.js +55 -0
  100. package/dist/cjs/FlapLoop.js +57 -0
  101. package/dist/cjs/FlashAnimation.js +1 -1
  102. package/dist/cjs/FlashLoop.js +55 -0
  103. package/dist/cjs/Flip.js +2 -2
  104. package/dist/cjs/FlipAnimation.js +2 -2
  105. package/dist/cjs/FlipLoop.js +57 -0
  106. package/dist/cjs/FlipScroll.js +57 -0
  107. package/dist/cjs/FloatEntrance.js +56 -0
  108. package/dist/cjs/FloatingCardsAnimation.js +3 -3
  109. package/dist/cjs/FluidImage.js +53 -0
  110. package/dist/cjs/Fold.js +1 -1
  111. package/dist/cjs/FoldAnimation.js +3 -3
  112. package/dist/cjs/Form.js +57 -0
  113. package/dist/cjs/Freeform.js +1 -1
  114. package/dist/cjs/FreeformImage.js +53 -0
  115. package/dist/cjs/GenerateWithAI.js +53 -0
  116. package/dist/cjs/GenerateWithAIOutline.js +53 -0
  117. package/dist/cjs/GenerateWithAIOutlineSmall.js +53 -0
  118. package/dist/cjs/GenerateWithAISmall.js +53 -0
  119. package/dist/cjs/GlideEntrance.js +57 -0
  120. package/dist/cjs/GlitchAnimation.js +54 -0
  121. package/dist/cjs/GrowEntrance.js +56 -0
  122. package/dist/cjs/HeartImage.js +53 -0
  123. package/dist/cjs/HexagonalImage.js +53 -0
  124. package/dist/cjs/HillDivider.js +52 -0
  125. package/dist/cjs/HorizontalBarChart.js +53 -0
  126. package/dist/cjs/HorizontalBarGroupedChart.js +55 -0
  127. package/dist/cjs/ImageLayoutBlank.js +51 -0
  128. package/dist/cjs/ImageLayoutLarge.js +52 -0
  129. package/dist/cjs/ImageLayoutSingleColumn.js +52 -0
  130. package/dist/cjs/ImageLayoutThumbnail.js +52 -0
  131. package/dist/cjs/ImageLayoutTwoColumn.js +52 -0
  132. package/dist/cjs/ImagePositionBottom.js +52 -0
  133. package/dist/cjs/ImagePositionLeft.js +54 -0
  134. package/dist/cjs/ImagePositionRight.js +54 -0
  135. package/dist/cjs/ImagePositionTop.js +52 -0
  136. package/dist/cjs/ImageRatio11.js +52 -0
  137. package/dist/cjs/ImageRatio169.js +52 -0
  138. package/dist/cjs/InstagramPost.js +54 -0
  139. package/dist/cjs/InstagramReel.js +55 -0
  140. package/dist/cjs/InstagramStory.js +54 -0
  141. package/dist/cjs/InvertedElipseDivider.js +52 -0
  142. package/dist/cjs/Iris.js +1 -1
  143. package/dist/cjs/JelloLoop.js +56 -0
  144. package/dist/cjs/LandscapeFrame.js +52 -0
  145. package/dist/cjs/LayeredElipseDivider.js +53 -0
  146. package/dist/cjs/{Aspect16_9.js → LayoutCards.js} +10 -9
  147. package/dist/cjs/LayoutCarousel.js +54 -0
  148. package/dist/cjs/{Aspect9_16.js → LayoutList.js} +10 -9
  149. package/dist/cjs/LayoutSideBySide.js +52 -0
  150. package/dist/cjs/LayoutSidebar.js +52 -0
  151. package/dist/cjs/LayoutSingleColumn.js +52 -0
  152. package/dist/cjs/LayoutTwoColumn.js +52 -0
  153. package/dist/cjs/LeftWaveDivider.js +52 -0
  154. package/dist/cjs/LetterTwist.js +52 -0
  155. package/dist/cjs/LineChart.js +51 -0
  156. package/dist/cjs/Lines.js +1 -1
  157. package/dist/cjs/LinkedInBanner.js +55 -0
  158. package/dist/cjs/LiquidDivider.js +52 -0
  159. package/dist/cjs/Logo.js +53 -0
  160. package/dist/cjs/Marker.js +2 -2
  161. package/dist/cjs/Marquee.js +1 -1
  162. package/dist/cjs/MoveClick.js +56 -0
  163. package/dist/cjs/MoveHorizontalHover.js +57 -0
  164. package/dist/cjs/MoveScroll.js +57 -0
  165. package/dist/cjs/MultiAreaChart.js +57 -0
  166. package/dist/cjs/MultiLineChart.js +52 -0
  167. package/dist/cjs/ObscureMouse.js +55 -0
  168. package/dist/cjs/OnImage.js +53 -0
  169. package/dist/cjs/OpticalillusionDivider.js +52 -0
  170. package/dist/cjs/Original.js +1 -1
  171. package/dist/cjs/OriginalImage.js +52 -0
  172. package/dist/cjs/PageNumbers.js +52 -0
  173. package/dist/cjs/PaintDivider.js +53 -0
  174. package/dist/cjs/PaintScribbleDivider.js +52 -0
  175. package/dist/cjs/PanSection.js +56 -0
  176. package/dist/cjs/ParallaxScroll.js +57 -0
  177. package/dist/cjs/ParallaxSection.js +56 -0
  178. package/dist/cjs/PentagonImage.js +53 -0
  179. package/dist/cjs/PieChart.js +54 -0
  180. package/dist/cjs/PixelsDivider.js +53 -0
  181. package/dist/cjs/PlantsDivider.js +52 -0
  182. package/dist/cjs/PokeLoop.js +56 -0
  183. package/dist/cjs/PortraitFrame.js +52 -0
  184. package/dist/cjs/PresetCollage.js +55 -0
  185. package/dist/cjs/PresetFeatured.js +53 -0
  186. package/dist/cjs/{Aspect2_3.js → PresetGrid.js} +10 -9
  187. package/dist/cjs/PresetMasonry.js +53 -0
  188. package/dist/cjs/{Aspect3_4.js → PresetRows.js} +10 -9
  189. package/dist/cjs/PresetSlider.js +53 -0
  190. package/dist/cjs/PresetSlideshow.js +52 -0
  191. package/dist/cjs/PresetSquares.js +53 -0
  192. package/dist/cjs/PresetThumbnails.js +53 -0
  193. package/dist/cjs/PullBackSection.js +62 -0
  194. package/dist/cjs/PulseLoop.js +54 -0
  195. package/dist/cjs/RSVPInvite.js +57 -0
  196. package/dist/cjs/ResizeMouse.js +55 -0
  197. package/dist/cjs/ResizeOptionsCrop.js +53 -0
  198. package/dist/cjs/ResizeOptionsFit.js +52 -0
  199. package/dist/cjs/Reveal.js +10 -10
  200. package/dist/cjs/RevealAnimation.js +3 -3
  201. package/dist/cjs/RevealScroll.js +55 -0
  202. package/dist/cjs/RevealSection.js +55 -0
  203. package/dist/cjs/RhombusImage.js +53 -0
  204. package/dist/cjs/RightWaveDivider.js +52 -0
  205. package/dist/cjs/Roll.js +1 -1
  206. package/dist/cjs/RotateClick.js +56 -0
  207. package/dist/cjs/RotateHover.js +57 -0
  208. package/dist/cjs/RotateSection.js +57 -0
  209. package/dist/cjs/RubberMouse.js +61 -0
  210. package/dist/cjs/ScrollEffectsDisappear.js +54 -0
  211. package/dist/cjs/ScrollEffectsFadeOut.js +54 -0
  212. package/dist/cjs/ScrollEffectsMoveWithPage.js +54 -0
  213. package/dist/cjs/ScrollEffectsStayFixed.js +54 -0
  214. package/dist/cjs/SemiCirclesDivider.js +52 -0
  215. package/dist/cjs/SemiElipseDivider.js +52 -0
  216. package/dist/cjs/ShapeEntrance.js +54 -0
  217. package/dist/cjs/ShapeRectangle.js +52 -0
  218. package/dist/cjs/ShapeRound.js +52 -0
  219. package/dist/cjs/ShapeScroll.js +54 -0
  220. package/dist/cjs/ShapeSquare.js +52 -0
  221. package/dist/cjs/Shrink.js +62 -0
  222. package/dist/cjs/ShrinkClick.js +62 -0
  223. package/dist/cjs/ShrinkHover.js +62 -0
  224. package/dist/cjs/ShrinkScroll.js +63 -0
  225. package/dist/cjs/Shuffle.js +1 -1
  226. package/dist/cjs/ShuttersScroll.js +55 -0
  227. package/dist/cjs/Skew3DMouse.js +55 -0
  228. package/dist/cjs/SkewClick.js +53 -0
  229. package/dist/cjs/SkewHover.js +53 -0
  230. package/dist/cjs/SkewSection.js +57 -0
  231. package/dist/cjs/Slide.js +2 -2
  232. package/dist/cjs/SlideAnimation.js +2 -2
  233. package/dist/cjs/SlideScroll.js +56 -0
  234. package/dist/cjs/Slides.js +52 -0
  235. package/dist/cjs/SnakeTrailAnimation.js +1 -1
  236. package/dist/cjs/SpinAnimation.js +5 -1
  237. package/dist/cjs/SpinLoop.js +56 -0
  238. package/dist/cjs/SpinScroll.js +57 -0
  239. package/dist/cjs/SquareFrame.js +52 -0
  240. package/dist/cjs/Stagger.js +1 -1
  241. package/dist/cjs/StarImage.js +53 -0
  242. package/dist/cjs/StartWithData.js +53 -0
  243. package/dist/cjs/StretchScroll.js +58 -0
  244. package/dist/cjs/StripesDivider.js +52 -0
  245. package/dist/cjs/Swap.js +2 -2
  246. package/dist/cjs/SwingLoop.js +56 -0
  247. package/dist/cjs/SwivelMouse.js +55 -0
  248. package/dist/cjs/TextEntrance.js +1 -1
  249. package/dist/cjs/TextPath.js +1 -1
  250. package/dist/cjs/ThumbnailNameexample.js +52 -0
  251. package/dist/cjs/Tilt3DMouse.js +55 -0
  252. package/dist/cjs/TiltAnimation.js +2 -2
  253. package/dist/cjs/TiltDivider.js +52 -0
  254. package/dist/cjs/TiltEntrance.js +55 -0
  255. package/dist/cjs/TiltScroll.js +56 -0
  256. package/dist/cjs/Track3DMouse.js +57 -0
  257. package/dist/cjs/TrackMouse.js +55 -0
  258. package/dist/cjs/TriangleDivider.js +52 -0
  259. package/dist/cjs/TriangularImage.js +52 -0
  260. package/dist/cjs/TurnEntrance.js +56 -0
  261. package/dist/cjs/TurnScroll.js +57 -0
  262. package/dist/cjs/TwistClick.js +54 -0
  263. package/dist/cjs/TwistHover.js +54 -0
  264. package/dist/cjs/TypeWriter.js +3 -3
  265. package/dist/cjs/Underline.js +1 -1
  266. package/dist/cjs/VerticalBarChart.js +53 -0
  267. package/dist/cjs/VerticalBarGroupedChart.js +55 -0
  268. package/dist/cjs/VideoLink.js +55 -0
  269. package/dist/cjs/VideoMobileHorizontal.js +52 -0
  270. package/dist/cjs/VideoMobileVertical.js +52 -0
  271. package/dist/cjs/WavesDivider.js +53 -0
  272. package/dist/cjs/WhatsappStatus.js +54 -0
  273. package/dist/cjs/WiggleLoop.js +54 -0
  274. package/dist/cjs/WindowImage.js +52 -0
  275. package/dist/cjs/WinkEntrance.js +57 -0
  276. package/dist/cjs/WordTwist.js +52 -0
  277. package/dist/cjs/XPost.js +54 -0
  278. package/dist/cjs/YoutubeBanner.js +54 -0
  279. package/dist/cjs/YoutubeThumbnail.js +53 -0
  280. package/dist/cjs/ZoomSection.js +62 -0
  281. package/dist/cjs/index.js +719 -32
  282. package/dist/esm/A4Frame.js +18 -0
  283. package/dist/esm/AiryMouse.js +23 -0
  284. package/dist/esm/AlignBottomHorizontal.js +21 -0
  285. package/dist/esm/AlignCenterHorizontal.js +21 -0
  286. package/dist/esm/AlignCenterVertical.js +21 -0
  287. package/dist/esm/AlignLeftVertical.js +21 -0
  288. package/dist/esm/AlignRightVertical.js +21 -0
  289. package/dist/esm/AlignSpread.js +21 -0
  290. package/dist/esm/AlignTopHorizontal.js +21 -0
  291. package/dist/esm/AlignmentLeftToRight.js +18 -0
  292. package/dist/esm/AlignmentRightToLeft.js +18 -0
  293. package/dist/esm/AllSides.js +21 -0
  294. package/dist/esm/AppearClick.js +20 -0
  295. package/dist/esm/AppearHover.js +20 -0
  296. package/dist/esm/ArcEntrance.js +23 -0
  297. package/dist/esm/ArcScroll.js +24 -0
  298. package/dist/esm/AreaChart.js +20 -0
  299. package/dist/esm/Aspect11.js +18 -0
  300. package/dist/esm/Aspect11Image.js +18 -0
  301. package/dist/esm/Aspect12.js +18 -0
  302. package/dist/esm/Aspect169.js +18 -0
  303. package/dist/esm/Aspect169Image.js +18 -0
  304. package/dist/esm/Aspect23.js +18 -0
  305. package/dist/esm/Aspect23Image.js +18 -0
  306. package/dist/esm/Aspect32.js +18 -0
  307. package/dist/esm/Aspect32Image.js +18 -0
  308. package/dist/esm/Aspect34.js +18 -0
  309. package/dist/esm/Aspect34Image.js +18 -0
  310. package/dist/esm/Aspect3DSection.js +22 -0
  311. package/dist/esm/Aspect3DSpinScroll.js +23 -0
  312. package/dist/esm/Aspect43.js +18 -0
  313. package/dist/esm/Aspect43Image.js +18 -0
  314. package/dist/esm/Aspect45.js +18 -0
  315. package/dist/esm/Aspect45Image.js +18 -0
  316. package/dist/esm/Aspect54.js +18 -0
  317. package/dist/esm/Aspect54Image.js +18 -0
  318. package/dist/esm/Aspect916.js +18 -0
  319. package/dist/esm/Aspect916Image.js +18 -0
  320. package/dist/esm/BlankImage.js +18 -0
  321. package/dist/esm/BlankSection.js +18 -0
  322. package/dist/esm/BlankSectionOutline.js +18 -0
  323. package/dist/esm/BlankSectionOutlineSmall.js +18 -0
  324. package/dist/esm/BlankSectionSmall.js +18 -0
  325. package/dist/esm/BlobMouse.js +21 -0
  326. package/dist/esm/BlobsDivider.js +18 -0
  327. package/dist/esm/Blur.js +1 -1
  328. package/dist/esm/BlurAnimation.js +1 -1
  329. package/dist/esm/BlurScroll.js +18 -0
  330. package/dist/esm/Bottom.js +21 -0
  331. package/dist/esm/Bounce.js +2 -2
  332. package/dist/esm/BounceAnimation.js +2 -3
  333. package/dist/esm/BounceEntrance.js +22 -0
  334. package/dist/esm/BounceLoop.js +22 -0
  335. package/dist/esm/Brandbook.js +25 -0
  336. package/dist/esm/BreathAnimation.js +1 -1
  337. package/dist/esm/BreathLoop.js +24 -0
  338. package/dist/esm/BrushDivider.js +18 -0
  339. package/dist/esm/ButtonStyleFilled.js +18 -0
  340. package/dist/esm/ButtonStyleOutlined.js +17 -0
  341. package/dist/esm/ButtonStylePillFilled.js +18 -0
  342. package/dist/esm/ButtonStylePillOutlined.js +17 -0
  343. package/dist/esm/ChooseTheLayoutGrid.js +25 -0
  344. package/dist/esm/CircleImage.js +18 -0
  345. package/dist/esm/CircleMarker.js +2 -2
  346. package/dist/esm/ClockWipe.js +1 -1
  347. package/dist/esm/CloudsDivider.js +18 -0
  348. package/dist/esm/ColorAnimation.js +1 -1
  349. package/dist/esm/ColorTransition.js +2 -2
  350. package/dist/esm/CrossLoop.js +23 -0
  351. package/dist/esm/Cube.js +2 -2
  352. package/dist/esm/CustomImage.js +19 -0
  353. package/dist/esm/DartScroll.js +23 -0
  354. package/dist/esm/DesignedSection.js +18 -0
  355. package/dist/esm/DesignedSectionSmall.js +18 -0
  356. package/dist/esm/Doc.js +21 -0
  357. package/dist/esm/DonutChart.js +19 -0
  358. package/dist/esm/Drop.js +2 -2
  359. package/dist/esm/DunesDivider.js +18 -0
  360. package/dist/esm/ElipseDivider.js +18 -0
  361. package/dist/esm/EllipseImage.js +18 -0
  362. package/dist/esm/EmptyPage.js +18 -0
  363. package/dist/esm/EmptyPageImage.js +18 -0
  364. package/dist/esm/EventInfo.js +19 -0
  365. package/dist/esm/ExpandAnimation.js +5 -5
  366. package/dist/esm/ExpandClick.js +28 -0
  367. package/dist/esm/ExpandHover.js +28 -0
  368. package/dist/esm/ExpandScroll.js +29 -0
  369. package/dist/esm/FacebookCover.js +21 -0
  370. package/dist/esm/FacebookPost.js +20 -0
  371. package/dist/esm/FacebookStory.js +18 -0
  372. package/dist/esm/Fade.js +6 -5
  373. package/dist/esm/FadeAnimation.js +1 -1
  374. package/dist/esm/FadeBackSection.js +28 -0
  375. package/dist/esm/FadeClick.js +19 -0
  376. package/dist/esm/FadeHover.js +18 -0
  377. package/dist/esm/FadeScroll.js +19 -0
  378. package/dist/esm/FadeSection.js +18 -0
  379. package/dist/esm/FillParallaxScroll.js +26 -0
  380. package/dist/esm/FillReveal.js +21 -0
  381. package/dist/esm/FlapLoop.js +23 -0
  382. package/dist/esm/FlashAnimation.js +1 -1
  383. package/dist/esm/FlashLoop.js +21 -0
  384. package/dist/esm/Flip.js +2 -2
  385. package/dist/esm/FlipAnimation.js +2 -2
  386. package/dist/esm/FlipLoop.js +23 -0
  387. package/dist/esm/FlipScroll.js +23 -0
  388. package/dist/esm/FloatEntrance.js +22 -0
  389. package/dist/esm/FloatingCardsAnimation.js +3 -3
  390. package/dist/esm/FluidImage.js +19 -0
  391. package/dist/esm/Fold.js +1 -1
  392. package/dist/esm/FoldAnimation.js +3 -3
  393. package/dist/esm/Form.js +23 -0
  394. package/dist/esm/Freeform.js +1 -1
  395. package/dist/esm/FreeformImage.js +19 -0
  396. package/dist/esm/GenerateWithAI.js +19 -0
  397. package/dist/esm/GenerateWithAIOutline.js +19 -0
  398. package/dist/esm/GenerateWithAIOutlineSmall.js +19 -0
  399. package/dist/esm/GenerateWithAISmall.js +19 -0
  400. package/dist/esm/GlideEntrance.js +23 -0
  401. package/dist/esm/GlitchAnimation.js +20 -0
  402. package/dist/esm/GrowEntrance.js +22 -0
  403. package/dist/esm/HeartImage.js +19 -0
  404. package/dist/esm/HexagonalImage.js +19 -0
  405. package/dist/esm/HillDivider.js +18 -0
  406. package/dist/esm/HorizontalBarChart.js +19 -0
  407. package/dist/esm/HorizontalBarGroupedChart.js +21 -0
  408. package/dist/esm/ImageLayoutBlank.js +17 -0
  409. package/dist/esm/ImageLayoutLarge.js +18 -0
  410. package/dist/esm/ImageLayoutSingleColumn.js +18 -0
  411. package/dist/esm/ImageLayoutThumbnail.js +18 -0
  412. package/dist/esm/ImageLayoutTwoColumn.js +18 -0
  413. package/dist/esm/ImagePositionBottom.js +18 -0
  414. package/dist/esm/ImagePositionLeft.js +20 -0
  415. package/dist/esm/ImagePositionRight.js +20 -0
  416. package/dist/esm/ImagePositionTop.js +18 -0
  417. package/dist/esm/ImageRatio11.js +18 -0
  418. package/dist/esm/ImageRatio169.js +18 -0
  419. package/dist/esm/InstagramPost.js +20 -0
  420. package/dist/esm/InstagramReel.js +21 -0
  421. package/dist/esm/InstagramStory.js +20 -0
  422. package/dist/esm/InvertedElipseDivider.js +18 -0
  423. package/dist/esm/Iris.js +1 -1
  424. package/dist/esm/JelloLoop.js +22 -0
  425. package/dist/esm/LandscapeFrame.js +18 -0
  426. package/dist/esm/LayeredElipseDivider.js +19 -0
  427. package/dist/esm/LayoutCards.js +19 -0
  428. package/dist/esm/LayoutCarousel.js +20 -0
  429. package/dist/esm/LayoutList.js +19 -0
  430. package/dist/esm/LayoutSideBySide.js +18 -0
  431. package/dist/esm/LayoutSidebar.js +18 -0
  432. package/dist/esm/LayoutSingleColumn.js +18 -0
  433. package/dist/esm/LayoutTwoColumn.js +18 -0
  434. package/dist/esm/LeftWaveDivider.js +18 -0
  435. package/dist/esm/LetterTwist.js +18 -0
  436. package/dist/esm/LineChart.js +17 -0
  437. package/dist/esm/Lines.js +1 -1
  438. package/dist/esm/LinkedInBanner.js +21 -0
  439. package/dist/esm/LiquidDivider.js +18 -0
  440. package/dist/esm/Logo.js +19 -0
  441. package/dist/esm/Marker.js +2 -2
  442. package/dist/esm/Marquee.js +1 -1
  443. package/dist/esm/MoveClick.js +22 -0
  444. package/dist/esm/MoveHorizontalHover.js +23 -0
  445. package/dist/esm/MoveScroll.js +23 -0
  446. package/dist/esm/MultiAreaChart.js +23 -0
  447. package/dist/esm/MultiLineChart.js +18 -0
  448. package/dist/esm/ObscureMouse.js +21 -0
  449. package/dist/esm/OnImage.js +19 -0
  450. package/dist/esm/OpticalillusionDivider.js +18 -0
  451. package/dist/esm/Original.js +1 -1
  452. package/dist/esm/OriginalImage.js +18 -0
  453. package/dist/esm/PageNumbers.js +18 -0
  454. package/dist/esm/PaintDivider.js +19 -0
  455. package/dist/esm/PaintScribbleDivider.js +18 -0
  456. package/dist/esm/PanSection.js +22 -0
  457. package/dist/esm/ParallaxScroll.js +23 -0
  458. package/dist/esm/ParallaxSection.js +22 -0
  459. package/dist/esm/PentagonImage.js +19 -0
  460. package/dist/esm/PieChart.js +20 -0
  461. package/dist/esm/PixelsDivider.js +19 -0
  462. package/dist/esm/PlantsDivider.js +18 -0
  463. package/dist/esm/PokeLoop.js +22 -0
  464. package/dist/esm/PortraitFrame.js +18 -0
  465. package/dist/esm/PresetCollage.js +21 -0
  466. package/dist/esm/PresetFeatured.js +19 -0
  467. package/dist/esm/PresetGrid.js +19 -0
  468. package/dist/esm/PresetMasonry.js +19 -0
  469. package/dist/esm/PresetRows.js +19 -0
  470. package/dist/esm/PresetSlider.js +19 -0
  471. package/dist/esm/PresetSlideshow.js +18 -0
  472. package/dist/esm/PresetSquares.js +19 -0
  473. package/dist/esm/PresetThumbnails.js +19 -0
  474. package/dist/esm/PullBackSection.js +28 -0
  475. package/dist/esm/PulseLoop.js +20 -0
  476. package/dist/esm/RSVPInvite.js +23 -0
  477. package/dist/esm/ResizeMouse.js +21 -0
  478. package/dist/esm/ResizeOptionsCrop.js +19 -0
  479. package/dist/esm/ResizeOptionsFit.js +18 -0
  480. package/dist/esm/Reveal.js +10 -10
  481. package/dist/esm/RevealAnimation.js +3 -3
  482. package/dist/esm/RevealScroll.js +21 -0
  483. package/dist/esm/RevealSection.js +21 -0
  484. package/dist/esm/RhombusImage.js +19 -0
  485. package/dist/esm/RightWaveDivider.js +18 -0
  486. package/dist/esm/Roll.js +1 -1
  487. package/dist/esm/RotateClick.js +22 -0
  488. package/dist/esm/RotateHover.js +23 -0
  489. package/dist/esm/RotateSection.js +23 -0
  490. package/dist/esm/RubberMouse.js +27 -0
  491. package/dist/esm/ScrollEffectsDisappear.js +20 -0
  492. package/dist/esm/ScrollEffectsFadeOut.js +20 -0
  493. package/dist/esm/ScrollEffectsMoveWithPage.js +20 -0
  494. package/dist/esm/ScrollEffectsStayFixed.js +20 -0
  495. package/dist/esm/SemiCirclesDivider.js +18 -0
  496. package/dist/esm/SemiElipseDivider.js +18 -0
  497. package/dist/esm/ShapeEntrance.js +20 -0
  498. package/dist/esm/ShapeRectangle.js +18 -0
  499. package/dist/esm/ShapeRound.js +18 -0
  500. package/dist/esm/ShapeScroll.js +20 -0
  501. package/dist/esm/ShapeSquare.js +18 -0
  502. package/dist/esm/Shrink.js +28 -0
  503. package/dist/esm/ShrinkClick.js +28 -0
  504. package/dist/esm/ShrinkHover.js +28 -0
  505. package/dist/esm/ShrinkScroll.js +29 -0
  506. package/dist/esm/Shuffle.js +1 -1
  507. package/dist/esm/ShuttersScroll.js +21 -0
  508. package/dist/esm/Skew3DMouse.js +21 -0
  509. package/dist/esm/SkewClick.js +19 -0
  510. package/dist/esm/SkewHover.js +19 -0
  511. package/dist/esm/SkewSection.js +23 -0
  512. package/dist/esm/Slide.js +2 -2
  513. package/dist/esm/SlideAnimation.js +2 -2
  514. package/dist/esm/SlideScroll.js +22 -0
  515. package/dist/esm/Slides.js +18 -0
  516. package/dist/esm/SnakeTrailAnimation.js +1 -1
  517. package/dist/esm/SpinAnimation.js +5 -1
  518. package/dist/esm/SpinLoop.js +22 -0
  519. package/dist/esm/SpinScroll.js +23 -0
  520. package/dist/esm/SquareFrame.js +18 -0
  521. package/dist/esm/Stagger.js +1 -1
  522. package/dist/esm/StarImage.js +19 -0
  523. package/dist/esm/StartWithData.js +19 -0
  524. package/dist/esm/StretchScroll.js +24 -0
  525. package/dist/esm/StripesDivider.js +18 -0
  526. package/dist/esm/Swap.js +2 -2
  527. package/dist/esm/SwingLoop.js +22 -0
  528. package/dist/esm/SwivelMouse.js +21 -0
  529. package/dist/esm/TextEntrance.js +1 -1
  530. package/dist/esm/TextPath.js +1 -1
  531. package/dist/esm/ThumbnailNameexample.js +18 -0
  532. package/dist/esm/Tilt3DMouse.js +21 -0
  533. package/dist/esm/TiltAnimation.js +2 -2
  534. package/dist/esm/TiltDivider.js +18 -0
  535. package/dist/esm/TiltEntrance.js +21 -0
  536. package/dist/esm/TiltScroll.js +22 -0
  537. package/dist/esm/Track3DMouse.js +23 -0
  538. package/dist/esm/TrackMouse.js +21 -0
  539. package/dist/esm/TriangleDivider.js +18 -0
  540. package/dist/esm/TriangularImage.js +18 -0
  541. package/dist/esm/TurnEntrance.js +22 -0
  542. package/dist/esm/TurnScroll.js +23 -0
  543. package/dist/esm/TwistClick.js +20 -0
  544. package/dist/esm/TwistHover.js +20 -0
  545. package/dist/esm/TypeWriter.js +3 -3
  546. package/dist/esm/Underline.js +1 -1
  547. package/dist/esm/VerticalBarChart.js +19 -0
  548. package/dist/esm/VerticalBarGroupedChart.js +21 -0
  549. package/dist/esm/VideoLink.js +21 -0
  550. package/dist/esm/VideoMobileHorizontal.js +18 -0
  551. package/dist/esm/VideoMobileVertical.js +18 -0
  552. package/dist/esm/WavesDivider.js +19 -0
  553. package/dist/esm/WhatsappStatus.js +20 -0
  554. package/dist/esm/WiggleLoop.js +20 -0
  555. package/dist/esm/WindowImage.js +18 -0
  556. package/dist/esm/WinkEntrance.js +23 -0
  557. package/dist/esm/WordTwist.js +18 -0
  558. package/dist/esm/XPost.js +20 -0
  559. package/dist/esm/YoutubeBanner.js +20 -0
  560. package/dist/esm/YoutubeThumbnail.js +19 -0
  561. package/dist/esm/ZoomSection.js +28 -0
  562. package/dist/esm/index.js +479 -21
  563. package/dist/types/{Aspect3_4.d.ts → A4Frame.d.ts} +1 -1
  564. package/dist/types/{Aspect1_1.d.ts → AiryMouse.d.ts} +1 -1
  565. package/dist/types/AlignBottomHorizontal.d.ts +5 -0
  566. package/dist/types/AlignCenterHorizontal.d.ts +5 -0
  567. package/dist/types/AlignCenterVertical.d.ts +5 -0
  568. package/dist/types/AlignLeftVertical.d.ts +5 -0
  569. package/dist/types/AlignRightVertical.d.ts +5 -0
  570. package/dist/types/AlignSpread.d.ts +5 -0
  571. package/dist/types/AlignTopHorizontal.d.ts +5 -0
  572. package/dist/types/AlignmentLeftToRight.d.ts +5 -0
  573. package/dist/types/AlignmentRightToLeft.d.ts +5 -0
  574. package/dist/types/{Aspect2_3.d.ts → AllSides.d.ts} +1 -1
  575. package/dist/types/AppearClick.d.ts +5 -0
  576. package/dist/types/AppearHover.d.ts +5 -0
  577. package/dist/types/ArcEntrance.d.ts +5 -0
  578. package/dist/types/{Aspect3_2.d.ts → ArcScroll.d.ts} +1 -1
  579. package/dist/types/AreaChart.d.ts +5 -0
  580. package/dist/types/Aspect11.d.ts +5 -0
  581. package/dist/types/Aspect11Image.d.ts +5 -0
  582. package/dist/types/Aspect12.d.ts +5 -0
  583. package/dist/types/Aspect169.d.ts +5 -0
  584. package/dist/types/Aspect169Image.d.ts +5 -0
  585. package/dist/types/Aspect23.d.ts +5 -0
  586. package/dist/types/Aspect23Image.d.ts +5 -0
  587. package/dist/types/Aspect32.d.ts +5 -0
  588. package/dist/types/Aspect32Image.d.ts +5 -0
  589. package/dist/types/Aspect34.d.ts +5 -0
  590. package/dist/types/Aspect34Image.d.ts +5 -0
  591. package/dist/types/Aspect3DSection.d.ts +5 -0
  592. package/dist/types/Aspect3DSpinScroll.d.ts +5 -0
  593. package/dist/types/Aspect43.d.ts +5 -0
  594. package/dist/types/Aspect43Image.d.ts +5 -0
  595. package/dist/types/Aspect45.d.ts +5 -0
  596. package/dist/types/Aspect45Image.d.ts +5 -0
  597. package/dist/types/Aspect54.d.ts +5 -0
  598. package/dist/types/Aspect54Image.d.ts +5 -0
  599. package/dist/types/Aspect916.d.ts +5 -0
  600. package/dist/types/Aspect916Image.d.ts +5 -0
  601. package/dist/types/{Aspect16_9.d.ts → BlankImage.d.ts} +1 -1
  602. package/dist/types/BlankSection.d.ts +5 -0
  603. package/dist/types/BlankSectionOutline.d.ts +5 -0
  604. package/dist/types/BlankSectionOutlineSmall.d.ts +5 -0
  605. package/dist/types/BlankSectionSmall.d.ts +5 -0
  606. package/dist/types/BlobMouse.d.ts +5 -0
  607. package/dist/types/BlobsDivider.d.ts +5 -0
  608. package/dist/types/BlurScroll.d.ts +5 -0
  609. package/dist/types/Bottom.d.ts +5 -0
  610. package/dist/types/BounceEntrance.d.ts +5 -0
  611. package/dist/types/BounceLoop.d.ts +5 -0
  612. package/dist/types/Brandbook.d.ts +5 -0
  613. package/dist/types/BreathLoop.d.ts +5 -0
  614. package/dist/types/BrushDivider.d.ts +5 -0
  615. package/dist/types/ButtonStyleFilled.d.ts +5 -0
  616. package/dist/types/ButtonStyleOutlined.d.ts +5 -0
  617. package/dist/types/ButtonStylePillFilled.d.ts +5 -0
  618. package/dist/types/ButtonStylePillOutlined.d.ts +5 -0
  619. package/dist/types/ChooseTheLayoutGrid.d.ts +5 -0
  620. package/dist/types/CircleImage.d.ts +5 -0
  621. package/dist/types/CloudsDivider.d.ts +5 -0
  622. package/dist/types/CrossLoop.d.ts +5 -0
  623. package/dist/types/CustomImage.d.ts +5 -0
  624. package/dist/types/DartScroll.d.ts +5 -0
  625. package/dist/types/DesignedSection.d.ts +5 -0
  626. package/dist/types/DesignedSectionSmall.d.ts +5 -0
  627. package/dist/types/Doc.d.ts +5 -0
  628. package/dist/types/DonutChart.d.ts +5 -0
  629. package/dist/types/DunesDivider.d.ts +5 -0
  630. package/dist/types/ElipseDivider.d.ts +5 -0
  631. package/dist/types/EllipseImage.d.ts +5 -0
  632. package/dist/types/EmptyPage.d.ts +5 -0
  633. package/dist/types/EmptyPageImage.d.ts +5 -0
  634. package/dist/types/EventInfo.d.ts +5 -0
  635. package/dist/types/ExpandClick.d.ts +5 -0
  636. package/dist/types/ExpandHover.d.ts +5 -0
  637. package/dist/types/ExpandScroll.d.ts +5 -0
  638. package/dist/types/FacebookCover.d.ts +5 -0
  639. package/dist/types/FacebookPost.d.ts +5 -0
  640. package/dist/types/FacebookStory.d.ts +5 -0
  641. package/dist/types/FadeBackSection.d.ts +5 -0
  642. package/dist/types/FadeClick.d.ts +5 -0
  643. package/dist/types/FadeHover.d.ts +5 -0
  644. package/dist/types/FadeScroll.d.ts +5 -0
  645. package/dist/types/FadeSection.d.ts +5 -0
  646. package/dist/types/FillParallaxScroll.d.ts +5 -0
  647. package/dist/types/FillReveal.d.ts +5 -0
  648. package/dist/types/FlapLoop.d.ts +5 -0
  649. package/dist/types/FlashLoop.d.ts +5 -0
  650. package/dist/types/FlipLoop.d.ts +5 -0
  651. package/dist/types/FlipScroll.d.ts +5 -0
  652. package/dist/types/FloatEntrance.d.ts +5 -0
  653. package/dist/types/FluidImage.d.ts +5 -0
  654. package/dist/types/Form.d.ts +5 -0
  655. package/dist/types/FreeformImage.d.ts +5 -0
  656. package/dist/types/GenerateWithAI.d.ts +5 -0
  657. package/dist/types/GenerateWithAIOutline.d.ts +5 -0
  658. package/dist/types/GenerateWithAIOutlineSmall.d.ts +5 -0
  659. package/dist/types/GenerateWithAISmall.d.ts +5 -0
  660. package/dist/types/GlideEntrance.d.ts +5 -0
  661. package/dist/types/GlitchAnimation.d.ts +5 -0
  662. package/dist/types/GrowEntrance.d.ts +5 -0
  663. package/dist/types/HeartImage.d.ts +5 -0
  664. package/dist/types/HexagonalImage.d.ts +5 -0
  665. package/dist/types/HillDivider.d.ts +5 -0
  666. package/dist/types/HorizontalBarChart.d.ts +5 -0
  667. package/dist/types/HorizontalBarGroupedChart.d.ts +5 -0
  668. package/dist/types/ImageLayoutBlank.d.ts +5 -0
  669. package/dist/types/ImageLayoutLarge.d.ts +5 -0
  670. package/dist/types/ImageLayoutSingleColumn.d.ts +5 -0
  671. package/dist/types/ImageLayoutThumbnail.d.ts +5 -0
  672. package/dist/types/ImageLayoutTwoColumn.d.ts +5 -0
  673. package/dist/types/ImagePositionBottom.d.ts +5 -0
  674. package/dist/types/ImagePositionLeft.d.ts +5 -0
  675. package/dist/types/ImagePositionRight.d.ts +5 -0
  676. package/dist/types/ImagePositionTop.d.ts +5 -0
  677. package/dist/types/ImageRatio11.d.ts +5 -0
  678. package/dist/types/ImageRatio169.d.ts +5 -0
  679. package/dist/types/InstagramPost.d.ts +5 -0
  680. package/dist/types/InstagramReel.d.ts +5 -0
  681. package/dist/types/InstagramStory.d.ts +5 -0
  682. package/dist/types/InvertedElipseDivider.d.ts +5 -0
  683. package/dist/types/JelloLoop.d.ts +5 -0
  684. package/dist/types/LandscapeFrame.d.ts +5 -0
  685. package/dist/types/LayeredElipseDivider.d.ts +5 -0
  686. package/dist/types/LayoutCards.d.ts +5 -0
  687. package/dist/types/LayoutCarousel.d.ts +5 -0
  688. package/dist/types/LayoutList.d.ts +5 -0
  689. package/dist/types/LayoutSideBySide.d.ts +5 -0
  690. package/dist/types/LayoutSidebar.d.ts +5 -0
  691. package/dist/types/LayoutSingleColumn.d.ts +5 -0
  692. package/dist/types/LayoutTwoColumn.d.ts +5 -0
  693. package/dist/types/LeftWaveDivider.d.ts +5 -0
  694. package/dist/types/LetterTwist.d.ts +5 -0
  695. package/dist/types/LineChart.d.ts +5 -0
  696. package/dist/types/LinkedInBanner.d.ts +5 -0
  697. package/dist/types/LiquidDivider.d.ts +5 -0
  698. package/dist/types/Logo.d.ts +5 -0
  699. package/dist/types/MoveClick.d.ts +5 -0
  700. package/dist/types/MoveHorizontalHover.d.ts +5 -0
  701. package/dist/types/MoveScroll.d.ts +5 -0
  702. package/dist/types/MultiAreaChart.d.ts +5 -0
  703. package/dist/types/MultiLineChart.d.ts +5 -0
  704. package/dist/types/ObscureMouse.d.ts +5 -0
  705. package/dist/types/OnImage.d.ts +5 -0
  706. package/dist/types/OpticalillusionDivider.d.ts +5 -0
  707. package/dist/types/OriginalImage.d.ts +5 -0
  708. package/dist/types/PageNumbers.d.ts +5 -0
  709. package/dist/types/PaintDivider.d.ts +5 -0
  710. package/dist/types/PaintScribbleDivider.d.ts +5 -0
  711. package/dist/types/PanSection.d.ts +5 -0
  712. package/dist/types/ParallaxScroll.d.ts +5 -0
  713. package/dist/types/ParallaxSection.d.ts +5 -0
  714. package/dist/types/PentagonImage.d.ts +5 -0
  715. package/dist/types/PieChart.d.ts +5 -0
  716. package/dist/types/PixelsDivider.d.ts +5 -0
  717. package/dist/types/PlantsDivider.d.ts +5 -0
  718. package/dist/types/PokeLoop.d.ts +5 -0
  719. package/dist/types/PortraitFrame.d.ts +5 -0
  720. package/dist/types/PresetCollage.d.ts +5 -0
  721. package/dist/types/PresetFeatured.d.ts +5 -0
  722. package/dist/types/PresetGrid.d.ts +5 -0
  723. package/dist/types/PresetMasonry.d.ts +5 -0
  724. package/dist/types/PresetRows.d.ts +5 -0
  725. package/dist/types/PresetSlider.d.ts +5 -0
  726. package/dist/types/PresetSlideshow.d.ts +5 -0
  727. package/dist/types/PresetSquares.d.ts +5 -0
  728. package/dist/types/PresetThumbnails.d.ts +5 -0
  729. package/dist/types/PullBackSection.d.ts +5 -0
  730. package/dist/types/PulseLoop.d.ts +5 -0
  731. package/dist/types/RSVPInvite.d.ts +5 -0
  732. package/dist/types/ResizeMouse.d.ts +5 -0
  733. package/dist/types/ResizeOptionsCrop.d.ts +5 -0
  734. package/dist/types/ResizeOptionsFit.d.ts +5 -0
  735. package/dist/types/RevealScroll.d.ts +5 -0
  736. package/dist/types/RevealSection.d.ts +5 -0
  737. package/dist/types/RhombusImage.d.ts +5 -0
  738. package/dist/types/RightWaveDivider.d.ts +5 -0
  739. package/dist/types/RotateClick.d.ts +5 -0
  740. package/dist/types/RotateHover.d.ts +5 -0
  741. package/dist/types/RotateSection.d.ts +5 -0
  742. package/dist/types/RubberMouse.d.ts +5 -0
  743. package/dist/types/ScrollEffectsDisappear.d.ts +5 -0
  744. package/dist/types/ScrollEffectsFadeOut.d.ts +5 -0
  745. package/dist/types/ScrollEffectsMoveWithPage.d.ts +5 -0
  746. package/dist/types/ScrollEffectsStayFixed.d.ts +5 -0
  747. package/dist/types/SemiCirclesDivider.d.ts +5 -0
  748. package/dist/types/SemiElipseDivider.d.ts +5 -0
  749. package/dist/types/ShapeEntrance.d.ts +5 -0
  750. package/dist/types/ShapeRectangle.d.ts +5 -0
  751. package/dist/types/ShapeRound.d.ts +5 -0
  752. package/dist/types/ShapeScroll.d.ts +5 -0
  753. package/dist/types/ShapeSquare.d.ts +5 -0
  754. package/dist/types/Shrink.d.ts +5 -0
  755. package/dist/types/ShrinkClick.d.ts +5 -0
  756. package/dist/types/ShrinkHover.d.ts +5 -0
  757. package/dist/types/ShrinkScroll.d.ts +5 -0
  758. package/dist/types/ShuttersScroll.d.ts +5 -0
  759. package/dist/types/Skew3DMouse.d.ts +5 -0
  760. package/dist/types/SkewClick.d.ts +5 -0
  761. package/dist/types/SkewHover.d.ts +5 -0
  762. package/dist/types/SkewSection.d.ts +5 -0
  763. package/dist/types/SlideScroll.d.ts +5 -0
  764. package/dist/types/Slides.d.ts +5 -0
  765. package/dist/types/SpinLoop.d.ts +5 -0
  766. package/dist/types/SpinScroll.d.ts +5 -0
  767. package/dist/types/SquareFrame.d.ts +5 -0
  768. package/dist/types/StarImage.d.ts +5 -0
  769. package/dist/types/StartWithData.d.ts +5 -0
  770. package/dist/types/StretchScroll.d.ts +5 -0
  771. package/dist/types/StripesDivider.d.ts +5 -0
  772. package/dist/types/SwingLoop.d.ts +5 -0
  773. package/dist/types/SwivelMouse.d.ts +5 -0
  774. package/dist/types/ThumbnailNameexample.d.ts +5 -0
  775. package/dist/types/Tilt3DMouse.d.ts +5 -0
  776. package/dist/types/TiltDivider.d.ts +5 -0
  777. package/dist/types/TiltEntrance.d.ts +5 -0
  778. package/dist/types/TiltScroll.d.ts +5 -0
  779. package/dist/types/Track3DMouse.d.ts +5 -0
  780. package/dist/types/TrackMouse.d.ts +5 -0
  781. package/dist/types/TriangleDivider.d.ts +5 -0
  782. package/dist/types/TriangularImage.d.ts +5 -0
  783. package/dist/types/TurnEntrance.d.ts +5 -0
  784. package/dist/types/TurnScroll.d.ts +5 -0
  785. package/dist/types/TwistClick.d.ts +5 -0
  786. package/dist/types/TwistHover.d.ts +5 -0
  787. package/dist/types/VerticalBarChart.d.ts +5 -0
  788. package/dist/types/VerticalBarGroupedChart.d.ts +5 -0
  789. package/dist/types/VideoLink.d.ts +5 -0
  790. package/dist/types/VideoMobileHorizontal.d.ts +5 -0
  791. package/dist/types/VideoMobileVertical.d.ts +5 -0
  792. package/dist/types/WavesDivider.d.ts +5 -0
  793. package/dist/types/WhatsappStatus.d.ts +5 -0
  794. package/dist/types/WiggleLoop.d.ts +5 -0
  795. package/dist/types/WindowImage.d.ts +5 -0
  796. package/dist/types/WinkEntrance.d.ts +5 -0
  797. package/dist/types/WordTwist.d.ts +5 -0
  798. package/dist/types/XPost.d.ts +5 -0
  799. package/dist/types/YoutubeBanner.d.ts +5 -0
  800. package/dist/types/YoutubeThumbnail.d.ts +5 -0
  801. package/dist/types/ZoomSection.d.ts +5 -0
  802. package/dist/types/index.d.ts +239 -10
  803. package/package.json +3 -3
  804. package/src/A4Frame.svg +23 -0
  805. package/src/AI.svg +2 -2
  806. package/src/AiryMouse.svg +92 -0
  807. package/src/AlignBottomHorizontal.svg +24 -0
  808. package/src/AlignCenterHorizontal.svg +24 -0
  809. package/src/AlignCenterVertical.svg +24 -0
  810. package/src/AlignLeftVertical.svg +24 -0
  811. package/src/AlignRightVertical.svg +24 -0
  812. package/src/AlignSpread.svg +25 -0
  813. package/src/AlignTopHorizontal.svg +24 -0
  814. package/src/AlignmentLeftToRight.svg +10 -0
  815. package/src/AlignmentRightToLeft.svg +10 -0
  816. package/src/AllSides.svg +24 -0
  817. package/src/AppearClick.svg +20 -0
  818. package/src/AppearHover.svg +45 -0
  819. package/src/ArcEntrance.svg +72 -0
  820. package/src/ArcScroll.svg +69 -0
  821. package/src/AreaChart.svg +23 -0
  822. package/src/{Aspect1_1.svg → Aspect11.svg} +7 -7
  823. package/src/Aspect11Image.svg +46 -0
  824. package/src/Aspect12.svg +28 -0
  825. package/src/{Aspect16_9.svg → Aspect169.svg} +7 -7
  826. package/src/Aspect169Image.svg +46 -0
  827. package/src/Aspect23.svg +23 -0
  828. package/src/Aspect23Image.svg +46 -0
  829. package/src/{Aspect3_2.svg → Aspect32.svg} +7 -7
  830. package/src/Aspect32Image.svg +46 -0
  831. package/src/{Aspect3_4.svg → Aspect34.svg} +7 -7
  832. package/src/Aspect34Image.svg +46 -0
  833. package/src/Aspect3DSection.svg +127 -0
  834. package/src/Aspect3DSpinScroll.svg +68 -0
  835. package/src/{Aspect4_3.svg → Aspect43.svg} +7 -7
  836. package/src/Aspect43Image.svg +46 -0
  837. package/src/{Aspect4_5.svg → Aspect45.svg} +7 -7
  838. package/src/Aspect45Image.svg +46 -0
  839. package/src/{Aspect5_4.svg → Aspect54.svg} +7 -7
  840. package/src/Aspect54Image.svg +46 -0
  841. package/src/{Aspect9_16.svg → Aspect916.svg} +7 -7
  842. package/src/Aspect916Image.svg +46 -0
  843. package/src/BlankImage.svg +41 -0
  844. package/src/BlankSection.svg +23 -0
  845. package/src/BlankSectionOutline.svg +10 -0
  846. package/src/BlankSectionOutlineSmall.svg +10 -0
  847. package/src/BlankSectionSmall.svg +23 -0
  848. package/src/BlobMouse.svg +86 -0
  849. package/src/BlobsDivider.svg +41 -0
  850. package/src/Blur.svg +12 -12
  851. package/src/BlurAnimation.svg +10 -10
  852. package/src/BlurScroll.svg +29 -0
  853. package/src/Bottom.svg +24 -0
  854. package/src/Bounce.svg +20 -20
  855. package/src/BounceAnimation.svg +29 -24
  856. package/src/BounceEntrance.svg +66 -0
  857. package/src/BounceLoop.svg +92 -0
  858. package/src/Brandbook.svg +70 -0
  859. package/src/BreathAnimation.svg +21 -21
  860. package/src/BreathLoop.svg +77 -0
  861. package/src/BrushDivider.svg +41 -0
  862. package/src/ButtonStyleFilled.svg +23 -0
  863. package/src/ButtonStyleOutlined.svg +3 -0
  864. package/src/ButtonStylePillFilled.svg +23 -0
  865. package/src/ButtonStylePillOutlined.svg +3 -0
  866. package/src/ChooseTheLayoutGrid.svg +88 -0
  867. package/src/CircleImage.svg +46 -0
  868. package/src/CircleMarker.svg +9 -9
  869. package/src/ClockWipe.svg +36 -36
  870. package/src/CloudsDivider.svg +47 -0
  871. package/src/ColorAnimation.svg +3 -3
  872. package/src/ColorTransition.svg +8 -8
  873. package/src/CrossLoop.svg +116 -0
  874. package/src/Cube.svg +22 -22
  875. package/src/CustomImage.svg +56 -0
  876. package/src/DartScroll.svg +68 -0
  877. package/src/DesignedSection.svg +45 -0
  878. package/src/DesignedSectionSmall.svg +45 -0
  879. package/src/Doc.svg +47 -0
  880. package/src/DonutChart.svg +59 -0
  881. package/src/Drop.svg +20 -20
  882. package/src/DunesDivider.svg +60 -0
  883. package/src/ElipseDivider.svg +28 -0
  884. package/src/EllipseImage.svg +46 -0
  885. package/src/EmptyPage.svg +52 -0
  886. package/src/EmptyPageImage.svg +75 -0
  887. package/src/EventInfo.svg +44 -0
  888. package/src/ExpandAnimation.svg +37 -37
  889. package/src/ExpandClick.svg +89 -0
  890. package/src/ExpandHover.svg +89 -0
  891. package/src/ExpandScroll.svg +89 -0
  892. package/src/FacebookCover.svg +51 -0
  893. package/src/FacebookPost.svg +46 -0
  894. package/src/FacebookStory.svg +27 -0
  895. package/src/Fade.svg +19 -10
  896. package/src/FadeAnimation.svg +12 -12
  897. package/src/FadeBackSection.svg +87 -0
  898. package/src/FadeClick.svg +23 -0
  899. package/src/FadeHover.svg +22 -0
  900. package/src/FadeScroll.svg +22 -0
  901. package/src/FadeSection.svg +22 -0
  902. package/src/FillParallaxScroll.svg +121 -0
  903. package/src/FillReveal.svg +106 -0
  904. package/src/FlapLoop.svg +71 -0
  905. package/src/FlashAnimation.svg +23 -23
  906. package/src/FlashLoop.svg +62 -0
  907. package/src/Flip.svg +19 -19
  908. package/src/FlipAnimation.svg +25 -25
  909. package/src/FlipLoop.svg +71 -0
  910. package/src/FlipScroll.svg +68 -0
  911. package/src/FloatEntrance.svg +71 -0
  912. package/src/FloatingCardsAnimation.svg +15 -15
  913. package/src/FluidImage.svg +51 -0
  914. package/src/Fold.svg +38 -38
  915. package/src/FoldAnimation.svg +27 -27
  916. package/src/Form.svg +62 -0
  917. package/src/Freeform.svg +1 -1
  918. package/src/FreeformImage.svg +90 -0
  919. package/src/GenerateWithAI.svg +25 -0
  920. package/src/GenerateWithAIOutline.svg +12 -0
  921. package/src/GenerateWithAIOutlineSmall.svg +12 -0
  922. package/src/GenerateWithAISmall.svg +25 -0
  923. package/src/GlideEntrance.svg +115 -0
  924. package/src/GlitchAnimation.svg +65 -0
  925. package/src/GrowEntrance.svg +71 -0
  926. package/src/HeartImage.svg +51 -0
  927. package/src/HexagonalImage.svg +51 -0
  928. package/src/HillDivider.svg +28 -0
  929. package/src/HorizontalBarChart.svg +41 -0
  930. package/src/HorizontalBarGroupedChart.svg +78 -0
  931. package/src/ImageLayoutBlank.svg +3 -0
  932. package/src/ImageLayoutLarge.svg +46 -0
  933. package/src/ImageLayoutSingleColumn.svg +73 -0
  934. package/src/ImageLayoutThumbnail.svg +46 -0
  935. package/src/ImageLayoutTwoColumn.svg +78 -0
  936. package/src/ImagePositionBottom.svg +56 -0
  937. package/src/ImagePositionLeft.svg +65 -0
  938. package/src/ImagePositionRight.svg +65 -0
  939. package/src/ImagePositionTop.svg +55 -0
  940. package/src/ImageRatio11.svg +23 -0
  941. package/src/ImageRatio169.svg +23 -0
  942. package/src/InstagramPost.svg +48 -0
  943. package/src/InstagramReel.svg +31 -0
  944. package/src/InstagramStory.svg +29 -0
  945. package/src/InvertedElipseDivider.svg +28 -0
  946. package/src/Iris.svg +30 -30
  947. package/src/JelloLoop.svg +68 -0
  948. package/src/LandscapeFrame.svg +23 -0
  949. package/src/LayeredElipseDivider.svg +60 -0
  950. package/src/LayoutCards.svg +26 -0
  951. package/src/LayoutCarousel.svg +23 -0
  952. package/src/LayoutList.svg +25 -0
  953. package/src/LayoutSideBySide.svg +53 -0
  954. package/src/LayoutSidebar.svg +29 -0
  955. package/src/LayoutSingleColumn.svg +28 -0
  956. package/src/LayoutTwoColumn.svg +29 -0
  957. package/src/LeftWaveDivider.svg +28 -0
  958. package/src/LetterTwist.svg +27 -0
  959. package/src/LineChart.svg +3 -0
  960. package/src/Lines.svg +7 -7
  961. package/src/LinkedInBanner.svg +51 -0
  962. package/src/LiquidDivider.svg +28 -0
  963. package/src/Logo.svg +43 -0
  964. package/src/Marker.svg +22 -22
  965. package/src/Marquee.svg +10 -10
  966. package/src/MoveClick.svg +71 -0
  967. package/src/MoveHorizontalHover.svg +76 -0
  968. package/src/MoveScroll.svg +68 -0
  969. package/src/MultiAreaChart.svg +41 -0
  970. package/src/MultiLineChart.svg +11 -0
  971. package/src/ObscureMouse.svg +96 -0
  972. package/src/OnImage.svg +44 -0
  973. package/src/OpticalillusionDivider.svg +49 -0
  974. package/src/Original.svg +1 -1
  975. package/src/OriginalImage.svg +46 -0
  976. package/src/PageNumbers.svg +24 -0
  977. package/src/PaintDivider.svg +36 -0
  978. package/src/PaintScribbleDivider.svg +28 -0
  979. package/src/PanSection.svg +71 -0
  980. package/src/ParallaxScroll.svg +68 -0
  981. package/src/ParallaxSection.svg +71 -0
  982. package/src/PentagonImage.svg +51 -0
  983. package/src/PieChart.svg +54 -0
  984. package/src/PixelsDivider.svg +51 -0
  985. package/src/PlantsDivider.svg +33 -0
  986. package/src/PokeLoop.svg +97 -0
  987. package/src/PortraitFrame.svg +23 -0
  988. package/src/PresetCollage.svg +27 -0
  989. package/src/PresetFeatured.svg +26 -0
  990. package/src/PresetGrid.svg +26 -0
  991. package/src/PresetMasonry.svg +26 -0
  992. package/src/PresetRows.svg +25 -0
  993. package/src/PresetSlider.svg +25 -0
  994. package/src/PresetSlideshow.svg +23 -0
  995. package/src/PresetSquares.svg +25 -0
  996. package/src/PresetThumbnails.svg +28 -0
  997. package/src/PullBackSection.svg +89 -0
  998. package/src/PulseLoop.svg +65 -0
  999. package/src/RSVPInvite.svg +50 -0
  1000. package/src/ResizeMouse.svg +86 -0
  1001. package/src/ResizeOptionsCrop.svg +90 -0
  1002. package/src/ResizeOptionsFit.svg +95 -0
  1003. package/src/Reveal.svg +30 -30
  1004. package/src/RevealAnimation.svg +24 -24
  1005. package/src/RevealScroll.svg +48 -0
  1006. package/src/RevealSection.svg +51 -0
  1007. package/src/RhombusImage.svg +51 -0
  1008. package/src/RightWaveDivider.svg +30 -0
  1009. package/src/Roll.svg +10 -10
  1010. package/src/RotateClick.svg +71 -0
  1011. package/src/RotateHover.svg +56 -0
  1012. package/src/RotateSection.svg +56 -0
  1013. package/src/RubberMouse.svg +119 -0
  1014. package/src/ScrollEffectsDisappear.svg +97 -0
  1015. package/src/ScrollEffectsFadeOut.svg +90 -0
  1016. package/src/ScrollEffectsMoveWithPage.svg +100 -0
  1017. package/src/ScrollEffectsStayFixed.svg +81 -0
  1018. package/src/SemiCirclesDivider.svg +34 -0
  1019. package/src/SemiElipseDivider.svg +28 -0
  1020. package/src/ShapeEntrance.svg +45 -0
  1021. package/src/ShapeRectangle.svg +28 -0
  1022. package/src/ShapeRound.svg +28 -0
  1023. package/src/ShapeScroll.svg +47 -0
  1024. package/src/ShapeSquare.svg +23 -0
  1025. package/src/Shrink.svg +89 -0
  1026. package/src/ShrinkClick.svg +89 -0
  1027. package/src/ShrinkHover.svg +89 -0
  1028. package/src/ShrinkScroll.svg +89 -0
  1029. package/src/Shuffle.svg +16 -16
  1030. package/src/ShuttersScroll.svg +50 -0
  1031. package/src/Skew3DMouse.svg +86 -0
  1032. package/src/SkewClick.svg +44 -0
  1033. package/src/SkewHover.svg +44 -0
  1034. package/src/SkewSection.svg +56 -0
  1035. package/src/Slide.svg +20 -20
  1036. package/src/SlideAnimation.svg +22 -22
  1037. package/src/SlideScroll.svg +63 -0
  1038. package/src/Slides.svg +131 -0
  1039. package/src/SnakeTrailAnimation.svg +93 -93
  1040. package/src/SpinAnimation.svg +26 -14
  1041. package/src/SpinLoop.svg +35 -0
  1042. package/src/SpinScroll.svg +34 -0
  1043. package/src/SquareFrame.svg +23 -0
  1044. package/src/Stagger.svg +8 -8
  1045. package/src/StarImage.svg +51 -0
  1046. package/src/StartWithData.svg +35 -0
  1047. package/src/StretchScroll.svg +54 -0
  1048. package/src/StripesDivider.svg +44 -0
  1049. package/src/Swap.svg +28 -28
  1050. package/src/SwingLoop.svg +97 -0
  1051. package/src/SwivelMouse.svg +86 -0
  1052. package/src/TextEntrance.svg +9 -9
  1053. package/src/TextPath.svg +8 -8
  1054. package/src/ThumbnailNameexample.svg +4 -0
  1055. package/src/Tilt3DMouse.svg +86 -0
  1056. package/src/TiltAnimation.svg +23 -23
  1057. package/src/TiltDivider.svg +28 -0
  1058. package/src/TiltEntrance.svg +66 -0
  1059. package/src/TiltScroll.svg +48 -0
  1060. package/src/Track3DMouse.svg +92 -0
  1061. package/src/TrackMouse.svg +86 -0
  1062. package/src/TriangleDivider.svg +28 -0
  1063. package/src/TriangularImage.svg +46 -0
  1064. package/src/TurnEntrance.svg +71 -0
  1065. package/src/TurnScroll.svg +68 -0
  1066. package/src/TwistClick.svg +65 -0
  1067. package/src/TwistHover.svg +65 -0
  1068. package/src/TypeWriter.svg +23 -24
  1069. package/src/Underline.svg +10 -10
  1070. package/src/VerticalBarChart.svg +41 -0
  1071. package/src/VerticalBarGroupedChart.svg +78 -0
  1072. package/src/VideoLink.svg +46 -0
  1073. package/src/VideoMobileHorizontal.svg +24 -0
  1074. package/src/VideoMobileVertical.svg +24 -0
  1075. package/src/WavesDivider.svg +35 -0
  1076. package/src/WhatsappStatus.svg +28 -0
  1077. package/src/WiggleLoop.svg +25 -0
  1078. package/src/WindowImage.svg +46 -0
  1079. package/src/WinkEntrance.svg +56 -0
  1080. package/src/WordTwist.svg +34 -0
  1081. package/src/XPost.svg +46 -0
  1082. package/src/YoutubeBanner.svg +46 -0
  1083. package/src/YoutubeThumbnail.svg +43 -0
  1084. package/src/ZoomSection.svg +89 -0
  1085. package/dist/cjs/Aspect3_2.js +0 -52
  1086. package/dist/cjs/Aspect4_5.js +0 -52
  1087. package/dist/cjs/ShuttersAnimation.js +0 -55
  1088. package/dist/esm/Aspect16_9.js +0 -18
  1089. package/dist/esm/Aspect1_1.js +0 -18
  1090. package/dist/esm/Aspect2_3.js +0 -18
  1091. package/dist/esm/Aspect3_2.js +0 -18
  1092. package/dist/esm/Aspect3_4.js +0 -18
  1093. package/dist/esm/Aspect4_3.js +0 -18
  1094. package/dist/esm/Aspect4_5.js +0 -18
  1095. package/dist/esm/Aspect5_4.js +0 -18
  1096. package/dist/esm/Aspect9_16.js +0 -18
  1097. package/dist/esm/ShuttersAnimation.js +0 -21
  1098. package/dist/types/Aspect4_3.d.ts +0 -5
  1099. package/dist/types/Aspect4_5.d.ts +0 -5
  1100. package/dist/types/Aspect5_4.d.ts +0 -5
  1101. package/dist/types/Aspect9_16.d.ts +0 -5
  1102. package/dist/types/ShuttersAnimation.d.ts +0 -5
  1103. package/src/Aspect2_3.svg +0 -23
  1104. package/src/ShuttersAnimation.svg +0 -52
package/dist/esm/ScrollEffectsFadeOut.js ADDED
@@ -0,0 +1,20 @@
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("g", { opacity: ".5", clipPath: "url(#ScrollEffectsFadeOut__b)" }, /* @__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__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ScrollEffectsFadeOut__d)", d: "M23 0h91v77H23z" }))), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ScrollEffectsFadeOut__e)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ScrollEffectsFadeOut__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M46 44h80v35H46z" })), /* @__PURE__ */ React.createElement("path", { fill: "url(#ScrollEffectsFadeOut__g)", d: "m70.584 54.492-9.526 13.82 16.99-2.273z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#ScrollEffectsFadeOut__h)", 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__i)" }, /* @__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__j)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ScrollEffectsFadeOut__k)", 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__m", width: "64", height: "9", x: "23", y: "37", maskUnits: "userSpaceOnUse", style: { "maskType": "luminance" } }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ScrollEffectsFadeOut__l)", d: "M87 46h64v9H87z", transform: "rotate(-180 87 46)" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#ScrollEffectsFadeOut__m)" }, /* @__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" })),
13
+ /* @__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" }),
14
+ /* @__PURE__ */ React.createElement("path", { stroke: "var(--wds-illustration-color-1, #002291)", d: "M90 41v8", strokeWidth: "2" }),
15
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "ScrollEffectsFadeOut__d", 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__g", 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__h", 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__k", 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__l", 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("clipPath", { id: "ScrollEffectsFadeOut__a" }, /* @__PURE__ */ React.createElement("rect", { width: "64", height: "44", x: "23", y: "33", fill: "#fff", rx: "3" })), /* @__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__e" }, /* @__PURE__ */ React.createElement("rect", { width: "24", height: "21", x: "57", y: "50", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ScrollEffectsFadeOut__f" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M46 44h80v35H46z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ScrollEffectsFadeOut__i" }, /* @__PURE__ */ React.createElement("rect", { width: "5", height: "5", x: "60", y: "53", fill: "#fff", rx: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "ScrollEffectsFadeOut__c", 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__j", 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" })))
16
+ );
17
+ ScrollEffectsFadeOut.displayName = "ScrollEffectsFadeOut";
18
+ export {
19
+ ScrollEffectsFadeOut
20
+ };
package/dist/esm/ScrollEffectsMoveWithPage.js ADDED
@@ -0,0 +1,20 @@
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("g", { opacity: ".5", clipPath: "url(#ScrollEffectsMoveWithPage__b)" }, /* @__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__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ScrollEffectsMoveWithPage__d)", d: "M23 0h91v77H23z" }))), /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#ScrollEffectsMoveWithPage__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M23 69h64v8H23z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ScrollEffectsMoveWithPage__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ScrollEffectsMoveWithPage__g)", d: "M23 0h91v77H23z" }))), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ScrollEffectsMoveWithPage__h)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ScrollEffectsMoveWithPage__i)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M46 38h80v35H46z" })), /* @__PURE__ */ React.createElement("path", { fill: "url(#ScrollEffectsMoveWithPage__j)", d: "m70.584 48.492-9.526 13.82 16.99-2.273z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#ScrollEffectsMoveWithPage__k)", 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__l)" }, /* @__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__m)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ScrollEffectsMoveWithPage__n)", 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" })),
13
+ /* @__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" }),
14
+ /* @__PURE__ */ React.createElement("path", { stroke: "var(--wds-illustration-color-1, #002291)", d: "M90 41v8", strokeWidth: "2" }),
15
+ /* @__PURE__ */ React.createElement("defs", null, /* @__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("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__e" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M23 69h64v8H23z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ScrollEffectsMoveWithPage__h" }, /* @__PURE__ */ React.createElement("rect", { width: "24", height: "21", x: "57", y: "44", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ScrollEffectsMoveWithPage__i" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M46 38h80v35H46z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ScrollEffectsMoveWithPage__l" }, /* @__PURE__ */ React.createElement("rect", { width: "5", height: "5", x: "60", y: "47", fill: "#fff", rx: "2.5" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ScrollEffectsMoveWithPage__d", 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__g", 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__j", 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__k", 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__n", 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__c", 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__f", 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__m", 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" })))
16
+ );
17
+ ScrollEffectsMoveWithPage.displayName = "ScrollEffectsMoveWithPage";
18
+ export {
19
+ ScrollEffectsMoveWithPage
20
+ };
package/dist/esm/ScrollEffectsStayFixed.js ADDED
@@ -0,0 +1,20 @@
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("g", { opacity: ".5", clipPath: "url(#ScrollEffectsStayFixed__b)" }, /* @__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__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ScrollEffectsStayFixed__d)", d: "M23 0h91v77H23z" }))), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ScrollEffectsStayFixed__e)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ScrollEffectsStayFixed__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M46 44h80v35H46z" })), /* @__PURE__ */ React.createElement("path", { fill: "url(#ScrollEffectsStayFixed__g)", d: "m70.584 54.492-9.526 13.82 16.99-2.273z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#ScrollEffectsStayFixed__h)", 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__i)" }, /* @__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__j)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ScrollEffectsStayFixed__k)", 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" })),
13
+ /* @__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" }),
14
+ /* @__PURE__ */ React.createElement("path", { stroke: "var(--wds-illustration-color-1, #002291)", d: "M90 41v8", strokeWidth: "2" }),
15
+ /* @__PURE__ */ React.createElement("defs", null, /* @__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("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__e" }, /* @__PURE__ */ React.createElement("rect", { width: "24", height: "21", x: "57", y: "50", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ScrollEffectsStayFixed__f" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M46 44h80v35H46z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ScrollEffectsStayFixed__i" }, /* @__PURE__ */ React.createElement("rect", { width: "5", height: "5", x: "60", y: "53", fill: "#fff", rx: "2.5" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ScrollEffectsStayFixed__d", 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__g", 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__h", 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__k", 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__c", 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__j", 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" })))
16
+ );
17
+ ScrollEffectsStayFixed.displayName = "ScrollEffectsStayFixed";
18
+ export {
19
+ ScrollEffectsStayFixed
20
+ };
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
+ };
package/dist/esm/ShapeScroll.js ADDED
@@ -0,0 +1,20 @@
1
+ import React from "react";
2
+ const ShapeScroll = (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: ".5" }, /* @__PURE__ */ React.createElement("mask", { id: "ShapeScroll__a", width: "26", height: "28", x: "23", y: "22", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#002294", d: "M35 22.577a2 2 0 0 1 2 0l10.124 5.846a2 2 0 0 1 1 1.732v11.69a2 2 0 0 1-1 1.732L37 49.423a2 2 0 0 1-2 0l-10.124-5.846a2 2 0 0 1-1-1.732v-11.69a2 2 0 0 1 1-1.732z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#ShapeScroll__b)", mask: "url(#ShapeScroll__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ShapeScroll__c)", d: "m46.515-3.25 27.004 15.591v31.183L46.515 59.115 19.51 43.524V12.34z" }))),
13
+ /* @__PURE__ */ React.createElement("mask", { id: "ShapeScroll__d", width: "16", height: "16", x: "28", y: "28", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("rect", { width: "14.855", height: "14.855", x: "28.574", y: "28.57", fill: "#D9D9D9", rx: "7.428" })),
14
+ /* @__PURE__ */ React.createElement("g", { mask: "url(#ShapeScroll__d)" }, /* @__PURE__ */ React.createElement("mask", { id: "ShapeScroll__e", width: "22", height: "22", x: "25", y: "25", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#002294", d: "M30.73 26.871a10.542 10.542 0 1 1 10.542 18.26A10.542 10.542 0 0 1 30.73 26.87" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#ShapeScroll__f)", mask: "url(#ShapeScroll__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ShapeScroll__g)", d: "M42.79-3.203a17.67 17.67 0 0 1 17.675 0l10.45 6.034a17.67 17.67 0 0 1 8.837 15.306v12.067a17.67 17.67 0 0 1-8.837 15.306l-10.45 6.033a17.67 17.67 0 0 1-17.674 0L32.34 45.51a17.67 17.67 0 0 1-8.838-15.306V18.137A17.67 17.67 0 0 1 32.34 2.83z" }))),
15
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "ShapeScroll__c", x1: "68.852", x2: "26.257", y1: "2.348", y2: "57.96", 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: "ShapeScroll__g", x1: "74.891", x2: "30.53", y1: "-2.475", y2: "55.442", 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: "ShapeScroll__b", width: "64.01", height: "72.367", x: "14.51", y: "-8.25", 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_23222", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "ShapeScroll__f", width: "65.085", height: "68.321", x: "19.085", y: "-9.989", 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_23222", stdDeviation: "2.209" })))
16
+ );
17
+ ShapeScroll.displayName = "ShapeScroll";
18
+ export {
19
+ ShapeScroll
20
+ };
package/dist/esm/ShapeSquare.js ADDED
@@ -0,0 +1,18 @@
1
+ import React from "react";
2
+ const ShapeSquare = (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", { clipPath: "url(#ShapeSquare__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "30", height: "30", x: "21", y: "21", fill: "var(--wds-illustration-color-1, #002291)", rx: "3" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ShapeSquare__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ShapeSquare__c)", d: "M21 0h51v51H21z" }))),
13
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "ShapeSquare__c", x1: "64.767", x2: "21.141", y1: "4.578", y2: "60.246", 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: "ShapeSquare__a" }, /* @__PURE__ */ React.createElement("rect", { width: "30", height: "30", x: "21", y: "21", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("filter", { id: "ShapeSquare__b", width: "61", height: "61", x: "16", y: "-5", 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_21008", stdDeviation: "2.5" })))
14
+ );
15
+ ShapeSquare.displayName = "ShapeSquare";
16
+ export {
17
+ ShapeSquare
18
+ };
package/dist/esm/Shrink.js ADDED
@@ -0,0 +1,28 @@
1
+ import React from "react";
2
+ const Shrink = (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("path", { fill: "url(#Shrink__a)", d: "m51.52 20.969-6 6-.708-.707 6-6z" }),
13
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M44.813 26.969a.5.5 0 0 1-.145-.399l.354-3.889.995.09-.3 3.292 3.293-.3.09.996-3.89.354-.109-.002a.5.5 0 0 1-.288-.142" }),
14
+ /* @__PURE__ */ React.createElement("path", { fill: "url(#Shrink__b)", d: "m20.378 20.969 6 6 .707-.707-6-6z" }),
15
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M27.085 26.969a.5.5 0 0 0 .144-.399l-.353-3.889-.996.09.3 3.292-3.293-.3-.09.996 3.89.354.11-.002a.5.5 0 0 0 .288-.142" }),
16
+ /* @__PURE__ */ React.createElement("path", { fill: "url(#Shrink__c)", d: "m20.379 51.031 6-6 .707.707-6 6z" }),
17
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M27.086 45.031a.5.5 0 0 1 .144.399l-.353 3.889-.996-.09.3-3.292-3.293.3-.09-.996 3.89-.354.11.002a.5.5 0 0 1 .288.142" }),
18
+ /* @__PURE__ */ React.createElement("path", { fill: "url(#Shrink__d)", d: "m51.622 51.031-6-6-.707.707 6 6z" }),
19
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M44.915 45.031a.5.5 0 0 0-.144.399l.353 3.889.996-.09-.3-3.292 3.293.3.09-.996-3.89-.354-.11.002a.5.5 0 0 0-.288.142" }),
20
+ /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#Shrink__e)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "21.858", y: "36", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 21.858 36)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#Shrink__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Shrink__g)", d: "M3.473 17.613 36-14.914l32.527 32.527L36 50.14z" }))),
21
+ /* @__PURE__ */ React.createElement("g", { opacity: ".7", clipPath: "url(#Shrink__h)" }, /* @__PURE__ */ React.createElement("rect", { width: "14.142", height: "14.142", x: "26", y: "36", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 26 36)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#Shrink__i)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Shrink__j)", d: "M3.373 13.371 35.9-19.156l32.526 32.527L35.9 45.898z" }))),
22
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#Shrink__k)" }, /* @__PURE__ */ React.createElement("rect", { width: "8.486", height: "8.486", x: "30", y: "36", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 30 36)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#Shrink__l)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Shrink__m)", d: "m3 9 32.528-32.527L68.055 9 35.528 41.527z" }))),
23
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "Shrink__a", x1: "51.166", x2: "45.166", y1: "20.615", y2: "26.615", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".04", 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: "Shrink__b", x1: "20.732", x2: "26.732", y1: "20.615", y2: "26.615", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".04", 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: "Shrink__c", x1: "20.732", x2: "26.732", y1: "51.385", y2: "45.385", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".04", 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: "Shrink__d", x1: "51.268", x2: "45.268", y1: "51.385", y2: "45.385", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".04", 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: "Shrink__g", x1: "34.306", x2: "41.987", y1: "-7.381", y2: "55.947", 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: "Shrink__j", x1: "34.206", x2: "41.887", y1: "-11.623", y2: "51.705", 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: "Shrink__m", x1: "33.834", x2: "41.515", y1: "-15.994", y2: "47.334", 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: "Shrink__e" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "21.858", y: "36", fill: "#fff", rx: "2", transform: "rotate(-45 21.858 36)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "Shrink__h" }, /* @__PURE__ */ React.createElement("rect", { width: "14.142", height: "14.142", x: "26", y: "36", fill: "#fff", rx: "2", transform: "rotate(-45 26 36)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "Shrink__k" }, /* @__PURE__ */ React.createElement("rect", { width: "8.486", height: "8.486", x: "30", y: "36", fill: "#fff", rx: "2", transform: "rotate(-45 30 36)" })), /* @__PURE__ */ React.createElement("filter", { id: "Shrink__f", width: "75.054", height: "75.055", x: "-1.527", y: "-19.914", 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_19318", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "Shrink__i", width: "75.054", height: "75.055", x: "-1.627", y: "-24.156", 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_19318", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "Shrink__l", width: "75.054", height: "75.055", x: "-1.999", y: "-28.527", 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_19318", stdDeviation: "2.5" })))
24
+ );
25
+ Shrink.displayName = "Shrink";
26
+ export {
27
+ Shrink
28
+ };
package/dist/esm/ShrinkClick.js ADDED
@@ -0,0 +1,28 @@
1
+ import React from "react";
2
+ const ShrinkClick = (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: ".5", clipPath: "url(#ShrinkClick__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "18", height: "30", fill: "var(--wds-illustration-color-1, #002291)", rx: "9", transform: "matrix(0 -1 -1 0 51 45.055)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ShrinkClick__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ShrinkClick__c)", d: "M67 45.055V16.272H21v28.783z" }))),
13
+ /* @__PURE__ */ React.createElement("g", { opacity: ".75", clipPath: "url(#ShrinkClick__d)" }, /* @__PURE__ */ React.createElement("rect", { width: "12", height: "24", fill: "var(--wds-illustration-color-1, #002291)", rx: "6", transform: "matrix(0 -1 -1 0 48 42)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ShrinkClick__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ShrinkClick__f)", d: "M78.684 42V15.131H24V42z" }))),
14
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ShrinkClick__g)" }, /* @__PURE__ */ React.createElement("rect", { width: "6", height: "17", fill: "var(--wds-illustration-color-1, #002291)", rx: "3", transform: "matrix(0 -1 -1 0 44.5 39)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ShrinkClick__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ShrinkClick__i)", d: "M80.945 39V21.008H27.5V39z" }))),
15
+ /* @__PURE__ */ React.createElement("path", { fill: "url(#ShrinkClick__j)", d: "m55.707 21.176-6 6-.707-.707 6-6z" }),
16
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M49 27.176a.5.5 0 0 1-.144-.399l.353-3.889.996.09-.3 3.292 3.293-.3.09.997-3.89.353-.11-.002a.5.5 0 0 1-.288-.142" }),
17
+ /* @__PURE__ */ React.createElement("path", { fill: "url(#ShrinkClick__k)", d: "m16.294 21.176 6 6 .707-.707-6-6z" }),
18
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M23 27.176a.5.5 0 0 0 .145-.399l-.354-3.889-.995.09.3 3.292-3.293-.3-.09.997 3.889.353.11-.002a.5.5 0 0 0 .288-.142" }),
19
+ /* @__PURE__ */ React.createElement("path", { fill: "url(#ShrinkClick__l)", d: "m16.293 50.824 6-6 .707.707-6 6z" }),
20
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M23 44.824a.5.5 0 0 1 .144.399l-.353 3.889-.996-.09.3-3.292-3.293.3-.09-.997 3.89-.353.11.002a.5.5 0 0 1 .288.142" }),
21
+ /* @__PURE__ */ React.createElement("path", { fill: "url(#ShrinkClick__m)", d: "m55.707 50.824-6-6-.707.707 6 6z" }),
22
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M49 44.824a.5.5 0 0 0-.145.399l.354 3.889.996-.09-.3-3.292 3.293.3.09-.997-3.89-.353-.11.002a.5.5 0 0 0-.288.142" }),
23
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "ShrinkClick__c", x1: "62.871", x2: "31.318", y1: "20.354", y2: "59.872", 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: "ShrinkClick__f", x1: "73.775", x2: "46.588", y1: "18.942", y2: "62.304", 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: "ShrinkClick__i", x1: "76.148", x2: "61.478", y1: "23.56", y2: "57.709", 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: "ShrinkClick__j", x1: "55.354", x2: "49.354", y1: "20.822", y2: "26.822", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".04", 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: "ShrinkClick__k", x1: "16.647", x2: "22.647", y1: "20.822", y2: "26.822", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".04", 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: "ShrinkClick__l", x1: "16.647", x2: "22.647", y1: "51.178", y2: "45.178", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".04", 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: "ShrinkClick__m", x1: "55.353", x2: "49.353", y1: "51.178", y2: "45.178", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".04", 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: "ShrinkClick__a" }, /* @__PURE__ */ React.createElement("rect", { width: "18", height: "30", fill: "#fff", rx: "9", transform: "matrix(0 -1 -1 0 51 45.055)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ShrinkClick__d" }, /* @__PURE__ */ React.createElement("rect", { width: "12", height: "24", fill: "#fff", rx: "6", transform: "matrix(0 -1 -1 0 48 42)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ShrinkClick__g" }, /* @__PURE__ */ React.createElement("rect", { width: "6", height: "17", fill: "#fff", rx: "3", transform: "matrix(0 -1 -1 0 44.5 39)" })), /* @__PURE__ */ React.createElement("filter", { id: "ShrinkClick__b", width: "56", height: "38.785", x: "16", y: "11.27", 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_19474", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "ShrinkClick__e", width: "64.683", height: "36.867", x: "19", y: "10.133", 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_19474", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "ShrinkClick__h", width: "63.445", height: "27.992", x: "22.5", y: "16.008", 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_19474", stdDeviation: "2.5" })))
24
+ );
25
+ ShrinkClick.displayName = "ShrinkClick";
26
+ export {
27
+ ShrinkClick
28
+ };
package/dist/esm/ShrinkHover.js ADDED
@@ -0,0 +1,28 @@
1
+ import React from "react";
2
+ const ShrinkHover = (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("path", { fill: "url(#ShrinkHover__a)", d: "m54.208 18.23-6 6-.707-.707 6-6z" }),
13
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M47.501 24.23a.5.5 0 0 1-.144-.398l.353-3.89.996.09-.3 3.293 3.293-.3.09.996-3.89.354-.11-.002a.5.5 0 0 1-.288-.143" }),
14
+ /* @__PURE__ */ React.createElement("path", { fill: "url(#ShrinkHover__b)", d: "m17.795 18.23 6 6 .707-.707-6-6z" }),
15
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M24.502 24.23a.5.5 0 0 0 .144-.398l-.354-3.89-.995.09.3 3.293-3.293-.3-.09.996 3.889.354.11-.002a.5.5 0 0 0 .288-.143" }),
16
+ /* @__PURE__ */ React.createElement("path", { fill: "url(#ShrinkHover__c)", d: "m17.792 53.77 6-6 .707.706-6 6z" }),
17
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M24.499 47.77a.5.5 0 0 1 .144.398l-.353 3.89-.996-.09.3-3.293-3.293.3-.09-.996 3.89-.354.11.002a.5.5 0 0 1 .288.143" }),
18
+ /* @__PURE__ */ React.createElement("path", { fill: "url(#ShrinkHover__d)", d: "m54.21 53.766-6-6-.708.707 6 6z" }),
19
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M47.503 47.766a.5.5 0 0 0-.145.398l.354 3.89.995-.09-.3-3.293 3.293.3.09-.996-3.89-.354-.109.002a.5.5 0 0 0-.288.143" }),
20
+ /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#ShrinkHover__e)" }, /* @__PURE__ */ React.createElement("rect", { width: "22", height: "22", x: "25", y: "25", fill: "var(--wds-illustration-color-1, #002291)", rx: "2.217" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ShrinkHover__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ShrinkHover__g)", d: "M25-3.828h51.002v51.001H25z" }))),
21
+ /* @__PURE__ */ React.createElement("g", { opacity: ".75", clipPath: "url(#ShrinkHover__h)" }, /* @__PURE__ */ React.createElement("rect", { width: "15.4", height: "15.4", x: "28.3", y: "28.301", fill: "var(--wds-illustration-color-1, #002291)", rx: "1.663" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ShrinkHover__i)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ShrinkHover__j)", d: "M28.3-8.18h51.002v51.002H28.3z" }))),
22
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ShrinkHover__k)" }, /* @__PURE__ */ React.createElement("rect", { width: "8.414", height: "8.414", x: "31.793", y: "31.793", fill: "var(--wds-illustration-color-1, #002291)", rx: "1.109" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ShrinkHover__l)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ShrinkHover__m)", d: "M31.794-10.543h51.002v51.002H31.794z" }))),
23
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "ShrinkHover__a", x1: "53.855", x2: "47.855", y1: "17.877", y2: "23.877", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".04", 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: "ShrinkHover__b", x1: "18.148", x2: "24.148", y1: "17.877", y2: "23.877", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".04", 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: "ShrinkHover__c", x1: "18.145", x2: "24.145", y1: "54.123", y2: "48.123", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".04", 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: "ShrinkHover__d", x1: "53.856", x2: "47.856", y1: "54.119", y2: "48.119", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".04", 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: "ShrinkHover__g", x1: "68.768", x2: "25.141", y1: ".75", y2: "56.42", 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: "ShrinkHover__j", x1: "72.069", x2: "28.441", y1: "-3.602", y2: "52.069", 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: "ShrinkHover__m", x1: "75.563", x2: "31.935", y1: "-5.965", y2: "49.705", 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: "ShrinkHover__e" }, /* @__PURE__ */ React.createElement("rect", { width: "22", height: "22", x: "25", y: "25", fill: "#fff", rx: "2.217" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ShrinkHover__h" }, /* @__PURE__ */ React.createElement("rect", { width: "15.4", height: "15.4", x: "28.3", y: "28.301", fill: "#fff", rx: "1.663" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ShrinkHover__k" }, /* @__PURE__ */ React.createElement("rect", { width: "8.414", height: "8.414", x: "31.793", y: "31.793", fill: "#fff", rx: "1.109" })), /* @__PURE__ */ React.createElement("filter", { id: "ShrinkHover__f", width: "62.089", height: "62.087", x: "19.456", y: "-9.372", 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_19654", stdDeviation: "2.772" })), /* @__PURE__ */ React.createElement("filter", { id: "ShrinkHover__i", width: "62.089", height: "62.087", x: "22.757", y: "-13.723", 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_19654", stdDeviation: "2.772" })), /* @__PURE__ */ React.createElement("filter", { id: "ShrinkHover__l", width: "62.089", height: "62.087", x: "26.251", y: "-16.087", 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_19654", stdDeviation: "2.772" })))
24
+ );
25
+ ShrinkHover.displayName = "ShrinkHover";
26
+ export {
27
+ ShrinkHover
28
+ };
package/dist/esm/ShrinkScroll.js ADDED
@@ -0,0 +1,29 @@
1
+ import React from "react";
2
+ const ShrinkScroll = (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("path", { fill: "url(#ShrinkScroll__a)", d: "m50.892 19.39-6 6-.708-.706 6-6z" }),
13
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M44.185 25.39a.5.5 0 0 1-.145-.398l.354-3.889.996.09-.3 3.292 3.292-.3.09.996-3.889.354-.11-.002a.5.5 0 0 1-.288-.143" }),
14
+ /* @__PURE__ */ React.createElement("path", { fill: "url(#ShrinkScroll__b)", d: "m20.309 19.39 6 6 .707-.706-6-6z" }),
15
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M27.016 25.39a.5.5 0 0 0 .144-.398l-.353-3.889-.996.09.3 3.292-3.293-.3-.09.996 3.89.354.11-.002a.5.5 0 0 0 .288-.143" }),
16
+ /* @__PURE__ */ React.createElement("path", { fill: "url(#ShrinkScroll__c)", d: "m20.31 52.61 6-6 .707.706-6 6z" }),
17
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M27.017 46.61a.5.5 0 0 1 .144.398l-.354 3.889-.995-.09.3-3.292-3.293.3-.09-.996 3.89-.354.109.002a.5.5 0 0 1 .289.142" }),
18
+ /* @__PURE__ */ React.createElement("path", { fill: "url(#ShrinkScroll__d)", d: "m50.894 52.61-6-6-.707.706 6 6z" }),
19
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M44.187 46.61a.5.5 0 0 0-.144.398l.353 3.889.996-.09-.3-3.292 3.293.3.09-.996-3.89-.354-.11.002a.5.5 0 0 0-.288.142" }),
20
+ /* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("mask", { id: "ShrinkScroll__e", width: "24", height: "26", x: "24", y: "23", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M46.095 29.017a2 2 0 0 1 1 1.732v10.502a2 2 0 0 1-1 1.732L37 48.233a2 2 0 0 1-2 0l-9.094-5.25a2 2 0 0 1-1-1.732V30.749a2 2 0 0 1 1-1.732L35 23.767a2 2 0 0 1 2 0z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#ShrinkScroll__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M73.582 8.346a5.57 5.57 0 0 1 2.786 4.826v32.57c0 1.99-1.062 3.83-2.786 4.825L45.375 66.852a5.57 5.57 0 0 1-5.572 0L11.597 50.567a5.57 5.57 0 0 1-2.786-4.825v-32.57c0-1.991 1.062-3.83 2.786-4.826L39.803-7.939a5.57 5.57 0 0 1 5.572 0z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ShrinkScroll__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ShrinkScroll__g)", d: "M65.872 21.316v27.473L42.08 62.526 18.287 48.789V21.316L42.08 7.579z" })))),
21
+ /* @__PURE__ */ React.createElement("g", { opacity: ".7" }, /* @__PURE__ */ React.createElement("mask", { id: "ShrinkScroll__h", width: "18", height: "20", x: "27", y: "26", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M43.163 30.648a2 2 0 0 1 1 1.732v7.144a2 2 0 0 1-1 1.732l-6.186 3.572a2 2 0 0 1-2 0l-6.187-3.572a2 2 0 0 1-1-1.732V32.38a2 2 0 0 1 1-1.732l6.187-3.572a2 2 0 0 1 2 0z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#ShrinkScroll__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M63.25 14.682a4.01 4.01 0 0 1 2.007 3.476v23.458a4.01 4.01 0 0 1-2.006 3.475l-20.316 11.73a4.01 4.01 0 0 1-4.013 0L18.607 45.09a4.01 4.01 0 0 1-2.007-3.475V18.158c0-1.434.765-2.759 2.007-3.476L38.922 2.953a4.01 4.01 0 0 1 4.013 0z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ShrinkScroll__i)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ShrinkScroll__j)", d: "M58.064 19.992v19.787l-17.136 9.894-17.136-9.894V19.992l17.136-9.894z" })))),
22
+ /* @__PURE__ */ React.createElement("mask", { id: "ShrinkScroll__k", width: "12", height: "12", x: "30", y: "30", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M40.101 32.418a2 2 0 0 1 1 1.732v3.607a2 2 0 0 1-1 1.732l-3.124 1.804a2 2 0 0 1-2 0l-3.124-1.804a2 2 0 0 1-1-1.732V34.15a2 2 0 0 1 1-1.732l3.124-1.804a2 2 0 0 1 2 0z" })),
23
+ /* @__PURE__ */ React.createElement("g", { mask: "url(#ShrinkScroll__k)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M55.589 22.581a2.47 2.47 0 0 1 1.236 2.142v14.455c0 .883-.471 1.7-1.236 2.141L43.07 48.546a2.47 2.47 0 0 1-2.472 0L28.08 41.32a2.47 2.47 0 0 1-1.237-2.142V24.724c0-.884.471-1.7 1.236-2.142l12.519-7.227a2.47 2.47 0 0 1 2.472 0z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ShrinkScroll__l)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ShrinkScroll__m)", d: "M52.393 25.852v12.193l-10.56 6.096-10.558-6.096V25.852l10.559-6.096z" }))),
24
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "ShrinkScroll__a", x1: "50.538", x2: "44.538", y1: "19.037", y2: "25.037", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".082", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".644", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ShrinkScroll__b", x1: "20.662", x2: "26.662", y1: "19.037", y2: "25.037", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".082", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".644", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ShrinkScroll__c", x1: "20.663", x2: "26.663", y1: "52.963", y2: "46.963", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".082", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".644", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ShrinkScroll__d", x1: "50.54", x2: "44.54", y1: "52.963", y2: "46.963", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".082", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".644", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ShrinkScroll__g", x1: "67.512", x2: "15.947", y1: "21.167", y2: "49.509", 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: "ShrinkScroll__j", x1: "59.245", x2: "22.106", y1: "19.884", y2: "40.298", 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: "ShrinkScroll__m", x1: "53.121", x2: "30.236", y1: "25.786", y2: "38.364", 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: "ShrinkScroll__f", width: "57.585", height: "64.949", x: "13.287", y: "2.578", 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_19869", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "ShrinkScroll__i", width: "44.273", height: "49.574", x: "18.792", y: "5.098", 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_19869", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "ShrinkScroll__l", width: "31.118", height: "34.387", x: "26.275", y: "14.754", 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_19869", stdDeviation: "2.5" })))
25
+ );
26
+ ShrinkScroll.displayName = "ShrinkScroll";
27
+ export {
28
+ ShrinkScroll
29
+ };
package/dist/esm/Shuffle.js CHANGED
@@ -13,7 +13,7 @@ const Shuffle = (props) => /* @__PURE__ */ React.createElement(
13
13
  /* @__PURE__ */ React.createElement("mask", { id: "Shuffle__a", width: "50", height: "15", x: "12", y: "29", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M16.094 44h-3.44V29.7h3.44v5.56h5.84V29.7h3.44V44h-3.44v-5.86h-5.84zM55.767 44h-3.44v-5.46l-5.58-8.84h4.08l3.24 5.62 3.26-5.62h4.06l-5.62 8.86z" })),
14
14
  /* @__PURE__ */ React.createElement("g", { filter: "url(#Shuffle__b)", mask: "url(#Shuffle__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Shuffle__c)", d: "M13 0h59v44H13z" })),
15
15
  /* @__PURE__ */ React.createElement("g", { opacity: ".25" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M35.57 41.1q-1.08 0-2-.54a4.1 4.1 0 0 1-1.48-1.5q-.54-.98-.54-2.28 0-1.32.54-2.28a4.05 4.05 0 0 1 1.48-1.52 3.9 3.9 0 0 1 2.02-.54q1.581 0 2.46 1.24v-.98h2.72v4.5q0 1.38 1.04 1.38 1.32 0 1.32-2.32 0-1.78-.8-3.18a5.87 5.87 0 0 0-2.22-2.24q-1.4-.84-3.24-.84-1.44 0-2.7.52a6.8 6.8 0 0 0-2.2 1.44 6.8 6.8 0 0 0-1.48 2.16 6.9 6.9 0 0 0-.52 2.68q0 1.34.5 2.52.501 1.16 1.38 2.06.9.88 2.1 1.38 1.221.5 2.64.5 1.36 0 2.48-.44t1.8-1.16L42.69 44q-.54.48-1.44.9-.9.44-2.08.7-1.18.28-2.54.28-2.04 0-3.78-.7a8.96 8.96 0 0 1-5-4.82q-.7-1.66-.7-3.6 0-2 .74-3.7a9 9 0 0 1 2.06-2.98 9.3 9.3 0 0 1 3.1-1.98q1.78-.72 3.84-.72 1.96 0 3.6.7a8.7 8.7 0 0 1 2.88 1.9 8.7 8.7 0 0 1 1.9 2.78 8.4 8.4 0 0 1 .68 3.36q0 2.36-1.18 3.68-1.16 1.3-3.26 1.3-1 0-1.76-.38a2.85 2.85 0 0 1-1.18-1.06q-.5.68-1.28 1.06t-1.72.38m-1.24-4.32q0 .92.54 1.52t1.44.6q.62 0 1.04-.28.44-.28.68-.72v-1.2q0-.98-.5-1.52t-1.32-.54q-.86 0-1.38.6-.5.6-.5 1.54" }), /* @__PURE__ */ React.createElement("mask", { id: "Shuffle__d", width: "19", height: "19", x: "27", y: "27", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M35.57 41.099q-1.08 0-2-.54a4.1 4.1 0 0 1-1.48-1.5q-.54-.98-.54-2.28 0-1.32.54-2.28a4.05 4.05 0 0 1 1.48-1.52 3.9 3.9 0 0 1 2.02-.54q1.581 0 2.46 1.24v-.98h2.72v4.5q0 1.38 1.04 1.38 1.32 0 1.32-2.32 0-1.78-.8-3.18a5.87 5.87 0 0 0-2.22-2.24q-1.4-.84-3.24-.84-1.44 0-2.7.52a6.8 6.8 0 0 0-2.2 1.44 6.8 6.8 0 0 0-1.48 2.16 6.9 6.9 0 0 0-.52 2.68q0 1.34.5 2.52.501 1.16 1.38 2.06.9.88 2.1 1.38 1.221.5 2.64.5 1.36 0 2.48-.44t1.8-1.16l1.82 2.34q-.54.48-1.44.9-.9.44-2.08.7-1.18.28-2.54.28-2.04 0-3.78-.7a8.96 8.96 0 0 1-5-4.82q-.7-1.66-.7-3.6 0-2 .74-3.7a9 9 0 0 1 2.06-2.98 9.3 9.3 0 0 1 3.1-1.98q1.78-.72 3.84-.72 1.96 0 3.6.7a8.7 8.7 0 0 1 2.88 1.9 8.7 8.7 0 0 1 1.9 2.78 8.4 8.4 0 0 1 .68 3.36q0 2.36-1.18 3.68-1.16 1.3-3.26 1.3-1 0-1.76-.38a2.85 2.85 0 0 1-1.18-1.06q-.5.68-1.28 1.06t-1.72.38m-1.24-4.32q0 .92.54 1.52t1.44.6q.62 0 1.04-.28.44-.28.68-.72v-1.2q0-.98-.5-1.52t-1.32-.54q-.86 0-1.38.6-.5.6-.5 1.54" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#Shuffle__e)", mask: "url(#Shuffle__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Shuffle__f)", d: "M16-2h56v44H16z" }))),
16
- /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "Shuffle__c", x1: "63.632", x2: "29.86", y1: "3.949", y2: "61.736", 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-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "Shuffle__f", x1: "64.058", x2: "29.446", y1: "1.949", y2: "58.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-1, #002291)" })), /* @__PURE__ */ React.createElement("filter", { id: "Shuffle__b", width: "75.8", height: "60.8", x: "4.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_83_3731", stdDeviation: "4.2" })), /* @__PURE__ */ React.createElement("filter", { id: "Shuffle__e", width: "72.8", height: "60.8", x: "7.6", y: "-10.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_83_3731", stdDeviation: "4.2" })))
16
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "Shuffle__c", x1: "63.632", x2: "29.86", y1: "3.949", y2: "61.736", 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("linearGradient", { id: "Shuffle__f", x1: "64.058", x2: "29.446", y1: "1.949", y2: "58.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: "Shuffle__b", width: "75.8", height: "60.8", x: "4.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_17732", stdDeviation: "4.2" })), /* @__PURE__ */ React.createElement("filter", { id: "Shuffle__e", width: "72.8", height: "60.8", x: "7.6", y: "-10.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_17732", stdDeviation: "4.2" })))
17
17
  );
18
18
  Shuffle.displayName = "Shuffle";
19
19
  export {
package/dist/esm/ShuttersScroll.js ADDED
@@ -0,0 +1,21 @@
1
+ import React from "react";
2
+ const ShuttersScroll = (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: "ShuttersScroll__a", width: "28", height: "28", x: "22", y: "22", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M27.396 49.894h-4.633V22.109h4.632zm6.882 0h-3.441V22.109h3.441zm6.885 0h-3.441V22.109h3.441zm8.074 0h-4.632V22.109h4.632z" })),
13
+ /* @__PURE__ */ React.createElement("g", { mask: "url(#ShuttersScroll__a)" }, /* @__PURE__ */ React.createElement("mask", { id: "ShuttersScroll__b", width: "26", height: "30", x: "23", y: "21", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M35 22.171a2 2 0 0 1 2 0l10.476 6.049a2 2 0 0 1 1 1.732v12.097a2 2 0 0 1-1 1.732L37 49.829a2 2 0 0 1-2 0l-10.476-6.048a2 2 0 0 1-1-1.732V29.952a2 2 0 0 1 1-1.732z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#ShuttersScroll__c)", mask: "url(#ShuttersScroll__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ShuttersScroll__d)", d: "M46.045-1.367 71.74 13.469V43.14L46.045 57.977 20.348 43.141V13.469z" }))),
14
+ /* @__PURE__ */ React.createElement("mask", { id: "ShuttersScroll__e", width: "18", height: "32", x: "27", y: "20", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M30.844 51.95h-3.44V23.138h3.44zm7.01 0H34.15v-31.9h3.705zm6.75 0h-3.441V23.138h3.44z", opacity: ".5" })),
15
+ /* @__PURE__ */ React.createElement("g", { mask: "url(#ShuttersScroll__e)" }, /* @__PURE__ */ React.createElement("mask", { id: "ShuttersScroll__f", width: "26", height: "30", x: "23", y: "21", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M35.003 22.152a2 2 0 0 1 2 0l10.494 6.058a2 2 0 0 1 1 1.732V42.06a2 2 0 0 1-1 1.732L37.004 49.85a2 2 0 0 1-2 0L24.51 43.79a2 2 0 0 1-1-1.732V29.942a2 2 0 0 1 1-1.732z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#ShuttersScroll__g)", mask: "url(#ShuttersScroll__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ShuttersScroll__h)", d: "M47.057-.36 72.94 14.586v29.887L47.057 59.416 21.174 44.472V14.584z" }))),
16
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "ShuttersScroll__d", x1: "67.3", x2: "26.768", y1: "3.96", y2: "56.878", 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: "ShuttersScroll__h", x1: "68.467", x2: "27.64", y1: "5.006", y2: "58.309", 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: "ShuttersScroll__c", width: "61.393", height: "69.344", x: "15.348", y: "-6.367", 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_19964", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "ShuttersScroll__g", width: "61.767", height: "69.777", x: "16.174", y: "-5.359", 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_19964", stdDeviation: "2.5" })))
17
+ );
18
+ ShuttersScroll.displayName = "ShuttersScroll";
19
+ export {
20
+ ShuttersScroll
21
+ };