@wix/design-system-illustrations 2.19.0 → 2.21.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 (719) hide show
  1. package/dist/cjs/AiryMouse.js +7 -7
  2. package/dist/cjs/AngledTriangleDivider.js +2 -2
  3. package/dist/cjs/{Aspect12.js → Apsect12.js} +9 -9
  4. package/dist/cjs/ArcEntrance.js +9 -9
  5. package/dist/cjs/ArcScroll.js +5 -5
  6. package/dist/cjs/Ascpect45.js +52 -0
  7. package/dist/cjs/Aspect11Image.js +2 -2
  8. package/dist/cjs/Aspect169Image.js +2 -2
  9. package/dist/cjs/Aspect23Image.js +1 -1
  10. package/dist/cjs/Aspect32Image.js +2 -2
  11. package/dist/cjs/Aspect34Image.js +2 -2
  12. package/dist/cjs/Aspect3DSection.js +8 -8
  13. package/dist/cjs/Aspect3DSpinScroll.js +9 -9
  14. package/dist/cjs/Aspect43Image.js +2 -2
  15. package/dist/cjs/Aspect45Image.js +2 -2
  16. package/dist/cjs/Aspect54Image.js +2 -2
  17. package/dist/cjs/Aspect916Image.js +2 -2
  18. package/dist/cjs/AvatarCircle.js +1 -0
  19. package/dist/cjs/AvatarSquare.js +3 -2
  20. package/dist/cjs/BentoLayout.js +54 -0
  21. package/dist/cjs/BentoLayoutSmall.js +54 -0
  22. package/dist/cjs/BlobMouse.js +7 -7
  23. package/dist/cjs/BlobsDivider.js +2 -2
  24. package/dist/cjs/Blocks.js +52 -0
  25. package/dist/cjs/BlocksSmall.js +52 -0
  26. package/dist/cjs/BlogFullPost.js +1 -1
  27. package/dist/cjs/BlogOneColumn.js +1 -1
  28. package/dist/cjs/BlogTagButton.js +1 -1
  29. package/dist/cjs/BlurScroll.js +1 -1
  30. package/dist/cjs/BookingsLayoutGrid.js +55 -0
  31. package/dist/cjs/BookingsLayoutStrip.js +52 -0
  32. package/dist/cjs/BookingsList.js +54 -0
  33. package/dist/cjs/BookingsMonthly.js +52 -0
  34. package/dist/cjs/BookingsOverlay.js +52 -0
  35. package/dist/cjs/BookingsPresetMasonry.js +53 -0
  36. package/dist/cjs/BookingsPresetSlider.js +53 -0
  37. package/dist/cjs/BookingsPresetSquares.js +53 -0
  38. package/dist/cjs/BookingsStrip.js +3 -2
  39. package/dist/cjs/BookingsWeekly.js +52 -0
  40. package/dist/cjs/Bounce.js +2 -2
  41. package/dist/cjs/BounceEntrance.js +8 -8
  42. package/dist/cjs/BrushDivider.js +2 -2
  43. package/dist/cjs/CircleImage.js +1 -1
  44. package/dist/cjs/CircleMarker.js +4 -4
  45. package/dist/cjs/CloseupSection.js +8 -8
  46. package/dist/cjs/CloudsDivider.js +1 -1
  47. package/dist/cjs/ColorClick.js +1 -1
  48. package/dist/cjs/ColorHover.js +1 -1
  49. package/dist/cjs/CrossLoop.js +8 -8
  50. package/dist/cjs/Cube.js +2 -2
  51. package/dist/cjs/CustomImage.js +2 -2
  52. package/dist/cjs/DartScroll.js +5 -5
  53. package/dist/cjs/DesignedSection.js +2 -2
  54. package/dist/cjs/DesignedSectionSmall.js +2 -2
  55. package/dist/cjs/DonutChart.js +2 -2
  56. package/dist/cjs/Dots.js +60 -0
  57. package/dist/cjs/DotsSmall.js +60 -0
  58. package/dist/cjs/Drop.js +3 -3
  59. package/dist/cjs/DunesDivider.js +5 -5
  60. package/dist/cjs/ElipseDivider.js +4 -4
  61. package/dist/cjs/EllipseImage.js +1 -1
  62. package/dist/cjs/EmptyPageImage.js +2 -2
  63. package/dist/cjs/EventInfo.js +2 -2
  64. package/dist/cjs/EventLeft.js +1 -1
  65. package/dist/cjs/EventRight.js +1 -1
  66. package/dist/cjs/ExpandClick.js +11 -11
  67. package/dist/cjs/ExpandHover.js +8 -8
  68. package/dist/cjs/ExpandScroll.js +7 -7
  69. package/dist/cjs/FadeAnimationFadeAnimation.js +53 -0
  70. package/dist/cjs/FadeBackSection.js +5 -5
  71. package/dist/cjs/FadeClick.js +2 -2
  72. package/dist/cjs/FadeHover.js +2 -2
  73. package/dist/cjs/FadeScroll.js +2 -2
  74. package/dist/cjs/FadeSection.js +2 -2
  75. package/dist/cjs/FillParallaxScroll.js +8 -8
  76. package/dist/cjs/FillReveal.js +3 -3
  77. package/dist/cjs/FlapLoop.js +7 -7
  78. package/dist/cjs/FlashLoop.js +3 -3
  79. package/dist/cjs/FlipAnimation.js +4 -4
  80. package/dist/cjs/FlipLoop.js +7 -7
  81. package/dist/cjs/FlipScroll.js +7 -7
  82. package/dist/cjs/FloatEntrance.js +5 -5
  83. package/dist/cjs/FluidImage.js +1 -1
  84. package/dist/cjs/FoldAnimation.js +4 -4
  85. package/dist/cjs/FreeformImage.js +3 -3
  86. package/dist/cjs/GenerateWithAI.js +1 -1
  87. package/dist/cjs/GlideEntrance.js +6 -6
  88. package/dist/cjs/GrowEntrance.js +6 -6
  89. package/dist/cjs/HeartImage.js +1 -1
  90. package/dist/cjs/HexagonalImage.js +1 -1
  91. package/dist/cjs/HillDivider.js +1 -1
  92. package/dist/cjs/ImageLayoutLarge.js +2 -2
  93. package/dist/cjs/ImageLayoutThumbnail.js +2 -2
  94. package/dist/cjs/ImageLayoutTwoColumn.js +2 -2
  95. package/dist/cjs/InvertedElipseDivider.js +4 -4
  96. package/dist/cjs/JelloLoop.js +5 -5
  97. package/dist/cjs/LayeredElipseDivider.js +4 -6
  98. package/dist/cjs/LayoutTwoColumnSmall.js +53 -0
  99. package/dist/cjs/LeftToRight.js +57 -0
  100. package/dist/cjs/LeftToRightSmall.js +57 -0
  101. package/dist/cjs/LeftWaveDivider.js +5 -5
  102. package/dist/cjs/LetterTwist.js +2 -2
  103. package/dist/cjs/LineChart.js +1 -1
  104. package/dist/cjs/LiquidDivider.js +4 -4
  105. package/dist/cjs/Marker.js +5 -5
  106. package/dist/cjs/Marquee.js +2 -2
  107. package/dist/cjs/MembersName.js +1 -1
  108. package/dist/cjs/MembersNameAndIcon.js +1 -1
  109. package/dist/cjs/MoveClick.js +4 -4
  110. package/dist/cjs/MoveHorizontalHover.js +6 -6
  111. package/dist/cjs/MoveScroll.js +2 -2
  112. package/dist/cjs/MultiAreaChart.js +4 -4
  113. package/dist/cjs/MultiLineChart.js +1 -1
  114. package/dist/cjs/ObscureMouse.js +8 -8
  115. package/dist/cjs/OnImage.js +2 -2
  116. package/dist/cjs/OpticalillusionDivider.js +1 -1
  117. package/dist/cjs/OriginalImage.js +2 -2
  118. package/dist/cjs/PaintDivider.js +2 -2
  119. package/dist/cjs/PaintScribbleDivider.js +5 -5
  120. package/dist/cjs/PanSection.js +4 -4
  121. package/dist/cjs/ParallaxScroll.js +7 -7
  122. package/dist/cjs/ParallaxSection.js +3 -3
  123. package/dist/cjs/PeaksDivider.js +1 -1
  124. package/dist/cjs/PentagonImage.js +1 -1
  125. package/dist/cjs/PieChart.js +3 -3
  126. package/dist/cjs/PixelsDivider.js +2 -2
  127. package/dist/cjs/PlantsDivider.js +1 -1
  128. package/dist/cjs/PokeLoop.js +8 -8
  129. package/dist/cjs/ProductCardLayoutFullSmall.js +52 -0
  130. package/dist/cjs/PullBackSection.js +7 -7
  131. package/dist/cjs/PulseLoop.js +2 -2
  132. package/dist/cjs/RSVPInvite.js +1 -1
  133. package/dist/cjs/ResizeMouse.js +5 -5
  134. package/dist/cjs/ResizeOptionsCrop.js +3 -3
  135. package/dist/cjs/ResizeOptionsFit.js +2 -2
  136. package/dist/cjs/Reveal.js +3 -3
  137. package/dist/cjs/RevealScroll.js +4 -4
  138. package/dist/cjs/RhombusImage.js +1 -1
  139. package/dist/cjs/RightWaveDivider.js +4 -4
  140. package/dist/cjs/RotateClick.js +6 -6
  141. package/dist/cjs/RotateHover.js +6 -6
  142. package/dist/cjs/RotateSection.js +7 -7
  143. package/dist/cjs/RubberMouse.js +10 -10
  144. package/dist/cjs/ScrollEffectsDisappear.js +2 -2
  145. package/dist/cjs/ScrollEffectsFadeOut.js +2 -2
  146. package/dist/cjs/ScrollEffectsMoveWithPage.js +2 -2
  147. package/dist/cjs/ScrollEffectsStayFixed.js +2 -2
  148. package/dist/cjs/SemiElipseDivider.js +2 -2
  149. package/dist/cjs/ShapeEntrance.js +3 -3
  150. package/dist/cjs/ShapeScroll.js +2 -2
  151. package/dist/cjs/Shrink.js +12 -12
  152. package/dist/cjs/ShrinkClick.js +5 -5
  153. package/dist/cjs/ShrinkHover.js +12 -12
  154. package/dist/cjs/ShrinkScroll.js +10 -10
  155. package/dist/cjs/Shuffle.js +1 -1
  156. package/dist/cjs/ShuttersAnimation.js +2 -2
  157. package/dist/cjs/ShuttersScroll.js +2 -2
  158. package/dist/cjs/Skew3DMouse.js +3 -3
  159. package/dist/cjs/SkewClick.js +3 -3
  160. package/dist/cjs/SkewHover.js +3 -3
  161. package/dist/cjs/SkewSection.js +6 -6
  162. package/dist/cjs/Slide.js +3 -3
  163. package/dist/cjs/SlideScroll.js +1 -1
  164. package/dist/cjs/SpinAnimation.js +1 -1
  165. package/dist/cjs/SpinLoop.js +5 -5
  166. package/dist/cjs/SpinScroll.js +5 -5
  167. package/dist/cjs/SplitGridColumn.js +52 -0
  168. package/dist/cjs/SplitGridColumnSmall.js +52 -0
  169. package/dist/cjs/SplitGridRow.js +52 -0
  170. package/dist/cjs/SplitGridRowSmall.js +52 -0
  171. package/dist/cjs/Stagger.js +1 -1
  172. package/dist/cjs/StarImage.js +1 -1
  173. package/dist/cjs/StoreAccordionCollapse.js +1 -1
  174. package/dist/cjs/StoreBelowInfo.js +1 -1
  175. package/dist/cjs/StoreCollapse.js +1 -1
  176. package/dist/cjs/StoreDrawer.js +1 -0
  177. package/dist/cjs/StoreImages.js +2 -2
  178. package/dist/cjs/StoreOnImage.js +1 -1
  179. package/dist/cjs/StorePopUp.js +1 -0
  180. package/dist/cjs/StorePriceSideBySide.js +1 -1
  181. package/dist/cjs/StorePriceStacked.js +1 -1
  182. package/dist/cjs/StoreProductInfo.js +1 -1
  183. package/dist/cjs/StoreSpotlight.js +1 -1
  184. package/dist/cjs/StoreSwapImage.js +1 -0
  185. package/dist/cjs/StoreWrap.js +0 -1
  186. package/dist/cjs/StripesDivider.js +2 -2
  187. package/dist/cjs/Swap.js +2 -2
  188. package/dist/cjs/SwingLoop.js +7 -7
  189. package/dist/cjs/SwivelMouse.js +6 -6
  190. package/dist/cjs/TextPath.js +4 -4
  191. package/dist/cjs/ThreeColumnTwoRowLeftMerged.js +52 -0
  192. package/dist/cjs/ThreeColumnTwoRowLeftMergedSmall.js +52 -0
  193. package/dist/cjs/ThreeColumns.js +52 -0
  194. package/dist/cjs/ThreeColumnsSmall.js +52 -0
  195. package/dist/cjs/ThreeRows.js +52 -0
  196. package/dist/cjs/ThreeRowsSmall.js +52 -0
  197. package/dist/cjs/Tilt3DMouse.js +3 -3
  198. package/dist/cjs/TiltAnimation.js +4 -4
  199. package/dist/cjs/TiltDivider.js +4 -4
  200. package/dist/cjs/TiltEntrance.js +4 -4
  201. package/dist/cjs/TiltScroll.js +5 -5
  202. package/dist/cjs/Track3DMouse.js +6 -6
  203. package/dist/cjs/TrackMouse.js +6 -6
  204. package/dist/cjs/TriangleDivider.js +1 -1
  205. package/dist/cjs/TriangularImage.js +1 -1
  206. package/dist/cjs/TurnEntrance.js +6 -6
  207. package/dist/cjs/TurnScroll.js +8 -8
  208. package/dist/cjs/TwistClick.js +4 -4
  209. package/dist/cjs/TwistHover.js +4 -4
  210. package/dist/cjs/TwoByTwoGrid.js +54 -0
  211. package/dist/cjs/TwoByTwoGridSmall.js +54 -0
  212. package/dist/cjs/TwoRows.js +53 -0
  213. package/dist/cjs/TwoRowsSmall.js +53 -0
  214. package/dist/cjs/TypeWriter.js +3 -3
  215. package/dist/cjs/Underline.js +5 -5
  216. package/dist/cjs/UpToDown.js +57 -0
  217. package/dist/cjs/UpToDownSmall.js +57 -0
  218. package/dist/cjs/WavesDivider.js +5 -6
  219. package/dist/cjs/WhatsappStatus.js +1 -1
  220. package/dist/cjs/WiggleLoop.js +2 -2
  221. package/dist/cjs/WindowImage.js +1 -1
  222. package/dist/cjs/WinkEntrance.js +6 -6
  223. package/dist/cjs/WordTwist.js +2 -2
  224. package/dist/cjs/ZoomSection.js +5 -5
  225. package/dist/cjs/index.js +114 -6
  226. package/dist/esm/AiryMouse.js +7 -7
  227. package/dist/esm/AngledTriangleDivider.js +2 -2
  228. package/dist/esm/{Aspect12.js → Apsect12.js} +5 -5
  229. package/dist/esm/ArcEntrance.js +9 -9
  230. package/dist/esm/ArcScroll.js +5 -5
  231. package/dist/esm/Ascpect45.js +18 -0
  232. package/dist/esm/Aspect11Image.js +2 -2
  233. package/dist/esm/Aspect169Image.js +2 -2
  234. package/dist/esm/Aspect23Image.js +1 -1
  235. package/dist/esm/Aspect32Image.js +2 -2
  236. package/dist/esm/Aspect34Image.js +2 -2
  237. package/dist/esm/Aspect3DSection.js +8 -8
  238. package/dist/esm/Aspect3DSpinScroll.js +9 -9
  239. package/dist/esm/Aspect43Image.js +2 -2
  240. package/dist/esm/Aspect45Image.js +2 -2
  241. package/dist/esm/Aspect54Image.js +2 -2
  242. package/dist/esm/Aspect916Image.js +2 -2
  243. package/dist/esm/AvatarCircle.js +1 -0
  244. package/dist/esm/AvatarSquare.js +3 -2
  245. package/dist/esm/BentoLayout.js +20 -0
  246. package/dist/esm/BentoLayoutSmall.js +20 -0
  247. package/dist/esm/BlobMouse.js +7 -7
  248. package/dist/esm/BlobsDivider.js +2 -2
  249. package/dist/esm/Blocks.js +18 -0
  250. package/dist/esm/BlocksSmall.js +18 -0
  251. package/dist/esm/BlogFullPost.js +1 -1
  252. package/dist/esm/BlogOneColumn.js +1 -1
  253. package/dist/esm/BlogTagButton.js +1 -1
  254. package/dist/esm/BlurScroll.js +1 -1
  255. package/dist/esm/BookingsLayoutGrid.js +21 -0
  256. package/dist/esm/BookingsLayoutStrip.js +18 -0
  257. package/dist/esm/BookingsList.js +20 -0
  258. package/dist/esm/BookingsMonthly.js +18 -0
  259. package/dist/esm/BookingsOverlay.js +18 -0
  260. package/dist/esm/BookingsPresetMasonry.js +19 -0
  261. package/dist/esm/BookingsPresetSlider.js +19 -0
  262. package/dist/esm/BookingsPresetSquares.js +19 -0
  263. package/dist/esm/BookingsStrip.js +3 -2
  264. package/dist/esm/BookingsWeekly.js +18 -0
  265. package/dist/esm/Bounce.js +2 -2
  266. package/dist/esm/BounceEntrance.js +8 -8
  267. package/dist/esm/BrushDivider.js +2 -2
  268. package/dist/esm/CircleImage.js +1 -1
  269. package/dist/esm/CircleMarker.js +4 -4
  270. package/dist/esm/CloseupSection.js +8 -8
  271. package/dist/esm/CloudsDivider.js +1 -1
  272. package/dist/esm/ColorClick.js +1 -1
  273. package/dist/esm/ColorHover.js +1 -1
  274. package/dist/esm/CrossLoop.js +8 -8
  275. package/dist/esm/Cube.js +2 -2
  276. package/dist/esm/CustomImage.js +2 -2
  277. package/dist/esm/DartScroll.js +5 -5
  278. package/dist/esm/DesignedSection.js +2 -2
  279. package/dist/esm/DesignedSectionSmall.js +2 -2
  280. package/dist/esm/DonutChart.js +2 -2
  281. package/dist/esm/Dots.js +26 -0
  282. package/dist/esm/DotsSmall.js +26 -0
  283. package/dist/esm/Drop.js +3 -3
  284. package/dist/esm/DunesDivider.js +5 -5
  285. package/dist/esm/ElipseDivider.js +4 -4
  286. package/dist/esm/EllipseImage.js +1 -1
  287. package/dist/esm/EmptyPageImage.js +2 -2
  288. package/dist/esm/EventInfo.js +2 -2
  289. package/dist/esm/EventLeft.js +1 -1
  290. package/dist/esm/EventRight.js +1 -1
  291. package/dist/esm/ExpandClick.js +11 -11
  292. package/dist/esm/ExpandHover.js +8 -8
  293. package/dist/esm/ExpandScroll.js +7 -7
  294. package/dist/esm/FadeAnimationFadeAnimation.js +19 -0
  295. package/dist/esm/FadeBackSection.js +5 -5
  296. package/dist/esm/FadeClick.js +2 -2
  297. package/dist/esm/FadeHover.js +2 -2
  298. package/dist/esm/FadeScroll.js +2 -2
  299. package/dist/esm/FadeSection.js +2 -2
  300. package/dist/esm/FillParallaxScroll.js +8 -8
  301. package/dist/esm/FillReveal.js +3 -3
  302. package/dist/esm/FlapLoop.js +7 -7
  303. package/dist/esm/FlashLoop.js +3 -3
  304. package/dist/esm/FlipAnimation.js +4 -4
  305. package/dist/esm/FlipLoop.js +7 -7
  306. package/dist/esm/FlipScroll.js +7 -7
  307. package/dist/esm/FloatEntrance.js +5 -5
  308. package/dist/esm/FluidImage.js +1 -1
  309. package/dist/esm/FoldAnimation.js +4 -4
  310. package/dist/esm/FreeformImage.js +3 -3
  311. package/dist/esm/GenerateWithAI.js +1 -1
  312. package/dist/esm/GlideEntrance.js +6 -6
  313. package/dist/esm/GrowEntrance.js +6 -6
  314. package/dist/esm/HeartImage.js +1 -1
  315. package/dist/esm/HexagonalImage.js +1 -1
  316. package/dist/esm/HillDivider.js +1 -1
  317. package/dist/esm/ImageLayoutLarge.js +2 -2
  318. package/dist/esm/ImageLayoutThumbnail.js +2 -2
  319. package/dist/esm/ImageLayoutTwoColumn.js +2 -2
  320. package/dist/esm/InvertedElipseDivider.js +4 -4
  321. package/dist/esm/JelloLoop.js +5 -5
  322. package/dist/esm/LayeredElipseDivider.js +4 -6
  323. package/dist/esm/LayoutTwoColumnSmall.js +19 -0
  324. package/dist/esm/LeftToRight.js +23 -0
  325. package/dist/esm/LeftToRightSmall.js +23 -0
  326. package/dist/esm/LeftWaveDivider.js +5 -5
  327. package/dist/esm/LetterTwist.js +2 -2
  328. package/dist/esm/LineChart.js +1 -1
  329. package/dist/esm/LiquidDivider.js +4 -4
  330. package/dist/esm/Marker.js +5 -5
  331. package/dist/esm/Marquee.js +2 -2
  332. package/dist/esm/MembersName.js +1 -1
  333. package/dist/esm/MembersNameAndIcon.js +1 -1
  334. package/dist/esm/MoveClick.js +4 -4
  335. package/dist/esm/MoveHorizontalHover.js +6 -6
  336. package/dist/esm/MoveScroll.js +2 -2
  337. package/dist/esm/MultiAreaChart.js +4 -4
  338. package/dist/esm/MultiLineChart.js +1 -1
  339. package/dist/esm/ObscureMouse.js +8 -8
  340. package/dist/esm/OnImage.js +2 -2
  341. package/dist/esm/OpticalillusionDivider.js +1 -1
  342. package/dist/esm/OriginalImage.js +2 -2
  343. package/dist/esm/PaintDivider.js +2 -2
  344. package/dist/esm/PaintScribbleDivider.js +5 -5
  345. package/dist/esm/PanSection.js +4 -4
  346. package/dist/esm/ParallaxScroll.js +7 -7
  347. package/dist/esm/ParallaxSection.js +3 -3
  348. package/dist/esm/PeaksDivider.js +1 -1
  349. package/dist/esm/PentagonImage.js +1 -1
  350. package/dist/esm/PieChart.js +3 -3
  351. package/dist/esm/PixelsDivider.js +2 -2
  352. package/dist/esm/PlantsDivider.js +1 -1
  353. package/dist/esm/PokeLoop.js +8 -8
  354. package/dist/esm/ProductCardLayoutFullSmall.js +18 -0
  355. package/dist/esm/PullBackSection.js +7 -7
  356. package/dist/esm/PulseLoop.js +2 -2
  357. package/dist/esm/RSVPInvite.js +1 -1
  358. package/dist/esm/ResizeMouse.js +5 -5
  359. package/dist/esm/ResizeOptionsCrop.js +3 -3
  360. package/dist/esm/ResizeOptionsFit.js +2 -2
  361. package/dist/esm/Reveal.js +3 -3
  362. package/dist/esm/RevealScroll.js +4 -4
  363. package/dist/esm/RhombusImage.js +1 -1
  364. package/dist/esm/RightWaveDivider.js +4 -4
  365. package/dist/esm/RotateClick.js +6 -6
  366. package/dist/esm/RotateHover.js +6 -6
  367. package/dist/esm/RotateSection.js +7 -7
  368. package/dist/esm/RubberMouse.js +10 -10
  369. package/dist/esm/ScrollEffectsDisappear.js +2 -2
  370. package/dist/esm/ScrollEffectsFadeOut.js +2 -2
  371. package/dist/esm/ScrollEffectsMoveWithPage.js +2 -2
  372. package/dist/esm/ScrollEffectsStayFixed.js +2 -2
  373. package/dist/esm/SemiElipseDivider.js +2 -2
  374. package/dist/esm/ShapeEntrance.js +3 -3
  375. package/dist/esm/ShapeScroll.js +2 -2
  376. package/dist/esm/Shrink.js +12 -12
  377. package/dist/esm/ShrinkClick.js +5 -5
  378. package/dist/esm/ShrinkHover.js +12 -12
  379. package/dist/esm/ShrinkScroll.js +10 -10
  380. package/dist/esm/Shuffle.js +1 -1
  381. package/dist/esm/ShuttersAnimation.js +2 -2
  382. package/dist/esm/ShuttersScroll.js +2 -2
  383. package/dist/esm/Skew3DMouse.js +3 -3
  384. package/dist/esm/SkewClick.js +3 -3
  385. package/dist/esm/SkewHover.js +3 -3
  386. package/dist/esm/SkewSection.js +6 -6
  387. package/dist/esm/Slide.js +3 -3
  388. package/dist/esm/SlideScroll.js +1 -1
  389. package/dist/esm/SpinAnimation.js +1 -1
  390. package/dist/esm/SpinLoop.js +5 -5
  391. package/dist/esm/SpinScroll.js +5 -5
  392. package/dist/esm/SplitGridColumn.js +18 -0
  393. package/dist/esm/SplitGridColumnSmall.js +18 -0
  394. package/dist/esm/SplitGridRow.js +18 -0
  395. package/dist/esm/SplitGridRowSmall.js +18 -0
  396. package/dist/esm/Stagger.js +1 -1
  397. package/dist/esm/StarImage.js +1 -1
  398. package/dist/esm/StoreAccordionCollapse.js +1 -1
  399. package/dist/esm/StoreBelowInfo.js +1 -1
  400. package/dist/esm/StoreCollapse.js +1 -1
  401. package/dist/esm/StoreDrawer.js +1 -0
  402. package/dist/esm/StoreImages.js +2 -2
  403. package/dist/esm/StoreOnImage.js +1 -1
  404. package/dist/esm/StorePopUp.js +1 -0
  405. package/dist/esm/StorePriceSideBySide.js +1 -1
  406. package/dist/esm/StorePriceStacked.js +1 -1
  407. package/dist/esm/StoreProductInfo.js +1 -1
  408. package/dist/esm/StoreSpotlight.js +1 -1
  409. package/dist/esm/StoreSwapImage.js +1 -0
  410. package/dist/esm/StoreWrap.js +0 -1
  411. package/dist/esm/StripesDivider.js +2 -2
  412. package/dist/esm/Swap.js +2 -2
  413. package/dist/esm/SwingLoop.js +7 -7
  414. package/dist/esm/SwivelMouse.js +6 -6
  415. package/dist/esm/TextPath.js +4 -4
  416. package/dist/esm/ThreeColumnTwoRowLeftMerged.js +18 -0
  417. package/dist/esm/ThreeColumnTwoRowLeftMergedSmall.js +18 -0
  418. package/dist/esm/ThreeColumns.js +18 -0
  419. package/dist/esm/ThreeColumnsSmall.js +18 -0
  420. package/dist/esm/ThreeRows.js +18 -0
  421. package/dist/esm/ThreeRowsSmall.js +18 -0
  422. package/dist/esm/Tilt3DMouse.js +3 -3
  423. package/dist/esm/TiltAnimation.js +4 -4
  424. package/dist/esm/TiltDivider.js +4 -4
  425. package/dist/esm/TiltEntrance.js +4 -4
  426. package/dist/esm/TiltScroll.js +5 -5
  427. package/dist/esm/Track3DMouse.js +6 -6
  428. package/dist/esm/TrackMouse.js +6 -6
  429. package/dist/esm/TriangleDivider.js +1 -1
  430. package/dist/esm/TriangularImage.js +1 -1
  431. package/dist/esm/TurnEntrance.js +6 -6
  432. package/dist/esm/TurnScroll.js +8 -8
  433. package/dist/esm/TwistClick.js +4 -4
  434. package/dist/esm/TwistHover.js +4 -4
  435. package/dist/esm/TwoByTwoGrid.js +20 -0
  436. package/dist/esm/TwoByTwoGridSmall.js +20 -0
  437. package/dist/esm/TwoRows.js +19 -0
  438. package/dist/esm/TwoRowsSmall.js +19 -0
  439. package/dist/esm/TypeWriter.js +3 -3
  440. package/dist/esm/Underline.js +5 -5
  441. package/dist/esm/UpToDown.js +23 -0
  442. package/dist/esm/UpToDownSmall.js +23 -0
  443. package/dist/esm/WavesDivider.js +5 -6
  444. package/dist/esm/WhatsappStatus.js +1 -1
  445. package/dist/esm/WiggleLoop.js +2 -2
  446. package/dist/esm/WindowImage.js +1 -1
  447. package/dist/esm/WinkEntrance.js +6 -6
  448. package/dist/esm/WordTwist.js +2 -2
  449. package/dist/esm/ZoomSection.js +5 -5
  450. package/dist/esm/index.js +76 -4
  451. package/dist/types/{Aspect12.d.ts → Apsect12.d.ts} +1 -1
  452. package/dist/types/{FadeAnimation.d.ts → Ascpect45.d.ts} +1 -1
  453. package/dist/types/BentoLayout.d.ts +5 -0
  454. package/dist/types/BentoLayoutSmall.d.ts +5 -0
  455. package/dist/types/Blocks.d.ts +5 -0
  456. package/dist/types/BlocksSmall.d.ts +5 -0
  457. package/dist/types/BookingsLayoutGrid.d.ts +5 -0
  458. package/dist/types/BookingsLayoutStrip.d.ts +5 -0
  459. package/dist/types/BookingsList.d.ts +5 -0
  460. package/dist/types/BookingsMonthly.d.ts +5 -0
  461. package/dist/types/BookingsOverlay.d.ts +5 -0
  462. package/dist/types/BookingsPresetMasonry.d.ts +5 -0
  463. package/dist/types/BookingsPresetSlider.d.ts +5 -0
  464. package/dist/types/BookingsPresetSquares.d.ts +5 -0
  465. package/dist/types/BookingsWeekly.d.ts +5 -0
  466. package/dist/types/Dots.d.ts +5 -0
  467. package/dist/types/DotsSmall.d.ts +5 -0
  468. package/dist/types/FadeAnimationFadeAnimation.d.ts +5 -0
  469. package/dist/types/LayoutTwoColumnSmall.d.ts +5 -0
  470. package/dist/types/LeftToRight.d.ts +5 -0
  471. package/dist/types/LeftToRightSmall.d.ts +5 -0
  472. package/dist/types/ProductCardLayoutFullSmall.d.ts +5 -0
  473. package/dist/types/SplitGridColumn.d.ts +5 -0
  474. package/dist/types/SplitGridColumnSmall.d.ts +5 -0
  475. package/dist/types/SplitGridRow.d.ts +5 -0
  476. package/dist/types/SplitGridRowSmall.d.ts +5 -0
  477. package/dist/types/ThreeColumnTwoRowLeftMerged.d.ts +5 -0
  478. package/dist/types/ThreeColumnTwoRowLeftMergedSmall.d.ts +5 -0
  479. package/dist/types/ThreeColumns.d.ts +5 -0
  480. package/dist/types/ThreeColumnsSmall.d.ts +5 -0
  481. package/dist/types/ThreeRows.d.ts +5 -0
  482. package/dist/types/ThreeRowsSmall.d.ts +5 -0
  483. package/dist/types/TwoByTwoGrid.d.ts +5 -0
  484. package/dist/types/TwoByTwoGridSmall.d.ts +5 -0
  485. package/dist/types/TwoRows.d.ts +5 -0
  486. package/dist/types/TwoRowsSmall.d.ts +5 -0
  487. package/dist/types/UpToDown.d.ts +5 -0
  488. package/dist/types/UpToDownSmall.d.ts +5 -0
  489. package/dist/types/index.d.ts +38 -2
  490. package/package.json +3 -3
  491. package/src/AiryMouse.svg +20 -20
  492. package/src/AngledTriangleDivider.svg +4 -4
  493. package/src/ArcEntrance.svg +19 -19
  494. package/src/ArcScroll.svg +10 -10
  495. package/src/Ascpect45.svg +23 -0
  496. package/src/Aspect11Image.svg +5 -5
  497. package/src/Aspect169Image.svg +5 -5
  498. package/src/Aspect23Image.svg +1 -1
  499. package/src/Aspect32Image.svg +5 -5
  500. package/src/Aspect34Image.svg +5 -5
  501. package/src/Aspect3DSection.svg +30 -30
  502. package/src/Aspect3DSpinScroll.svg +14 -14
  503. package/src/Aspect43Image.svg +5 -5
  504. package/src/Aspect45Image.svg +3 -3
  505. package/src/Aspect54Image.svg +5 -5
  506. package/src/Aspect916Image.svg +5 -5
  507. package/src/AvatarCircle.svg +2 -2
  508. package/src/AvatarSquare.svg +3 -3
  509. package/src/BentoLayout.svg +26 -0
  510. package/src/BentoLayoutSmall.svg +26 -0
  511. package/src/BlobMouse.svg +15 -15
  512. package/src/BlobsDivider.svg +9 -9
  513. package/src/Blocks.svg +25 -0
  514. package/src/BlocksSmall.svg +25 -0
  515. package/src/BlogFullPost.svg +1 -1
  516. package/src/BlogOneColumn.svg +1 -1
  517. package/src/BlogTagButton.svg +1 -1
  518. package/src/BlurScroll.svg +1 -1
  519. package/src/BookingsLayoutGrid.svg +63 -0
  520. package/src/BookingsLayoutStrip.svg +34 -0
  521. package/src/BookingsList.svg +27 -0
  522. package/src/BookingsMonthly.svg +29 -0
  523. package/src/BookingsOverlay.svg +25 -0
  524. package/src/BookingsPresetMasonry.svg +26 -0
  525. package/src/BookingsPresetSlider.svg +25 -0
  526. package/src/BookingsPresetSquares.svg +25 -0
  527. package/src/BookingsStrip.svg +14 -8
  528. package/src/BookingsWeekly.svg +28 -0
  529. package/src/Bounce.svg +3 -3
  530. package/src/BounceEntrance.svg +18 -18
  531. package/src/Brandbook.svg +3 -3
  532. package/src/BrushDivider.svg +4 -4
  533. package/src/CircleImage.svg +1 -1
  534. package/src/CircleMarker.svg +9 -9
  535. package/src/CloseupSection.svg +21 -21
  536. package/src/CloudsDivider.svg +2 -2
  537. package/src/ColorClick.svg +2 -2
  538. package/src/ColorHover.svg +1 -1
  539. package/src/CrossLoop.svg +26 -26
  540. package/src/Cube.svg +3 -3
  541. package/src/CustomImage.svg +5 -5
  542. package/src/DartScroll.svg +11 -11
  543. package/src/DesignedSection.svg +2 -2
  544. package/src/DesignedSectionSmall.svg +2 -2
  545. package/src/DonutChart.svg +5 -5
  546. package/src/Dots.svg +175 -0
  547. package/src/DotsSmall.svg +175 -0
  548. package/src/Drop.svg +3 -3
  549. package/src/DunesDivider.svg +24 -22
  550. package/src/ElipseDivider.svg +3 -1
  551. package/src/EllipseImage.svg +1 -1
  552. package/src/EmptyPageImage.svg +2 -2
  553. package/src/EventInfo.svg +2 -2
  554. package/src/EventLeft.svg +1 -1
  555. package/src/EventRight.svg +1 -1
  556. package/src/ExpandClick.svg +19 -19
  557. package/src/ExpandHover.svg +15 -15
  558. package/src/ExpandScroll.svg +17 -17
  559. package/src/FadeBackSection.svg +8 -8
  560. package/src/FadeClick.svg +3 -3
  561. package/src/FadeHover.svg +3 -3
  562. package/src/FadeScroll.svg +3 -3
  563. package/src/FadeSection.svg +4 -4
  564. package/src/FillParallaxScroll.svg +26 -26
  565. package/src/FillReveal.svg +10 -10
  566. package/src/FlapLoop.svg +13 -13
  567. package/src/FlashLoop.svg +7 -7
  568. package/src/FlipAnimation.svg +13 -13
  569. package/src/FlipLoop.svg +14 -14
  570. package/src/FlipScroll.svg +12 -12
  571. package/src/FloatEntrance.svg +12 -12
  572. package/src/FluidImage.svg +1 -1
  573. package/src/Fold.svg +3 -3
  574. package/src/FoldAnimation.svg +6 -6
  575. package/src/FreeformImage.svg +10 -10
  576. package/src/GenerateWithAI.svg +1 -1
  577. package/src/GlideEntrance.svg +26 -26
  578. package/src/GrowEntrance.svg +8 -8
  579. package/src/HeartImage.svg +1 -1
  580. package/src/HexagonalImage.svg +1 -1
  581. package/src/HillDivider.svg +1 -1
  582. package/src/ImageLayoutLarge.svg +4 -4
  583. package/src/ImageLayoutThumbnail.svg +3 -3
  584. package/src/ImageLayoutTwoColumn.svg +5 -5
  585. package/src/InvertedElipseDivider.svg +3 -1
  586. package/src/JelloLoop.svg +10 -10
  587. package/src/LayeredElipseDivider.svg +8 -8
  588. package/src/LayoutTwoColumnSmall.svg +24 -0
  589. package/src/LeftToRight.svg +69 -0
  590. package/src/LeftToRightSmall.svg +69 -0
  591. package/src/LeftWaveDivider.svg +6 -4
  592. package/src/LetterTwist.svg +4 -4
  593. package/src/LineChart.svg +1 -1
  594. package/src/LiquidDivider.svg +3 -1
  595. package/src/Marker.svg +9 -9
  596. package/src/Marquee.svg +15 -15
  597. package/src/MembersName.svg +1 -1
  598. package/src/MembersNameAndIcon.svg +1 -1
  599. package/src/MoveClick.svg +12 -12
  600. package/src/MoveHorizontalHover.svg +18 -18
  601. package/src/MoveScroll.svg +5 -5
  602. package/src/MultiAreaChart.svg +8 -8
  603. package/src/MultiLineChart.svg +2 -2
  604. package/src/ObscureMouse.svg +15 -15
  605. package/src/OnImage.svg +2 -2
  606. package/src/OpticalillusionDivider.svg +7 -7
  607. package/src/OriginalImage.svg +5 -5
  608. package/src/PaintDivider.svg +2 -2
  609. package/src/PaintScribbleDivider.svg +4 -2
  610. package/src/PanSection.svg +15 -15
  611. package/src/ParallaxScroll.svg +10 -10
  612. package/src/ParallaxSection.svg +6 -6
  613. package/src/PeaksDivider.svg +2 -2
  614. package/src/PentagonImage.svg +1 -1
  615. package/src/PieChart.svg +6 -6
  616. package/src/PixelsDivider.svg +23 -23
  617. package/src/PlantsDivider.svg +1 -1
  618. package/src/PokeLoop.svg +24 -24
  619. package/src/ProductCardLayoutFullSmall.svg +23 -0
  620. package/src/PullBackSection.svg +18 -18
  621. package/src/PulseLoop.svg +3 -3
  622. package/src/RSVPInvite.svg +4 -4
  623. package/src/ResizeMouse.svg +14 -14
  624. package/src/ResizeOptionsCrop.svg +10 -10
  625. package/src/ResizeOptionsFit.svg +8 -8
  626. package/src/Reveal.svg +3 -3
  627. package/src/RevealScroll.svg +8 -8
  628. package/src/RhombusImage.svg +1 -1
  629. package/src/RightWaveDivider.svg +4 -2
  630. package/src/Roll.svg +10 -10
  631. package/src/RotateClick.svg +12 -12
  632. package/src/RotateHover.svg +10 -10
  633. package/src/RotateSection.svg +9 -9
  634. package/src/RubberMouse.svg +19 -19
  635. package/src/ScrollEffectsDisappear.svg +2 -2
  636. package/src/ScrollEffectsFadeOut.svg +2 -2
  637. package/src/ScrollEffectsMoveWithPage.svg +2 -2
  638. package/src/ScrollEffectsStayFixed.svg +2 -2
  639. package/src/SemiElipseDivider.svg +4 -4
  640. package/src/ShapeEntrance.svg +8 -8
  641. package/src/ShapeScroll.svg +5 -5
  642. package/src/Shrink.svg +21 -21
  643. package/src/ShrinkClick.svg +10 -10
  644. package/src/ShrinkHover.svg +21 -21
  645. package/src/ShrinkScroll.svg +21 -21
  646. package/src/Shuffle.svg +3 -3
  647. package/src/ShuttersAnimation.svg +11 -11
  648. package/src/ShuttersScroll.svg +5 -5
  649. package/src/Skew3DMouse.svg +7 -7
  650. package/src/SkewClick.svg +8 -8
  651. package/src/SkewHover.svg +6 -6
  652. package/src/SkewSection.svg +9 -9
  653. package/src/Slide.svg +3 -3
  654. package/src/SlideScroll.svg +3 -3
  655. package/src/SpinAnimation.svg +1 -1
  656. package/src/SpinLoop.svg +6 -6
  657. package/src/SpinScroll.svg +6 -6
  658. package/src/SplitGridColumn.svg +25 -0
  659. package/src/SplitGridColumnSmall.svg +25 -0
  660. package/src/SplitGridRow.svg +25 -0
  661. package/src/SplitGridRowSmall.svg +25 -0
  662. package/src/Stagger.svg +3 -3
  663. package/src/StarImage.svg +1 -1
  664. package/src/StoreAccordionCollapse.svg +30 -30
  665. package/src/StoreBelowInfo.svg +1 -1
  666. package/src/StoreCollapse.svg +1 -1
  667. package/src/StoreDrawer.svg +2 -2
  668. package/src/StoreImages.svg +2 -2
  669. package/src/StoreOnImage.svg +1 -1
  670. package/src/StorePopUp.svg +2 -2
  671. package/src/StorePriceSideBySide.svg +1 -1
  672. package/src/StorePriceStacked.svg +1 -1
  673. package/src/StoreProductInfo.svg +1 -1
  674. package/src/StoreSpotlight.svg +1 -1
  675. package/src/StoreSwapImage.svg +2 -2
  676. package/src/StoreWrap.svg +2 -2
  677. package/src/StripesDivider.svg +13 -13
  678. package/src/Swap.svg +5 -5
  679. package/src/SwingLoop.svg +23 -23
  680. package/src/SwivelMouse.svg +19 -19
  681. package/src/TextPath.svg +7 -7
  682. package/src/ThreeColumnTwoRowLeftMerged.svg +26 -0
  683. package/src/ThreeColumnTwoRowLeftMergedSmall.svg +26 -0
  684. package/src/ThreeColumns.svg +25 -0
  685. package/src/ThreeColumnsSmall.svg +25 -0
  686. package/src/ThreeRows.svg +25 -0
  687. package/src/ThreeRowsSmall.svg +25 -0
  688. package/src/Tilt3DMouse.svg +8 -8
  689. package/src/TiltAnimation.svg +10 -10
  690. package/src/TiltDivider.svg +3 -1
  691. package/src/TiltEntrance.svg +9 -9
  692. package/src/TiltScroll.svg +8 -8
  693. package/src/Track3DMouse.svg +14 -14
  694. package/src/TrackMouse.svg +17 -17
  695. package/src/TriangleDivider.svg +1 -1
  696. package/src/TriangularImage.svg +1 -1
  697. package/src/TurnEntrance.svg +14 -14
  698. package/src/TurnScroll.svg +13 -13
  699. package/src/TwistClick.svg +11 -11
  700. package/src/TwistHover.svg +13 -13
  701. package/src/TwoByTwoGrid.svg +25 -0
  702. package/src/TwoByTwoGridSmall.svg +25 -0
  703. package/src/TwoRows.svg +24 -0
  704. package/src/TwoRowsSmall.svg +24 -0
  705. package/src/TypeWriter.svg +9 -9
  706. package/src/Underline.svg +11 -11
  707. package/src/UpToDown.svg +69 -0
  708. package/src/UpToDownSmall.svg +69 -0
  709. package/src/WavesDivider.svg +8 -6
  710. package/src/WhatsappStatus.svg +1 -1
  711. package/src/WiggleLoop.svg +3 -3
  712. package/src/WindowImage.svg +1 -1
  713. package/src/WinkEntrance.svg +9 -9
  714. package/src/WordTwist.svg +10 -10
  715. package/src/ZoomSection.svg +16 -16
  716. package/dist/cjs/FadeAnimation.js +0 -53
  717. package/dist/esm/FadeAnimation.js +0 -19
  718. /package/src/{Aspect12.svg → Apsect12.svg} +0 -0
  719. /package/src/{FadeAnimation.svg → FadeAnimationFadeAnimation.svg} +0 -0
package/dist/esm/ShrinkScroll.js CHANGED
@@ -9,20 +9,20 @@ const ShrinkScroll = (props) => /* @__PURE__ */ React.createElement(
9
9
  xmlns: "http://www.w3.org/2000/svg",
10
10
  ...props
11
11
  },
12
- /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", 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", opacity: ".25" }),
13
- /* @__PURE__ */ React.createElement("path", { fill: "url(#ShrinkScroll__a)", d: "m50.892 19.39-6 6-.708-.706 6-6z" }),
14
- /* @__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" }),
15
- /* @__PURE__ */ React.createElement("path", { fill: "url(#ShrinkScroll__b)", d: "m20.309 19.39 6 6 .707-.706-6-6z" }),
16
- /* @__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" }),
12
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M46.095 29.02a2 2 0 0 1 1 1.731v10.502a2 2 0 0 1-1 1.732L37 48.235a2 2 0 0 1-2 0l-9.094-5.25a2 2 0 0 1-1-1.732V30.75a2 2 0 0 1 1-1.732L35 23.77a2 2 0 0 1 2 0z", opacity: ".25" }),
13
+ /* @__PURE__ */ React.createElement("path", { fill: "url(#ShrinkScroll__a)", d: "m50.892 19.389-6 6-.708-.707 6-6z" }),
14
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M44.185 25.389a.5.5 0 0 1-.145-.399l.354-3.889.996.09-.3 3.292 3.292-.3.09.996-3.889.354-.11-.002a.5.5 0 0 1-.288-.142" }),
15
+ /* @__PURE__ */ React.createElement("path", { fill: "url(#ShrinkScroll__b)", d: "m20.309 19.389 6 6 .707-.707-6-6z" }),
16
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M27.016 25.389a.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" }),
17
17
  /* @__PURE__ */ React.createElement("path", { fill: "url(#ShrinkScroll__c)", d: "m20.31 52.61 6-6 .707.706-6 6z" }),
18
18
  /* @__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" }),
19
19
  /* @__PURE__ */ React.createElement("path", { fill: "url(#ShrinkScroll__d)", d: "m50.894 52.61-6-6-.707.706 6 6z" }),
20
20
  /* @__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" }),
21
- /* @__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 10.049c1.724 1.057 2.786 3.012 2.786 5.127v34.607c0 2.115-1.062 4.07-2.786 5.128L45.375 72.214a5.29 5.29 0 0 1-5.572 0L11.597 54.911c-1.724-1.058-2.786-3.013-2.786-5.128V15.176c0-2.115 1.062-4.07 2.786-5.127L39.803-7.255a5.29 5.29 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" })))),
22
- /* @__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 15.908c1.242.762 2.007 2.17 2.007 3.693v24.926c0 1.523-.765 2.93-2.006 3.693L42.935 60.682a3.81 3.81 0 0 1-4.013 0L18.607 48.22c-1.242-.762-2.007-2.17-2.007-3.693V19.6c0-1.523.765-2.931 2.007-3.693L38.922 3.446a3.81 3.81 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" })))),
23
- /* @__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" })),
24
- /* @__PURE__ */ React.createElement("g", { mask: "url(#ShrinkScroll__k)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M55.589 23.337c.765.47 1.236 1.337 1.236 2.275v15.36c0 .938-.471 1.805-1.236 2.275l-12.519 7.68c-.765.469-1.707.469-2.472 0l-12.518-7.68c-.766-.47-1.237-1.337-1.237-2.276V25.612c0-.938.471-1.806 1.236-2.275l12.519-7.68a2.35 2.35 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" }))),
25
- /* @__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" })))
21
+ /* @__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 10.047c1.724 1.057 2.786 3.012 2.786 5.127v34.607c0 2.116-1.062 4.07-2.786 5.128L45.375 72.212a5.29 5.29 0 0 1-5.572 0L11.597 54.91c-1.724-1.058-2.786-3.012-2.786-5.128V15.174c0-2.115 1.062-4.07 2.786-5.127L39.803-7.257a5.29 5.29 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.314v27.473L42.08 62.524 18.287 48.787V21.314L42.08 7.577z" })))),
22
+ /* @__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.646a2 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.732v-7.144a2 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 15.904c1.242.762 2.007 2.17 2.007 3.693v24.926c0 1.523-.765 2.93-2.006 3.693L42.935 60.678a3.81 3.81 0 0 1-4.013 0L18.607 48.216c-1.242-.762-2.007-2.17-2.007-3.693V19.597c0-1.523.765-2.93 2.007-3.693L38.922 3.442a3.81 3.81 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.988v19.787L40.928 49.67l-17.136-9.894V19.988l17.136-9.894z" })))),
23
+ /* @__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.416a2 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.732v-3.607a2 2 0 0 1 1-1.732l3.124-1.804a2 2 0 0 1 2 0z" })),
24
+ /* @__PURE__ */ React.createElement("g", { mask: "url(#ShrinkScroll__k)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M55.589 23.333c.765.47 1.236 1.337 1.236 2.276v15.358c0 .94-.471 1.806-1.236 2.276l-12.519 7.68c-.765.469-1.707.469-2.472 0l-12.518-7.68c-.766-.47-1.237-1.337-1.237-2.276V25.61c0-.94.471-1.807 1.236-2.276l12.519-7.68a2.35 2.35 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.85v12.193l-10.56 6.096-10.558-6.096V25.85l10.559-6.096z" }))),
25
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "ShrinkScroll__a", x1: "50.538", x2: "44.538", y1: "19.035", y2: "25.035", 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.035", y2: "25.035", 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.165", y2: "49.507", 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.88", y2: "40.294", 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.784", y2: "38.362", 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.945", 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.094", 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.385", 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" })))
26
26
  );
27
27
  ShrinkScroll.displayName = "ShrinkScroll";
28
28
  export {
package/dist/esm/Shuffle.js CHANGED
@@ -13,7 +13,7 @@ const Shuffle = (props) => /* @__PURE__ */ React.createElement(
13
13
  /* @__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("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" })),
15
15
  /* @__PURE__ */ React.createElement("g", { filter: "url(#Shuffle__b)", mask: "url(#Shuffle__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Shuffle__c)", d: "M13 0h59v44H13z" })),
16
- /* @__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("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.779-.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.341.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-.44 1.12-.439 1.8-1.16L42.69 44q-.54.48-1.44.9-.9.441-2.08.7-1.18.281-2.54.28-2.04 0-3.78-.7a8.96 8.96 0 0 1-5-4.82q-.7-1.659-.7-3.6 0-1.998.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.681-1.28 1.06-.78.38-1.72.38m-1.24-4.32q0 .92.54 1.52t1.44.6q.62 0 1.04-.28.44-.279.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" }))),
17
17
  /* @__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" })))
18
18
  );
19
19
  Shuffle.displayName = "Shuffle";
package/dist/esm/ShuttersAnimation.js CHANGED
@@ -9,8 +9,8 @@ const ShuttersAnimation = (props) => /* @__PURE__ */ React.createElement(
9
9
  xmlns: "http://www.w3.org/2000/svg",
10
10
  ...props
11
11
  },
12
- /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ShuttersAnimation__a)" }, /* @__PURE__ */ React.createElement("mask", { id: "ShuttersAnimation__b", width: "32", height: "31", x: "17", y: "16", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M22.74 46.797h-5.525V16.963h5.525zm8.207 0h-4.103V16.963h4.103zm8.21 0h-4.104V16.963h4.104zm9.628 0h-5.524V16.963h5.524z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#ShuttersAnimation__b)", clipPath: "url(#ShuttersAnimation__c)" }, /* @__PURE__ */ React.createElement("rect", { width: "22.099", height: "22.099", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 47.835 -4.756)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ShuttersAnimation__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ShuttersAnimation__e)", d: "M.403 15.46 32.93-17.065l32.527 32.527L32.93 47.988z" }))), /* @__PURE__ */ React.createElement("mask", { id: "ShuttersAnimation__f", width: "22", height: "36", x: "22", y: "15", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M26.845 50.127h-4.104v-30.94h4.104zm8.365 0h-4.42V15.873h4.42zm8.052 0h-4.104v-30.94h4.104z", opacity: ".5" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#ShuttersAnimation__f)", clipPath: "url(#ShuttersAnimation__g)" }, /* @__PURE__ */ React.createElement("rect", { width: "22.099", height: "22.099", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 47.85 -4.75)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ShuttersAnimation__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ShuttersAnimation__i)", d: "M.403 15.473 32.93-17.054l32.527 32.527L32.93 47.999z" })))),
13
- /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "ShuttersAnimation__a" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M0 0h66v66H0z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ShuttersAnimation__c" }, /* @__PURE__ */ React.createElement("rect", { width: "22.099", height: "22.099", fill: "#fff", rx: "2", transform: "rotate(-45 47.835 -4.756)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ShuttersAnimation__g" }, /* @__PURE__ */ React.createElement("rect", { width: "22.099", height: "22.099", fill: "#fff", rx: "2", transform: "rotate(-45 47.85 -4.75)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ShuttersAnimation__e", x1: "31.236", x2: "38.917", y1: "-9.533", y2: "53.795", 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: "ShuttersAnimation__i", x1: "31.236", x2: "38.917", y1: "-9.521", y2: "53.807", 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: "ShuttersAnimation__d", width: "75.054", height: "75.055", x: "-4.597", y: "-22.066", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_929_3563", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "ShuttersAnimation__h", width: "75.054", height: "75.055", x: "-4.597", y: "-22.055", 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_929_3563", stdDeviation: "2.5" })))
12
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ShuttersAnimation__a)" }, /* @__PURE__ */ React.createElement("mask", { id: "ShuttersAnimation__b", width: "32", height: "31", x: "17", y: "16", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M22.74 46.798h-5.525V16.964h5.525zm8.207 0h-4.103V16.964h4.103zm8.21 0h-4.104V16.964h4.104zm9.628 0h-5.524V16.964h5.524z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#ShuttersAnimation__b)", clipPath: "url(#ShuttersAnimation__c)" }, /* @__PURE__ */ React.createElement("rect", { width: "22.099", height: "22.099", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 47.836 -4.756)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ShuttersAnimation__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ShuttersAnimation__e)", d: "M.403 15.462 32.93-17.065l32.527 32.527L32.93 47.989z" }))), /* @__PURE__ */ React.createElement("mask", { id: "ShuttersAnimation__f", width: "22", height: "36", x: "22", y: "15", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M26.845 50.127h-4.104v-30.94h4.104zm8.365 0h-4.42V15.873h4.42zm8.052 0h-4.104v-30.94h4.104z", opacity: ".5" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#ShuttersAnimation__f)", clipPath: "url(#ShuttersAnimation__g)" }, /* @__PURE__ */ React.createElement("rect", { width: "22.099", height: "22.099", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 47.85 -4.75)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ShuttersAnimation__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ShuttersAnimation__i)", d: "M.403 15.474 32.93-17.053l32.527 32.527L32.93 48z" })))),
13
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "ShuttersAnimation__a" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M0 0h66v66H0z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ShuttersAnimation__c" }, /* @__PURE__ */ React.createElement("rect", { width: "22.099", height: "22.099", fill: "#fff", rx: "2", transform: "rotate(-45 47.836 -4.756)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ShuttersAnimation__g" }, /* @__PURE__ */ React.createElement("rect", { width: "22.099", height: "22.099", fill: "#fff", rx: "2", transform: "rotate(-45 47.85 -4.75)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ShuttersAnimation__e", x1: "31.236", x2: "38.917", y1: "-9.532", y2: "53.796", 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: "ShuttersAnimation__i", x1: "31.236", x2: "38.917", y1: "-9.52", y2: "53.808", 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: "ShuttersAnimation__d", width: "75.054", height: "75.053", x: "-4.597", y: "-22.064", 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_929_3563", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "ShuttersAnimation__h", width: "75.054", height: "75.053", x: "-4.597", y: "-22.053", 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_929_3563", stdDeviation: "2.5" })))
14
14
  );
15
15
  ShuttersAnimation.displayName = "ShuttersAnimation";
16
16
  export {
package/dist/esm/ShuttersScroll.js CHANGED
@@ -10,10 +10,10 @@ const ShuttersScroll = (props) => /* @__PURE__ */ React.createElement(
10
10
  ...props
11
11
  },
12
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" }))),
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.173a2 2 0 0 1 2 0l10.476 6.049a2 2 0 0 1 1 1.732V42.05a2 2 0 0 1-1 1.732L37 49.83a2 2 0 0 1-2 0l-10.476-6.048a2 2 0 0 1-1-1.732V29.954a2 2 0 0 1 1-1.733z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#ShuttersScroll__c)", mask: "url(#ShuttersScroll__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ShuttersScroll__d)", d: "M46.045-1.365 71.74 13.47v29.672L46.045 57.979 20.348 43.143V13.47z" }))),
14
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
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" })))
16
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "ShuttersScroll__d", x1: "67.3", x2: "26.768", y1: "3.961", y2: "56.88", 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.365", 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.775", 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
17
  );
18
18
  ShuttersScroll.displayName = "ShuttersScroll";
19
19
  export {
package/dist/esm/Skew3DMouse.js CHANGED
@@ -10,13 +10,13 @@ const Skew3DMouse = (props) => /* @__PURE__ */ React.createElement(
10
10
  ...props
11
11
  },
12
12
  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M11.509 22.945c-.33-1.2 1.918-1.2 3.655 0L48.192 45.76c1.45 1.002 1.455 2.13.008 2.13H21.445c-1.447 0-3.387-1.128-3.663-2.13z", opacity: ".25" }),
13
- /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M29.603 22.537c.26-1.306 2.264-1.306 3.518 0L54.827 45.15c1.195 1.245.806 2.76-.709 2.76H27.923c-1.516 0-3.057-1.514-2.81-2.76z", opacity: ".25" }),
13
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M29.603 22.539c.26-1.306 2.264-1.306 3.518 0l21.706 22.613c1.195 1.245.806 2.759-.709 2.759H27.923c-1.516 0-3.057-1.514-2.81-2.759z", opacity: ".25" }),
14
14
  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M48.282 22.379c.77-1.333 2.694-1.333 3.464 0l12.99 22.5c.77 1.333-.192 3-1.732 3h-25.98c-1.54 0-2.503-1.667-1.733-3z", opacity: ".25" }),
15
15
  /* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("mask", { id: "Skew3DMouse__a", width: "39", height: "26", x: "11", y: "22", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M11.509 22.945c-.33-1.2 1.918-1.2 3.655 0L48.193 45.76c1.45 1.002 1.454 2.13.007 2.13H21.445c-1.447 0-3.387-1.128-3.663-2.13z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#Skew3DMouse__a)" }, /* @__PURE__ */ React.createElement("g", { filter: "url(#Skew3DMouse__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M-27.788 3.34h57.98l41.293 47.94h-57.98z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#Skew3DMouse__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Skew3DMouse__d)", d: "m7.262 9.16 53.64 37.913H16.84z" })))),
16
- /* @__PURE__ */ React.createElement("g", { opacity: ".75" }, /* @__PURE__ */ React.createElement("mask", { id: "Skew3DMouse__e", width: "31", height: "27", x: "25", y: "21", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M29.603 22.537c.26-1.306 2.264-1.306 3.518 0L54.826 45.15c1.196 1.245.807 2.76-.708 2.76H27.922c-1.515 0-3.056-1.514-2.809-2.76z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#Skew3DMouse__e)" }, /* @__PURE__ */ React.createElement("g", { filter: "url(#Skew3DMouse__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M-1.386 2.809h57.98l18.475 48.534h-57.98z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#Skew3DMouse__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Skew3DMouse__h)", d: "m30.894 8.703 35.594 38.383H22.427z" })))),
16
+ /* @__PURE__ */ React.createElement("g", { opacity: ".75" }, /* @__PURE__ */ React.createElement("mask", { id: "Skew3DMouse__e", width: "31", height: "27", x: "25", y: "21", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M29.603 22.539c.26-1.306 2.264-1.306 3.518 0l21.705 22.613c1.196 1.245.807 2.759-.708 2.759H27.922c-1.515 0-3.056-1.514-2.809-2.759z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#Skew3DMouse__e)" }, /* @__PURE__ */ React.createElement("g", { filter: "url(#Skew3DMouse__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M-1.386 2.809h57.98l18.475 48.534h-57.98z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#Skew3DMouse__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Skew3DMouse__h)", d: "m30.894 8.701 35.594 38.383H22.427z" })))),
17
17
  /* @__PURE__ */ React.createElement("mask", { id: "Skew3DMouse__i", width: "31", height: "27", x: "35", y: "21", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M48.282 22.379c.77-1.333 2.694-1.333 3.464 0l12.99 22.5c.77 1.333-.192 3-1.732 3h-25.98c-1.54 0-2.503-1.667-1.733-3z" })),
18
18
  /* @__PURE__ */ React.createElement("g", { mask: "url(#Skew3DMouse__i)" }, /* @__PURE__ */ React.createElement("g", { filter: "url(#Skew3DMouse__j)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M26.776 2.633h57.98v48.69h-57.98z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#Skew3DMouse__k)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Skew3DMouse__l)", d: "M58.07 4.383 82.557 47.05H31.135z" }))),
19
- /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("filter", { id: "Skew3DMouse__b", width: "109.273", height: "57.941", x: "-32.788", y: "-1.66", 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_20815", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "Skew3DMouse__c", width: "63.639", height: "47.914", x: "2.262", y: "4.16", 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_20815", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "Skew3DMouse__f", width: "86.454", height: "58.535", x: "-6.386", y: "-2.191", 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_20815", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "Skew3DMouse__g", width: "54.061", height: "48.383", x: "17.427", y: "3.703", 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_20815", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "Skew3DMouse__j", width: "67.979", height: "58.691", x: "21.776", y: "-2.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_20815", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "Skew3DMouse__k", width: "61.423", height: "52.668", x: "26.135", y: "-.617", 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_20815", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "Skew3DMouse__d", x1: "24.927", x2: "9.677", y1: "12.563", y2: "48.314", 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: "Skew3DMouse__h", x1: "46.94", x2: "24.456", y1: "12.148", y2: "53.642", 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: "Skew3DMouse__l", x1: "75.265", x2: "40.909", y1: "8.213", y2: "61.049", 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)" })))
19
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("filter", { id: "Skew3DMouse__b", width: "109.273", height: "57.941", x: "-32.788", y: "-1.66", 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_20815", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "Skew3DMouse__c", width: "63.639", height: "47.912", x: "2.262", y: "4.16", 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_20815", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "Skew3DMouse__f", width: "86.454", height: "58.535", x: "-6.386", y: "-2.191", 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_20815", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "Skew3DMouse__g", width: "54.061", height: "48.383", x: "17.427", y: "3.701", 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_20815", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "Skew3DMouse__j", width: "67.979", height: "58.69", x: "21.776", y: "-2.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_20815", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "Skew3DMouse__k", width: "61.423", height: "52.668", x: "26.135", y: "-.617", 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_20815", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "Skew3DMouse__d", x1: "24.927", x2: "9.677", y1: "12.563", y2: "48.314", 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: "Skew3DMouse__h", x1: "46.94", x2: "24.456", y1: "12.146", y2: "53.641", 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: "Skew3DMouse__l", x1: "75.265", x2: "40.909", y1: "8.213", y2: "61.049", 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)" })))
20
20
  );
21
21
  Skew3DMouse.displayName = "Skew3DMouse";
22
22
  export {
package/dist/esm/SkewClick.js CHANGED
@@ -10,12 +10,12 @@ const SkewClick = (props) => /* @__PURE__ */ React.createElement(
10
10
  ...props
11
11
  },
12
12
  /* @__PURE__ */ React.createElement("g", { opacity: ".7", clipPath: "url(#SkewClick__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "21.329", height: "42.657", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", rx: "10.664", transform: "matrix(.4752 .87987 -.95819 -.28614 51.392 32.773)" })),
13
- /* @__PURE__ */ React.createElement("g", { opacity: ".7", clipPath: "url(#SkewClick__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "m109.989 62.273-15.03-37.83L3.581.76l15.03 37.83z" })),
13
+ /* @__PURE__ */ React.createElement("g", { opacity: ".7", clipPath: "url(#SkewClick__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "m109.989 62.272-15.03-37.83L3.581.757l15.03 37.83z" })),
14
14
  /* @__PURE__ */ React.createElement("g", { opacity: ".7", clipPath: "url(#SkewClick__b)" }, /* @__PURE__ */ React.createElement("rect", { width: "33", height: "16", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", rx: "8", transform: "matrix(1 0 0 -1 20.08 44)" })),
15
15
  /* @__PURE__ */ React.createElement("g", { opacity: ".7", clipPath: "url(#SkewClick__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M95.765 44V11.994H20.08V44z" })),
16
- /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#SkewClick__c)" }, /* @__PURE__ */ React.createElement("rect", { width: "21.329", height: "42.657", fill: "var(--wds-illustration-color-1, #002291)", rx: "10.664", transform: "matrix(.4752 .87987 -.95819 -.28614 51.392 32.773)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#SkewClick__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SkewClick__e)", d: "m109.989 62.273-15.03-37.83L3.582.76l15.03 37.83z" }))),
16
+ /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#SkewClick__c)" }, /* @__PURE__ */ React.createElement("rect", { width: "21.329", height: "42.657", fill: "var(--wds-illustration-color-1, #002291)", rx: "10.664", transform: "matrix(.4752 .87987 -.95819 -.28614 51.392 32.773)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#SkewClick__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SkewClick__e)", d: "m109.989 62.272-15.03-37.83L3.582.757l15.03 37.83z" }))),
17
17
  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#SkewClick__f)" }, /* @__PURE__ */ React.createElement("rect", { width: "33", height: "16", fill: "var(--wds-illustration-color-1, #002291)", rx: "8", transform: "matrix(1 0 0 -1 20.08 44)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#SkewClick__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SkewClick__h)", d: "M95.765 44V11.994H20.08V44z" }))),
18
- /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "SkewClick__c" }, /* @__PURE__ */ React.createElement("rect", { width: "21.329", height: "42.657", fill: "#fff", rx: "10.664", transform: "matrix(.4752 .87987 -.95819 -.28614 51.392 32.773)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "SkewClick__f" }, /* @__PURE__ */ React.createElement("rect", { width: "33", height: "16", fill: "#fff", rx: "8", transform: "matrix(1 0 0 -1 20.08 44)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "SkewClick__a" }, /* @__PURE__ */ React.createElement("rect", { width: "21.329", height: "42.657", fill: "#fff", rx: "10.664", transform: "matrix(.4752 .87987 -.95819 -.28614 51.392 32.773)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "SkewClick__b" }, /* @__PURE__ */ React.createElement("rect", { width: "33", height: "16", fill: "#fff", rx: "8", transform: "matrix(1 0 0 -1 20.08 44)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "SkewClick__e", x1: "88.888", x2: "60.059", y1: "27.683", y2: "71.977", 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: "SkewClick__h", x1: "88.972", x2: "58.899", y1: "16.533", y2: "72.263", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("filter", { id: "SkewClick__d", width: "123.203", height: "78.311", x: "-4.816", y: "-7.64", 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_19502", stdDeviation: "4.199" })), /* @__PURE__ */ React.createElement("filter", { id: "SkewClick__g", width: "90.45", height: "46.769", x: "12.698", y: "4.614", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_19502", stdDeviation: "3.691" })))
18
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "SkewClick__c" }, /* @__PURE__ */ React.createElement("rect", { width: "21.329", height: "42.657", fill: "#fff", rx: "10.664", transform: "matrix(.4752 .87987 -.95819 -.28614 51.392 32.773)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "SkewClick__f" }, /* @__PURE__ */ React.createElement("rect", { width: "33", height: "16", fill: "#fff", rx: "8", transform: "matrix(1 0 0 -1 20.08 44)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "SkewClick__a" }, /* @__PURE__ */ React.createElement("rect", { width: "21.329", height: "42.657", fill: "#fff", rx: "10.664", transform: "matrix(.4752 .87987 -.95819 -.28614 51.392 32.773)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "SkewClick__b" }, /* @__PURE__ */ React.createElement("rect", { width: "33", height: "16", fill: "#fff", rx: "8", transform: "matrix(1 0 0 -1 20.08 44)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "SkewClick__e", x1: "88.888", x2: "60.059", y1: "27.681", y2: "71.975", 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: "SkewClick__h", x1: "88.972", x2: "58.899", y1: "16.533", y2: "72.263", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("filter", { id: "SkewClick__d", width: "123.203", height: "78.309", x: "-4.816", y: "-7.64", 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_19502", stdDeviation: "4.199" })), /* @__PURE__ */ React.createElement("filter", { id: "SkewClick__g", width: "90.45", height: "46.771", x: "12.698", y: "4.612", 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_19502", stdDeviation: "3.691" })))
19
19
  );
20
20
  SkewClick.displayName = "SkewClick";
21
21
  export {
package/dist/esm/SkewHover.js CHANGED
@@ -10,9 +10,9 @@ const SkewHover = (props) => /* @__PURE__ */ React.createElement(
10
10
  ...props
11
11
  },
12
12
  /* @__PURE__ */ React.createElement("rect", { width: "30.219", height: "24.296", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".25", rx: "2", transform: "matrix(1 0 .42436 .9055 15.735 25)" }),
13
- /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#SkewHover__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "30.219", height: "24.296", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "matrix(1 0 .42436 .9055 15.735 25)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#SkewHover__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SkewHover__c)", d: "M.012-6.45h60.66l25.083 53.523h-60.66z" }))),
14
- /* @__PURE__ */ React.createElement("g", { clipPath: "url(#SkewHover__d)" }, /* @__PURE__ */ React.createElement("rect", { width: "21.957", height: "21.957", x: "25.054", y: "25.02", fill: "var(--wds-illustration-color-1, #002291)", rx: "2" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#SkewHover__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SkewHover__f)", d: "M25.054-6.258h53.188v53.28H25.054z" }))),
15
- /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "SkewHover__c", x1: "54.32", x2: "25.096", y1: "-1.645", y2: "54.315", 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: "SkewHover__f", x1: "70.699", x2: "25.105", y1: "-1.476", y2: "56.605", 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: "SkewHover__a" }, /* @__PURE__ */ React.createElement("rect", { width: "30.219", height: "24.296", fill: "#fff", rx: "2", transform: "matrix(1 0 .42436 .9055 15.735 25)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "SkewHover__d" }, /* @__PURE__ */ React.createElement("rect", { width: "21.957", height: "21.957", x: "25.054", y: "25.02", fill: "#fff", rx: "2" })), /* @__PURE__ */ React.createElement("filter", { id: "SkewHover__b", width: "95.743", height: "63.523", x: "-4.988", y: "-11.449", 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_19685", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "SkewHover__e", width: "63.188", height: "63.277", x: "20.054", y: "-11.258", 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_19685", stdDeviation: "2.5" })))
13
+ /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#SkewHover__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "30.219", height: "24.296", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "matrix(1 0 .42436 .9055 15.735 25)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#SkewHover__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SkewHover__c)", d: "M.012-6.45h60.66l25.083 53.522h-60.66z" }))),
14
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#SkewHover__d)" }, /* @__PURE__ */ React.createElement("rect", { width: "21.957", height: "21.957", x: "25.054", y: "25.021", fill: "var(--wds-illustration-color-1, #002291)", rx: "2" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#SkewHover__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SkewHover__f)", d: "M25.054-6.258h53.188v53.28H25.054z" }))),
15
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "SkewHover__c", x1: "54.32", x2: "25.096", y1: "-1.646", y2: "54.314", 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: "SkewHover__f", x1: "70.699", x2: "25.105", y1: "-1.476", y2: "56.605", 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: "SkewHover__a" }, /* @__PURE__ */ React.createElement("rect", { width: "30.219", height: "24.296", fill: "#fff", rx: "2", transform: "matrix(1 0 .42436 .9055 15.735 25)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "SkewHover__d" }, /* @__PURE__ */ React.createElement("rect", { width: "21.957", height: "21.957", x: "25.054", y: "25.021", fill: "#fff", rx: "2" })), /* @__PURE__ */ React.createElement("filter", { id: "SkewHover__b", width: "95.743", height: "63.523", x: "-4.988", y: "-11.45", 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_19685", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "SkewHover__e", width: "63.188", height: "63.279", x: "20.054", y: "-11.258", 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_19685", stdDeviation: "2.5" })))
16
16
  );
17
17
  SkewHover.displayName = "SkewHover";
18
18
  export {
package/dist/esm/SkewSection.js CHANGED
@@ -10,13 +10,13 @@ const SkewSection = (props) => /* @__PURE__ */ React.createElement(
10
10
  ...props
11
11
  },
12
12
  /* @__PURE__ */ React.createElement("rect", { width: "32", height: "17.778", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".75", rx: "2", transform: "matrix(1 0 0 -1 20 44.89)" }),
13
- /* @__PURE__ */ React.createElement("path", { fill: "url(#SkewSection__a)", d: "M14.716 28.441V18.265h1V28.44z" }),
14
- /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M15.216 17.766a.5.5 0 0 1 .384.18l2.5 3-.768.64-2.116-2.54-2.116 2.54-.768-.64 2.5-3 .08-.077a.5.5 0 0 1 .304-.103" }),
15
- /* @__PURE__ */ React.createElement("path", { fill: "url(#SkewSection__b)", d: "M57.284 43.742v9.996h-1v-9.996z" }),
16
- /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M56.784 54.238a.5.5 0 0 0 .384-.18l2.5-3-.768-.64-2.116 2.54-2.116-2.54-.768.64 2.5 3 .08.077a.5.5 0 0 0 .304.103" }),
17
- /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#SkewSection__c)" }, /* @__PURE__ */ React.createElement("rect", { width: "35.044", height: "29.947", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "matrix(.92388 .38268 .01658 .99986 19.567 14.324)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#SkewSection__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SkewSection__e)", d: "m19.418 5.324 52.661 21.813.647 38.995-52.661-21.813z" }))),
13
+ /* @__PURE__ */ React.createElement("path", { fill: "url(#SkewSection__a)", d: "M14.716 28.44V18.263h1v10.176z" }),
14
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M15.216 17.764a.5.5 0 0 1 .384.18l2.5 3-.768.64-2.116-2.54-2.116 2.54-.768-.64 2.5-3 .08-.077a.5.5 0 0 1 .304-.103" }),
15
+ /* @__PURE__ */ React.createElement("path", { fill: "url(#SkewSection__b)", d: "M57.284 43.738v9.996h-1v-9.996z" }),
16
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M56.784 54.234a.5.5 0 0 0 .384-.18l2.5-3-.768-.64-2.116 2.54-2.116-2.54-.768.64 2.5 3 .08.077a.5.5 0 0 0 .304.103" }),
17
+ /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#SkewSection__c)" }, /* @__PURE__ */ React.createElement("rect", { width: "35.044", height: "29.947", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "matrix(.92388 .38268 .01658 .99986 19.567 14.324)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#SkewSection__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SkewSection__e)", d: "M19.418 5.326 72.079 27.14l.647 38.995L20.065 44.32z" }))),
18
18
  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#SkewSection__f)" }, /* @__PURE__ */ React.createElement("rect", { width: "32", height: "17.778", x: "20", y: "27.109", fill: "var(--wds-illustration-color-1, #002291)", rx: "2" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#SkewSection__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SkewSection__h)", d: "M20 6.016h57.254v38.91H20z" }))),
19
- /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "SkewSection__a", x1: "22.382", x2: "22.382", y1: "28.441", y2: "18.265", 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: "SkewSection__b", x1: "49.618", x2: "49.618", y1: "43.742", y2: "53.738", 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: "SkewSection__e", x1: "64.668", x2: "30.881", y1: "27.544", y2: "61.845", 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: "SkewSection__h", x1: "69.134", x2: "40.69", y1: "9.508", y2: "62.915", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "SkewSection__c" }, /* @__PURE__ */ React.createElement("rect", { width: "35.044", height: "29.947", fill: "#fff", rx: "2", transform: "matrix(.92388 .38268 .01658 .99986 19.567 14.324)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "SkewSection__f" }, /* @__PURE__ */ React.createElement("rect", { width: "32", height: "17.778", x: "20", y: "27.109", fill: "#fff", rx: "2" })), /* @__PURE__ */ React.createElement("filter", { id: "SkewSection__d", width: "63.308", height: "70.809", x: "14.418", y: ".324", 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_20951", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "SkewSection__g", width: "67.254", height: "48.91", x: "15", y: "1.016", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_20951", stdDeviation: "2.5" })))
19
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "SkewSection__a", x1: "22.382", x2: "22.382", y1: "28.439", y2: "18.263", 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: "SkewSection__b", x1: "49.618", x2: "49.618", y1: "43.738", y2: "53.734", 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: "SkewSection__e", x1: "64.668", x2: "30.881", y1: "27.546", y2: "61.847", 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: "SkewSection__h", x1: "69.134", x2: "40.69", y1: "9.508", y2: "62.915", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "SkewSection__c" }, /* @__PURE__ */ React.createElement("rect", { width: "35.044", height: "29.947", fill: "#fff", rx: "2", transform: "matrix(.92388 .38268 .01658 .99986 19.567 14.324)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "SkewSection__f" }, /* @__PURE__ */ React.createElement("rect", { width: "32", height: "17.778", x: "20", y: "27.109", fill: "#fff", rx: "2" })), /* @__PURE__ */ React.createElement("filter", { id: "SkewSection__d", width: "63.308", height: "70.807", x: "14.418", y: ".326", 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_20951", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "SkewSection__g", width: "67.254", height: "48.91", x: "15", y: "1.016", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_20951", stdDeviation: "2.5" })))
20
20
  );
21
21
  SkewSection.displayName = "SkewSection";
22
22
  export {
package/dist/esm/Slide.js CHANGED
@@ -10,9 +10,9 @@ const Slide = (props) => /* @__PURE__ */ React.createElement(
10
10
  ...props
11
11
  },
12
12
  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#Slide__a)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#Slide__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M36 23a2 2 0 0 1 2-2h46a2 2 0 0 1 2 2v26a2 2 0 0 1-2 2H38a2 2 0 0 1-2-2z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#Slide__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Slide__d)", d: "M36 0h61v51H36z" }))), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#Slide__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M-14 23a2 2 0 0 1 2-2h46a2 2 0 0 1 2 2v26a2 2 0 0 1-2 2h-46a2 2 0 0 1-2-2z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#Slide__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Slide__g)", d: "M-14 0h61v51h-61z" })))),
13
- /* @__PURE__ */ React.createElement("path", { fill: "url(#Slide__h)", d: "M23 57h25v1H23z" }),
14
- /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M48.5 57.5a.5.5 0 0 1-.18.384l-3 2.5-.64-.768 2.54-2.116-2.54-2.116.64-.768 3 2.5.077.08a.5.5 0 0 1 .103.304" }),
15
- /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "Slide__d", x1: "88.349", x2: "47.157", y1: "4.578", y2: "67.446", 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: "Slide__g", x1: "38.349", x2: "-2.843", y1: "4.578", y2: "67.446", 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: "Slide__h", x1: "23", x2: "48", y1: "57.5", y2: "57.5", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { 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: "Slide__a" }, /* @__PURE__ */ React.createElement("rect", { width: "50", height: "30", x: "11", y: "21", fill: "#fff", rx: "2" })), /* @__PURE__ */ React.createElement("clipPath", { id: "Slide__b" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M36 23a2 2 0 0 1 2-2h46a2 2 0 0 1 2 2v26a2 2 0 0 1-2 2H38a2 2 0 0 1-2-2z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "Slide__e" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M-14 23a2 2 0 0 1 2-2h46a2 2 0 0 1 2 2v26a2 2 0 0 1-2 2h-46a2 2 0 0 1-2-2z" })), /* @__PURE__ */ React.createElement("filter", { id: "Slide__c", width: "71", height: "61", x: "31", 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_17369", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "Slide__f", width: "71", height: "61", x: "-19", 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_17369", stdDeviation: "2.5" })))
13
+ /* @__PURE__ */ React.createElement("path", { fill: "url(#Slide__h)", d: "M23 56.999h25v1H23z" }),
14
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M48.5 57.499a.5.5 0 0 1-.18.384l-3 2.5-.64-.768 2.54-2.116-2.54-2.116.64-.768 3 2.5.077.08a.5.5 0 0 1 .103.304" }),
15
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "Slide__d", x1: "88.349", x2: "47.157", y1: "4.578", y2: "67.446", 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: "Slide__g", x1: "38.349", x2: "-2.843", y1: "4.578", y2: "67.446", 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: "Slide__h", x1: "23", x2: "48", y1: "57.499", y2: "57.499", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { 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: "Slide__a" }, /* @__PURE__ */ React.createElement("rect", { width: "50", height: "30", x: "11", y: "21", fill: "#fff", rx: "2" })), /* @__PURE__ */ React.createElement("clipPath", { id: "Slide__b" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M36 23a2 2 0 0 1 2-2h46a2 2 0 0 1 2 2v26a2 2 0 0 1-2 2H38a2 2 0 0 1-2-2z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "Slide__e" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M-14 23a2 2 0 0 1 2-2h46a2 2 0 0 1 2 2v26a2 2 0 0 1-2 2h-46a2 2 0 0 1-2-2z" })), /* @__PURE__ */ React.createElement("filter", { id: "Slide__c", width: "71", height: "61", x: "31", 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_17369", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "Slide__f", width: "71", height: "61", x: "-19", 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_17369", stdDeviation: "2.5" })))
16
16
  );
17
17
  Slide.displayName = "Slide";
18
18
  export {
package/dist/esm/SlideScroll.js CHANGED
@@ -17,7 +17,7 @@ const SlideScroll = (props) => /* @__PURE__ */ React.createElement(
17
17
  /* @__PURE__ */ React.createElement("mask", { id: "SlideScroll__g", width: "27", height: "24", x: "31", y: "24", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M49.847 24.742a2 2 0 0 1 1.732 1l5.345 9.259a2 2 0 0 1 0 2l-5.345 9.258a2 2 0 0 1-1.732 1h-10.69a2 2 0 0 1-1.733-1L32.08 37a2 2 0 0 1 0-2l5.345-9.259a2 2 0 0 1 1.732-1z" })),
18
18
  /* @__PURE__ */ React.createElement("g", { filter: "url(#SlideScroll__h)", mask: "url(#SlideScroll__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SlideScroll__i)", d: "m78.687 7.31 16.966 29.387-16.966 29.387H44.754L27.787 36.697 44.754 7.31z" })),
19
19
  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M15.828 20v32h-1V20z" }),
20
- /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "SlideScroll__c", x1: "69.54", x2: "9.466", y1: "24.19", y2: "49.135", 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: "SlideScroll__f", x1: "78.042", x2: "17.968", y1: "24.19", y2: "49.135", 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: "SlideScroll__i", x1: "96.692", x2: "26.291", y1: "24.74", y2: "53.973", 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: "SlideScroll__b", width: "67.91", height: "60.152", x: "5.743", y: "4.316", 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_19925", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "SlideScroll__e", width: "67.91", height: "60.152", x: "14.245", y: "4.316", 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_19925", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "SlideScroll__h", width: "77.866", height: "68.773", x: "22.787", y: "2.309", 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_19925", stdDeviation: "2.5" })))
20
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "SlideScroll__c", x1: "69.54", x2: "9.466", y1: "24.19", y2: "49.135", 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: "SlideScroll__f", x1: "78.042", x2: "17.968", y1: "24.19", y2: "49.135", 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: "SlideScroll__i", x1: "96.692", x2: "26.291", y1: "24.74", y2: "53.973", 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: "SlideScroll__b", width: "67.91", height: "60.15", x: "5.743", y: "4.318", 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_19925", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "SlideScroll__e", width: "67.91", height: "60.15", x: "14.245", y: "4.318", 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_19925", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "SlideScroll__h", width: "77.866", height: "68.773", x: "22.787", y: "2.311", 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_19925", stdDeviation: "2.5" })))
21
21
  );
22
22
  SlideScroll.displayName = "SlideScroll";
23
23
  export {
package/dist/esm/SpinAnimation.js CHANGED
@@ -15,7 +15,7 @@ const SpinAnimation = (props) => /* @__PURE__ */ React.createElement(
15
15
  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M25.275 20.808a.5.5 0 0 1-.091-.429l1-4 .97.243-.845 3.38 3.36-.001v1h-4l-.114-.013a.5.5 0 0 1-.28-.18" }),
16
16
  /* @__PURE__ */ React.createElement("path", { fill: "url(#SpinAnimation__h)", d: "M36.331 58.733c-3.352 0-6.182-1.031-8.167-2.056a19 19 0 0 1-2.32-1.413 14 14 0 0 1-.784-.606q-.028-.023-.043-.037l-.013-.01q-.002-.002-.003-.003L25 54.607l.663-.748h.001l.008.007.035.03q.047.04.144.119c.129.104.322.255.576.436.507.364 1.252.85 2.196 1.337 1.89.976 4.56 1.945 7.708 1.945 3.143 0 5.556-.966 7.183-1.93a12.5 12.5 0 0 0 1.84-1.322 9 9 0 0 0 .57-.544l.025-.028.006-.005.376.329.376.33h-.002q0 .002-.003.005-.003.004-.01.011a4 4 0 0 1-.169.177 10 10 0 0 1-.511.478c-.45.392-1.115.91-1.989 1.428-1.748 1.037-4.335 2.07-7.692 2.07" }),
17
17
  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M46.725 53.925a.5.5 0 0 1 .091.429l-1 4-.97-.243.845-3.38h-3.36v-.999h4l.113.013a.5.5 0 0 1 .281.18" }),
18
- /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "SpinAnimation__c", x1: "65.558", x2: "25.99", y1: "4.705", y2: "54.744", 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: "SpinAnimation__f", x1: "34.306", x2: "41.987", y1: "-6.879", y2: "56.45", 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: "SpinAnimation__g", x1: "46.169", x2: "26.669", y1: "19.5", y2: "19.5", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".043", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "SpinAnimation__h", x1: "25.831", x2: "45.331", y1: "55.232", y2: "55.232", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".043", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "SpinAnimation__a" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "26", y: "26.504", fill: "#fff", rx: "2" })), /* @__PURE__ */ React.createElement("clipPath", { id: "SpinAnimation__d" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "21.857", y: "36.5", fill: "#fff", rx: "2", transform: "rotate(-45 21.857 36.5)" })), /* @__PURE__ */ React.createElement("filter", { id: "SpinAnimation__b", width: "56.2", height: "56.201", x: "20.899", y: "-4.596", 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_18024", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "SpinAnimation__e", width: "75.054", height: "75.055", x: "-1.527", y: "-19.412", 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_18024", stdDeviation: "2.5" })))
18
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "SpinAnimation__c", x1: "65.558", x2: "25.99", y1: "4.705", y2: "54.744", 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: "SpinAnimation__f", x1: "34.306", x2: "41.987", y1: "-6.879", y2: "56.45", 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: "SpinAnimation__g", x1: "46.169", x2: "26.669", y1: "19.5", y2: "19.5", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".043", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "SpinAnimation__h", x1: "25.831", x2: "45.331", y1: "55.232", y2: "55.232", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".043", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "SpinAnimation__a" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "26", y: "26.504", fill: "#fff", rx: "2" })), /* @__PURE__ */ React.createElement("clipPath", { id: "SpinAnimation__d" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "21.857", y: "36.5", fill: "#fff", rx: "2", transform: "rotate(-45 21.857 36.5)" })), /* @__PURE__ */ React.createElement("filter", { id: "SpinAnimation__b", width: "56.2", height: "56.2", x: "20.899", y: "-4.596", 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_18024", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "SpinAnimation__e", width: "75.054", height: "75.055", x: "-1.527", y: "-19.412", 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_18024", stdDeviation: "2.5" })))
19
19
  );
20
20
  SpinAnimation.displayName = "SpinAnimation";
21
21
  export {
package/dist/esm/SpinLoop.js CHANGED
@@ -10,11 +10,11 @@ const SpinLoop = (props) => /* @__PURE__ */ React.createElement(
10
10
  ...props
11
11
  },
12
12
  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#SpinLoop__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "28", height: "28", x: "22", y: "22", fill: "var(--wds-illustration-color-1, #002291)", rx: "14" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#SpinLoop__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SpinLoop__c)", d: "M37.873 11.566a20.5 20.5 0 0 0-3.054.857 19.6 19.6 0 0 0-10.104 8.454c-5.463 9.264-2.423 21.132 6.792 26.505s21.11 2.211 26.574-7.053c5.464-9.271 2.423-21.139-6.785-26.505-4.208-2.457-8.968-3.128-13.423-2.258" }))),
13
- /* @__PURE__ */ React.createElement("path", { fill: "url(#SpinLoop__d)", d: "M36.24 14.637c3.352 0 6.182 1.03 8.167 2.055.994.513 1.78 1.027 2.32 1.413a14 14 0 0 1 .785.606l.043.037q.008.007.012.01l.003.004h.002l-.664.749v-.001l-.009-.007-.035-.03-.143-.118a13 13 0 0 0-.577-.437 18 18 0 0 0-2.196-1.337c-1.89-.975-4.56-1.944-7.708-1.944-3.143 0-5.556.966-7.183 1.93a12.5 12.5 0 0 0-1.84 1.322 9 9 0 0 0-.57.544l-.025.027-.006.006-.376-.33-.376-.33h.002l.003-.004.01-.012.036-.039q.045-.05.133-.138c.116-.117.287-.282.511-.478a13.5 13.5 0 0 1 1.989-1.428c1.748-1.036 4.336-2.07 7.692-2.07" }),
14
- /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M25.846 19.443a.5.5 0 0 1-.091-.429l1-4 .97.243-.845 3.38 3.36-.001v1h-4l-.113-.013a.5.5 0 0 1-.281-.18" }),
15
- /* @__PURE__ */ React.createElement("path", { fill: "url(#SpinLoop__e)", d: "M35.759 57.363c-3.353 0-6.182-1.03-8.167-2.055a19 19 0 0 1-2.32-1.413 14 14 0 0 1-.785-.606l-.043-.037q-.008-.007-.012-.01l-.003-.004h-.002l.664-.749v.001l.008.007.036.03q.047.041.143.118c.13.104.323.255.576.437.508.363 1.253.85 2.197 1.337 1.89.975 4.56 1.944 7.708 1.944 3.143 0 5.556-.966 7.182-1.93a12.5 12.5 0 0 0 1.84-1.322 9 9 0 0 0 .57-.544l.026-.027.006-.006.376.33.376.33h-.002l-.003.004-.01.012-.036.039q-.045.05-.133.138a10 10 0 0 1-.512.478c-.449.392-1.114.91-1.988 1.428-1.749 1.036-4.336 2.07-7.692 2.07" }),
16
- /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M46.153 52.557a.5.5 0 0 1 .09.429l-1 4-.97-.243.846-3.38-3.36.001v-1h4l.113.013a.5.5 0 0 1 .28.18" }),
17
- /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "SpinLoop__c", x1: "55.294", x2: "22.107", y1: "14.685", y2: "57.034", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", 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: ".8", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "SpinLoop__d", x1: "46.74", x2: "27.24", y1: "18.137", y2: "18.137", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".043", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "SpinLoop__e", x1: "25.259", x2: "44.759", y1: "53.863", y2: "53.863", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".043", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "SpinLoop__a" }, /* @__PURE__ */ React.createElement("rect", { width: "28", height: "28", x: "22", y: "22", fill: "#fff", rx: "14" })), /* @__PURE__ */ React.createElement("filter", { id: "SpinLoop__b", width: "48.797", height: "48.797", x: "17", y: "6.203", 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_20311", stdDeviation: "2.5" })))
13
+ /* @__PURE__ */ React.createElement("path", { fill: "url(#SpinLoop__d)", d: "M36.24 14.633c3.352 0 6.182 1.03 8.167 2.056.994.512 1.78 1.026 2.32 1.413a14 14 0 0 1 .785.605l.043.037q.008.006.012.01l.003.004h.002l-.664.749v-.001l-.009-.007-.035-.03-.143-.118a13 13 0 0 0-.577-.437 18 18 0 0 0-2.196-1.337c-1.89-.975-4.56-1.944-7.708-1.944-3.143 0-5.556.966-7.183 1.93-.813.482-1.429.964-1.84 1.322a9 9 0 0 0-.57.544l-.025.027-.006.006-.376-.33-.376-.33h.002l.003-.004.01-.012.036-.039q.045-.05.133-.138c.116-.117.287-.282.511-.478a13.5 13.5 0 0 1 1.989-1.428c1.748-1.036 4.336-2.07 7.692-2.07" }),
14
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M25.846 19.441a.5.5 0 0 1-.091-.429l1-4 .97.243-.845 3.38 3.36-.001v1h-4l-.113-.013a.5.5 0 0 1-.281-.18" }),
15
+ /* @__PURE__ */ React.createElement("path", { fill: "url(#SpinLoop__e)", d: "M35.759 57.367c-3.353 0-6.182-1.03-8.167-2.055a19 19 0 0 1-2.32-1.414 14 14 0 0 1-.785-.605l-.043-.037q-.008-.007-.012-.01l-.003-.004h-.002l.664-.749v.001l.008.007.036.03q.047.041.143.118c.13.104.323.255.576.437.508.363 1.253.85 2.197 1.337 1.89.975 4.56 1.944 7.708 1.944 3.143 0 5.556-.966 7.182-1.93.814-.482 1.43-.964 1.84-1.322a9 9 0 0 0 .57-.544l.026-.027.006-.006.376.33.376.33h-.002l-.003.004-.01.012-.036.039q-.045.05-.133.138a10 10 0 0 1-.512.478c-.449.392-1.114.91-1.988 1.428-1.749 1.036-4.336 2.07-7.692 2.07" }),
16
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M46.153 52.559a.5.5 0 0 1 .09.429l-1 4-.97-.243.846-3.38-3.36.001v-1h4l.113.013c.11.026.21.089.28.18" }),
17
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "SpinLoop__c", x1: "55.294", x2: "22.107", y1: "14.685", y2: "57.034", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", 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: ".8", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "SpinLoop__d", x1: "46.74", x2: "27.24", y1: "18.133", y2: "18.133", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".043", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "SpinLoop__e", x1: "25.259", x2: "44.759", y1: "53.867", y2: "53.867", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".043", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "SpinLoop__a" }, /* @__PURE__ */ React.createElement("rect", { width: "28", height: "28", x: "22", y: "22", fill: "#fff", rx: "14" })), /* @__PURE__ */ React.createElement("filter", { id: "SpinLoop__b", width: "48.797", height: "48.797", x: "17", y: "6.203", 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_20311", stdDeviation: "2.5" })))
18
18
  );
19
19
  SpinLoop.displayName = "SpinLoop";
20
20
  export {
package/dist/esm/SpinScroll.js CHANGED
@@ -11,11 +11,11 @@ const SpinScroll = (props) => /* @__PURE__ */ React.createElement(
11
11
  },
12
12
  /* @__PURE__ */ React.createElement("mask", { id: "SpinScroll__a", 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: "M35 23.577a2 2 0 0 1 2 0l9.258 5.346a2 2 0 0 1 1 1.732v10.69a2 2 0 0 1-1 1.732L37 48.423a2 2 0 0 1-2 0l-9.258-5.346a2 2 0 0 1-1-1.732v-10.69a2 2 0 0 1 1-1.732z" })),
13
13
  /* @__PURE__ */ React.createElement("g", { filter: "url(#SpinScroll__b)", mask: "url(#SpinScroll__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SpinScroll__c)", d: "m43.241 5.926 21.61 12.476v24.953l-21.61 12.477-21.61-12.477V18.402z" })),
14
- /* @__PURE__ */ React.createElement("path", { fill: "url(#SpinScroll__d)", d: "M36.24 14.637c3.352 0 6.182 1.03 8.167 2.055.994.513 1.78 1.027 2.32 1.413a14 14 0 0 1 .785.606l.043.037q.008.007.012.01l.003.004h.002l-.664.749v-.001l-.009-.007-.035-.03-.143-.118a13 13 0 0 0-.577-.437 18 18 0 0 0-2.196-1.337c-1.89-.975-4.56-1.944-7.708-1.944-3.143 0-5.556.966-7.183 1.93a12.5 12.5 0 0 0-1.84 1.322 9 9 0 0 0-.57.544l-.025.027-.006.006-.376-.33-.376-.33h.002l.003-.004.01-.012.036-.039q.045-.05.133-.138c.116-.117.287-.282.511-.478a13.5 13.5 0 0 1 1.989-1.428c1.748-1.036 4.336-2.07 7.692-2.07" }),
15
- /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M25.846 19.443a.5.5 0 0 1-.091-.429l1-4 .97.243-.845 3.38 3.36-.001v1h-4l-.113-.013a.5.5 0 0 1-.281-.18" }),
16
- /* @__PURE__ */ React.createElement("path", { fill: "url(#SpinScroll__e)", d: "M35.759 57.363c-3.353 0-6.182-1.03-8.167-2.055a19 19 0 0 1-2.32-1.413 14 14 0 0 1-.785-.606l-.043-.037q-.008-.007-.012-.01l-.003-.004h-.002l.664-.749v.001l.008.007.036.03q.047.041.143.118c.13.104.323.255.576.437.508.363 1.253.85 2.197 1.337 1.89.975 4.56 1.944 7.708 1.944 3.143 0 5.556-.966 7.182-1.93a12.5 12.5 0 0 0 1.84-1.322 9 9 0 0 0 .57-.544l.026-.027.006-.006.376.33.376.33h-.002l-.003.004-.01.012-.036.039q-.045.05-.133.138a10 10 0 0 1-.512.478c-.449.392-1.114.91-1.988 1.428-1.749 1.036-4.336 2.07-7.692 2.07" }),
17
- /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M46.153 52.557a.5.5 0 0 1 .09.429l-1 4-.97-.243.846-3.38-3.36.001v-1h4l.113.013a.5.5 0 0 1 .28.18" }),
18
- /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "SpinScroll__c", x1: "61.116", x2: "27.03", y1: "10.405", y2: "54.907", 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: "SpinScroll__d", x1: "46.74", x2: "27.24", y1: "18.137", y2: "18.137", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".043", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "SpinScroll__e", x1: "25.259", x2: "44.759", y1: "53.863", y2: "53.863", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".043", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ React.createElement("filter", { id: "SpinScroll__b", width: "53.22", height: "59.906", x: "16.631", y: ".926", 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_19907", stdDeviation: "2.5" })))
14
+ /* @__PURE__ */ React.createElement("path", { fill: "url(#SpinScroll__d)", d: "M36.24 14.633c3.352 0 6.182 1.03 8.167 2.056.994.512 1.78 1.026 2.32 1.413a14 14 0 0 1 .785.605l.043.037q.008.006.012.01l.003.004h.002l-.664.749v-.001l-.009-.007-.035-.03-.143-.118a13 13 0 0 0-.577-.437 18 18 0 0 0-2.196-1.337c-1.89-.975-4.56-1.944-7.708-1.944-3.143 0-5.556.966-7.183 1.93-.813.482-1.429.964-1.84 1.322a9 9 0 0 0-.57.544l-.025.027-.006.006-.376-.33-.376-.33h.002l.003-.004.01-.012.036-.039q.045-.05.133-.138c.116-.117.287-.282.511-.478a13.5 13.5 0 0 1 1.989-1.428c1.748-1.036 4.336-2.07 7.692-2.07" }),
15
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M25.846 19.441a.5.5 0 0 1-.091-.429l1-4 .97.243-.845 3.38 3.36-.001v1h-4l-.113-.013a.5.5 0 0 1-.281-.18" }),
16
+ /* @__PURE__ */ React.createElement("path", { fill: "url(#SpinScroll__e)", d: "M35.759 57.367c-3.353 0-6.182-1.03-8.167-2.055a19 19 0 0 1-2.32-1.414 14 14 0 0 1-.785-.605l-.043-.037q-.008-.007-.012-.01l-.003-.004h-.002l.664-.749v.001l.008.007.036.03q.047.041.143.118c.13.104.323.255.576.437.508.363 1.253.85 2.197 1.337 1.89.975 4.56 1.944 7.708 1.944 3.143 0 5.556-.966 7.182-1.93.814-.482 1.43-.964 1.84-1.322a9 9 0 0 0 .57-.544l.026-.027.006-.006.376.33.376.33h-.002l-.003.004-.01.012-.036.039q-.045.05-.133.138a10 10 0 0 1-.512.478c-.449.392-1.114.91-1.988 1.428-1.749 1.036-4.336 2.07-7.692 2.07" }),
17
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M46.153 52.559a.5.5 0 0 1 .09.429l-1 4-.97-.243.846-3.38-3.36.001v-1h4l.113.013c.11.026.21.089.28.18" }),
18
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "SpinScroll__c", x1: "61.116", x2: "27.03", y1: "10.405", y2: "54.907", 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: "SpinScroll__d", x1: "46.74", x2: "27.24", y1: "18.133", y2: "18.133", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".043", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "SpinScroll__e", x1: "25.259", x2: "44.759", y1: "53.867", y2: "53.867", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".043", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ React.createElement("filter", { id: "SpinScroll__b", width: "53.22", height: "59.906", x: "16.631", y: ".926", 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_19907", stdDeviation: "2.5" })))
19
19
  );
20
20
  SpinScroll.displayName = "SpinScroll";
21
21
  export {