@wix/design-system-illustrations 2.20.0 → 2.22.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 (713) 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 +2 -2
  60. package/dist/cjs/EllipseImage.js +1 -1
  61. package/dist/cjs/EmptyPageImage.js +2 -2
  62. package/dist/cjs/EventInfo.js +2 -2
  63. package/dist/cjs/EventLeft.js +1 -1
  64. package/dist/cjs/EventRight.js +1 -1
  65. package/dist/cjs/ExpandClick.js +11 -11
  66. package/dist/cjs/ExpandHover.js +8 -8
  67. package/dist/cjs/ExpandScroll.js +7 -7
  68. package/dist/cjs/FadeAnimationFadeAnimation.js +53 -0
  69. package/dist/cjs/FadeBackSection.js +5 -5
  70. package/dist/cjs/FadeClick.js +2 -2
  71. package/dist/cjs/FadeHover.js +2 -2
  72. package/dist/cjs/FadeScroll.js +2 -2
  73. package/dist/cjs/FadeSection.js +2 -2
  74. package/dist/cjs/FillParallaxScroll.js +8 -8
  75. package/dist/cjs/FillReveal.js +3 -3
  76. package/dist/cjs/FlapLoop.js +7 -7
  77. package/dist/cjs/FlashLoop.js +3 -3
  78. package/dist/cjs/FlipAnimation.js +4 -4
  79. package/dist/cjs/FlipLoop.js +7 -7
  80. package/dist/cjs/FlipScroll.js +7 -7
  81. package/dist/cjs/FloatEntrance.js +5 -5
  82. package/dist/cjs/FluidImage.js +1 -1
  83. package/dist/cjs/FoldAnimation.js +4 -4
  84. package/dist/cjs/FreeformImage.js +3 -3
  85. package/dist/cjs/GenerateWithAI.js +1 -1
  86. package/dist/cjs/GlideEntrance.js +6 -6
  87. package/dist/cjs/GrowEntrance.js +6 -6
  88. package/dist/cjs/HeartImage.js +1 -1
  89. package/dist/cjs/HexagonalImage.js +1 -1
  90. package/dist/cjs/HillDivider.js +1 -1
  91. package/dist/cjs/ImageLayoutLarge.js +2 -2
  92. package/dist/cjs/ImageLayoutThumbnail.js +2 -2
  93. package/dist/cjs/ImageLayoutTwoColumn.js +2 -2
  94. package/dist/cjs/JelloLoop.js +5 -5
  95. package/dist/cjs/LayeredElipseDivider.js +2 -2
  96. package/dist/cjs/LayoutTwoColumnSmall.js +53 -0
  97. package/dist/cjs/LeftToRight.js +57 -0
  98. package/dist/cjs/LeftToRightSmall.js +57 -0
  99. package/dist/cjs/LeftWaveDivider.js +2 -2
  100. package/dist/cjs/LetterTwist.js +2 -2
  101. package/dist/cjs/LineChart.js +1 -1
  102. package/dist/cjs/Marker.js +5 -5
  103. package/dist/cjs/Marquee.js +2 -2
  104. package/dist/cjs/MembersName.js +1 -1
  105. package/dist/cjs/MembersNameAndIcon.js +1 -1
  106. package/dist/cjs/MoveClick.js +4 -4
  107. package/dist/cjs/MoveHorizontalHover.js +6 -6
  108. package/dist/cjs/MoveScroll.js +2 -2
  109. package/dist/cjs/MultiAreaChart.js +4 -4
  110. package/dist/cjs/MultiLineChart.js +1 -1
  111. package/dist/cjs/ObscureMouse.js +8 -8
  112. package/dist/cjs/OnImage.js +2 -2
  113. package/dist/cjs/OpticalillusionDivider.js +1 -1
  114. package/dist/cjs/OriginalImage.js +2 -2
  115. package/dist/cjs/PaintDivider.js +2 -2
  116. package/dist/cjs/PaintScribbleDivider.js +1 -1
  117. package/dist/cjs/PanSection.js +4 -4
  118. package/dist/cjs/ParallaxScroll.js +7 -7
  119. package/dist/cjs/ParallaxSection.js +3 -3
  120. package/dist/cjs/PeaksDivider.js +1 -1
  121. package/dist/cjs/PentagonImage.js +1 -1
  122. package/dist/cjs/PieChart.js +3 -3
  123. package/dist/cjs/PixelsDivider.js +2 -2
  124. package/dist/cjs/PlantsDivider.js +1 -1
  125. package/dist/cjs/PokeLoop.js +8 -8
  126. package/dist/cjs/ProductCardLayoutFullSmall.js +52 -0
  127. package/dist/cjs/PullBackSection.js +7 -7
  128. package/dist/cjs/PulseLoop.js +2 -2
  129. package/dist/cjs/RSVPInvite.js +1 -1
  130. package/dist/cjs/ResizeMouse.js +5 -5
  131. package/dist/cjs/ResizeOptionsCrop.js +3 -3
  132. package/dist/cjs/ResizeOptionsFit.js +2 -2
  133. package/dist/cjs/Reveal.js +3 -3
  134. package/dist/cjs/RevealScroll.js +4 -4
  135. package/dist/cjs/RhombusImage.js +1 -1
  136. package/dist/cjs/RightWaveDivider.js +1 -1
  137. package/dist/cjs/RotateClick.js +6 -6
  138. package/dist/cjs/RotateHover.js +6 -6
  139. package/dist/cjs/RotateSection.js +7 -7
  140. package/dist/cjs/RubberMouse.js +10 -10
  141. package/dist/cjs/ScrollEffectsDisappear.js +2 -2
  142. package/dist/cjs/ScrollEffectsFadeOut.js +2 -2
  143. package/dist/cjs/ScrollEffectsMoveWithPage.js +2 -2
  144. package/dist/cjs/ScrollEffectsStayFixed.js +2 -2
  145. package/dist/cjs/SemiElipseDivider.js +2 -2
  146. package/dist/cjs/ShapeEntrance.js +3 -3
  147. package/dist/cjs/ShapeRectangle.js +4 -4
  148. package/dist/cjs/ShapeRound.js +4 -4
  149. package/dist/cjs/ShapeScroll.js +2 -2
  150. package/dist/cjs/Shrink.js +12 -12
  151. package/dist/cjs/ShrinkClick.js +5 -5
  152. package/dist/cjs/ShrinkHover.js +12 -12
  153. package/dist/cjs/ShrinkScroll.js +10 -10
  154. package/dist/cjs/Shuffle.js +1 -1
  155. package/dist/cjs/ShuttersAnimation.js +2 -2
  156. package/dist/cjs/ShuttersScroll.js +2 -2
  157. package/dist/cjs/Skew3DMouse.js +3 -3
  158. package/dist/cjs/SkewClick.js +3 -3
  159. package/dist/cjs/SkewHover.js +3 -3
  160. package/dist/cjs/SkewSection.js +6 -6
  161. package/dist/cjs/Slide.js +3 -3
  162. package/dist/cjs/SlideScroll.js +1 -1
  163. package/dist/cjs/SpinAnimation.js +1 -1
  164. package/dist/cjs/SpinLoop.js +5 -5
  165. package/dist/cjs/SpinScroll.js +5 -5
  166. package/dist/cjs/SplitGridColumn.js +52 -0
  167. package/dist/cjs/SplitGridColumnSmall.js +52 -0
  168. package/dist/cjs/SplitGridRow.js +52 -0
  169. package/dist/cjs/SplitGridRowSmall.js +52 -0
  170. package/dist/cjs/Stagger.js +1 -1
  171. package/dist/cjs/StarImage.js +1 -1
  172. package/dist/cjs/StoreAccordionCollapse.js +1 -1
  173. package/dist/cjs/StoreBelowInfo.js +1 -1
  174. package/dist/cjs/StoreCollapse.js +1 -1
  175. package/dist/cjs/StoreDrawer.js +1 -0
  176. package/dist/cjs/StoreImages.js +2 -2
  177. package/dist/cjs/StoreOnImage.js +1 -1
  178. package/dist/cjs/StorePopUp.js +1 -0
  179. package/dist/cjs/StorePriceSideBySide.js +1 -1
  180. package/dist/cjs/StorePriceStacked.js +1 -1
  181. package/dist/cjs/StoreProductInfo.js +1 -1
  182. package/dist/cjs/StoreSpotlight.js +1 -1
  183. package/dist/cjs/StoreSwapImage.js +1 -0
  184. package/dist/cjs/StoreWrap.js +0 -1
  185. package/dist/cjs/StripesDivider.js +2 -2
  186. package/dist/cjs/Swap.js +2 -2
  187. package/dist/cjs/SwingLoop.js +7 -7
  188. package/dist/cjs/SwivelMouse.js +6 -6
  189. package/dist/cjs/TextPath.js +4 -4
  190. package/dist/cjs/ThreeColumnTwoRowLeftMerged.js +52 -0
  191. package/dist/cjs/ThreeColumnTwoRowLeftMergedSmall.js +52 -0
  192. package/dist/cjs/ThreeColumns.js +52 -0
  193. package/dist/cjs/ThreeColumnsSmall.js +52 -0
  194. package/dist/cjs/ThreeRows.js +52 -0
  195. package/dist/cjs/ThreeRowsSmall.js +52 -0
  196. package/dist/cjs/Tilt3DMouse.js +3 -3
  197. package/dist/cjs/TiltAnimation.js +4 -4
  198. package/dist/cjs/TiltEntrance.js +4 -4
  199. package/dist/cjs/TiltScroll.js +5 -5
  200. package/dist/cjs/Track3DMouse.js +6 -6
  201. package/dist/cjs/TrackMouse.js +6 -6
  202. package/dist/cjs/TriangleDivider.js +1 -1
  203. package/dist/cjs/TriangularImage.js +1 -1
  204. package/dist/cjs/TurnEntrance.js +6 -6
  205. package/dist/cjs/TurnScroll.js +8 -8
  206. package/dist/cjs/TwistClick.js +4 -4
  207. package/dist/cjs/TwistHover.js +4 -4
  208. package/dist/cjs/TwoByTwoGrid.js +54 -0
  209. package/dist/cjs/TwoByTwoGridSmall.js +54 -0
  210. package/dist/cjs/TwoRows.js +53 -0
  211. package/dist/cjs/TwoRowsSmall.js +53 -0
  212. package/dist/cjs/TypeWriter.js +3 -3
  213. package/dist/cjs/Underline.js +5 -5
  214. package/dist/cjs/UpToDown.js +57 -0
  215. package/dist/cjs/UpToDownSmall.js +57 -0
  216. package/dist/cjs/WavesDivider.js +2 -2
  217. package/dist/cjs/WhatsappStatus.js +1 -1
  218. package/dist/cjs/WiggleLoop.js +2 -2
  219. package/dist/cjs/WindowImage.js +1 -1
  220. package/dist/cjs/WinkEntrance.js +6 -6
  221. package/dist/cjs/WordTwist.js +2 -2
  222. package/dist/cjs/ZoomSection.js +5 -5
  223. package/dist/cjs/index.js +114 -6
  224. package/dist/esm/AiryMouse.js +7 -7
  225. package/dist/esm/AngledTriangleDivider.js +2 -2
  226. package/dist/esm/{Aspect12.js → Apsect12.js} +5 -5
  227. package/dist/esm/ArcEntrance.js +9 -9
  228. package/dist/esm/ArcScroll.js +5 -5
  229. package/dist/esm/Ascpect45.js +18 -0
  230. package/dist/esm/Aspect11Image.js +2 -2
  231. package/dist/esm/Aspect169Image.js +2 -2
  232. package/dist/esm/Aspect23Image.js +1 -1
  233. package/dist/esm/Aspect32Image.js +2 -2
  234. package/dist/esm/Aspect34Image.js +2 -2
  235. package/dist/esm/Aspect3DSection.js +8 -8
  236. package/dist/esm/Aspect3DSpinScroll.js +9 -9
  237. package/dist/esm/Aspect43Image.js +2 -2
  238. package/dist/esm/Aspect45Image.js +2 -2
  239. package/dist/esm/Aspect54Image.js +2 -2
  240. package/dist/esm/Aspect916Image.js +2 -2
  241. package/dist/esm/AvatarCircle.js +1 -0
  242. package/dist/esm/AvatarSquare.js +3 -2
  243. package/dist/esm/BentoLayout.js +20 -0
  244. package/dist/esm/BentoLayoutSmall.js +20 -0
  245. package/dist/esm/BlobMouse.js +7 -7
  246. package/dist/esm/BlobsDivider.js +2 -2
  247. package/dist/esm/Blocks.js +18 -0
  248. package/dist/esm/BlocksSmall.js +18 -0
  249. package/dist/esm/BlogFullPost.js +1 -1
  250. package/dist/esm/BlogOneColumn.js +1 -1
  251. package/dist/esm/BlogTagButton.js +1 -1
  252. package/dist/esm/BlurScroll.js +1 -1
  253. package/dist/esm/BookingsLayoutGrid.js +21 -0
  254. package/dist/esm/BookingsLayoutStrip.js +18 -0
  255. package/dist/esm/BookingsList.js +20 -0
  256. package/dist/esm/BookingsMonthly.js +18 -0
  257. package/dist/esm/BookingsOverlay.js +18 -0
  258. package/dist/esm/BookingsPresetMasonry.js +19 -0
  259. package/dist/esm/BookingsPresetSlider.js +19 -0
  260. package/dist/esm/BookingsPresetSquares.js +19 -0
  261. package/dist/esm/BookingsStrip.js +3 -2
  262. package/dist/esm/BookingsWeekly.js +18 -0
  263. package/dist/esm/Bounce.js +2 -2
  264. package/dist/esm/BounceEntrance.js +8 -8
  265. package/dist/esm/BrushDivider.js +2 -2
  266. package/dist/esm/CircleImage.js +1 -1
  267. package/dist/esm/CircleMarker.js +4 -4
  268. package/dist/esm/CloseupSection.js +8 -8
  269. package/dist/esm/CloudsDivider.js +1 -1
  270. package/dist/esm/ColorClick.js +1 -1
  271. package/dist/esm/ColorHover.js +1 -1
  272. package/dist/esm/CrossLoop.js +8 -8
  273. package/dist/esm/Cube.js +2 -2
  274. package/dist/esm/CustomImage.js +2 -2
  275. package/dist/esm/DartScroll.js +5 -5
  276. package/dist/esm/DesignedSection.js +2 -2
  277. package/dist/esm/DesignedSectionSmall.js +2 -2
  278. package/dist/esm/DonutChart.js +2 -2
  279. package/dist/esm/Dots.js +26 -0
  280. package/dist/esm/DotsSmall.js +26 -0
  281. package/dist/esm/Drop.js +3 -3
  282. package/dist/esm/DunesDivider.js +2 -2
  283. package/dist/esm/EllipseImage.js +1 -1
  284. package/dist/esm/EmptyPageImage.js +2 -2
  285. package/dist/esm/EventInfo.js +2 -2
  286. package/dist/esm/EventLeft.js +1 -1
  287. package/dist/esm/EventRight.js +1 -1
  288. package/dist/esm/ExpandClick.js +11 -11
  289. package/dist/esm/ExpandHover.js +8 -8
  290. package/dist/esm/ExpandScroll.js +7 -7
  291. package/dist/esm/FadeAnimationFadeAnimation.js +19 -0
  292. package/dist/esm/FadeBackSection.js +5 -5
  293. package/dist/esm/FadeClick.js +2 -2
  294. package/dist/esm/FadeHover.js +2 -2
  295. package/dist/esm/FadeScroll.js +2 -2
  296. package/dist/esm/FadeSection.js +2 -2
  297. package/dist/esm/FillParallaxScroll.js +8 -8
  298. package/dist/esm/FillReveal.js +3 -3
  299. package/dist/esm/FlapLoop.js +7 -7
  300. package/dist/esm/FlashLoop.js +3 -3
  301. package/dist/esm/FlipAnimation.js +4 -4
  302. package/dist/esm/FlipLoop.js +7 -7
  303. package/dist/esm/FlipScroll.js +7 -7
  304. package/dist/esm/FloatEntrance.js +5 -5
  305. package/dist/esm/FluidImage.js +1 -1
  306. package/dist/esm/FoldAnimation.js +4 -4
  307. package/dist/esm/FreeformImage.js +3 -3
  308. package/dist/esm/GenerateWithAI.js +1 -1
  309. package/dist/esm/GlideEntrance.js +6 -6
  310. package/dist/esm/GrowEntrance.js +6 -6
  311. package/dist/esm/HeartImage.js +1 -1
  312. package/dist/esm/HexagonalImage.js +1 -1
  313. package/dist/esm/HillDivider.js +1 -1
  314. package/dist/esm/ImageLayoutLarge.js +2 -2
  315. package/dist/esm/ImageLayoutThumbnail.js +2 -2
  316. package/dist/esm/ImageLayoutTwoColumn.js +2 -2
  317. package/dist/esm/JelloLoop.js +5 -5
  318. package/dist/esm/LayeredElipseDivider.js +2 -2
  319. package/dist/esm/LayoutTwoColumnSmall.js +19 -0
  320. package/dist/esm/LeftToRight.js +23 -0
  321. package/dist/esm/LeftToRightSmall.js +23 -0
  322. package/dist/esm/LeftWaveDivider.js +2 -2
  323. package/dist/esm/LetterTwist.js +2 -2
  324. package/dist/esm/LineChart.js +1 -1
  325. package/dist/esm/Marker.js +5 -5
  326. package/dist/esm/Marquee.js +2 -2
  327. package/dist/esm/MembersName.js +1 -1
  328. package/dist/esm/MembersNameAndIcon.js +1 -1
  329. package/dist/esm/MoveClick.js +4 -4
  330. package/dist/esm/MoveHorizontalHover.js +6 -6
  331. package/dist/esm/MoveScroll.js +2 -2
  332. package/dist/esm/MultiAreaChart.js +4 -4
  333. package/dist/esm/MultiLineChart.js +1 -1
  334. package/dist/esm/ObscureMouse.js +8 -8
  335. package/dist/esm/OnImage.js +2 -2
  336. package/dist/esm/OpticalillusionDivider.js +1 -1
  337. package/dist/esm/OriginalImage.js +2 -2
  338. package/dist/esm/PaintDivider.js +2 -2
  339. package/dist/esm/PaintScribbleDivider.js +1 -1
  340. package/dist/esm/PanSection.js +4 -4
  341. package/dist/esm/ParallaxScroll.js +7 -7
  342. package/dist/esm/ParallaxSection.js +3 -3
  343. package/dist/esm/PeaksDivider.js +1 -1
  344. package/dist/esm/PentagonImage.js +1 -1
  345. package/dist/esm/PieChart.js +3 -3
  346. package/dist/esm/PixelsDivider.js +2 -2
  347. package/dist/esm/PlantsDivider.js +1 -1
  348. package/dist/esm/PokeLoop.js +8 -8
  349. package/dist/esm/ProductCardLayoutFullSmall.js +18 -0
  350. package/dist/esm/PullBackSection.js +7 -7
  351. package/dist/esm/PulseLoop.js +2 -2
  352. package/dist/esm/RSVPInvite.js +1 -1
  353. package/dist/esm/ResizeMouse.js +5 -5
  354. package/dist/esm/ResizeOptionsCrop.js +3 -3
  355. package/dist/esm/ResizeOptionsFit.js +2 -2
  356. package/dist/esm/Reveal.js +3 -3
  357. package/dist/esm/RevealScroll.js +4 -4
  358. package/dist/esm/RhombusImage.js +1 -1
  359. package/dist/esm/RightWaveDivider.js +1 -1
  360. package/dist/esm/RotateClick.js +6 -6
  361. package/dist/esm/RotateHover.js +6 -6
  362. package/dist/esm/RotateSection.js +7 -7
  363. package/dist/esm/RubberMouse.js +10 -10
  364. package/dist/esm/ScrollEffectsDisappear.js +2 -2
  365. package/dist/esm/ScrollEffectsFadeOut.js +2 -2
  366. package/dist/esm/ScrollEffectsMoveWithPage.js +2 -2
  367. package/dist/esm/ScrollEffectsStayFixed.js +2 -2
  368. package/dist/esm/SemiElipseDivider.js +2 -2
  369. package/dist/esm/ShapeEntrance.js +3 -3
  370. package/dist/esm/ShapeRectangle.js +4 -4
  371. package/dist/esm/ShapeRound.js +4 -4
  372. package/dist/esm/ShapeScroll.js +2 -2
  373. package/dist/esm/Shrink.js +12 -12
  374. package/dist/esm/ShrinkClick.js +5 -5
  375. package/dist/esm/ShrinkHover.js +12 -12
  376. package/dist/esm/ShrinkScroll.js +10 -10
  377. package/dist/esm/Shuffle.js +1 -1
  378. package/dist/esm/ShuttersAnimation.js +2 -2
  379. package/dist/esm/ShuttersScroll.js +2 -2
  380. package/dist/esm/Skew3DMouse.js +3 -3
  381. package/dist/esm/SkewClick.js +3 -3
  382. package/dist/esm/SkewHover.js +3 -3
  383. package/dist/esm/SkewSection.js +6 -6
  384. package/dist/esm/Slide.js +3 -3
  385. package/dist/esm/SlideScroll.js +1 -1
  386. package/dist/esm/SpinAnimation.js +1 -1
  387. package/dist/esm/SpinLoop.js +5 -5
  388. package/dist/esm/SpinScroll.js +5 -5
  389. package/dist/esm/SplitGridColumn.js +18 -0
  390. package/dist/esm/SplitGridColumnSmall.js +18 -0
  391. package/dist/esm/SplitGridRow.js +18 -0
  392. package/dist/esm/SplitGridRowSmall.js +18 -0
  393. package/dist/esm/Stagger.js +1 -1
  394. package/dist/esm/StarImage.js +1 -1
  395. package/dist/esm/StoreAccordionCollapse.js +1 -1
  396. package/dist/esm/StoreBelowInfo.js +1 -1
  397. package/dist/esm/StoreCollapse.js +1 -1
  398. package/dist/esm/StoreDrawer.js +1 -0
  399. package/dist/esm/StoreImages.js +2 -2
  400. package/dist/esm/StoreOnImage.js +1 -1
  401. package/dist/esm/StorePopUp.js +1 -0
  402. package/dist/esm/StorePriceSideBySide.js +1 -1
  403. package/dist/esm/StorePriceStacked.js +1 -1
  404. package/dist/esm/StoreProductInfo.js +1 -1
  405. package/dist/esm/StoreSpotlight.js +1 -1
  406. package/dist/esm/StoreSwapImage.js +1 -0
  407. package/dist/esm/StoreWrap.js +0 -1
  408. package/dist/esm/StripesDivider.js +2 -2
  409. package/dist/esm/Swap.js +2 -2
  410. package/dist/esm/SwingLoop.js +7 -7
  411. package/dist/esm/SwivelMouse.js +6 -6
  412. package/dist/esm/TextPath.js +4 -4
  413. package/dist/esm/ThreeColumnTwoRowLeftMerged.js +18 -0
  414. package/dist/esm/ThreeColumnTwoRowLeftMergedSmall.js +18 -0
  415. package/dist/esm/ThreeColumns.js +18 -0
  416. package/dist/esm/ThreeColumnsSmall.js +18 -0
  417. package/dist/esm/ThreeRows.js +18 -0
  418. package/dist/esm/ThreeRowsSmall.js +18 -0
  419. package/dist/esm/Tilt3DMouse.js +3 -3
  420. package/dist/esm/TiltAnimation.js +4 -4
  421. package/dist/esm/TiltEntrance.js +4 -4
  422. package/dist/esm/TiltScroll.js +5 -5
  423. package/dist/esm/Track3DMouse.js +6 -6
  424. package/dist/esm/TrackMouse.js +6 -6
  425. package/dist/esm/TriangleDivider.js +1 -1
  426. package/dist/esm/TriangularImage.js +1 -1
  427. package/dist/esm/TurnEntrance.js +6 -6
  428. package/dist/esm/TurnScroll.js +8 -8
  429. package/dist/esm/TwistClick.js +4 -4
  430. package/dist/esm/TwistHover.js +4 -4
  431. package/dist/esm/TwoByTwoGrid.js +20 -0
  432. package/dist/esm/TwoByTwoGridSmall.js +20 -0
  433. package/dist/esm/TwoRows.js +19 -0
  434. package/dist/esm/TwoRowsSmall.js +19 -0
  435. package/dist/esm/TypeWriter.js +3 -3
  436. package/dist/esm/Underline.js +5 -5
  437. package/dist/esm/UpToDown.js +23 -0
  438. package/dist/esm/UpToDownSmall.js +23 -0
  439. package/dist/esm/WavesDivider.js +2 -2
  440. package/dist/esm/WhatsappStatus.js +1 -1
  441. package/dist/esm/WiggleLoop.js +2 -2
  442. package/dist/esm/WindowImage.js +1 -1
  443. package/dist/esm/WinkEntrance.js +6 -6
  444. package/dist/esm/WordTwist.js +2 -2
  445. package/dist/esm/ZoomSection.js +5 -5
  446. package/dist/esm/index.js +76 -4
  447. package/dist/types/{Aspect12.d.ts → Apsect12.d.ts} +1 -1
  448. package/dist/types/{FadeAnimation.d.ts → Ascpect45.d.ts} +1 -1
  449. package/dist/types/BentoLayout.d.ts +5 -0
  450. package/dist/types/BentoLayoutSmall.d.ts +5 -0
  451. package/dist/types/Blocks.d.ts +5 -0
  452. package/dist/types/BlocksSmall.d.ts +5 -0
  453. package/dist/types/BookingsLayoutGrid.d.ts +5 -0
  454. package/dist/types/BookingsLayoutStrip.d.ts +5 -0
  455. package/dist/types/BookingsList.d.ts +5 -0
  456. package/dist/types/BookingsMonthly.d.ts +5 -0
  457. package/dist/types/BookingsOverlay.d.ts +5 -0
  458. package/dist/types/BookingsPresetMasonry.d.ts +5 -0
  459. package/dist/types/BookingsPresetSlider.d.ts +5 -0
  460. package/dist/types/BookingsPresetSquares.d.ts +5 -0
  461. package/dist/types/BookingsWeekly.d.ts +5 -0
  462. package/dist/types/Dots.d.ts +5 -0
  463. package/dist/types/DotsSmall.d.ts +5 -0
  464. package/dist/types/FadeAnimationFadeAnimation.d.ts +5 -0
  465. package/dist/types/LayoutTwoColumnSmall.d.ts +5 -0
  466. package/dist/types/LeftToRight.d.ts +5 -0
  467. package/dist/types/LeftToRightSmall.d.ts +5 -0
  468. package/dist/types/ProductCardLayoutFullSmall.d.ts +5 -0
  469. package/dist/types/SplitGridColumn.d.ts +5 -0
  470. package/dist/types/SplitGridColumnSmall.d.ts +5 -0
  471. package/dist/types/SplitGridRow.d.ts +5 -0
  472. package/dist/types/SplitGridRowSmall.d.ts +5 -0
  473. package/dist/types/ThreeColumnTwoRowLeftMerged.d.ts +5 -0
  474. package/dist/types/ThreeColumnTwoRowLeftMergedSmall.d.ts +5 -0
  475. package/dist/types/ThreeColumns.d.ts +5 -0
  476. package/dist/types/ThreeColumnsSmall.d.ts +5 -0
  477. package/dist/types/ThreeRows.d.ts +5 -0
  478. package/dist/types/ThreeRowsSmall.d.ts +5 -0
  479. package/dist/types/TwoByTwoGrid.d.ts +5 -0
  480. package/dist/types/TwoByTwoGridSmall.d.ts +5 -0
  481. package/dist/types/TwoRows.d.ts +5 -0
  482. package/dist/types/TwoRowsSmall.d.ts +5 -0
  483. package/dist/types/UpToDown.d.ts +5 -0
  484. package/dist/types/UpToDownSmall.d.ts +5 -0
  485. package/dist/types/index.d.ts +38 -2
  486. package/package.json +4 -4
  487. package/src/AiryMouse.svg +20 -20
  488. package/src/AngledTriangleDivider.svg +4 -4
  489. package/src/ArcEntrance.svg +19 -19
  490. package/src/ArcScroll.svg +10 -10
  491. package/src/Ascpect45.svg +23 -0
  492. package/src/Aspect11Image.svg +5 -5
  493. package/src/Aspect169Image.svg +5 -5
  494. package/src/Aspect23Image.svg +1 -1
  495. package/src/Aspect32Image.svg +5 -5
  496. package/src/Aspect34Image.svg +5 -5
  497. package/src/Aspect3DSection.svg +30 -30
  498. package/src/Aspect3DSpinScroll.svg +14 -14
  499. package/src/Aspect43Image.svg +5 -5
  500. package/src/Aspect45Image.svg +3 -3
  501. package/src/Aspect54Image.svg +5 -5
  502. package/src/Aspect916Image.svg +5 -5
  503. package/src/AvatarCircle.svg +2 -2
  504. package/src/AvatarSquare.svg +3 -3
  505. package/src/BentoLayout.svg +26 -0
  506. package/src/BentoLayoutSmall.svg +26 -0
  507. package/src/BlobMouse.svg +15 -15
  508. package/src/BlobsDivider.svg +9 -9
  509. package/src/Blocks.svg +25 -0
  510. package/src/BlocksSmall.svg +25 -0
  511. package/src/BlogFullPost.svg +1 -1
  512. package/src/BlogOneColumn.svg +1 -1
  513. package/src/BlogTagButton.svg +1 -1
  514. package/src/BlurScroll.svg +1 -1
  515. package/src/BookingsLayoutGrid.svg +63 -0
  516. package/src/BookingsLayoutStrip.svg +34 -0
  517. package/src/BookingsList.svg +27 -0
  518. package/src/BookingsMonthly.svg +29 -0
  519. package/src/BookingsOverlay.svg +25 -0
  520. package/src/BookingsPresetMasonry.svg +26 -0
  521. package/src/BookingsPresetSlider.svg +25 -0
  522. package/src/BookingsPresetSquares.svg +25 -0
  523. package/src/BookingsStrip.svg +14 -8
  524. package/src/BookingsWeekly.svg +28 -0
  525. package/src/Bounce.svg +3 -3
  526. package/src/BounceEntrance.svg +18 -18
  527. package/src/Brandbook.svg +3 -3
  528. package/src/BrushDivider.svg +4 -4
  529. package/src/CircleImage.svg +1 -1
  530. package/src/CircleMarker.svg +9 -9
  531. package/src/CloseupSection.svg +21 -21
  532. package/src/CloudsDivider.svg +2 -2
  533. package/src/ColorClick.svg +2 -2
  534. package/src/ColorHover.svg +1 -1
  535. package/src/CrossLoop.svg +26 -26
  536. package/src/Cube.svg +3 -3
  537. package/src/CustomImage.svg +5 -5
  538. package/src/DartScroll.svg +11 -11
  539. package/src/DesignedSection.svg +2 -2
  540. package/src/DesignedSectionSmall.svg +2 -2
  541. package/src/DonutChart.svg +5 -5
  542. package/src/Dots.svg +175 -0
  543. package/src/DotsSmall.svg +175 -0
  544. package/src/Drop.svg +3 -3
  545. package/src/DunesDivider.svg +21 -21
  546. package/src/EllipseImage.svg +1 -1
  547. package/src/EmptyPageImage.svg +2 -2
  548. package/src/EventInfo.svg +2 -2
  549. package/src/EventLeft.svg +1 -1
  550. package/src/EventRight.svg +1 -1
  551. package/src/ExpandClick.svg +19 -19
  552. package/src/ExpandHover.svg +15 -15
  553. package/src/ExpandScroll.svg +17 -17
  554. package/src/FadeBackSection.svg +8 -8
  555. package/src/FadeClick.svg +3 -3
  556. package/src/FadeHover.svg +3 -3
  557. package/src/FadeScroll.svg +3 -3
  558. package/src/FadeSection.svg +4 -4
  559. package/src/FillParallaxScroll.svg +26 -26
  560. package/src/FillReveal.svg +10 -10
  561. package/src/FlapLoop.svg +13 -13
  562. package/src/FlashLoop.svg +7 -7
  563. package/src/FlipAnimation.svg +13 -13
  564. package/src/FlipLoop.svg +14 -14
  565. package/src/FlipScroll.svg +12 -12
  566. package/src/FloatEntrance.svg +12 -12
  567. package/src/FluidImage.svg +1 -1
  568. package/src/Fold.svg +3 -3
  569. package/src/FoldAnimation.svg +6 -6
  570. package/src/FreeformImage.svg +10 -10
  571. package/src/GenerateWithAI.svg +1 -1
  572. package/src/GlideEntrance.svg +26 -26
  573. package/src/GrowEntrance.svg +8 -8
  574. package/src/HeartImage.svg +1 -1
  575. package/src/HexagonalImage.svg +1 -1
  576. package/src/HillDivider.svg +1 -1
  577. package/src/ImageLayoutLarge.svg +4 -4
  578. package/src/ImageLayoutThumbnail.svg +3 -3
  579. package/src/ImageLayoutTwoColumn.svg +5 -5
  580. package/src/JelloLoop.svg +10 -10
  581. package/src/LayeredElipseDivider.svg +5 -5
  582. package/src/LayoutTwoColumnSmall.svg +24 -0
  583. package/src/LeftToRight.svg +69 -0
  584. package/src/LeftToRightSmall.svg +69 -0
  585. package/src/LeftWaveDivider.svg +3 -3
  586. package/src/LetterTwist.svg +4 -4
  587. package/src/LineChart.svg +1 -1
  588. package/src/Marker.svg +9 -9
  589. package/src/Marquee.svg +15 -15
  590. package/src/MembersName.svg +1 -1
  591. package/src/MembersNameAndIcon.svg +1 -1
  592. package/src/MoveClick.svg +12 -12
  593. package/src/MoveHorizontalHover.svg +18 -18
  594. package/src/MoveScroll.svg +5 -5
  595. package/src/MultiAreaChart.svg +8 -8
  596. package/src/MultiLineChart.svg +2 -2
  597. package/src/ObscureMouse.svg +15 -15
  598. package/src/OnImage.svg +2 -2
  599. package/src/OpticalillusionDivider.svg +7 -7
  600. package/src/OriginalImage.svg +5 -5
  601. package/src/PaintDivider.svg +2 -2
  602. package/src/PaintScribbleDivider.svg +1 -1
  603. package/src/PanSection.svg +15 -15
  604. package/src/ParallaxScroll.svg +10 -10
  605. package/src/ParallaxSection.svg +6 -6
  606. package/src/PeaksDivider.svg +2 -2
  607. package/src/PentagonImage.svg +1 -1
  608. package/src/PieChart.svg +6 -6
  609. package/src/PixelsDivider.svg +23 -23
  610. package/src/PlantsDivider.svg +1 -1
  611. package/src/PokeLoop.svg +24 -24
  612. package/src/ProductCardLayoutFullSmall.svg +23 -0
  613. package/src/PullBackSection.svg +18 -18
  614. package/src/PulseLoop.svg +3 -3
  615. package/src/RSVPInvite.svg +4 -4
  616. package/src/ResizeMouse.svg +14 -14
  617. package/src/ResizeOptionsCrop.svg +10 -10
  618. package/src/ResizeOptionsFit.svg +8 -8
  619. package/src/Reveal.svg +3 -3
  620. package/src/RevealScroll.svg +8 -8
  621. package/src/RhombusImage.svg +1 -1
  622. package/src/RightWaveDivider.svg +1 -1
  623. package/src/Roll.svg +10 -10
  624. package/src/RotateClick.svg +12 -12
  625. package/src/RotateHover.svg +10 -10
  626. package/src/RotateSection.svg +9 -9
  627. package/src/RubberMouse.svg +19 -19
  628. package/src/ScrollEffectsDisappear.svg +2 -2
  629. package/src/ScrollEffectsFadeOut.svg +2 -2
  630. package/src/ScrollEffectsMoveWithPage.svg +2 -2
  631. package/src/ScrollEffectsStayFixed.svg +2 -2
  632. package/src/SemiElipseDivider.svg +4 -4
  633. package/src/ShapeEntrance.svg +8 -8
  634. package/src/ShapeRectangle.svg +1 -6
  635. package/src/ShapeRound.svg +1 -6
  636. package/src/ShapeScroll.svg +5 -5
  637. package/src/Shrink.svg +21 -21
  638. package/src/ShrinkClick.svg +10 -10
  639. package/src/ShrinkHover.svg +21 -21
  640. package/src/ShrinkScroll.svg +21 -21
  641. package/src/Shuffle.svg +3 -3
  642. package/src/ShuttersAnimation.svg +11 -11
  643. package/src/ShuttersScroll.svg +5 -5
  644. package/src/Skew3DMouse.svg +7 -7
  645. package/src/SkewClick.svg +8 -8
  646. package/src/SkewHover.svg +6 -6
  647. package/src/SkewSection.svg +9 -9
  648. package/src/Slide.svg +3 -3
  649. package/src/SlideScroll.svg +3 -3
  650. package/src/SpinAnimation.svg +1 -1
  651. package/src/SpinLoop.svg +6 -6
  652. package/src/SpinScroll.svg +6 -6
  653. package/src/SplitGridColumn.svg +25 -0
  654. package/src/SplitGridColumnSmall.svg +25 -0
  655. package/src/SplitGridRow.svg +25 -0
  656. package/src/SplitGridRowSmall.svg +25 -0
  657. package/src/Stagger.svg +3 -3
  658. package/src/StarImage.svg +1 -1
  659. package/src/StoreAccordionCollapse.svg +30 -30
  660. package/src/StoreBelowInfo.svg +1 -1
  661. package/src/StoreCollapse.svg +1 -1
  662. package/src/StoreDrawer.svg +2 -2
  663. package/src/StoreImages.svg +2 -2
  664. package/src/StoreOnImage.svg +1 -1
  665. package/src/StorePopUp.svg +2 -2
  666. package/src/StorePriceSideBySide.svg +1 -1
  667. package/src/StorePriceStacked.svg +1 -1
  668. package/src/StoreProductInfo.svg +1 -1
  669. package/src/StoreSpotlight.svg +1 -1
  670. package/src/StoreSwapImage.svg +2 -2
  671. package/src/StoreWrap.svg +2 -2
  672. package/src/StripesDivider.svg +13 -13
  673. package/src/Swap.svg +5 -5
  674. package/src/SwingLoop.svg +23 -23
  675. package/src/SwivelMouse.svg +19 -19
  676. package/src/TextPath.svg +7 -7
  677. package/src/ThreeColumnTwoRowLeftMerged.svg +26 -0
  678. package/src/ThreeColumnTwoRowLeftMergedSmall.svg +26 -0
  679. package/src/ThreeColumns.svg +25 -0
  680. package/src/ThreeColumnsSmall.svg +25 -0
  681. package/src/ThreeRows.svg +25 -0
  682. package/src/ThreeRowsSmall.svg +25 -0
  683. package/src/Tilt3DMouse.svg +8 -8
  684. package/src/TiltAnimation.svg +10 -10
  685. package/src/TiltEntrance.svg +9 -9
  686. package/src/TiltScroll.svg +8 -8
  687. package/src/Track3DMouse.svg +14 -14
  688. package/src/TrackMouse.svg +17 -17
  689. package/src/TriangleDivider.svg +1 -1
  690. package/src/TriangularImage.svg +1 -1
  691. package/src/TurnEntrance.svg +14 -14
  692. package/src/TurnScroll.svg +13 -13
  693. package/src/TwistClick.svg +11 -11
  694. package/src/TwistHover.svg +13 -13
  695. package/src/TwoByTwoGrid.svg +25 -0
  696. package/src/TwoByTwoGridSmall.svg +25 -0
  697. package/src/TwoRows.svg +24 -0
  698. package/src/TwoRowsSmall.svg +24 -0
  699. package/src/TypeWriter.svg +9 -9
  700. package/src/Underline.svg +11 -11
  701. package/src/UpToDown.svg +69 -0
  702. package/src/UpToDownSmall.svg +69 -0
  703. package/src/WavesDivider.svg +5 -5
  704. package/src/WhatsappStatus.svg +1 -1
  705. package/src/WiggleLoop.svg +3 -3
  706. package/src/WindowImage.svg +1 -1
  707. package/src/WinkEntrance.svg +9 -9
  708. package/src/WordTwist.svg +10 -10
  709. package/src/ZoomSection.svg +16 -16
  710. package/dist/cjs/FadeAnimation.js +0 -53
  711. package/dist/esm/FadeAnimation.js +0 -19
  712. /package/src/{Aspect12.svg → Apsect12.svg} +0 -0
  713. /package/src/{FadeAnimation.svg → FadeAnimationFadeAnimation.svg} +0 -0
package/dist/esm/TiltScroll.js CHANGED
@@ -9,13 +9,13 @@ const TiltScroll = (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: "M40.69 24.226a2 2 0 0 1 1.86.736l8.422 10.617a2 2 0 0 1 .293 1.979L46.28 50.16a2 2 0 0 1-1.567 1.243l-13.406 1.983a2 2 0 0 1-1.86-.735l-8.421-10.618a2 2 0 0 1-.293-1.978l4.985-12.602a2 2 0 0 1 1.567-1.243z", opacity: ".25" }),
12
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M40.69 24.224a2 2 0 0 1 1.86.736l8.422 10.617a2 2 0 0 1 .293 1.979L46.28 50.158a2 2 0 0 1-1.567 1.242l-13.406 1.985a2 2 0 0 1-1.86-.736L21.026 42.03a2 2 0 0 1-.293-1.978l4.985-12.602a2 2 0 0 1 1.567-1.243z", opacity: ".25" }),
13
13
  /* @__PURE__ */ React.createElement("path", { fill: "url(#TiltScroll__a)", d: "M22.725 19.724c-2.596 2.121-4.134 4.71-5.022 6.76a19 19 0 0 0-.901 2.562 14 14 0 0 0-.225.966l-.01.056q-.002.01-.003.015v.007h-.001l.988.16v-.002l.01-.056q.01-.061.036-.182c.034-.163.088-.402.17-.703.162-.602.431-1.45.854-2.425.846-1.951 2.3-4.392 4.737-6.384 2.433-1.99 4.913-2.77 6.782-3.052a12.5 12.5 0 0 1 2.261-.141 9 9 0 0 1 .786.06l.037.005h.008l.083-.492.082-.493h-.002l-.005-.001-.015-.003-.052-.007-.19-.023a10 10 0 0 0-.7-.046c-.595-.02-1.438 0-2.442.153-2.01.304-4.667 1.141-7.266 3.266" }),
14
- /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M33.815 16.868a.5.5 0 0 0-.201-.39l-3.306-2.464-.598.802 2.794 2.081-2.602 2.127.633.773 3.097-2.531.08-.082a.5.5 0 0 0 .103-.316" }),
15
- /* @__PURE__ */ React.createElement("g", { opacity: ".25" }, /* @__PURE__ */ React.createElement("mask", { id: "TiltScroll__b", width: "32", height: "30", x: "20", y: "24", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M40.69 24.261a2 2 0 0 1 1.86.736l8.421 10.618a2 2 0 0 1 .293 1.978L46.28 50.195a2 2 0 0 1-1.567 1.243l-13.406 1.984a2 2 0 0 1-1.86-.736l-8.42-10.618a2 2 0 0 1-.293-1.978l4.985-12.602a2 2 0 0 1 1.567-1.243z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#TiltScroll__c)", mask: "url(#TiltScroll__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TiltScroll__d)", d: "m67.343-8.098 25.162 31.726-14.894 37.654-40.056 5.928-25.162-31.726L27.287-2.17z" }))),
14
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M33.815 16.866a.5.5 0 0 0-.201-.39l-3.306-2.464-.598.802 2.794 2.081-2.602 2.127.633.773 3.097-2.531.08-.082a.5.5 0 0 0 .103-.316" }),
15
+ /* @__PURE__ */ React.createElement("g", { opacity: ".25" }, /* @__PURE__ */ React.createElement("mask", { id: "TiltScroll__b", width: "32", height: "30", x: "20", y: "24", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M40.69 24.261a2 2 0 0 1 1.86.736l8.421 10.618a2 2 0 0 1 .293 1.978L46.28 50.195a2 2 0 0 1-1.567 1.243l-13.406 1.984a2 2 0 0 1-1.86-.736l-8.42-10.618a2 2 0 0 1-.293-1.978l4.985-12.602a2 2 0 0 1 1.567-1.243z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#TiltScroll__c)", mask: "url(#TiltScroll__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TiltScroll__d)", d: "m67.343-8.1 25.162 31.726L77.611 61.28l-40.056 5.928-25.162-31.726L27.287-2.172z" }))),
16
16
  /* @__PURE__ */ React.createElement("mask", { id: "TiltScroll__e", width: "26", height: "29", x: "23", y: "24", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M34.998 25.253a2 2 0 0 1 2 0l10.267 5.928a2 2 0 0 1 1 1.732v11.855a2 2 0 0 1-1 1.732l-10.267 5.928a2 2 0 0 1-2 0L24.732 46.5a2 2 0 0 1-1-1.732V32.913a2 2 0 0 1 1-1.732z" })),
17
- /* @__PURE__ */ React.createElement("g", { filter: "url(#TiltScroll__f)", mask: "url(#TiltScroll__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TiltScroll__g)", d: "m43.888 6.074 23.546 13.594v27.189L43.888 60.45 20.343 46.857V19.668z" })),
18
- /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "TiltScroll__a", x1: "16.811", x2: "31.908", y1: "29.079", y2: "16.737", 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: "TiltScroll__d", x1: "91.643", x2: "13.644", y1: "9.331", y2: "56.139", 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: "TiltScroll__g", x1: "63.365", x2: "26.225", y1: "10.955", y2: "59.444", 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: "TiltScroll__c", width: "90.113", height: "85.309", x: "7.393", y: "-13.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_20166", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "TiltScroll__f", width: "57.092", height: "64.375", x: "15.342", y: "1.074", 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_20166", stdDeviation: "2.5" })))
17
+ /* @__PURE__ */ React.createElement("g", { filter: "url(#TiltScroll__f)", mask: "url(#TiltScroll__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TiltScroll__g)", d: "m43.888 6.072 23.546 13.594v27.189L43.888 60.449 20.343 46.855V19.666z" })),
18
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "TiltScroll__a", x1: "16.811", x2: "31.908", y1: "29.079", y2: "16.737", 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: "TiltScroll__d", x1: "91.643", x2: "13.644", y1: "9.329", y2: "56.137", 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: "TiltScroll__g", x1: "63.365", x2: "26.225", y1: "10.953", y2: "59.442", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("filter", { id: "TiltScroll__c", width: "90.113", height: "85.309", x: "7.393", y: "-13.1", 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_20166", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "TiltScroll__f", width: "57.092", height: "64.377", x: "15.342", y: "1.072", 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_20166", stdDeviation: "2.5" })))
19
19
  );
20
20
  TiltScroll.displayName = "TiltScroll";
21
21
  export {
package/dist/esm/Track3DMouse.js CHANGED
@@ -13,12 +13,12 @@ const Track3DMouse = (props) => /* @__PURE__ */ React.createElement(
13
13
  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M60.705 20.53c0-1.713-2.014-2.634-3.31-1.512L31.851 41.141c-1.4 1.212-.543 3.511 1.31 3.511h25.544a2 2 0 0 0 2-2z", opacity: ".25" }),
14
14
  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M34.268 19.23c.77-1.333 2.694-1.333 3.464 0l12.99 22.5c.77 1.334-.192 3-1.732 3H23.01c-1.54 0-2.502-1.666-1.732-3z", opacity: ".25" }),
15
15
  /* @__PURE__ */ React.createElement("path", { fill: "url(#Track3DMouse__a)", d: "M36.241 56.05c3.352 0 6.182-1.03 8.167-2.055a19 19 0 0 0 2.32-1.413 14 14 0 0 0 .785-.605l.043-.038q.008-.006.012-.01.002 0 .003-.003l.001-.001h.001l-.664-.748h-.001l-.008.008-.035.03-.144.118c-.128.104-.322.255-.576.437-.507.363-1.252.85-2.196 1.336-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 1-1.84-1.322 9 9 0 0 1-.57-.544l-.025-.028-.006-.005-.376.329-.376.33h.002q0 .003.003.005.003.005.01.011l.036.04q.045.049.133.137c.116.117.287.283.511.479.45.392 1.115.91 1.989 1.428 1.748 1.036 4.335 2.07 7.692 2.07" }),
16
- /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M25.847 51.244a.5.5 0 0 0-.091.43l1 4 .97-.243-.845-3.38h3.36v-.999h-4l-.113.013a.5.5 0 0 0-.281.18" }),
17
- /* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("mask", { id: "Track3DMouse__b", width: "30", height: "27", x: "11", y: "18", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M11.295 20.53c0-1.713 2.014-2.634 3.31-1.512l25.544 22.123c1.4 1.212.542 3.511-1.31 3.511H13.296a2 2 0 0 1-2-2z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#Track3DMouse__b)" }, /* @__PURE__ */ React.createElement("g", { filter: "url(#Track3DMouse__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M4.512-.594H62.49v48.69H4.51z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#Track3DMouse__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Track3DMouse__e)", d: "m11.47 5.32 44.06 38.506H11.47z" })))),
18
- /* @__PURE__ */ React.createElement("g", { opacity: ".25" }, /* @__PURE__ */ React.createElement("mask", { id: "Track3DMouse__f", width: "30", height: "27", x: "31", y: "18", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M60.705 20.53c0-1.713-2.014-2.634-3.31-1.512L31.851 41.141c-1.4 1.212-.543 3.511 1.31 3.511h25.544a2 2 0 0 0 2-2z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#Track3DMouse__f)" }, /* @__PURE__ */ React.createElement("g", { filter: "url(#Track3DMouse__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M31.26-.594h57.98v48.69H31.26z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#Track3DMouse__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Track3DMouse__i)", d: "M64.491 12.36 82.28 43.824H28.738z" })))),
19
- /* @__PURE__ */ React.createElement("mask", { id: "Track3DMouse__j", width: "30", height: "27", x: "21", y: "18", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M34.268 19.227c.77-1.334 2.694-1.334 3.464 0l12.99 22.5c.77 1.333-.192 3-1.732 3H23.01c-1.54 0-2.502-1.667-1.732-3z" })),
20
- /* @__PURE__ */ React.createElement("g", { mask: "url(#Track3DMouse__j)" }, /* @__PURE__ */ React.createElement("g", { filter: "url(#Track3DMouse__k)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M12.763-.52h57.979v48.69h-57.98z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#Track3DMouse__l)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Track3DMouse__m)", d: "m44.056 1.23 24.488 42.668H17.121z" }))),
21
- /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("filter", { id: "Track3DMouse__c", width: "67.979", height: "58.691", x: "-.488", y: "-5.594", 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_20725", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "Track3DMouse__d", width: "54.061", height: "48.504", x: "6.47", y: ".32", 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_20725", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "Track3DMouse__g", width: "67.979", height: "58.691", x: "26.261", y: "-5.594", 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_20725", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "Track3DMouse__h", width: "63.542", height: "41.465", x: "23.738", y: "7.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_20725", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "Track3DMouse__k", width: "67.979", height: "58.691", x: "7.763", y: "-5.52", 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_20725", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "Track3DMouse__l", width: "61.423", height: "52.668", x: "12.121", y: "-3.77", 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_20725", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "Track3DMouse__a", x1: "46.741", x2: "27.241", y1: "52.551", y2: "52.551", 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: "Track3DMouse__e", x1: "49.282", x2: "17.654", y1: "8.777", y2: "54.959", 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: "Track3DMouse__i", x1: "76.031", x2: "44.403", y1: "8.776", y2: "54.958", 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: "Track3DMouse__m", x1: "61.251", x2: "26.895", y1: "5.06", y2: "57.897", 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)" })))
16
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M25.847 51.242a.5.5 0 0 0-.091.43l1 4 .97-.243-.845-3.38h3.36v-.999h-4l-.113.013a.5.5 0 0 0-.281.18" }),
17
+ /* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("mask", { id: "Track3DMouse__b", width: "30", height: "27", x: "11", y: "18", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M11.295 20.532c0-1.713 2.014-2.634 3.31-1.512l25.544 22.123c1.4 1.212.542 3.511-1.31 3.511H13.296a2 2 0 0 1-2-2z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#Track3DMouse__b)" }, /* @__PURE__ */ React.createElement("g", { filter: "url(#Track3DMouse__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M4.512-.592H62.49v48.69H4.51z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#Track3DMouse__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Track3DMouse__e)", d: "m11.47 5.32 44.06 38.506H11.47z" })))),
18
+ /* @__PURE__ */ React.createElement("g", { opacity: ".25" }, /* @__PURE__ */ React.createElement("mask", { id: "Track3DMouse__f", width: "30", height: "27", x: "31", y: "18", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M60.705 20.532c0-1.713-2.014-2.634-3.31-1.512L31.851 41.143c-1.4 1.212-.543 3.511 1.31 3.511h25.544a2 2 0 0 0 2-2z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#Track3DMouse__f)" }, /* @__PURE__ */ React.createElement("g", { filter: "url(#Track3DMouse__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M31.26-.592h57.98v48.69H31.26z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#Track3DMouse__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Track3DMouse__i)", d: "M64.491 12.36 82.28 43.824H28.738z" })))),
19
+ /* @__PURE__ */ React.createElement("mask", { id: "Track3DMouse__j", width: "30", height: "27", x: "21", y: "18", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M34.268 19.23c.77-1.333 2.694-1.333 3.464 0l12.99 22.5c.77 1.334-.192 3-1.732 3H23.01c-1.54 0-2.502-1.666-1.732-3z" })),
20
+ /* @__PURE__ */ React.createElement("g", { mask: "url(#Track3DMouse__j)" }, /* @__PURE__ */ React.createElement("g", { filter: "url(#Track3DMouse__k)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M12.763-.516h57.979v48.69h-57.98z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#Track3DMouse__l)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Track3DMouse__m)", d: "m44.056 1.234 24.488 42.668H17.121z" }))),
21
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("filter", { id: "Track3DMouse__c", width: "67.979", height: "58.69", x: "-.488", y: "-5.592", 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_20725", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "Track3DMouse__d", width: "54.061", height: "48.506", x: "6.47", y: ".32", 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_20725", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "Track3DMouse__g", width: "67.979", height: "58.69", x: "26.261", y: "-5.592", 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_20725", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "Track3DMouse__h", width: "63.542", height: "41.465", x: "23.738", y: "7.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_20725", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "Track3DMouse__k", width: "67.979", height: "58.69", x: "7.763", y: "-5.516", 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_20725", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "Track3DMouse__l", width: "61.423", height: "52.668", x: "12.121", y: "-3.766", 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_20725", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "Track3DMouse__a", x1: "46.741", x2: "27.241", y1: "52.551", y2: "52.551", 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: "Track3DMouse__e", x1: "49.282", x2: "17.654", y1: "8.777", y2: "54.959", 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: "Track3DMouse__i", x1: "76.031", x2: "44.403", y1: "8.776", y2: "54.958", 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: "Track3DMouse__m", x1: "61.251", x2: "26.895", y1: "5.064", y2: "57.9", 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)" })))
22
22
  );
23
23
  Track3DMouse.displayName = "Track3DMouse";
24
24
  export {
package/dist/esm/TrackMouse.js CHANGED
@@ -9,14 +9,14 @@ const TrackMouse = (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: "M34.268 33.664c.77-1.333 2.694-1.333 3.464 0l12.99 22.5c.77 1.333-.193 3-1.732 3H23.01c-1.54 0-2.503-1.667-1.733-3z", opacity: ".5" }),
13
- /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M34.268 23.856c.77-1.334 2.694-1.334 3.464 0l12.99 22.5c.77 1.333-.193 3-1.732 3H23.01c-1.54 0-2.503-1.667-1.733-3z", opacity: ".5" }),
12
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M34.268 33.662c.77-1.333 2.694-1.333 3.464 0l12.99 22.5c.77 1.333-.193 3-1.732 3H23.01c-1.54 0-2.503-1.667-1.733-3z", opacity: ".5" }),
13
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M34.268 23.857c.77-1.333 2.694-1.333 3.464 0l12.99 22.5c.77 1.334-.193 3-1.732 3H23.01c-1.54 0-2.503-1.666-1.733-3z", opacity: ".5" }),
14
14
  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M34.268 14.05c.77-1.333 2.694-1.333 3.464 0l12.99 22.5c.77 1.334-.193 3-1.732 3H23.01c-1.54 0-2.503-1.666-1.733-3z", opacity: ".5" }),
15
- /* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("mask", { id: "TrackMouse__a", width: "30", height: "28", x: "21", y: "32", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M34.268 33.664c.77-1.333 2.694-1.333 3.464 0l12.99 22.5c.77 1.333-.192 3-1.732 3H23.01c-1.54 0-2.502-1.667-1.732-3z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#TrackMouse__a)" }, /* @__PURE__ */ React.createElement("g", { filter: "url(#TrackMouse__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M12.763 13.918h57.979v48.69h-57.98z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#TrackMouse__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TrackMouse__d)", d: "m41.527 20.977 20.982 38.505H18.45z" })))),
16
- /* @__PURE__ */ React.createElement("g", { opacity: ".75" }, /* @__PURE__ */ React.createElement("mask", { id: "TrackMouse__e", width: "30", height: "28", x: "21", y: "22", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M34.268 23.856c.77-1.334 2.694-1.334 3.464 0l12.99 22.5c.77 1.333-.192 3-1.732 3H23.01c-1.54 0-2.502-1.667-1.732-3z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#TrackMouse__e)" }, /* @__PURE__ */ React.createElement("g", { filter: "url(#TrackMouse__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M12.763 4.11h57.979V52.8h-57.98z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#TrackMouse__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TrackMouse__h)", d: "m41.272 11.293 20.983 38.505H18.194z" })))),
15
+ /* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("mask", { id: "TrackMouse__a", width: "30", height: "28", x: "21", y: "32", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M34.268 33.662c.77-1.333 2.694-1.333 3.464 0l12.99 22.5c.77 1.333-.192 3-1.732 3H23.01c-1.54 0-2.502-1.667-1.732-3z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#TrackMouse__a)" }, /* @__PURE__ */ React.createElement("g", { filter: "url(#TrackMouse__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M12.763 13.916h57.979v48.69h-57.98z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#TrackMouse__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TrackMouse__d)", d: "m41.527 20.973 20.982 38.505H18.45z" })))),
16
+ /* @__PURE__ */ React.createElement("g", { opacity: ".75" }, /* @__PURE__ */ React.createElement("mask", { id: "TrackMouse__e", width: "30", height: "28", x: "21", y: "22", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M34.268 23.857c.77-1.333 2.694-1.333 3.464 0l12.99 22.5c.77 1.334-.192 3-1.732 3H23.01c-1.54 0-2.502-1.666-1.732-3z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#TrackMouse__e)" }, /* @__PURE__ */ React.createElement("g", { filter: "url(#TrackMouse__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M12.763 4.111h57.979v48.69h-57.98z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#TrackMouse__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TrackMouse__h)", d: "M41.272 11.295 62.255 49.8H18.194z" })))),
17
17
  /* @__PURE__ */ React.createElement("mask", { id: "TrackMouse__i", width: "30", height: "27", x: "21", y: "13", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M34.268 14.05c.77-1.333 2.694-1.333 3.464 0l12.99 22.5c.77 1.334-.192 3-1.732 3H23.01c-1.54 0-2.502-1.666-1.732-3z" })),
18
- /* @__PURE__ */ React.createElement("g", { mask: "url(#TrackMouse__i)" }, /* @__PURE__ */ React.createElement("g", { filter: "url(#TrackMouse__j)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M12.763-17.5h72.035v60.494H12.763z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#TrackMouse__k)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TrackMouse__l)", d: "M49.352-12.91 79.777 40.1h-63.89z" }))),
19
- /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("filter", { id: "TrackMouse__b", width: "67.979", height: "58.691", x: "7.763", y: "8.918", 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_20629", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "TrackMouse__c", width: "54.061", height: "48.504", x: "13.448", y: "15.977", 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_20629", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "TrackMouse__f", width: "67.979", height: "58.691", x: "7.763", y: "-.891", 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_20629", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "TrackMouse__g", width: "54.061", height: "48.504", x: "13.194", y: "6.293", 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_20629", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "TrackMouse__j", width: "82.035", height: "70.492", x: "7.763", y: "-22.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_20629", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "TrackMouse__k", width: "73.89", height: "63.012", x: "10.887", y: "-17.91", 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_20629", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "TrackMouse__d", x1: "56.26", x2: "24.633", y1: "24.433", y2: "70.615", 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: "TrackMouse__h", x1: "56.006", x2: "24.378", y1: "14.749", y2: "60.931", 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: "TrackMouse__l", x1: "70.716", x2: "28.032", y1: "-8.152", y2: "57.493", 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)" })))
18
+ /* @__PURE__ */ React.createElement("g", { mask: "url(#TrackMouse__i)" }, /* @__PURE__ */ React.createElement("g", { filter: "url(#TrackMouse__j)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M12.763-17.5h72.035v60.494H12.763z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#TrackMouse__k)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TrackMouse__l)", d: "m49.352-12.908 30.425 53.01h-63.89z" }))),
19
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("filter", { id: "TrackMouse__b", width: "67.979", height: "58.69", x: "7.763", y: "8.916", 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_20629", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "TrackMouse__c", width: "54.061", height: "48.506", x: "13.448", y: "15.973", 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_20629", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "TrackMouse__f", width: "67.979", height: "58.69", x: "7.763", y: "-.889", 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_20629", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "TrackMouse__g", width: "54.061", height: "48.506", x: "13.194", y: "6.295", 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_20629", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "TrackMouse__j", width: "82.035", height: "70.494", x: "7.763", y: "-22.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_20629", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "TrackMouse__k", width: "73.89", height: "63.012", x: "10.887", y: "-17.908", 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_20629", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "TrackMouse__d", x1: "56.26", x2: "24.633", y1: "24.429", y2: "70.611", 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: "TrackMouse__h", x1: "56.006", x2: "24.378", y1: "14.751", y2: "60.933", 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: "TrackMouse__l", x1: "70.716", x2: "28.032", y1: "-8.15", y2: "57.495", 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
  TrackMouse.displayName = "TrackMouse";
22
22
  export {
package/dist/esm/TriangleDivider.js CHANGED
@@ -10,7 +10,7 @@ const TriangleDivider = (props) => /* @__PURE__ */ React.createElement(
10
10
  ...props
11
11
  },
12
12
  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#TriangleDivider__a)" }, /* @__PURE__ */ React.createElement("mask", { id: "TriangleDivider__b", width: "97", height: "24", x: "0", y: "27", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#0070FF", d: "M48.447 27.878.04 50.998h96.816zL.04 50.998h96.816z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#TriangleDivider__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "m48.106 26.222-60.915 29.094h121.831zl-60.915 29.094h121.831z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#TriangleDivider__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TriangleDivider__d)", d: "M48.68 18.515-22.12 52.33h141.603zL-22.12 52.33h141.603z" })))),
13
- /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "TriangleDivider__d", x1: "99.399", x2: "88.626", y1: "21.55", y2: "79.114", 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: "TriangleDivider__a" }, /* @__PURE__ */ React.createElement("rect", { width: "96.901", height: "51.001", fill: "#fff", rx: "8" })), /* @__PURE__ */ React.createElement("filter", { id: "TriangleDivider__c", width: "171.741", height: "63.95", x: "-37.19", y: "3.446", 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_22614", stdDeviation: "7.5" })))
13
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "TriangleDivider__d", x1: "99.399", x2: "88.626", y1: "21.55", y2: "79.114", 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: "TriangleDivider__a" }, /* @__PURE__ */ React.createElement("rect", { width: "96.901", height: "51.001", fill: "#fff", rx: "8" })), /* @__PURE__ */ React.createElement("filter", { id: "TriangleDivider__c", width: "171.741", height: "63.954", x: "-37.19", y: "3.446", 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_22614", stdDeviation: "7.5" })))
14
14
  );
15
15
  TriangleDivider.displayName = "TriangleDivider";
16
16
  export {
package/dist/esm/TriangularImage.js CHANGED
@@ -10,7 +10,7 @@ const TriangularImage = (props) => /* @__PURE__ */ React.createElement(
10
10
  ...props
11
11
  },
12
12
  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#TriangularImage__a)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#TriangularImage__b)" }, /* @__PURE__ */ React.createElement("rect", { width: "62", height: "58", x: "10", y: "12", fill: "var(--wds-illustration-color-6, #002296)", rx: "4" })), /* @__PURE__ */ React.createElement("path", { fill: "url(#TriangularImage__c)", d: "M41.84 28.004 24.5 56l30.925-4.605z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#TriangularImage__d)", d: "M73 38s-23.774-9.725-24.934-10.218-8.353-2.773-6.227 3.8c2.114 6.532 3.272 9.044 3.733 10.16.46 1.115 2.335 5.66-2.383 7.336C37.843 50.978 9 60 9 60v8.181h64z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#TriangularImage__e)" }, /* @__PURE__ */ React.createElement("rect", { width: "13.844", height: "13.944", x: "15.996", y: "24", fill: "var(--wds-illustration-color-1, #002291)", rx: "6.922" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#TriangularImage__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TriangularImage__g)", d: "M25.35 15.421q-.916.182-1.8.505a11.54 11.54 0 0 0-5.954 4.982c-3.22 5.46-1.428 12.454 4.003 15.62 5.43 3.166 12.44 1.303 15.66-4.156 3.22-5.464 1.429-12.458-3.998-15.62a11.32 11.32 0 0 0-7.91-1.331" })))),
13
- /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "TriangularImage__c", x1: "32.522", x2: "57.88", y1: "37.51", y2: "57.476", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".325", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "TriangularImage__d", x1: "16", x2: "66.354", y1: "12.11", y2: "61.014", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".95", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "TriangularImage__g", x1: "35.617", x2: "16.059", y1: "17.259", y2: "42.217", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "TriangularImage__a" }, /* @__PURE__ */ React.createElement("rect", { width: "54", height: "54", x: "14", y: "14", fill: "#fff", rx: "27" })), /* @__PURE__ */ React.createElement("clipPath", { id: "TriangularImage__b" }, /* @__PURE__ */ React.createElement("rect", { width: "62", height: "58", x: "10", y: "12", fill: "#fff", rx: "4" })), /* @__PURE__ */ React.createElement("clipPath", { id: "TriangularImage__e" }, /* @__PURE__ */ React.createElement("rect", { width: "13.844", height: "13.944", x: "15.996", y: "24", fill: "#fff", rx: "6.922" })), /* @__PURE__ */ React.createElement("filter", { id: "TriangularImage__f", width: "27.261", height: "27.26", x: "13.797", y: "13.009", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_18877", stdDeviation: "1.099" })))
13
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "TriangularImage__c", x1: "32.522", x2: "57.88", y1: "37.51", y2: "57.476", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".325", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "TriangularImage__d", x1: "16", x2: "66.354", y1: "12.11", y2: "61.014", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".95", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "TriangularImage__g", x1: "35.617", x2: "16.059", y1: "17.259", y2: "42.217", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "TriangularImage__a" }, /* @__PURE__ */ React.createElement("rect", { width: "54", height: "54", x: "14", y: "14", fill: "#fff", rx: "27" })), /* @__PURE__ */ React.createElement("clipPath", { id: "TriangularImage__b" }, /* @__PURE__ */ React.createElement("rect", { width: "62", height: "58", x: "10", y: "12", fill: "#fff", rx: "4" })), /* @__PURE__ */ React.createElement("clipPath", { id: "TriangularImage__e" }, /* @__PURE__ */ React.createElement("rect", { width: "13.844", height: "13.944", x: "15.996", y: "24", fill: "#fff", rx: "6.922" })), /* @__PURE__ */ React.createElement("filter", { id: "TriangularImage__f", width: "27.261", height: "27.261", x: "13.797", y: "13.009", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_18877", stdDeviation: "1.099" })))
14
14
  );
15
15
  TriangularImage.displayName = "TriangularImage";
16
16
  export {
package/dist/esm/TurnEntrance.js CHANGED
@@ -9,15 +9,15 @@ const TurnEntrance = (props) => /* @__PURE__ */ React.createElement(
9
9
  xmlns: "http://www.w3.org/2000/svg",
10
10
  ...props
11
11
  },
12
- /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "25.248", y: "33.355", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".5", rx: "2", transform: "rotate(-17.066 25.248 33.355)" }),
13
- /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "34.06", y: "31.984", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".5", rx: "2", transform: "rotate(9.533 34.06 31.984)" }),
12
+ /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "25.248", y: "33.357", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".5", rx: "2", transform: "rotate(-17.066 25.248 33.357)" }),
13
+ /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "34.06", y: "31.987", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".5", rx: "2", transform: "rotate(9.533 34.06 31.987)" }),
14
14
  /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "18.216", y: "38.688", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".5", rx: "2", transform: "rotate(-45 18.216 38.688)" }),
15
- /* @__PURE__ */ React.createElement("path", { fill: "url(#TurnEntrance__a)", d: "M37 16.777c3.353 0 6.182 1.031 8.167 2.056.994.513 1.78 1.027 2.32 1.413a14 14 0 0 1 .785.606q.028.023.043.037l.013.01.003.003v.001h.002l-.664.748h-.002l-.007-.007-.035-.03-.144-.119a13 13 0 0 0-.576-.436 18 18 0 0 0-2.197-1.337c-1.89-.976-4.56-1.945-7.707-1.945-3.144 0-5.557.966-7.183 1.93-.814.482-1.43.964-1.84 1.322a9 9 0 0 0-.57.544l-.026.028-.006.005-.376-.329-.375-.33h.002l.002-.005.01-.011.036-.04q.046-.049.133-.137c.116-.117.287-.283.512-.479.449-.391 1.114-.91 1.988-1.427 1.749-1.037 4.336-2.07 7.693-2.07" }),
15
+ /* @__PURE__ */ React.createElement("path", { fill: "url(#TurnEntrance__a)", d: "M37 16.775c3.353 0 6.182 1.031 8.167 2.056.994.513 1.78 1.027 2.32 1.413a14 14 0 0 1 .785.606q.028.023.043.037l.013.01.003.003v.001h.002l-.664.748h-.002l-.007-.007-.035-.03-.144-.119a13 13 0 0 0-.576-.436 18 18 0 0 0-2.197-1.337c-1.89-.976-4.56-1.945-7.707-1.945-3.144 0-5.557.966-7.183 1.93-.814.482-1.43.964-1.84 1.322a9 9 0 0 0-.57.544l-.026.028-.006.006-.376-.33-.375-.33h.002l.002-.005.01-.011.036-.04q.046-.049.133-.137c.116-.117.287-.283.512-.479.449-.391 1.114-.91 1.988-1.427 1.749-1.037 4.336-2.07 7.693-2.07" }),
16
16
  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M26.606 21.584a.5.5 0 0 1-.09-.43l1-4 .97.244-.846 3.379H31v.999h-4l-.113-.013a.5.5 0 0 1-.28-.18" }),
17
- /* @__PURE__ */ React.createElement("g", { opacity: ".7", clipPath: "url(#TurnEntrance__b)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "25.248", y: "33.355", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-17.066 25.248 33.355)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#TurnEntrance__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TurnEntrance__d)", d: "m6.127 60.066-13.05-44.11 44.109-13.05 13.051 44.11z" }))),
18
- /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#TurnEntrance__e)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "34.06", y: "31.984", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(9.533 34.06 31.984)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#TurnEntrance__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TurnEntrance__g)", d: "M5.676 49.395 12.52 3.907l45.488 6.846-6.846 45.487z" }))),
17
+ /* @__PURE__ */ React.createElement("g", { opacity: ".7", clipPath: "url(#TurnEntrance__b)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "25.248", y: "33.356", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-17.066 25.248 33.356)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#TurnEntrance__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TurnEntrance__d)", d: "m6.127 60.065-13.05-44.11 44.109-13.05 13.051 44.11z" }))),
18
+ /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#TurnEntrance__e)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "34.06", y: "31.987", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(9.533 34.06 31.987)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#TurnEntrance__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TurnEntrance__g)", d: "M5.676 49.396 12.52 3.907l45.488 6.846-6.846 45.487z" }))),
19
19
  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#TurnEntrance__h)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "18.216", y: "38.688", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 18.216 38.688)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#TurnEntrance__i)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TurnEntrance__j)", d: "m13.973 71.215-32.526-32.527L13.973 6.16 46.5 38.688z" }))),
20
- /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "TurnEntrance__a", x1: "47.501", x2: "28", y1: "20.277", y2: "20.277", 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: "TurnEntrance__d", x1: "-1.114", x2: "58.198", y1: "21.041", y2: "44.527", 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: "TurnEntrance__g", x1: "15.633", x2: "59.429", y1: "10.973", y2: "57.356", 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: "TurnEntrance__j", x1: "-11.021", x2: "52.308", y1: "40.382", y2: "32.701", 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: "TurnEntrance__b" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "25.248", y: "33.355", fill: "#fff", rx: "2", transform: "rotate(-17.066 25.248 33.355)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "TurnEntrance__e" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "34.06", y: "31.984", fill: "#fff", rx: "2", transform: "rotate(9.533 34.06 31.984)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "TurnEntrance__h" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "18.216", y: "38.688", fill: "#fff", rx: "2", transform: "rotate(-45 18.216 38.688)" })), /* @__PURE__ */ React.createElement("filter", { id: "TurnEntrance__c", width: "67.161", height: "67.16", x: "-11.924", y: "-2.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_19247", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "TurnEntrance__f", width: "62.334", height: "62.336", x: ".676", y: "-1.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_19247", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "TurnEntrance__i", width: "75.054", height: "75.055", x: "-23.553", y: "1.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_19247", stdDeviation: "2.5" })))
20
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "TurnEntrance__a", x1: "47.501", x2: "28", y1: "20.276", y2: "20.276", 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: "TurnEntrance__d", x1: "-1.114", x2: "58.198", y1: "21.04", y2: "44.526", 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: "TurnEntrance__g", x1: "15.633", x2: "59.429", y1: "10.974", y2: "57.357", 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: "TurnEntrance__j", x1: "-11.021", x2: "52.308", y1: "40.382", y2: "32.701", 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: "TurnEntrance__b" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "25.248", y: "33.356", fill: "#fff", rx: "2", transform: "rotate(-17.066 25.248 33.356)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "TurnEntrance__e" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "34.06", y: "31.987", fill: "#fff", rx: "2", transform: "rotate(9.533 34.06 31.987)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "TurnEntrance__h" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "18.216", y: "38.688", fill: "#fff", rx: "2", transform: "rotate(-45 18.216 38.688)" })), /* @__PURE__ */ React.createElement("filter", { id: "TurnEntrance__c", width: "67.161", height: "67.161", x: "-11.924", y: "-2.096", 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_19247", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "TurnEntrance__f", width: "62.334", height: "62.333", x: ".676", y: "-1.092", 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_19247", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "TurnEntrance__i", width: "75.054", height: "75.054", x: "-23.553", y: "1.161", 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_19247", stdDeviation: "2.5" })))
21
21
  );
22
22
  TurnEntrance.displayName = "TurnEntrance";
23
23
  export {
package/dist/esm/TurnScroll.js CHANGED
@@ -9,16 +9,16 @@ const TurnScroll = (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: "M40.116 28.675a2 2 0 0 1 1.45 1.378l3.026 10.253a2 2 0 0 1-.468 1.944l-7.366 7.748a2 2 0 0 1-1.919.567l-10.392-2.506a2 2 0 0 1-1.45-1.378L19.97 36.428a2 2 0 0 1 .469-1.944l7.366-7.748a2 2 0 0 1 1.918-.566z", opacity: ".5" }),
12
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M40.116 28.671a2 2 0 0 1 1.45 1.378l3.026 10.253a2 2 0 0 1-.468 1.944l-7.366 7.749a2 2 0 0 1-1.919.566l-10.392-2.505a2 2 0 0 1-1.45-1.378L19.97 36.424a2 2 0 0 1 .469-1.944l7.366-7.748a2 2 0 0 1 1.918-.566z", opacity: ".5" }),
13
13
  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M40.701 20.095a2 2 0 0 1 1.83.81l6.3 8.637a2 2 0 0 1 .212 1.988l-4.33 9.775a2 2 0 0 1-1.615 1.179l-10.63 1.137a2 2 0 0 1-1.829-.81l-6.3-8.636a2 2 0 0 1-.213-1.99l4.33-9.774a2 2 0 0 1 1.616-1.178z", opacity: ".5" }),
14
- /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M37.14 12.561a2 2 0 0 1 2 0l9.259 5.345a2 2 0 0 1 1 1.733v10.69a2 2 0 0 1-1 1.732l-9.258 5.346a2 2 0 0 1-2 0l-9.259-5.345a2 2 0 0 1-1-1.732V19.639a2 2 0 0 1 1-1.732z", opacity: ".5" }),
15
- /* @__PURE__ */ React.createElement("path", { fill: "url(#TurnScroll__a)", d: "M46.334 53.668c-2.093 2.093-4.504 3.216-6.381 3.815-.94.3-1.752.47-2.33.566a12 12 0 0 1-.87.113l-.05.003h-.014l-.005.002h-.002l-.03-.5-.028-.498v-.001h.009l.039-.003.162-.016c.143-.015.356-.042.625-.087.54-.089 1.303-.248 2.19-.531 1.775-.567 4.03-1.622 5.978-3.57 1.945-1.946 2.84-4.037 3.25-5.64.205-.8.288-1.48.32-1.954a8 8 0 0 0 .017-.687l-.002-.032v-.006l.5-.033.498-.034v.007l.001.014a4 4 0 0 1 .006.218c0 .147-.004.357-.022.62a12 12 0 0 1-.35 2.136c-.445 1.74-1.415 4.001-3.511 6.098" }),
14
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M37.14 12.56a2 2 0 0 1 2 0l9.259 5.344a2 2 0 0 1 1 1.733v10.69a2 2 0 0 1-1 1.732l-9.258 5.346a2 2 0 0 1-2 0l-9.259-5.345a2 2 0 0 1-1-1.732v-10.69a2 2 0 0 1 1-1.733z", opacity: ".5" }),
15
+ /* @__PURE__ */ React.createElement("path", { fill: "url(#TurnScroll__a)", d: "M46.334 53.67c-2.093 2.093-4.504 3.215-6.381 3.815-.94.3-1.752.47-2.33.566a12 12 0 0 1-.87.113l-.05.003h-.014l-.005.002h-.002l-.03-.5-.028-.498v-.001h.009l.039-.004q.054-.003.162-.015c.143-.015.356-.042.625-.087a16 16 0 0 0 2.19-.531c1.775-.567 4.03-1.622 5.978-3.57 1.945-1.946 2.84-4.037 3.25-5.64.205-.801.288-1.48.32-1.954a8 8 0 0 0 .017-.687l-.002-.032v-.006l.5-.033.498-.034v.007l.001.014a4 4 0 0 1 .006.218c0 .147-.004.357-.022.62a12 12 0 0 1-.35 2.136c-.445 1.74-1.415 4.001-3.511 6.098" }),
16
16
  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M49.772 44.113a.5.5 0 0 1 .368.239l1.865 3.109-.857.514-1.536-2.56-2.035 2.035-.706-.707 2.487-2.488.089-.071a.5.5 0 0 1 .325-.072" }),
17
- /* @__PURE__ */ React.createElement("g", { opacity: ".25" }, /* @__PURE__ */ React.createElement("mask", { id: "TurnScroll__b", width: "26", height: "25", x: "19", y: "26", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M40.116 28.671a2 2 0 0 1 1.45 1.378l3.026 10.253a2 2 0 0 1-.468 1.944l-7.366 7.749a2 2 0 0 1-1.919.566l-10.392-2.505a2 2 0 0 1-1.45-1.378L19.97 36.424a2 2 0 0 1 .469-1.944l7.366-7.748a2 2 0 0 1 1.918-.566z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#TurnScroll__c)", mask: "url(#TurnScroll__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TurnScroll__d)", d: "m64.47 18.673 8.198 27.77-19.95 20.986-28.15-6.785-8.198-27.77 19.95-20.986z" }))),
18
- /* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("mask", { id: "TurnScroll__e", width: "27", height: "24", x: "23", y: "20", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M40.701 20.095a2 2 0 0 1 1.829.81l6.3 8.637a2 2 0 0 1 .213 1.988l-4.33 9.775a2 2 0 0 1-1.615 1.179l-10.63 1.137a2 2 0 0 1-1.829-.81l-6.3-8.636a2 2 0 0 1-.213-1.99l4.33-9.774a2 2 0 0 1 1.616-1.178z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#TurnScroll__f)", mask: "url(#TurnScroll__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TurnScroll__g)", d: "m60.272 2.488 17.064 23.393-11.727 26.474-28.79 3.082-17.065-23.393L31.481 5.57z" }))),
19
- /* @__PURE__ */ React.createElement("mask", { id: "TurnScroll__h", width: "24", height: "26", x: "26", y: "12", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M37.14 12.561a2 2 0 0 1 2 0l9.259 5.345a2 2 0 0 1 1 1.733v10.69a2 2 0 0 1-1 1.732l-9.258 5.346a2 2 0 0 1-2 0l-9.259-5.345a2 2 0 0 1-1-1.732V19.639a2 2 0 0 1 1-1.732z" })),
20
- /* @__PURE__ */ React.createElement("g", { filter: "url(#TurnScroll__i)", mask: "url(#TurnScroll__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TurnScroll__j)", d: "M53.4-16.954 82.786.012v33.933L53.402 50.912 24.014 33.946 24.013.013z" })),
21
- /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "TurnScroll__a", x1: "36.637", x2: "51.934", y1: "57.633", y2: "50.913", 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: "TurnScroll__d", x1: "75.921", x2: "11.674", y1: "36.732", y2: "46.905", 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: "TurnScroll__g", x1: "77.132", x2: "20.054", y1: "15.641", y2: "46.838", 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: "TurnScroll__j", x1: "77.707", x2: "31.356", y1: "-10.863", y2: "49.656", 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: "TurnScroll__c", width: "66.298", height: "65.543", x: "11.37", y: "6.887", 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_20138", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "TurnScroll__f", width: "67.582", height: "62.949", x: "14.754", y: "-2.512", 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_20138", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "TurnScroll__i", width: "68.775", height: "77.863", x: "19.013", y: "-21.953", 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_20138", stdDeviation: "2.5" })))
17
+ /* @__PURE__ */ React.createElement("g", { opacity: ".25" }, /* @__PURE__ */ React.createElement("mask", { id: "TurnScroll__b", width: "26", height: "25", x: "19", y: "26", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M40.116 28.671a2 2 0 0 1 1.45 1.378l3.026 10.253a2 2 0 0 1-.468 1.944l-7.366 7.749a2 2 0 0 1-1.919.566l-10.392-2.505a2 2 0 0 1-1.45-1.378L19.97 36.424a2 2 0 0 1 .469-1.944l7.366-7.748a2 2 0 0 1 1.918-.566z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#TurnScroll__c)", mask: "url(#TurnScroll__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TurnScroll__d)", d: "m64.47 18.675 8.198 27.77-19.95 20.986-28.15-6.785-8.198-27.77L36.32 11.89z" }))),
18
+ /* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("mask", { id: "TurnScroll__e", width: "27", height: "24", x: "23", y: "20", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M40.701 20.095a2 2 0 0 1 1.829.81l6.3 8.637a2 2 0 0 1 .213 1.988l-4.33 9.775a2 2 0 0 1-1.615 1.179l-10.63 1.137a2 2 0 0 1-1.829-.81l-6.3-8.636a2 2 0 0 1-.213-1.99l4.33-9.774a2 2 0 0 1 1.616-1.178z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#TurnScroll__f)", mask: "url(#TurnScroll__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TurnScroll__g)", d: "M60.272 2.486 77.336 25.88 65.609 52.353l-28.79 3.082-17.065-23.393L31.481 5.568z" }))),
19
+ /* @__PURE__ */ React.createElement("mask", { id: "TurnScroll__h", width: "24", height: "26", x: "26", y: "12", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M37.14 12.56a2 2 0 0 1 2 0l9.259 5.344a2 2 0 0 1 1 1.733v10.69a2 2 0 0 1-1 1.732l-9.258 5.346a2 2 0 0 1-2 0l-9.259-5.345a2 2 0 0 1-1-1.732v-10.69a2 2 0 0 1 1-1.733z" })),
20
+ /* @__PURE__ */ React.createElement("g", { filter: "url(#TurnScroll__i)", mask: "url(#TurnScroll__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TurnScroll__j)", d: "M53.4-16.958 82.786.008V33.94L53.402 50.908 24.014 33.942 24.013.01z" })),
21
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "TurnScroll__a", x1: "36.637", x2: "51.934", y1: "57.635", y2: "50.915", 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: "TurnScroll__d", x1: "75.921", x2: "11.674", y1: "36.734", y2: "46.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: "TurnScroll__g", x1: "77.132", x2: "20.054", y1: "15.639", y2: "46.836", 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: "TurnScroll__j", x1: "77.707", x2: "31.356", y1: "-10.867", y2: "49.652", 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: "TurnScroll__c", width: "66.298", height: "65.541", x: "11.37", y: "6.891", 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_20138", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "TurnScroll__f", width: "67.582", height: "62.949", x: "14.754", y: "-2.514", 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_20138", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "TurnScroll__i", width: "68.775", height: "77.865", x: "19.013", y: "-21.957", 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_20138", stdDeviation: "2.5" })))
22
22
  );
23
23
  TurnScroll.displayName = "TurnScroll";
24
24
  export {
package/dist/esm/TwistClick.js CHANGED
@@ -10,10 +10,10 @@ const TwistClick = (props) => /* @__PURE__ */ React.createElement(
10
10
  ...props
11
11
  },
12
12
  /* @__PURE__ */ React.createElement("rect", { width: "17.885", height: "35.418", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".5", rx: "8.942", transform: "matrix(.52398 -.85173 -.85174 -.52397 46.398 52.895)" }),
13
- /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#TwistClick__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "17.869", height: "35.386", fill: "var(--wds-illustration-color-1, #002291)", rx: "8.934", transform: "scale(1 -1)rotate(58.401 70.501 15.061)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#TwistClick__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TwistClick__c)", d: "M0 0h29.837v55.813H0z", transform: "scale(1 -1)rotate(58.401 89.122 25.468)" }))),
14
- /* @__PURE__ */ React.createElement("g", { opacity: ".75", clipPath: "url(#TwistClick__d)" }, /* @__PURE__ */ React.createElement("rect", { width: "11.912", height: "25.733", fill: "var(--wds-illustration-color-1, #002291)", rx: "5.956", transform: "scale(1 -1)rotate(72.502 54.26 8.948)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#TwistClick__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TwistClick__f)", d: "M0 0h41.319v72.992H0z", transform: "scale(1 -1)rotate(72.502 86.304 32.445)" }))),
15
- /* @__PURE__ */ React.createElement("g", { clipPath: "url(#TwistClick__g)" }, /* @__PURE__ */ React.createElement("rect", { width: "5.956", height: "15.319", fill: "var(--wds-illustration-color-1, #002291)", rx: "2.978", transform: "matrix(0 -1 -1 0 43.66 38.922)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#TwistClick__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TwistClick__i)", d: "M0 0h27.576v53.979H0z", transform: "matrix(0 -1 -1 0 82.638 38.922)" }))),
16
- /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "TwistClick__c", x1: "25.606", x2: "-20.174", y1: "5.01", y2: "36.239", 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: "TwistClick__f", x1: "35.459", x2: "-25.586", y1: "6.552", y2: "50.647", 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: "TwistClick__i", x1: "23.665", x2: "-19.844", y1: "4.845", y2: "33.208", 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: "TwistClick__a" }, /* @__PURE__ */ React.createElement("rect", { width: "17.869", height: "35.386", fill: "#fff", rx: "8.934", transform: "scale(1 -1)rotate(58.401 70.501 15.061)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "TwistClick__d" }, /* @__PURE__ */ React.createElement("rect", { width: "11.912", height: "25.733", fill: "#fff", rx: "5.956", transform: "scale(1 -1)rotate(72.502 54.26 8.948)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "TwistClick__g" }, /* @__PURE__ */ React.createElement("rect", { width: "5.956", height: "15.319", fill: "#fff", rx: "2.978", transform: "matrix(0 -1 -1 0 43.66 38.922)" })), /* @__PURE__ */ React.createElement("filter", { id: "TwistClick__b", width: "73.172", height: "64.66", x: "11.578", y: "4.125", 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_19572", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "TwistClick__e", width: "92.038", height: "71.356", x: "16.683", y: "-6.734", 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_19572", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "TwistClick__h", width: "63.979", height: "37.574", x: "23.66", y: "6.348", 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_19572", stdDeviation: "2.5" })))
13
+ /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#TwistClick__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "17.869", height: "35.386", fill: "var(--wds-illustration-color-1, #002291)", rx: "8.934", transform: "scale(1 -1)rotate(58.401 70.502 15.061)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#TwistClick__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TwistClick__c)", d: "M0 0h29.837v55.813H0z", transform: "scale(1 -1)rotate(58.401 89.122 25.468)" }))),
14
+ /* @__PURE__ */ React.createElement("g", { opacity: ".75", clipPath: "url(#TwistClick__d)" }, /* @__PURE__ */ React.createElement("rect", { width: "11.912", height: "25.733", fill: "var(--wds-illustration-color-1, #002291)", rx: "5.956", transform: "scale(1 -1)rotate(72.502 54.262 8.948)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#TwistClick__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TwistClick__f)", d: "M0 0h41.319v72.992H0z", transform: "scale(1 -1)rotate(72.502 86.305 32.444)" }))),
15
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#TwistClick__g)" }, /* @__PURE__ */ React.createElement("rect", { width: "5.956", height: "15.319", fill: "var(--wds-illustration-color-1, #002291)", rx: "2.978", transform: "matrix(0 -1 -1 0 43.66 38.923)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#TwistClick__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TwistClick__i)", d: "M0 0h27.576v53.979H0z", transform: "matrix(0 -1 -1 0 82.638 38.923)" }))),
16
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "TwistClick__c", x1: "25.606", x2: "-20.174", y1: "5.01", y2: "36.239", 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: "TwistClick__f", x1: "35.459", x2: "-25.586", y1: "6.552", y2: "50.647", 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: "TwistClick__i", x1: "23.665", x2: "-19.844", y1: "4.845", y2: "33.208", 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: "TwistClick__a" }, /* @__PURE__ */ React.createElement("rect", { width: "17.869", height: "35.386", fill: "#fff", rx: "8.934", transform: "scale(1 -1)rotate(58.401 70.502 15.061)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "TwistClick__d" }, /* @__PURE__ */ React.createElement("rect", { width: "11.912", height: "25.733", fill: "#fff", rx: "5.956", transform: "scale(1 -1)rotate(72.502 54.262 8.948)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "TwistClick__g" }, /* @__PURE__ */ React.createElement("rect", { width: "5.956", height: "15.319", fill: "#fff", rx: "2.978", transform: "matrix(0 -1 -1 0 43.66 38.923)" })), /* @__PURE__ */ React.createElement("filter", { id: "TwistClick__b", width: "73.172", height: "64.658", x: "11.578", y: "4.127", 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_19572", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "TwistClick__e", width: "92.038", height: "71.355", x: "16.683", y: "-6.732", 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_19572", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "TwistClick__h", width: "63.979", height: "37.575", x: "23.66", y: "6.348", 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_19572", stdDeviation: "2.5" })))
17
17
  );
18
18
  TwistClick.displayName = "TwistClick";
19
19
  export {
package/dist/esm/TwistHover.js CHANGED
@@ -10,10 +10,10 @@ const TwistHover = (props) => /* @__PURE__ */ React.createElement(
10
10
  ...props
11
11
  },
12
12
  /* @__PURE__ */ React.createElement("rect", { width: "25.526", height: "25.526", x: "29.936", y: "19", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".5", rx: "2", transform: "rotate(25.367 29.936 19)" }),
13
- /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#TwistHover__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "25.526", height: "25.526", x: "29.935", y: "19", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(25.367 29.935 19)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#TwistHover__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TwistHover__c)", d: "m38.504.93 41.564 19.707-19.707 41.565-41.564-19.708z" }))),
14
- /* @__PURE__ */ React.createElement("g", { opacity: ".75", clipPath: "url(#TwistHover__d)" }, /* @__PURE__ */ React.createElement("rect", { width: "18.233", height: "18.233", x: "29.26", y: "25.008", fill: "var(--wds-illustration-color-1, #002291)", rx: "1.5", transform: "rotate(13.48 29.26 25.008)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#TwistHover__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TwistHover__f)", d: "M35.786-2.223 80.52 8.5 69.797 53.233 25.064 42.51z" }))),
15
- /* @__PURE__ */ React.createElement("g", { clipPath: "url(#TwistHover__g)" }, /* @__PURE__ */ React.createElement("rect", { width: "10.94", height: "10.94", x: "30.53", y: "30.531", fill: "var(--wds-illustration-color-1, #002291)", rx: "1" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#TwistHover__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TwistHover__i)", d: "M31.532-4.652h46v46h-46z" }))),
16
- /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "TwistHover__c", x1: "72.405", x2: "15.338", y1: "21.573", y2: "50.085", 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: "TwistHover__f", x1: "73.213", x2: "23.243", y1: "10.995", y2: "50.65", 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: "TwistHover__i", x1: "71.008", x2: "31.659", y1: "-.523", y2: "49.688", 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: "TwistHover__a" }, /* @__PURE__ */ React.createElement("rect", { width: "25.526", height: "25.526", x: "29.935", y: "19", fill: "#fff", rx: "2", transform: "rotate(25.367 29.935 19)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "TwistHover__d" }, /* @__PURE__ */ React.createElement("rect", { width: "18.233", height: "18.233", x: "29.26", y: "25.008", fill: "#fff", rx: "1.5", transform: "rotate(13.48 29.26 25.008)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "TwistHover__g" }, /* @__PURE__ */ React.createElement("rect", { width: "10.94", height: "10.94", x: "30.53", y: "30.531", fill: "#fff", rx: "1" })), /* @__PURE__ */ React.createElement("filter", { id: "TwistHover__b", width: "71.272", height: "71.273", x: "13.796", y: "-4.07", 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_19742", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "TwistHover__e", width: "65.455", height: "65.457", x: "20.064", y: "-7.223", 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_19742", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "TwistHover__h", width: "56", height: "56", x: "26.532", y: "-9.652", 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_19742", stdDeviation: "2.5" })))
13
+ /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#TwistHover__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "25.526", height: "25.526", x: "29.935", y: "19", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(25.367 29.935 19)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#TwistHover__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TwistHover__c)", d: "m38.504.929 41.564 19.707-19.707 41.565-41.564-19.708z" }))),
14
+ /* @__PURE__ */ React.createElement("g", { opacity: ".75", clipPath: "url(#TwistHover__d)" }, /* @__PURE__ */ React.createElement("rect", { width: "18.233", height: "18.233", x: "29.26", y: "25.01", fill: "var(--wds-illustration-color-1, #002291)", rx: "1.5", transform: "rotate(13.48 29.26 25.01)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#TwistHover__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TwistHover__f)", d: "M35.786-2.219 80.52 8.504 69.797 53.237 25.064 42.514z" }))),
15
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#TwistHover__g)" }, /* @__PURE__ */ React.createElement("rect", { width: "10.94", height: "10.94", x: "30.53", y: "30.53", fill: "var(--wds-illustration-color-1, #002291)", rx: "1" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#TwistHover__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TwistHover__i)", d: "M31.532-4.653h46v46h-46z" }))),
16
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "TwistHover__c", x1: "72.405", x2: "15.338", y1: "21.572", y2: "50.084", 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: "TwistHover__f", x1: "73.213", x2: "23.243", y1: "10.998", y2: "50.654", 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: "TwistHover__i", x1: "71.008", x2: "31.659", y1: "-.524", y2: "49.687", 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: "TwistHover__a" }, /* @__PURE__ */ React.createElement("rect", { width: "25.526", height: "25.526", x: "29.935", y: "19", fill: "#fff", rx: "2", transform: "rotate(25.367 29.935 19)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "TwistHover__d" }, /* @__PURE__ */ React.createElement("rect", { width: "18.233", height: "18.233", x: "29.26", y: "25.01", fill: "#fff", rx: "1.5", transform: "rotate(13.48 29.26 25.01)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "TwistHover__g" }, /* @__PURE__ */ React.createElement("rect", { width: "10.94", height: "10.94", x: "30.53", y: "30.53", fill: "#fff", rx: "1" })), /* @__PURE__ */ React.createElement("filter", { id: "TwistHover__b", width: "71.272", height: "71.272", x: "13.796", y: "-4.071", 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_19742", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "TwistHover__e", width: "65.455", height: "65.455", x: "20.064", y: "-7.219", 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_19742", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "TwistHover__h", width: "56", height: "56", x: "26.532", y: "-9.653", 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_19742", stdDeviation: "2.5" })))
17
17
  );
18
18
  TwistHover.displayName = "TwistHover";
19
19
  export {
package/dist/esm/TwoByTwoGrid.js ADDED
@@ -0,0 +1,20 @@
1
+ import React from "react";
2
+ const TwoByTwoGrid = (props) => /* @__PURE__ */ React.createElement(
3
+ "svg",
4
+ {
5
+ viewBox: "0 0 72 72",
6
+ fill: "none",
7
+ width: 72,
8
+ height: 72,
9
+ xmlns: "http://www.w3.org/2000/svg",
10
+ ...props
11
+ },
12
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#TwoByTwoGrid__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "44", height: "44", x: "14", y: "14", fill: "var(--wds-illustration-color-1, #002291)", rx: "4" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#TwoByTwoGrid__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TwoByTwoGrid__c)", d: "M14-2h60v60H14z" }))),
13
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-background, #f8f6f6)", d: "M59 35v2H13v-2z" }),
14
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-background, #f8f6f6)", d: "M35 13h2v46h-2z" }),
15
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "TwoByTwoGrid__c", x1: "65.49", x2: "14.166", y1: "3.386", y2: "68.878", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("clipPath", { id: "TwoByTwoGrid__a" }, /* @__PURE__ */ React.createElement("rect", { width: "44", height: "44", x: "14", y: "14", fill: "#fff", rx: "4" })), /* @__PURE__ */ React.createElement("filter", { id: "TwoByTwoGrid__b", width: "84", height: "84", x: "2", y: "-14", 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_1309_9659", stdDeviation: "6" })))
16
+ );
17
+ TwoByTwoGrid.displayName = "TwoByTwoGrid";
18
+ export {
19
+ TwoByTwoGrid
20
+ };
package/dist/esm/TwoByTwoGridSmall.js ADDED
@@ -0,0 +1,20 @@
1
+ import React from "react";
2
+ const TwoByTwoGridSmall = (props) => /* @__PURE__ */ React.createElement(
3
+ "svg",
4
+ {
5
+ viewBox: "0 0 38 38",
6
+ fill: "none",
7
+ width: 38,
8
+ height: 38,
9
+ xmlns: "http://www.w3.org/2000/svg",
10
+ ...props
11
+ },
12
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#TwoByTwoGridSmall__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "23", height: "23", x: "7.506", y: "7.508", fill: "var(--wds-illustration-color-1, #002291)", rx: "2" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#TwoByTwoGridSmall__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TwoByTwoGridSmall__c)", d: "M7.506-1h31.099v31.099H7.506z" }))),
13
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-background, #f8f6f6)", d: "M31.636 18.25v1.5H6.97v-1.5z" }),
14
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-background, #f8f6f6)", d: "M18.25 6.968h1.5v24.665h-1.5z" }),
15
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "TwoByTwoGridSmall__c", x1: "34.195", x2: "7.592", y1: "1.791", y2: "35.737", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("clipPath", { id: "TwoByTwoGridSmall__a" }, /* @__PURE__ */ React.createElement("rect", { width: "23", height: "23", x: "7.506", y: "7.508", fill: "#fff", rx: "2" })), /* @__PURE__ */ React.createElement("filter", { id: "TwoByTwoGridSmall__b", width: "43.968", height: "43.971", x: "1.072", y: "-7.435", 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_1309_9672", stdDeviation: "3.217" })))
16
+ );
17
+ TwoByTwoGridSmall.displayName = "TwoByTwoGridSmall";
18
+ export {
19
+ TwoByTwoGridSmall
20
+ };
package/dist/esm/TwoRows.js ADDED
@@ -0,0 +1,19 @@
1
+ import React from "react";
2
+ const TwoRows = (props) => /* @__PURE__ */ React.createElement(
3
+ "svg",
4
+ {
5
+ viewBox: "0 0 72 72",
6
+ fill: "none",
7
+ width: 72,
8
+ height: 72,
9
+ xmlns: "http://www.w3.org/2000/svg",
10
+ ...props
11
+ },
12
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#TwoRows__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "44", height: "44", x: "58", y: "13", fill: "var(--wds-illustration-color-1, #002291)", rx: "4", transform: "rotate(90 58 13)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#TwoRows__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TwoRows__c)", d: "M14 1h59v58H14z" }))),
13
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-background, #f8f6f6)", d: "M10 37v-2h50v2z" }),
14
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "TwoRows__c", x1: "64.632", x2: "15.228", y1: "6.206", y2: "70.336", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("clipPath", { id: "TwoRows__a" }, /* @__PURE__ */ React.createElement("rect", { width: "44", height: "44", x: "58", y: "13", fill: "#fff", rx: "4", transform: "rotate(90 58 13)" })), /* @__PURE__ */ React.createElement("filter", { id: "TwoRows__b", width: "69", height: "68", x: "9", y: "-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_1309_9477", stdDeviation: "2.5" })))
15
+ );
16
+ TwoRows.displayName = "TwoRows";
17
+ export {
18
+ TwoRows
19
+ };
package/dist/esm/TwoRowsSmall.js ADDED
@@ -0,0 +1,19 @@
1
+ import React from "react";
2
+ const TwoRowsSmall = (props) => /* @__PURE__ */ React.createElement(
3
+ "svg",
4
+ {
5
+ viewBox: "0 0 38 38",
6
+ fill: "none",
7
+ width: 38,
8
+ height: 38,
9
+ xmlns: "http://www.w3.org/2000/svg",
10
+ ...props
11
+ },
12
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#TwoRowsSmall__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "23", height: "23", x: "30.611", y: "6.859", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(90 30.611 6.86)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#TwoRowsSmall__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TwoRowsSmall__c)", d: "M7.389.523h31.139v30.611H7.389z" }))),
13
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-background, #f8f6f6)", d: "M5.278 19.219v-1.5h26.389v1.5z" }),
14
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "TwoRowsSmall__c", x1: "34.111", x2: "8.037", y1: "3.271", y2: "37.117", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("clipPath", { id: "TwoRowsSmall__a" }, /* @__PURE__ */ React.createElement("rect", { width: "23", height: "23", x: "30.611", y: "6.859", fill: "#fff", rx: "2", transform: "rotate(90 30.611 6.86)" })), /* @__PURE__ */ React.createElement("filter", { id: "TwoRowsSmall__b", width: "36.417", height: "35.887", x: "4.75", y: "-2.115", 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_1309_9489", stdDeviation: "1.319" })))
15
+ );
16
+ TwoRowsSmall.displayName = "TwoRowsSmall";
17
+ export {
18
+ TwoRowsSmall
19
+ };