@wix/design-system-illustrations 2.20.0 → 2.21.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (719) hide show
  1. package/dist/cjs/AiryMouse.js +7 -7
  2. package/dist/cjs/AngledTriangleDivider.js +2 -2
  3. package/dist/cjs/{Aspect12.js → Apsect12.js} +9 -9
  4. package/dist/cjs/ArcEntrance.js +9 -9
  5. package/dist/cjs/ArcScroll.js +5 -5
  6. package/dist/cjs/Ascpect45.js +52 -0
  7. package/dist/cjs/Aspect11Image.js +2 -2
  8. package/dist/cjs/Aspect169Image.js +2 -2
  9. package/dist/cjs/Aspect23Image.js +1 -1
  10. package/dist/cjs/Aspect32Image.js +2 -2
  11. package/dist/cjs/Aspect34Image.js +2 -2
  12. package/dist/cjs/Aspect3DSection.js +8 -8
  13. package/dist/cjs/Aspect3DSpinScroll.js +9 -9
  14. package/dist/cjs/Aspect43Image.js +2 -2
  15. package/dist/cjs/Aspect45Image.js +2 -2
  16. package/dist/cjs/Aspect54Image.js +2 -2
  17. package/dist/cjs/Aspect916Image.js +2 -2
  18. package/dist/cjs/AvatarCircle.js +1 -0
  19. package/dist/cjs/AvatarSquare.js +3 -2
  20. package/dist/cjs/BentoLayout.js +54 -0
  21. package/dist/cjs/BentoLayoutSmall.js +54 -0
  22. package/dist/cjs/BlobMouse.js +7 -7
  23. package/dist/cjs/BlobsDivider.js +2 -2
  24. package/dist/cjs/Blocks.js +52 -0
  25. package/dist/cjs/BlocksSmall.js +52 -0
  26. package/dist/cjs/BlogFullPost.js +1 -1
  27. package/dist/cjs/BlogOneColumn.js +1 -1
  28. package/dist/cjs/BlogTagButton.js +1 -1
  29. package/dist/cjs/BlurScroll.js +1 -1
  30. package/dist/cjs/BookingsLayoutGrid.js +55 -0
  31. package/dist/cjs/BookingsLayoutStrip.js +52 -0
  32. package/dist/cjs/BookingsList.js +54 -0
  33. package/dist/cjs/BookingsMonthly.js +52 -0
  34. package/dist/cjs/BookingsOverlay.js +52 -0
  35. package/dist/cjs/BookingsPresetMasonry.js +53 -0
  36. package/dist/cjs/BookingsPresetSlider.js +53 -0
  37. package/dist/cjs/BookingsPresetSquares.js +53 -0
  38. package/dist/cjs/BookingsStrip.js +3 -2
  39. package/dist/cjs/BookingsWeekly.js +52 -0
  40. package/dist/cjs/Bounce.js +2 -2
  41. package/dist/cjs/BounceEntrance.js +8 -8
  42. package/dist/cjs/BrushDivider.js +2 -2
  43. package/dist/cjs/CircleImage.js +1 -1
  44. package/dist/cjs/CircleMarker.js +4 -4
  45. package/dist/cjs/CloseupSection.js +8 -8
  46. package/dist/cjs/CloudsDivider.js +1 -1
  47. package/dist/cjs/ColorClick.js +1 -1
  48. package/dist/cjs/ColorHover.js +1 -1
  49. package/dist/cjs/CrossLoop.js +8 -8
  50. package/dist/cjs/Cube.js +2 -2
  51. package/dist/cjs/CustomImage.js +2 -2
  52. package/dist/cjs/DartScroll.js +5 -5
  53. package/dist/cjs/DesignedSection.js +2 -2
  54. package/dist/cjs/DesignedSectionSmall.js +2 -2
  55. package/dist/cjs/DonutChart.js +2 -2
  56. package/dist/cjs/Dots.js +60 -0
  57. package/dist/cjs/DotsSmall.js +60 -0
  58. package/dist/cjs/Drop.js +3 -3
  59. package/dist/cjs/DunesDivider.js +5 -5
  60. package/dist/cjs/ElipseDivider.js +4 -4
  61. package/dist/cjs/EllipseImage.js +1 -1
  62. package/dist/cjs/EmptyPageImage.js +2 -2
  63. package/dist/cjs/EventInfo.js +2 -2
  64. package/dist/cjs/EventLeft.js +1 -1
  65. package/dist/cjs/EventRight.js +1 -1
  66. package/dist/cjs/ExpandClick.js +11 -11
  67. package/dist/cjs/ExpandHover.js +8 -8
  68. package/dist/cjs/ExpandScroll.js +7 -7
  69. package/dist/cjs/FadeAnimationFadeAnimation.js +53 -0
  70. package/dist/cjs/FadeBackSection.js +5 -5
  71. package/dist/cjs/FadeClick.js +2 -2
  72. package/dist/cjs/FadeHover.js +2 -2
  73. package/dist/cjs/FadeScroll.js +2 -2
  74. package/dist/cjs/FadeSection.js +2 -2
  75. package/dist/cjs/FillParallaxScroll.js +8 -8
  76. package/dist/cjs/FillReveal.js +3 -3
  77. package/dist/cjs/FlapLoop.js +7 -7
  78. package/dist/cjs/FlashLoop.js +3 -3
  79. package/dist/cjs/FlipAnimation.js +4 -4
  80. package/dist/cjs/FlipLoop.js +7 -7
  81. package/dist/cjs/FlipScroll.js +7 -7
  82. package/dist/cjs/FloatEntrance.js +5 -5
  83. package/dist/cjs/FluidImage.js +1 -1
  84. package/dist/cjs/FoldAnimation.js +4 -4
  85. package/dist/cjs/FreeformImage.js +3 -3
  86. package/dist/cjs/GenerateWithAI.js +1 -1
  87. package/dist/cjs/GlideEntrance.js +6 -6
  88. package/dist/cjs/GrowEntrance.js +6 -6
  89. package/dist/cjs/HeartImage.js +1 -1
  90. package/dist/cjs/HexagonalImage.js +1 -1
  91. package/dist/cjs/HillDivider.js +1 -1
  92. package/dist/cjs/ImageLayoutLarge.js +2 -2
  93. package/dist/cjs/ImageLayoutThumbnail.js +2 -2
  94. package/dist/cjs/ImageLayoutTwoColumn.js +2 -2
  95. package/dist/cjs/InvertedElipseDivider.js +4 -4
  96. package/dist/cjs/JelloLoop.js +5 -5
  97. package/dist/cjs/LayeredElipseDivider.js +4 -6
  98. package/dist/cjs/LayoutTwoColumnSmall.js +53 -0
  99. package/dist/cjs/LeftToRight.js +57 -0
  100. package/dist/cjs/LeftToRightSmall.js +57 -0
  101. package/dist/cjs/LeftWaveDivider.js +5 -5
  102. package/dist/cjs/LetterTwist.js +2 -2
  103. package/dist/cjs/LineChart.js +1 -1
  104. package/dist/cjs/LiquidDivider.js +4 -4
  105. package/dist/cjs/Marker.js +5 -5
  106. package/dist/cjs/Marquee.js +2 -2
  107. package/dist/cjs/MembersName.js +1 -1
  108. package/dist/cjs/MembersNameAndIcon.js +1 -1
  109. package/dist/cjs/MoveClick.js +4 -4
  110. package/dist/cjs/MoveHorizontalHover.js +6 -6
  111. package/dist/cjs/MoveScroll.js +2 -2
  112. package/dist/cjs/MultiAreaChart.js +4 -4
  113. package/dist/cjs/MultiLineChart.js +1 -1
  114. package/dist/cjs/ObscureMouse.js +8 -8
  115. package/dist/cjs/OnImage.js +2 -2
  116. package/dist/cjs/OpticalillusionDivider.js +1 -1
  117. package/dist/cjs/OriginalImage.js +2 -2
  118. package/dist/cjs/PaintDivider.js +2 -2
  119. package/dist/cjs/PaintScribbleDivider.js +5 -5
  120. package/dist/cjs/PanSection.js +4 -4
  121. package/dist/cjs/ParallaxScroll.js +7 -7
  122. package/dist/cjs/ParallaxSection.js +3 -3
  123. package/dist/cjs/PeaksDivider.js +1 -1
  124. package/dist/cjs/PentagonImage.js +1 -1
  125. package/dist/cjs/PieChart.js +3 -3
  126. package/dist/cjs/PixelsDivider.js +2 -2
  127. package/dist/cjs/PlantsDivider.js +1 -1
  128. package/dist/cjs/PokeLoop.js +8 -8
  129. package/dist/cjs/ProductCardLayoutFullSmall.js +52 -0
  130. package/dist/cjs/PullBackSection.js +7 -7
  131. package/dist/cjs/PulseLoop.js +2 -2
  132. package/dist/cjs/RSVPInvite.js +1 -1
  133. package/dist/cjs/ResizeMouse.js +5 -5
  134. package/dist/cjs/ResizeOptionsCrop.js +3 -3
  135. package/dist/cjs/ResizeOptionsFit.js +2 -2
  136. package/dist/cjs/Reveal.js +3 -3
  137. package/dist/cjs/RevealScroll.js +4 -4
  138. package/dist/cjs/RhombusImage.js +1 -1
  139. package/dist/cjs/RightWaveDivider.js +4 -4
  140. package/dist/cjs/RotateClick.js +6 -6
  141. package/dist/cjs/RotateHover.js +6 -6
  142. package/dist/cjs/RotateSection.js +7 -7
  143. package/dist/cjs/RubberMouse.js +10 -10
  144. package/dist/cjs/ScrollEffectsDisappear.js +2 -2
  145. package/dist/cjs/ScrollEffectsFadeOut.js +2 -2
  146. package/dist/cjs/ScrollEffectsMoveWithPage.js +2 -2
  147. package/dist/cjs/ScrollEffectsStayFixed.js +2 -2
  148. package/dist/cjs/SemiElipseDivider.js +2 -2
  149. package/dist/cjs/ShapeEntrance.js +3 -3
  150. package/dist/cjs/ShapeScroll.js +2 -2
  151. package/dist/cjs/Shrink.js +12 -12
  152. package/dist/cjs/ShrinkClick.js +5 -5
  153. package/dist/cjs/ShrinkHover.js +12 -12
  154. package/dist/cjs/ShrinkScroll.js +10 -10
  155. package/dist/cjs/Shuffle.js +1 -1
  156. package/dist/cjs/ShuttersAnimation.js +2 -2
  157. package/dist/cjs/ShuttersScroll.js +2 -2
  158. package/dist/cjs/Skew3DMouse.js +3 -3
  159. package/dist/cjs/SkewClick.js +3 -3
  160. package/dist/cjs/SkewHover.js +3 -3
  161. package/dist/cjs/SkewSection.js +6 -6
  162. package/dist/cjs/Slide.js +3 -3
  163. package/dist/cjs/SlideScroll.js +1 -1
  164. package/dist/cjs/SpinAnimation.js +1 -1
  165. package/dist/cjs/SpinLoop.js +5 -5
  166. package/dist/cjs/SpinScroll.js +5 -5
  167. package/dist/cjs/SplitGridColumn.js +52 -0
  168. package/dist/cjs/SplitGridColumnSmall.js +52 -0
  169. package/dist/cjs/SplitGridRow.js +52 -0
  170. package/dist/cjs/SplitGridRowSmall.js +52 -0
  171. package/dist/cjs/Stagger.js +1 -1
  172. package/dist/cjs/StarImage.js +1 -1
  173. package/dist/cjs/StoreAccordionCollapse.js +1 -1
  174. package/dist/cjs/StoreBelowInfo.js +1 -1
  175. package/dist/cjs/StoreCollapse.js +1 -1
  176. package/dist/cjs/StoreDrawer.js +1 -0
  177. package/dist/cjs/StoreImages.js +2 -2
  178. package/dist/cjs/StoreOnImage.js +1 -1
  179. package/dist/cjs/StorePopUp.js +1 -0
  180. package/dist/cjs/StorePriceSideBySide.js +1 -1
  181. package/dist/cjs/StorePriceStacked.js +1 -1
  182. package/dist/cjs/StoreProductInfo.js +1 -1
  183. package/dist/cjs/StoreSpotlight.js +1 -1
  184. package/dist/cjs/StoreSwapImage.js +1 -0
  185. package/dist/cjs/StoreWrap.js +0 -1
  186. package/dist/cjs/StripesDivider.js +2 -2
  187. package/dist/cjs/Swap.js +2 -2
  188. package/dist/cjs/SwingLoop.js +7 -7
  189. package/dist/cjs/SwivelMouse.js +6 -6
  190. package/dist/cjs/TextPath.js +4 -4
  191. package/dist/cjs/ThreeColumnTwoRowLeftMerged.js +52 -0
  192. package/dist/cjs/ThreeColumnTwoRowLeftMergedSmall.js +52 -0
  193. package/dist/cjs/ThreeColumns.js +52 -0
  194. package/dist/cjs/ThreeColumnsSmall.js +52 -0
  195. package/dist/cjs/ThreeRows.js +52 -0
  196. package/dist/cjs/ThreeRowsSmall.js +52 -0
  197. package/dist/cjs/Tilt3DMouse.js +3 -3
  198. package/dist/cjs/TiltAnimation.js +4 -4
  199. package/dist/cjs/TiltDivider.js +4 -4
  200. package/dist/cjs/TiltEntrance.js +4 -4
  201. package/dist/cjs/TiltScroll.js +5 -5
  202. package/dist/cjs/Track3DMouse.js +6 -6
  203. package/dist/cjs/TrackMouse.js +6 -6
  204. package/dist/cjs/TriangleDivider.js +1 -1
  205. package/dist/cjs/TriangularImage.js +1 -1
  206. package/dist/cjs/TurnEntrance.js +6 -6
  207. package/dist/cjs/TurnScroll.js +8 -8
  208. package/dist/cjs/TwistClick.js +4 -4
  209. package/dist/cjs/TwistHover.js +4 -4
  210. package/dist/cjs/TwoByTwoGrid.js +54 -0
  211. package/dist/cjs/TwoByTwoGridSmall.js +54 -0
  212. package/dist/cjs/TwoRows.js +53 -0
  213. package/dist/cjs/TwoRowsSmall.js +53 -0
  214. package/dist/cjs/TypeWriter.js +3 -3
  215. package/dist/cjs/Underline.js +5 -5
  216. package/dist/cjs/UpToDown.js +57 -0
  217. package/dist/cjs/UpToDownSmall.js +57 -0
  218. package/dist/cjs/WavesDivider.js +5 -6
  219. package/dist/cjs/WhatsappStatus.js +1 -1
  220. package/dist/cjs/WiggleLoop.js +2 -2
  221. package/dist/cjs/WindowImage.js +1 -1
  222. package/dist/cjs/WinkEntrance.js +6 -6
  223. package/dist/cjs/WordTwist.js +2 -2
  224. package/dist/cjs/ZoomSection.js +5 -5
  225. package/dist/cjs/index.js +114 -6
  226. package/dist/esm/AiryMouse.js +7 -7
  227. package/dist/esm/AngledTriangleDivider.js +2 -2
  228. package/dist/esm/{Aspect12.js → Apsect12.js} +5 -5
  229. package/dist/esm/ArcEntrance.js +9 -9
  230. package/dist/esm/ArcScroll.js +5 -5
  231. package/dist/esm/Ascpect45.js +18 -0
  232. package/dist/esm/Aspect11Image.js +2 -2
  233. package/dist/esm/Aspect169Image.js +2 -2
  234. package/dist/esm/Aspect23Image.js +1 -1
  235. package/dist/esm/Aspect32Image.js +2 -2
  236. package/dist/esm/Aspect34Image.js +2 -2
  237. package/dist/esm/Aspect3DSection.js +8 -8
  238. package/dist/esm/Aspect3DSpinScroll.js +9 -9
  239. package/dist/esm/Aspect43Image.js +2 -2
  240. package/dist/esm/Aspect45Image.js +2 -2
  241. package/dist/esm/Aspect54Image.js +2 -2
  242. package/dist/esm/Aspect916Image.js +2 -2
  243. package/dist/esm/AvatarCircle.js +1 -0
  244. package/dist/esm/AvatarSquare.js +3 -2
  245. package/dist/esm/BentoLayout.js +20 -0
  246. package/dist/esm/BentoLayoutSmall.js +20 -0
  247. package/dist/esm/BlobMouse.js +7 -7
  248. package/dist/esm/BlobsDivider.js +2 -2
  249. package/dist/esm/Blocks.js +18 -0
  250. package/dist/esm/BlocksSmall.js +18 -0
  251. package/dist/esm/BlogFullPost.js +1 -1
  252. package/dist/esm/BlogOneColumn.js +1 -1
  253. package/dist/esm/BlogTagButton.js +1 -1
  254. package/dist/esm/BlurScroll.js +1 -1
  255. package/dist/esm/BookingsLayoutGrid.js +21 -0
  256. package/dist/esm/BookingsLayoutStrip.js +18 -0
  257. package/dist/esm/BookingsList.js +20 -0
  258. package/dist/esm/BookingsMonthly.js +18 -0
  259. package/dist/esm/BookingsOverlay.js +18 -0
  260. package/dist/esm/BookingsPresetMasonry.js +19 -0
  261. package/dist/esm/BookingsPresetSlider.js +19 -0
  262. package/dist/esm/BookingsPresetSquares.js +19 -0
  263. package/dist/esm/BookingsStrip.js +3 -2
  264. package/dist/esm/BookingsWeekly.js +18 -0
  265. package/dist/esm/Bounce.js +2 -2
  266. package/dist/esm/BounceEntrance.js +8 -8
  267. package/dist/esm/BrushDivider.js +2 -2
  268. package/dist/esm/CircleImage.js +1 -1
  269. package/dist/esm/CircleMarker.js +4 -4
  270. package/dist/esm/CloseupSection.js +8 -8
  271. package/dist/esm/CloudsDivider.js +1 -1
  272. package/dist/esm/ColorClick.js +1 -1
  273. package/dist/esm/ColorHover.js +1 -1
  274. package/dist/esm/CrossLoop.js +8 -8
  275. package/dist/esm/Cube.js +2 -2
  276. package/dist/esm/CustomImage.js +2 -2
  277. package/dist/esm/DartScroll.js +5 -5
  278. package/dist/esm/DesignedSection.js +2 -2
  279. package/dist/esm/DesignedSectionSmall.js +2 -2
  280. package/dist/esm/DonutChart.js +2 -2
  281. package/dist/esm/Dots.js +26 -0
  282. package/dist/esm/DotsSmall.js +26 -0
  283. package/dist/esm/Drop.js +3 -3
  284. package/dist/esm/DunesDivider.js +5 -5
  285. package/dist/esm/ElipseDivider.js +4 -4
  286. package/dist/esm/EllipseImage.js +1 -1
  287. package/dist/esm/EmptyPageImage.js +2 -2
  288. package/dist/esm/EventInfo.js +2 -2
  289. package/dist/esm/EventLeft.js +1 -1
  290. package/dist/esm/EventRight.js +1 -1
  291. package/dist/esm/ExpandClick.js +11 -11
  292. package/dist/esm/ExpandHover.js +8 -8
  293. package/dist/esm/ExpandScroll.js +7 -7
  294. package/dist/esm/FadeAnimationFadeAnimation.js +19 -0
  295. package/dist/esm/FadeBackSection.js +5 -5
  296. package/dist/esm/FadeClick.js +2 -2
  297. package/dist/esm/FadeHover.js +2 -2
  298. package/dist/esm/FadeScroll.js +2 -2
  299. package/dist/esm/FadeSection.js +2 -2
  300. package/dist/esm/FillParallaxScroll.js +8 -8
  301. package/dist/esm/FillReveal.js +3 -3
  302. package/dist/esm/FlapLoop.js +7 -7
  303. package/dist/esm/FlashLoop.js +3 -3
  304. package/dist/esm/FlipAnimation.js +4 -4
  305. package/dist/esm/FlipLoop.js +7 -7
  306. package/dist/esm/FlipScroll.js +7 -7
  307. package/dist/esm/FloatEntrance.js +5 -5
  308. package/dist/esm/FluidImage.js +1 -1
  309. package/dist/esm/FoldAnimation.js +4 -4
  310. package/dist/esm/FreeformImage.js +3 -3
  311. package/dist/esm/GenerateWithAI.js +1 -1
  312. package/dist/esm/GlideEntrance.js +6 -6
  313. package/dist/esm/GrowEntrance.js +6 -6
  314. package/dist/esm/HeartImage.js +1 -1
  315. package/dist/esm/HexagonalImage.js +1 -1
  316. package/dist/esm/HillDivider.js +1 -1
  317. package/dist/esm/ImageLayoutLarge.js +2 -2
  318. package/dist/esm/ImageLayoutThumbnail.js +2 -2
  319. package/dist/esm/ImageLayoutTwoColumn.js +2 -2
  320. package/dist/esm/InvertedElipseDivider.js +4 -4
  321. package/dist/esm/JelloLoop.js +5 -5
  322. package/dist/esm/LayeredElipseDivider.js +4 -6
  323. package/dist/esm/LayoutTwoColumnSmall.js +19 -0
  324. package/dist/esm/LeftToRight.js +23 -0
  325. package/dist/esm/LeftToRightSmall.js +23 -0
  326. package/dist/esm/LeftWaveDivider.js +5 -5
  327. package/dist/esm/LetterTwist.js +2 -2
  328. package/dist/esm/LineChart.js +1 -1
  329. package/dist/esm/LiquidDivider.js +4 -4
  330. package/dist/esm/Marker.js +5 -5
  331. package/dist/esm/Marquee.js +2 -2
  332. package/dist/esm/MembersName.js +1 -1
  333. package/dist/esm/MembersNameAndIcon.js +1 -1
  334. package/dist/esm/MoveClick.js +4 -4
  335. package/dist/esm/MoveHorizontalHover.js +6 -6
  336. package/dist/esm/MoveScroll.js +2 -2
  337. package/dist/esm/MultiAreaChart.js +4 -4
  338. package/dist/esm/MultiLineChart.js +1 -1
  339. package/dist/esm/ObscureMouse.js +8 -8
  340. package/dist/esm/OnImage.js +2 -2
  341. package/dist/esm/OpticalillusionDivider.js +1 -1
  342. package/dist/esm/OriginalImage.js +2 -2
  343. package/dist/esm/PaintDivider.js +2 -2
  344. package/dist/esm/PaintScribbleDivider.js +5 -5
  345. package/dist/esm/PanSection.js +4 -4
  346. package/dist/esm/ParallaxScroll.js +7 -7
  347. package/dist/esm/ParallaxSection.js +3 -3
  348. package/dist/esm/PeaksDivider.js +1 -1
  349. package/dist/esm/PentagonImage.js +1 -1
  350. package/dist/esm/PieChart.js +3 -3
  351. package/dist/esm/PixelsDivider.js +2 -2
  352. package/dist/esm/PlantsDivider.js +1 -1
  353. package/dist/esm/PokeLoop.js +8 -8
  354. package/dist/esm/ProductCardLayoutFullSmall.js +18 -0
  355. package/dist/esm/PullBackSection.js +7 -7
  356. package/dist/esm/PulseLoop.js +2 -2
  357. package/dist/esm/RSVPInvite.js +1 -1
  358. package/dist/esm/ResizeMouse.js +5 -5
  359. package/dist/esm/ResizeOptionsCrop.js +3 -3
  360. package/dist/esm/ResizeOptionsFit.js +2 -2
  361. package/dist/esm/Reveal.js +3 -3
  362. package/dist/esm/RevealScroll.js +4 -4
  363. package/dist/esm/RhombusImage.js +1 -1
  364. package/dist/esm/RightWaveDivider.js +4 -4
  365. package/dist/esm/RotateClick.js +6 -6
  366. package/dist/esm/RotateHover.js +6 -6
  367. package/dist/esm/RotateSection.js +7 -7
  368. package/dist/esm/RubberMouse.js +10 -10
  369. package/dist/esm/ScrollEffectsDisappear.js +2 -2
  370. package/dist/esm/ScrollEffectsFadeOut.js +2 -2
  371. package/dist/esm/ScrollEffectsMoveWithPage.js +2 -2
  372. package/dist/esm/ScrollEffectsStayFixed.js +2 -2
  373. package/dist/esm/SemiElipseDivider.js +2 -2
  374. package/dist/esm/ShapeEntrance.js +3 -3
  375. package/dist/esm/ShapeScroll.js +2 -2
  376. package/dist/esm/Shrink.js +12 -12
  377. package/dist/esm/ShrinkClick.js +5 -5
  378. package/dist/esm/ShrinkHover.js +12 -12
  379. package/dist/esm/ShrinkScroll.js +10 -10
  380. package/dist/esm/Shuffle.js +1 -1
  381. package/dist/esm/ShuttersAnimation.js +2 -2
  382. package/dist/esm/ShuttersScroll.js +2 -2
  383. package/dist/esm/Skew3DMouse.js +3 -3
  384. package/dist/esm/SkewClick.js +3 -3
  385. package/dist/esm/SkewHover.js +3 -3
  386. package/dist/esm/SkewSection.js +6 -6
  387. package/dist/esm/Slide.js +3 -3
  388. package/dist/esm/SlideScroll.js +1 -1
  389. package/dist/esm/SpinAnimation.js +1 -1
  390. package/dist/esm/SpinLoop.js +5 -5
  391. package/dist/esm/SpinScroll.js +5 -5
  392. package/dist/esm/SplitGridColumn.js +18 -0
  393. package/dist/esm/SplitGridColumnSmall.js +18 -0
  394. package/dist/esm/SplitGridRow.js +18 -0
  395. package/dist/esm/SplitGridRowSmall.js +18 -0
  396. package/dist/esm/Stagger.js +1 -1
  397. package/dist/esm/StarImage.js +1 -1
  398. package/dist/esm/StoreAccordionCollapse.js +1 -1
  399. package/dist/esm/StoreBelowInfo.js +1 -1
  400. package/dist/esm/StoreCollapse.js +1 -1
  401. package/dist/esm/StoreDrawer.js +1 -0
  402. package/dist/esm/StoreImages.js +2 -2
  403. package/dist/esm/StoreOnImage.js +1 -1
  404. package/dist/esm/StorePopUp.js +1 -0
  405. package/dist/esm/StorePriceSideBySide.js +1 -1
  406. package/dist/esm/StorePriceStacked.js +1 -1
  407. package/dist/esm/StoreProductInfo.js +1 -1
  408. package/dist/esm/StoreSpotlight.js +1 -1
  409. package/dist/esm/StoreSwapImage.js +1 -0
  410. package/dist/esm/StoreWrap.js +0 -1
  411. package/dist/esm/StripesDivider.js +2 -2
  412. package/dist/esm/Swap.js +2 -2
  413. package/dist/esm/SwingLoop.js +7 -7
  414. package/dist/esm/SwivelMouse.js +6 -6
  415. package/dist/esm/TextPath.js +4 -4
  416. package/dist/esm/ThreeColumnTwoRowLeftMerged.js +18 -0
  417. package/dist/esm/ThreeColumnTwoRowLeftMergedSmall.js +18 -0
  418. package/dist/esm/ThreeColumns.js +18 -0
  419. package/dist/esm/ThreeColumnsSmall.js +18 -0
  420. package/dist/esm/ThreeRows.js +18 -0
  421. package/dist/esm/ThreeRowsSmall.js +18 -0
  422. package/dist/esm/Tilt3DMouse.js +3 -3
  423. package/dist/esm/TiltAnimation.js +4 -4
  424. package/dist/esm/TiltDivider.js +4 -4
  425. package/dist/esm/TiltEntrance.js +4 -4
  426. package/dist/esm/TiltScroll.js +5 -5
  427. package/dist/esm/Track3DMouse.js +6 -6
  428. package/dist/esm/TrackMouse.js +6 -6
  429. package/dist/esm/TriangleDivider.js +1 -1
  430. package/dist/esm/TriangularImage.js +1 -1
  431. package/dist/esm/TurnEntrance.js +6 -6
  432. package/dist/esm/TurnScroll.js +8 -8
  433. package/dist/esm/TwistClick.js +4 -4
  434. package/dist/esm/TwistHover.js +4 -4
  435. package/dist/esm/TwoByTwoGrid.js +20 -0
  436. package/dist/esm/TwoByTwoGridSmall.js +20 -0
  437. package/dist/esm/TwoRows.js +19 -0
  438. package/dist/esm/TwoRowsSmall.js +19 -0
  439. package/dist/esm/TypeWriter.js +3 -3
  440. package/dist/esm/Underline.js +5 -5
  441. package/dist/esm/UpToDown.js +23 -0
  442. package/dist/esm/UpToDownSmall.js +23 -0
  443. package/dist/esm/WavesDivider.js +5 -6
  444. package/dist/esm/WhatsappStatus.js +1 -1
  445. package/dist/esm/WiggleLoop.js +2 -2
  446. package/dist/esm/WindowImage.js +1 -1
  447. package/dist/esm/WinkEntrance.js +6 -6
  448. package/dist/esm/WordTwist.js +2 -2
  449. package/dist/esm/ZoomSection.js +5 -5
  450. package/dist/esm/index.js +76 -4
  451. package/dist/types/{Aspect12.d.ts → Apsect12.d.ts} +1 -1
  452. package/dist/types/{FadeAnimation.d.ts → Ascpect45.d.ts} +1 -1
  453. package/dist/types/BentoLayout.d.ts +5 -0
  454. package/dist/types/BentoLayoutSmall.d.ts +5 -0
  455. package/dist/types/Blocks.d.ts +5 -0
  456. package/dist/types/BlocksSmall.d.ts +5 -0
  457. package/dist/types/BookingsLayoutGrid.d.ts +5 -0
  458. package/dist/types/BookingsLayoutStrip.d.ts +5 -0
  459. package/dist/types/BookingsList.d.ts +5 -0
  460. package/dist/types/BookingsMonthly.d.ts +5 -0
  461. package/dist/types/BookingsOverlay.d.ts +5 -0
  462. package/dist/types/BookingsPresetMasonry.d.ts +5 -0
  463. package/dist/types/BookingsPresetSlider.d.ts +5 -0
  464. package/dist/types/BookingsPresetSquares.d.ts +5 -0
  465. package/dist/types/BookingsWeekly.d.ts +5 -0
  466. package/dist/types/Dots.d.ts +5 -0
  467. package/dist/types/DotsSmall.d.ts +5 -0
  468. package/dist/types/FadeAnimationFadeAnimation.d.ts +5 -0
  469. package/dist/types/LayoutTwoColumnSmall.d.ts +5 -0
  470. package/dist/types/LeftToRight.d.ts +5 -0
  471. package/dist/types/LeftToRightSmall.d.ts +5 -0
  472. package/dist/types/ProductCardLayoutFullSmall.d.ts +5 -0
  473. package/dist/types/SplitGridColumn.d.ts +5 -0
  474. package/dist/types/SplitGridColumnSmall.d.ts +5 -0
  475. package/dist/types/SplitGridRow.d.ts +5 -0
  476. package/dist/types/SplitGridRowSmall.d.ts +5 -0
  477. package/dist/types/ThreeColumnTwoRowLeftMerged.d.ts +5 -0
  478. package/dist/types/ThreeColumnTwoRowLeftMergedSmall.d.ts +5 -0
  479. package/dist/types/ThreeColumns.d.ts +5 -0
  480. package/dist/types/ThreeColumnsSmall.d.ts +5 -0
  481. package/dist/types/ThreeRows.d.ts +5 -0
  482. package/dist/types/ThreeRowsSmall.d.ts +5 -0
  483. package/dist/types/TwoByTwoGrid.d.ts +5 -0
  484. package/dist/types/TwoByTwoGridSmall.d.ts +5 -0
  485. package/dist/types/TwoRows.d.ts +5 -0
  486. package/dist/types/TwoRowsSmall.d.ts +5 -0
  487. package/dist/types/UpToDown.d.ts +5 -0
  488. package/dist/types/UpToDownSmall.d.ts +5 -0
  489. package/dist/types/index.d.ts +38 -2
  490. package/package.json +3 -3
  491. package/src/AiryMouse.svg +20 -20
  492. package/src/AngledTriangleDivider.svg +4 -4
  493. package/src/ArcEntrance.svg +19 -19
  494. package/src/ArcScroll.svg +10 -10
  495. package/src/Ascpect45.svg +23 -0
  496. package/src/Aspect11Image.svg +5 -5
  497. package/src/Aspect169Image.svg +5 -5
  498. package/src/Aspect23Image.svg +1 -1
  499. package/src/Aspect32Image.svg +5 -5
  500. package/src/Aspect34Image.svg +5 -5
  501. package/src/Aspect3DSection.svg +30 -30
  502. package/src/Aspect3DSpinScroll.svg +14 -14
  503. package/src/Aspect43Image.svg +5 -5
  504. package/src/Aspect45Image.svg +3 -3
  505. package/src/Aspect54Image.svg +5 -5
  506. package/src/Aspect916Image.svg +5 -5
  507. package/src/AvatarCircle.svg +2 -2
  508. package/src/AvatarSquare.svg +3 -3
  509. package/src/BentoLayout.svg +26 -0
  510. package/src/BentoLayoutSmall.svg +26 -0
  511. package/src/BlobMouse.svg +15 -15
  512. package/src/BlobsDivider.svg +9 -9
  513. package/src/Blocks.svg +25 -0
  514. package/src/BlocksSmall.svg +25 -0
  515. package/src/BlogFullPost.svg +1 -1
  516. package/src/BlogOneColumn.svg +1 -1
  517. package/src/BlogTagButton.svg +1 -1
  518. package/src/BlurScroll.svg +1 -1
  519. package/src/BookingsLayoutGrid.svg +63 -0
  520. package/src/BookingsLayoutStrip.svg +34 -0
  521. package/src/BookingsList.svg +27 -0
  522. package/src/BookingsMonthly.svg +29 -0
  523. package/src/BookingsOverlay.svg +25 -0
  524. package/src/BookingsPresetMasonry.svg +26 -0
  525. package/src/BookingsPresetSlider.svg +25 -0
  526. package/src/BookingsPresetSquares.svg +25 -0
  527. package/src/BookingsStrip.svg +14 -8
  528. package/src/BookingsWeekly.svg +28 -0
  529. package/src/Bounce.svg +3 -3
  530. package/src/BounceEntrance.svg +18 -18
  531. package/src/Brandbook.svg +3 -3
  532. package/src/BrushDivider.svg +4 -4
  533. package/src/CircleImage.svg +1 -1
  534. package/src/CircleMarker.svg +9 -9
  535. package/src/CloseupSection.svg +21 -21
  536. package/src/CloudsDivider.svg +2 -2
  537. package/src/ColorClick.svg +2 -2
  538. package/src/ColorHover.svg +1 -1
  539. package/src/CrossLoop.svg +26 -26
  540. package/src/Cube.svg +3 -3
  541. package/src/CustomImage.svg +5 -5
  542. package/src/DartScroll.svg +11 -11
  543. package/src/DesignedSection.svg +2 -2
  544. package/src/DesignedSectionSmall.svg +2 -2
  545. package/src/DonutChart.svg +5 -5
  546. package/src/Dots.svg +175 -0
  547. package/src/DotsSmall.svg +175 -0
  548. package/src/Drop.svg +3 -3
  549. package/src/DunesDivider.svg +24 -22
  550. package/src/ElipseDivider.svg +3 -1
  551. package/src/EllipseImage.svg +1 -1
  552. package/src/EmptyPageImage.svg +2 -2
  553. package/src/EventInfo.svg +2 -2
  554. package/src/EventLeft.svg +1 -1
  555. package/src/EventRight.svg +1 -1
  556. package/src/ExpandClick.svg +19 -19
  557. package/src/ExpandHover.svg +15 -15
  558. package/src/ExpandScroll.svg +17 -17
  559. package/src/FadeBackSection.svg +8 -8
  560. package/src/FadeClick.svg +3 -3
  561. package/src/FadeHover.svg +3 -3
  562. package/src/FadeScroll.svg +3 -3
  563. package/src/FadeSection.svg +4 -4
  564. package/src/FillParallaxScroll.svg +26 -26
  565. package/src/FillReveal.svg +10 -10
  566. package/src/FlapLoop.svg +13 -13
  567. package/src/FlashLoop.svg +7 -7
  568. package/src/FlipAnimation.svg +13 -13
  569. package/src/FlipLoop.svg +14 -14
  570. package/src/FlipScroll.svg +12 -12
  571. package/src/FloatEntrance.svg +12 -12
  572. package/src/FluidImage.svg +1 -1
  573. package/src/Fold.svg +3 -3
  574. package/src/FoldAnimation.svg +6 -6
  575. package/src/FreeformImage.svg +10 -10
  576. package/src/GenerateWithAI.svg +1 -1
  577. package/src/GlideEntrance.svg +26 -26
  578. package/src/GrowEntrance.svg +8 -8
  579. package/src/HeartImage.svg +1 -1
  580. package/src/HexagonalImage.svg +1 -1
  581. package/src/HillDivider.svg +1 -1
  582. package/src/ImageLayoutLarge.svg +4 -4
  583. package/src/ImageLayoutThumbnail.svg +3 -3
  584. package/src/ImageLayoutTwoColumn.svg +5 -5
  585. package/src/InvertedElipseDivider.svg +3 -1
  586. package/src/JelloLoop.svg +10 -10
  587. package/src/LayeredElipseDivider.svg +8 -8
  588. package/src/LayoutTwoColumnSmall.svg +24 -0
  589. package/src/LeftToRight.svg +69 -0
  590. package/src/LeftToRightSmall.svg +69 -0
  591. package/src/LeftWaveDivider.svg +6 -4
  592. package/src/LetterTwist.svg +4 -4
  593. package/src/LineChart.svg +1 -1
  594. package/src/LiquidDivider.svg +3 -1
  595. package/src/Marker.svg +9 -9
  596. package/src/Marquee.svg +15 -15
  597. package/src/MembersName.svg +1 -1
  598. package/src/MembersNameAndIcon.svg +1 -1
  599. package/src/MoveClick.svg +12 -12
  600. package/src/MoveHorizontalHover.svg +18 -18
  601. package/src/MoveScroll.svg +5 -5
  602. package/src/MultiAreaChart.svg +8 -8
  603. package/src/MultiLineChart.svg +2 -2
  604. package/src/ObscureMouse.svg +15 -15
  605. package/src/OnImage.svg +2 -2
  606. package/src/OpticalillusionDivider.svg +7 -7
  607. package/src/OriginalImage.svg +5 -5
  608. package/src/PaintDivider.svg +2 -2
  609. package/src/PaintScribbleDivider.svg +4 -2
  610. package/src/PanSection.svg +15 -15
  611. package/src/ParallaxScroll.svg +10 -10
  612. package/src/ParallaxSection.svg +6 -6
  613. package/src/PeaksDivider.svg +2 -2
  614. package/src/PentagonImage.svg +1 -1
  615. package/src/PieChart.svg +6 -6
  616. package/src/PixelsDivider.svg +23 -23
  617. package/src/PlantsDivider.svg +1 -1
  618. package/src/PokeLoop.svg +24 -24
  619. package/src/ProductCardLayoutFullSmall.svg +23 -0
  620. package/src/PullBackSection.svg +18 -18
  621. package/src/PulseLoop.svg +3 -3
  622. package/src/RSVPInvite.svg +4 -4
  623. package/src/ResizeMouse.svg +14 -14
  624. package/src/ResizeOptionsCrop.svg +10 -10
  625. package/src/ResizeOptionsFit.svg +8 -8
  626. package/src/Reveal.svg +3 -3
  627. package/src/RevealScroll.svg +8 -8
  628. package/src/RhombusImage.svg +1 -1
  629. package/src/RightWaveDivider.svg +4 -2
  630. package/src/Roll.svg +10 -10
  631. package/src/RotateClick.svg +12 -12
  632. package/src/RotateHover.svg +10 -10
  633. package/src/RotateSection.svg +9 -9
  634. package/src/RubberMouse.svg +19 -19
  635. package/src/ScrollEffectsDisappear.svg +2 -2
  636. package/src/ScrollEffectsFadeOut.svg +2 -2
  637. package/src/ScrollEffectsMoveWithPage.svg +2 -2
  638. package/src/ScrollEffectsStayFixed.svg +2 -2
  639. package/src/SemiElipseDivider.svg +4 -4
  640. package/src/ShapeEntrance.svg +8 -8
  641. package/src/ShapeScroll.svg +5 -5
  642. package/src/Shrink.svg +21 -21
  643. package/src/ShrinkClick.svg +10 -10
  644. package/src/ShrinkHover.svg +21 -21
  645. package/src/ShrinkScroll.svg +21 -21
  646. package/src/Shuffle.svg +3 -3
  647. package/src/ShuttersAnimation.svg +11 -11
  648. package/src/ShuttersScroll.svg +5 -5
  649. package/src/Skew3DMouse.svg +7 -7
  650. package/src/SkewClick.svg +8 -8
  651. package/src/SkewHover.svg +6 -6
  652. package/src/SkewSection.svg +9 -9
  653. package/src/Slide.svg +3 -3
  654. package/src/SlideScroll.svg +3 -3
  655. package/src/SpinAnimation.svg +1 -1
  656. package/src/SpinLoop.svg +6 -6
  657. package/src/SpinScroll.svg +6 -6
  658. package/src/SplitGridColumn.svg +25 -0
  659. package/src/SplitGridColumnSmall.svg +25 -0
  660. package/src/SplitGridRow.svg +25 -0
  661. package/src/SplitGridRowSmall.svg +25 -0
  662. package/src/Stagger.svg +3 -3
  663. package/src/StarImage.svg +1 -1
  664. package/src/StoreAccordionCollapse.svg +30 -30
  665. package/src/StoreBelowInfo.svg +1 -1
  666. package/src/StoreCollapse.svg +1 -1
  667. package/src/StoreDrawer.svg +2 -2
  668. package/src/StoreImages.svg +2 -2
  669. package/src/StoreOnImage.svg +1 -1
  670. package/src/StorePopUp.svg +2 -2
  671. package/src/StorePriceSideBySide.svg +1 -1
  672. package/src/StorePriceStacked.svg +1 -1
  673. package/src/StoreProductInfo.svg +1 -1
  674. package/src/StoreSpotlight.svg +1 -1
  675. package/src/StoreSwapImage.svg +2 -2
  676. package/src/StoreWrap.svg +2 -2
  677. package/src/StripesDivider.svg +13 -13
  678. package/src/Swap.svg +5 -5
  679. package/src/SwingLoop.svg +23 -23
  680. package/src/SwivelMouse.svg +19 -19
  681. package/src/TextPath.svg +7 -7
  682. package/src/ThreeColumnTwoRowLeftMerged.svg +26 -0
  683. package/src/ThreeColumnTwoRowLeftMergedSmall.svg +26 -0
  684. package/src/ThreeColumns.svg +25 -0
  685. package/src/ThreeColumnsSmall.svg +25 -0
  686. package/src/ThreeRows.svg +25 -0
  687. package/src/ThreeRowsSmall.svg +25 -0
  688. package/src/Tilt3DMouse.svg +8 -8
  689. package/src/TiltAnimation.svg +10 -10
  690. package/src/TiltDivider.svg +3 -1
  691. package/src/TiltEntrance.svg +9 -9
  692. package/src/TiltScroll.svg +8 -8
  693. package/src/Track3DMouse.svg +14 -14
  694. package/src/TrackMouse.svg +17 -17
  695. package/src/TriangleDivider.svg +1 -1
  696. package/src/TriangularImage.svg +1 -1
  697. package/src/TurnEntrance.svg +14 -14
  698. package/src/TurnScroll.svg +13 -13
  699. package/src/TwistClick.svg +11 -11
  700. package/src/TwistHover.svg +13 -13
  701. package/src/TwoByTwoGrid.svg +25 -0
  702. package/src/TwoByTwoGridSmall.svg +25 -0
  703. package/src/TwoRows.svg +24 -0
  704. package/src/TwoRowsSmall.svg +24 -0
  705. package/src/TypeWriter.svg +9 -9
  706. package/src/Underline.svg +11 -11
  707. package/src/UpToDown.svg +69 -0
  708. package/src/UpToDownSmall.svg +69 -0
  709. package/src/WavesDivider.svg +8 -6
  710. package/src/WhatsappStatus.svg +1 -1
  711. package/src/WiggleLoop.svg +3 -3
  712. package/src/WindowImage.svg +1 -1
  713. package/src/WinkEntrance.svg +9 -9
  714. package/src/WordTwist.svg +10 -10
  715. package/src/ZoomSection.svg +16 -16
  716. package/dist/cjs/FadeAnimation.js +0 -53
  717. package/dist/esm/FadeAnimation.js +0 -19
  718. /package/src/{Aspect12.svg → Apsect12.svg} +0 -0
  719. /package/src/{FadeAnimation.svg → FadeAnimationFadeAnimation.svg} +0 -0
package/dist/esm/SwivelMouse.js CHANGED
@@ -9,12 +9,12 @@ const SwivelMouse = (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 24.473c.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", opacity: ".75" }),
13
- /* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("mask", { id: "SwivelMouse__a", width: "30", height: "27", x: "21", y: "23", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M34.268 24.473c.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(#SwivelMouse__a)" }, /* @__PURE__ */ React.createElement("g", { filter: "url(#SwivelMouse__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M12.763 4.727h57.979v48.69h-57.98z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#SwivelMouse__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SwivelMouse__d)", d: "m42.799 10.64 20.983 38.506H19.72z" })))),
14
- /* @__PURE__ */ React.createElement("g", { opacity: ".75" }, /* @__PURE__ */ React.createElement("mask", { id: "SwivelMouse__e", width: "32", height: "18", x: "20", y: "32", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M34.899 32.667a1.5 1.5 0 0 1 2.202 0l13.663 14.766c.889.96.208 2.519-1.1 2.519H22.336c-1.309 0-1.99-1.559-1.101-2.52z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#SwivelMouse__e)" }, /* @__PURE__ */ React.createElement("g", { filter: "url(#SwivelMouse__f)" }, /* @__PURE__ */ React.createElement("rect", { width: "64.156", height: "43.043", x: "13.788", y: "10.75", fill: "var(--wds-illustration-color-1, #002291)", rx: "1.5" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#SwivelMouse__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SwivelMouse__h)", d: "M61.563 3.355a1.5 1.5 0 0 1 2.439.326L86.767 47.83a1.5 1.5 0 0 1-1.334 2.187H22.201c-1.305 0-1.988-1.551-1.106-2.514z" })))),
15
- /* @__PURE__ */ React.createElement("mask", { id: "SwivelMouse__i", width: "32", height: "10", x: "20", y: "40", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M35.324 40.244a1.5 1.5 0 0 1 1.352 0l13.64 6.892c1.41.713.903 2.84-.677 2.84H22.361c-1.58 0-2.087-2.127-.677-2.84z" })),
16
- /* @__PURE__ */ React.createElement("g", { mask: "url(#SwivelMouse__i)" }, /* @__PURE__ */ React.createElement("g", { filter: "url(#SwivelMouse__j)" }, /* @__PURE__ */ React.createElement("rect", { width: "101.5", height: "24.867", x: "7.85", y: "26.324", fill: "var(--wds-illustration-color-1, #002291)", rx: "1.5" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#SwivelMouse__k)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SwivelMouse__l)", d: "M79.94 18.958a1.5 1.5 0 0 1 1.31.024l55.585 28.255c1.406.714.897 2.837-.68 2.837H19.433c-1.608 0-2.09-2.187-.63-2.862z" }))),
17
- /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("filter", { id: "SwivelMouse__b", width: "67.979", height: "58.691", x: "7.763", y: "-.273", 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_20843", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "SwivelMouse__c", width: "54.061", height: "48.504", x: "14.72", y: "5.641", 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_20843", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "SwivelMouse__f", width: "74.156", height: "53.043", x: "8.788", y: "5.75", 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_20843", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "SwivelMouse__g", width: "76.237", height: "57.148", x: "15.698", y: "-2.133", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_20843", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "SwivelMouse__j", width: "111.5", height: "34.867", x: "2.85", y: "21.324", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_20843", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "SwivelMouse__k", width: "129.727", height: "41.254", x: "12.931", y: "13.82", 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_20843", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "SwivelMouse__d", x1: "57.533", x2: "25.905", y1: "14.097", y2: "60.279", 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: "SwivelMouse__h", x1: "78.094", x2: "42.3", y1: "6.1", y2: "71.521", 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: "SwivelMouse__l", x1: "124.007", x2: "113.869", y1: "21.473", y2: "74.911", 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)" })))
12
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M34.268 24.47c.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: ".75" }),
13
+ /* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("mask", { id: "SwivelMouse__a", width: "30", height: "27", x: "21", y: "23", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M34.268 24.47c.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(#SwivelMouse__a)" }, /* @__PURE__ */ React.createElement("g", { filter: "url(#SwivelMouse__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M12.763 4.725h57.979v48.69h-57.98z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#SwivelMouse__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SwivelMouse__d)", d: "m42.799 10.637 20.983 38.505H19.72z" })))),
14
+ /* @__PURE__ */ React.createElement("g", { opacity: ".75" }, /* @__PURE__ */ React.createElement("mask", { id: "SwivelMouse__e", width: "32", height: "18", x: "20", y: "32", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M34.899 32.664a1.5 1.5 0 0 1 2.202 0l13.663 14.767c.889.96.208 2.519-1.1 2.519H22.336c-1.309 0-1.99-1.559-1.101-2.52z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#SwivelMouse__e)" }, /* @__PURE__ */ React.createElement("g", { filter: "url(#SwivelMouse__f)" }, /* @__PURE__ */ React.createElement("rect", { width: "64.156", height: "43.043", x: "13.788", y: "10.748", fill: "var(--wds-illustration-color-1, #002291)", rx: "1.5" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#SwivelMouse__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SwivelMouse__h)", d: "M61.563 3.353a1.5 1.5 0 0 1 2.439.326l22.765 44.148a1.5 1.5 0 0 1-1.334 2.187H22.201c-1.305 0-1.988-1.551-1.106-2.513z" })))),
15
+ /* @__PURE__ */ React.createElement("mask", { id: "SwivelMouse__i", width: "32", height: "10", x: "20", y: "40", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M35.324 40.24a1.5 1.5 0 0 1 1.352 0l13.64 6.892c1.41.713.903 2.84-.677 2.84H22.361c-1.58 0-2.087-2.127-.677-2.84z" })),
16
+ /* @__PURE__ */ React.createElement("g", { mask: "url(#SwivelMouse__i)" }, /* @__PURE__ */ React.createElement("g", { filter: "url(#SwivelMouse__j)" }, /* @__PURE__ */ React.createElement("rect", { width: "101.5", height: "24.867", x: "7.85", y: "26.32", fill: "var(--wds-illustration-color-1, #002291)", rx: "1.5" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#SwivelMouse__k)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SwivelMouse__l)", d: "M79.94 18.954a1.5 1.5 0 0 1 1.31.024l55.585 28.255c1.406.714.897 2.837-.68 2.837H19.433c-1.608 0-2.09-2.187-.63-2.862z" }))),
17
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("filter", { id: "SwivelMouse__b", width: "67.979", height: "58.69", x: "7.763", y: "-.275", 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_20843", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "SwivelMouse__c", width: "54.061", height: "48.506", x: "14.72", y: "5.637", 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_20843", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "SwivelMouse__f", width: "74.156", height: "53.043", x: "8.788", y: "5.748", 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_20843", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "SwivelMouse__g", width: "76.237", height: "57.147", x: "15.698", y: "-2.133", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_20843", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "SwivelMouse__j", width: "111.5", height: "34.867", x: "2.85", y: "21.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_20843", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "SwivelMouse__k", width: "129.727", height: "41.256", x: "12.931", y: "13.815", 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_20843", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "SwivelMouse__d", x1: "57.533", x2: "25.905", y1: "14.093", y2: "60.275", 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: "SwivelMouse__h", x1: "78.094", x2: "42.3", y1: "6.098", y2: "71.519", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "SwivelMouse__l", x1: "124.007", x2: "113.869", y1: "21.469", y2: "74.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)" })))
18
18
  );
19
19
  SwivelMouse.displayName = "SwivelMouse";
20
20
  export {
package/dist/esm/TextPath.js CHANGED
@@ -9,10 +9,10 @@ const TextPath = (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-1, #002291)", d: "m21.578 41.973-3.208 1.243-5.168-13.333 3.208-1.244 2.01 5.185 5.444-2.111-2.009-5.184 3.208-1.243 5.168 13.333-3.208 1.243-2.118-5.464-5.445 2.11zM42.489 38.344l-10.44.046-.063-14.3 10.44-.046.012 2.86-7 .03.013 2.82 6.62-.028.012 2.86-6.62.029.013 2.9 7-.031zM49.466 41.636l-3.214-1.226 1.945-5.102-2.065-10.247 3.812 1.453 1.026 6.406 5.048-4.09 3.794 1.446-8.408 6.277z" }),
13
- /* @__PURE__ */ React.createElement("mask", { id: "TextPath__a", width: "47", height: "21", x: "13", y: "23", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "m21.578 41.973-3.208 1.243-5.168-13.333 3.208-1.243 2.01 5.184 5.444-2.11-2.009-5.185 3.208-1.243 5.168 13.333-3.208 1.243-2.118-5.464-5.445 2.111zm20.91-3.629-10.44.046-.062-14.3 10.44-.046.012 2.86-7 .03.013 2.82 6.62-.028.012 2.86-6.62.029.013 2.9 7-.031zm6.978 3.292-3.214-1.226 1.945-5.101-2.065-10.248 3.812 1.453 1.026 6.406 5.048-4.09 3.794 1.446-8.408 6.277z" })),
14
- /* @__PURE__ */ React.createElement("g", { filter: "url(#TextPath__b)", mask: "url(#TextPath__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TextPath__c)", d: "M13-.999h69v44H13z" })),
15
- /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "TextPath__c", x1: "72.214", x2: "41.215", y1: "2.95", y2: "64.983", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-7, #002297)" })), /* @__PURE__ */ React.createElement("filter", { id: "TextPath__b", width: "85.8", height: "60.8", x: "4.6", y: "-9.399", 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_17755", stdDeviation: "4.2" })))
12
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "m21.578 41.972-3.208 1.243-5.168-13.333 3.208-1.244 2.01 5.185 5.444-2.11-2.009-5.185 3.208-1.243 5.168 13.333-3.208 1.243-2.118-5.464-5.445 2.111zM42.489 38.343l-10.44.046-.063-14.3 10.44-.046.012 2.86-7 .03.013 2.82 6.62-.028.012 2.86-6.62.029.013 2.9 7-.031zM49.466 41.635l-3.214-1.226 1.945-5.102-2.065-10.248 3.812 1.454 1.026 6.406 5.048-4.09 3.794 1.446-8.408 6.277z" }),
13
+ /* @__PURE__ */ React.createElement("mask", { id: "TextPath__a", width: "47", height: "21", x: "13", y: "23", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "m21.578 41.972-3.208 1.243-5.168-13.333 3.208-1.244 2.01 5.185 5.444-2.11-2.009-5.185 3.208-1.243 5.168 13.333-3.208 1.243-2.118-5.463-5.445 2.11zm20.91-3.629-10.44.046-.062-14.3 10.44-.046.012 2.86-7 .03.013 2.82 6.62-.028.012 2.86-6.62.029.013 2.9 7-.031zm6.978 3.292-3.214-1.226 1.945-5.102-2.065-10.247 3.812 1.453 1.026 6.406 5.048-4.09 3.794 1.446-8.408 6.277z" })),
14
+ /* @__PURE__ */ React.createElement("g", { filter: "url(#TextPath__b)", mask: "url(#TextPath__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TextPath__c)", d: "M13-1h69v44H13z" })),
15
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "TextPath__c", x1: "72.214", x2: "41.215", y1: "2.949", y2: "64.982", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-7, #002297)" })), /* @__PURE__ */ React.createElement("filter", { id: "TextPath__b", width: "85.8", height: "60.8", x: "4.6", y: "-9.4", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_17755", stdDeviation: "4.2" })))
16
16
  );
17
17
  TextPath.displayName = "TextPath";
18
18
  export {
package/dist/esm/ThreeColumnTwoRowLeftMerged.js ADDED
@@ -0,0 +1,18 @@
1
+ import React from "react";
2
+ const ThreeColumnTwoRowLeftMerged = (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(#ThreeColumnTwoRowLeftMerged__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(#ThreeColumnTwoRowLeftMerged__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ThreeColumnTwoRowLeftMerged__c)", d: "M14 0h59v58H14z" })), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-background, #f8f6f6)", d: "M44.662 60.375h-2v-50h2z" }), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-background, #f8f6f6)", d: "M11.402 37v-2h50v2z" }), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-background, #f8f6f6)", d: "M29.327 61.19h-2V35.618h2z" })),
13
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "ThreeColumnTwoRowLeftMerged__c", x1: "64.632", x2: "15.228", y1: "5.206", y2: "69.336", 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: "ThreeColumnTwoRowLeftMerged__a" }, /* @__PURE__ */ React.createElement("rect", { width: "44", height: "44", x: "14", y: "14", fill: "#fff", rx: "4" })), /* @__PURE__ */ React.createElement("filter", { id: "ThreeColumnTwoRowLeftMerged__b", width: "69", height: "68", x: "9", y: "-5", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_1309_9685", stdDeviation: "2.5" })))
14
+ );
15
+ ThreeColumnTwoRowLeftMerged.displayName = "ThreeColumnTwoRowLeftMerged";
16
+ export {
17
+ ThreeColumnTwoRowLeftMerged
18
+ };
package/dist/esm/ThreeColumnTwoRowLeftMergedSmall.js ADDED
@@ -0,0 +1,18 @@
1
+ import React from "react";
2
+ const ThreeColumnTwoRowLeftMergedSmall = (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(#ThreeColumnTwoRowLeftMergedSmall__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "23", height: "23", x: "7.389", y: "7.391", fill: "var(--wds-illustration-color-1, #002291)", rx: "2" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ThreeColumnTwoRowLeftMergedSmall__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ThreeColumnTwoRowLeftMergedSmall__c)", d: "M7.389 0h31.139v30.611H7.389z" })), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-background, #f8f6f6)", d: "M6.018 19.64v-1.5h26.389v1.5z" }), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-background, #f8f6f6)", d: "M23.78 31.826h-1.5V5.438h1.5zM15.59 32.307h-1.5V18.516h1.5z" })),
13
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "ThreeColumnTwoRowLeftMergedSmall__c", x1: "34.111", x2: "8.037", y1: "2.748", y2: "36.594", 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: "ThreeColumnTwoRowLeftMergedSmall__a" }, /* @__PURE__ */ React.createElement("rect", { width: "23", height: "23", x: "7.389", y: "7.391", fill: "#fff", rx: "2" })), /* @__PURE__ */ React.createElement("filter", { id: "ThreeColumnTwoRowLeftMergedSmall__b", width: "36.417", height: "35.887", x: "4.75", y: "-2.639", 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_9699", stdDeviation: "1.319" })))
14
+ );
15
+ ThreeColumnTwoRowLeftMergedSmall.displayName = "ThreeColumnTwoRowLeftMergedSmall";
16
+ export {
17
+ ThreeColumnTwoRowLeftMergedSmall
18
+ };
package/dist/esm/ThreeColumns.js ADDED
@@ -0,0 +1,18 @@
1
+ import React from "react";
2
+ const ThreeColumns = (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(#ThreeColumns__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(#ThreeColumns__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ThreeColumns__c)", d: "M14 0h59v58H14z" })), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-background, #f8f6f6)", d: "M44.662 60.375h-2v-50h2zM29.327 61.188h-2v-50h2z" })),
13
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "ThreeColumns__c", x1: "64.632", x2: "15.228", y1: "5.206", y2: "69.336", 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: "ThreeColumns__a" }, /* @__PURE__ */ React.createElement("rect", { width: "44", height: "44", x: "14", y: "14", fill: "#fff", rx: "4" })), /* @__PURE__ */ React.createElement("filter", { id: "ThreeColumns__b", width: "69", height: "68", x: "9", y: "-5", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_1309_9501", stdDeviation: "2.5" })))
14
+ );
15
+ ThreeColumns.displayName = "ThreeColumns";
16
+ export {
17
+ ThreeColumns
18
+ };
package/dist/esm/ThreeColumnsSmall.js ADDED
@@ -0,0 +1,18 @@
1
+ import React from "react";
2
+ const ThreeColumnsSmall = (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(#ThreeColumnsSmall__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "23", height: "23", x: "7.389", y: "7.391", fill: "var(--wds-illustration-color-1, #002291)", rx: "2" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ThreeColumnsSmall__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ThreeColumnsSmall__c)", d: "M7.389 0h31.139v30.611H7.389z" })), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-background, #f8f6f6)", d: "M23.78 31.826h-1.5V5.438h1.5zM15.59 32.303h-1.5V5.914h1.5z" })),
13
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "ThreeColumnsSmall__c", x1: "34.111", x2: "8.037", y1: "2.748", y2: "36.594", 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: "ThreeColumnsSmall__a" }, /* @__PURE__ */ React.createElement("rect", { width: "23", height: "23", x: "7.389", y: "7.391", fill: "#fff", rx: "2" })), /* @__PURE__ */ React.createElement("filter", { id: "ThreeColumnsSmall__b", width: "36.417", height: "35.887", x: "4.75", y: "-2.639", 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_9514", stdDeviation: "1.319" })))
14
+ );
15
+ ThreeColumnsSmall.displayName = "ThreeColumnsSmall";
16
+ export {
17
+ ThreeColumnsSmall
18
+ };
package/dist/esm/ThreeRows.js ADDED
@@ -0,0 +1,18 @@
1
+ import React from "react";
2
+ const ThreeRows = (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(#ThreeRows__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "44", height: "44", x: "58", y: "14", fill: "var(--wds-illustration-color-1, #002291)", rx: "3", transform: "rotate(90 58 14)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ThreeRows__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ThreeRows__c)", d: "M14.549-2.563h60v60h-60z", transform: "rotate(.542 14.549 -2.563)" })), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-background, #f8f6f6)", d: "M11.625 44.664v-2h50v2zM10.81 29.328v-2h50v2z" })),
13
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "ThreeRows__c", x1: "66.039", x2: "14.715", y1: "2.823", y2: "68.316", 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: "ThreeRows__a" }, /* @__PURE__ */ React.createElement("rect", { width: "44", height: "44", x: "58", y: "14", fill: "#fff", rx: "3", transform: "rotate(90 58 14)" })), /* @__PURE__ */ React.createElement("filter", { id: "ThreeRows__b", width: "70.565", height: "70.563", x: "8.981", y: "-7.563", 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_9527", stdDeviation: "2.5" })))
14
+ );
15
+ ThreeRows.displayName = "ThreeRows";
16
+ export {
17
+ ThreeRows
18
+ };
package/dist/esm/ThreeRowsSmall.js ADDED
@@ -0,0 +1,18 @@
1
+ import React from "react";
2
+ const ThreeRowsSmall = (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(#ThreeRowsSmall__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "23", height: "23", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "scale(1 -1)rotate(90 30.61 0)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ThreeRowsSmall__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ThreeRowsSmall__c)", d: "M0 0h31.139v30.611H0z", transform: "matrix(0 -1 -1 0 38 30.61)" })), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-background, #f8f6f6)", d: "M6.175 14.219v1.5h26.39v-1.5zM5.698 22.406v1.5h26.389v-1.5z" })),
13
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "ThreeRowsSmall__c", x1: "26.723", x2: ".648", y1: "2.748", y2: "36.594", 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: "ThreeRowsSmall__a" }, /* @__PURE__ */ React.createElement("rect", { width: "23", height: "23", fill: "#fff", rx: "2", transform: "scale(1 -1)rotate(90 30.61 0)" })), /* @__PURE__ */ React.createElement("filter", { id: "ThreeRowsSmall__b", width: "35.889", height: "36.418", x: "4.75", y: "-3.17", 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_9540", stdDeviation: "1.319" })))
14
+ );
15
+ ThreeRowsSmall.displayName = "ThreeRowsSmall";
16
+ export {
17
+ ThreeRowsSmall
18
+ };
package/dist/esm/Tilt3DMouse.js CHANGED
@@ -10,10 +10,10 @@ const Tilt3DMouse = (props) => /* @__PURE__ */ React.createElement(
10
10
  ...props
11
11
  },
12
12
  /* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("mask", { id: "Tilt3DMouse__a", width: "38", height: "26", x: "16", y: "21", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M16.13 21.945c-.33-1.2 1.918-1.2 3.656 0L52.814 44.76c1.45 1.002 1.454 2.13.007 2.13H26.066c-1.447 0-3.387-1.128-3.663-2.13z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#Tilt3DMouse__a)" }, /* @__PURE__ */ React.createElement("g", { filter: "url(#Tilt3DMouse__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M-23.167 2.34h57.98l41.293 47.94h-57.98z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#Tilt3DMouse__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Tilt3DMouse__d)", d: "m11.884 8.16 53.639 37.913H21.46z" })))),
13
- /* @__PURE__ */ React.createElement("g", { opacity: ".7" }, /* @__PURE__ */ React.createElement("mask", { id: "Tilt3DMouse__e", width: "31", height: "27", x: "23", y: "20", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M28.016 21.537c.26-1.306 2.264-1.306 3.518 0L53.24 44.15c1.195 1.245.806 2.76-.71 2.76H26.337c-1.516 0-3.057-1.514-2.81-2.76z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#Tilt3DMouse__e)" }, /* @__PURE__ */ React.createElement("g", { filter: "url(#Tilt3DMouse__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M-2.973 1.809h57.98l18.475 48.534h-57.98z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#Tilt3DMouse__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Tilt3DMouse__h)", d: "m29.307 7.703 35.594 38.383H20.84z" })))),
13
+ /* @__PURE__ */ React.createElement("g", { opacity: ".7" }, /* @__PURE__ */ React.createElement("mask", { id: "Tilt3DMouse__e", width: "31", height: "27", x: "23", y: "20", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M28.016 21.539c.26-1.306 2.264-1.306 3.518 0L53.24 44.152c1.195 1.245.806 2.759-.71 2.759H26.337c-1.516 0-3.057-1.514-2.81-2.759z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#Tilt3DMouse__e)" }, /* @__PURE__ */ React.createElement("g", { filter: "url(#Tilt3DMouse__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M-2.973 1.809h57.98l18.475 48.534h-57.98z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#Tilt3DMouse__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Tilt3DMouse__h)", d: "m29.307 7.701 35.594 38.383H20.84z" })))),
14
14
  /* @__PURE__ */ React.createElement("mask", { id: "Tilt3DMouse__i", width: "31", height: "27", x: "25", y: "20", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M38.356 21.379c.77-1.333 2.694-1.333 3.464 0l12.99 22.5c.77 1.333-.192 3-1.732 3h-25.98c-1.54 0-2.502-1.667-1.732-3z" })),
15
- /* @__PURE__ */ React.createElement("g", { mask: "url(#Tilt3DMouse__i)" }, /* @__PURE__ */ React.createElement("g", { filter: "url(#Tilt3DMouse__j)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M19.95-6.785h64.369v57.108h-64.37z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#Tilt3DMouse__k)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Tilt3DMouse__l)", d: "m51.147-2.371 27.188 50.044H21.244z" }))),
16
- /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("filter", { id: "Tilt3DMouse__b", width: "109.273", height: "57.941", x: "-28.167", y: "-2.66", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_20600", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "Tilt3DMouse__c", width: "63.639", height: "47.914", x: "6.883", y: "3.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_20600", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "Tilt3DMouse__f", width: "86.454", height: "58.535", x: "-7.973", y: "-3.191", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_20600", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "Tilt3DMouse__g", width: "54.061", height: "48.383", x: "15.84", y: "2.703", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_20600", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "Tilt3DMouse__j", width: "74.369", height: "67.109", x: "14.949", y: "-11.785", 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_20600", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "Tilt3DMouse__k", width: "67.091", height: "60.043", x: "16.244", y: "-7.371", 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_20600", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "Tilt3DMouse__d", x1: "29.548", x2: "14.299", y1: "11.563", y2: "47.314", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "Tilt3DMouse__h", x1: "45.353", x2: "22.869", y1: "11.148", y2: "52.642", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "Tilt3DMouse__l", x1: "70.238", x2: "29.087", y1: "2.121", y2: "62.026", 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)" })))
15
+ /* @__PURE__ */ React.createElement("g", { mask: "url(#Tilt3DMouse__i)" }, /* @__PURE__ */ React.createElement("g", { filter: "url(#Tilt3DMouse__j)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M19.95-6.787h64.369V50.32h-64.37z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#Tilt3DMouse__k)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Tilt3DMouse__l)", d: "m51.147-2.371 27.188 50.044H21.244z" }))),
16
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("filter", { id: "Tilt3DMouse__b", width: "109.273", height: "57.941", x: "-28.167", y: "-2.66", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_20600", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "Tilt3DMouse__c", width: "63.639", height: "47.912", x: "6.883", y: "3.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_20600", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "Tilt3DMouse__f", width: "86.454", height: "58.535", x: "-7.973", y: "-3.191", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_20600", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "Tilt3DMouse__g", width: "54.061", height: "48.383", x: "15.84", y: "2.701", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_20600", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "Tilt3DMouse__j", width: "74.369", height: "67.107", x: "14.949", y: "-11.787", 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_20600", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "Tilt3DMouse__k", width: "67.091", height: "60.045", x: "16.244", y: "-7.371", 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_20600", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "Tilt3DMouse__d", x1: "29.548", x2: "14.299", y1: "11.563", y2: "47.314", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "Tilt3DMouse__h", x1: "45.353", x2: "22.869", y1: "11.146", y2: "52.641", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "Tilt3DMouse__l", x1: "70.238", x2: "29.087", y1: "2.121", y2: "62.026", 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)" })))
17
17
  );
18
18
  Tilt3DMouse.displayName = "Tilt3DMouse";
19
19
  export {
package/dist/esm/TiltAnimation.js CHANGED
@@ -9,11 +9,11 @@ const TiltAnimation = (props) => /* @__PURE__ */ React.createElement(
9
9
  xmlns: "http://www.w3.org/2000/svg",
10
10
  ...props
11
11
  },
12
- /* @__PURE__ */ React.createElement("g", { clipPath: "url(#TiltAnimation__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-50, #f8f6f500)", d: "M21.298 36.783a2 2 0 0 1 1.087-1.102l28.43-11.846c1.637-.682 3.285.943 2.627 2.589l-3.52 8.8a2 2 0 0 1-1.088 1.103L20.397 48.172c-1.636.682-3.284-.945-2.625-2.59z" })),
12
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#TiltAnimation__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-50, #f8f6f500)", d: "M21.298 36.784a2 2 0 0 1 1.087-1.102l28.43-11.846c1.637-.682 3.285.943 2.627 2.589l-3.52 8.8a2 2 0 0 1-1.088 1.103L20.397 48.173c-1.636.682-3.284-.945-2.625-2.59z" })),
13
13
  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#TiltAnimation__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-50, #f8f6f500)", d: "M22.06 37.506a2 2 0 0 1 .902-2.297l20.251-11.913a2 2 0 0 1 2.93 1.15L49.159 34.5a2 2 0 0 1-.902 2.298L28 48.711a2 2 0 0 1-2.93-1.15z" })),
14
- /* @__PURE__ */ React.createElement("g", { clipPath: "url(#TiltAnimation__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-50, #f8f6f500)", d: "M34.192 23.41 23.02 34.582a2 2 0 0 0 0 2.828l11.172 11.173a2 2 0 0 0 2.828 0L48.193 37.41a2 2 0 0 0 0-2.828L37.02 23.41a2 2 0 0 0-2.828 0" })),
15
- /* @__PURE__ */ React.createElement("g", { clipPath: "url(#TiltAnimation__b)" }, /* @__PURE__ */ React.createElement("g", { opacity: ".25" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M21.298 36.78a2 2 0 0 1 1.087-1.103l28.43-11.846c1.637-.682 3.285.944 2.627 2.589l-3.52 8.8a2 2 0 0 1-1.088 1.103L20.397 48.168c-1.636.682-3.284-.944-2.625-2.59z" }), /* @__PURE__ */ React.createElement("mask", { id: "TiltAnimation__c", width: "37", height: "26", x: "17", y: "23", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#999", d: "M21.298 36.78a2 2 0 0 1 1.087-1.103l28.43-11.846c1.637-.682 3.285.944 2.627 2.589l-3.52 8.8a2 2 0 0 1-1.088 1.103L20.397 48.168c-1.636.682-3.284-.944-2.625-2.59z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#TiltAnimation__d)", mask: "url(#TiltAnimation__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TiltAnimation__e)", d: "m33.5 9 29-9.999-12.5 37L17 49z" }))), /* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M22.06 37.502a2 2 0 0 1 .902-2.297l20.251-11.912a2 2 0 0 1 2.93 1.149l3.016 10.055a2 2 0 0 1-.902 2.298L28 48.707a2 2 0 0 1-2.93-1.15z" }), /* @__PURE__ */ React.createElement("mask", { id: "TiltAnimation__f", width: "29", height: "26", x: "21", y: "23", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#666", d: "M22.06 37.502a2 2 0 0 1 .902-2.297l20.251-11.912a2 2 0 0 1 2.93 1.149l3.016 10.055a2 2 0 0 1-.902 2.298L28 48.707a2 2 0 0 1-2.93-1.15z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#TiltAnimation__g)", mask: "url(#TiltAnimation__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TiltAnimation__h)", d: "m3.473 17.614 34.526-23.64L61 26.5 26.474 50.14z" }))), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M34.192 23.406 23.02 34.578a2 2 0 0 0 0 2.828L34.192 48.58a2 2 0 0 0 2.828 0l11.173-11.173a2 2 0 0 0 0-2.828L37.02 23.406a2 2 0 0 0-2.828 0" }), /* @__PURE__ */ React.createElement("mask", { id: "TiltAnimation__i", width: "27", height: "28", x: "22", y: "22", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M34.192 23.406 23.02 34.578a2 2 0 0 0 0 2.828L34.192 48.58a2 2 0 0 0 2.828 0l11.173-11.173a2 2 0 0 0 0-2.828L37.02 23.406a2 2 0 0 0-2.828 0" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#TiltAnimation__j)", mask: "url(#TiltAnimation__i)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TiltAnimation__k)", d: "M3.473 17.617 36-14.91l32.527 32.527L36 50.144z" }))),
16
- /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "TiltAnimation__e", x1: "25.306", x2: "32.987", y1: "-7.379", y2: "55.95", 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: "TiltAnimation__h", x1: "34.306", x2: "41.986", y1: "-7.379", y2: "55.95", 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: "TiltAnimation__k", x1: "34.306", x2: "41.987", y1: "-7.377", y2: "55.951", 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: "TiltAnimation__d", width: "55.501", height: "59.998", x: "12", y: "-5.998", 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_17992", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "TiltAnimation__g", width: "67.527", height: "66.168", x: "-1.527", y: "-11.027", 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_17992", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "TiltAnimation__j", width: "75.054", height: "75.055", x: "-1.527", y: "-19.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_17992", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("clipPath", { id: "TiltAnimation__b" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M16 22h39.21v28H16z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "TiltAnimation__a" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M16 22h39.21v28H16z" })))
14
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#TiltAnimation__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-50, #f8f6f500)", d: "M34.192 23.41 23.02 34.584a2 2 0 0 0 0 2.828l11.172 11.173a2 2 0 0 0 2.828 0L48.193 37.41a2 2 0 0 0 0-2.828L37.02 23.41a2 2 0 0 0-2.828 0" })),
15
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#TiltAnimation__b)" }, /* @__PURE__ */ React.createElement("g", { opacity: ".25" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M21.298 36.78a2 2 0 0 1 1.087-1.103l28.43-11.846c1.637-.682 3.285.944 2.627 2.589l-3.52 8.8a2 2 0 0 1-1.088 1.103L20.397 48.168c-1.636.682-3.284-.944-2.625-2.59z" }), /* @__PURE__ */ React.createElement("mask", { id: "TiltAnimation__c", width: "37", height: "26", x: "17", y: "23", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#999", d: "M21.298 36.78a2 2 0 0 1 1.087-1.103l28.43-11.846c1.637-.682 3.285.944 2.627 2.589l-3.52 8.8a2 2 0 0 1-1.088 1.103L20.397 48.168c-1.636.682-3.284-.944-2.625-2.59z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#TiltAnimation__d)", mask: "url(#TiltAnimation__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TiltAnimation__e)", d: "m33.5 9.001 29-9.999-12.5 37L17 49z" }))), /* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M22.06 37.502a2 2 0 0 1 .902-2.297l20.251-11.912a2 2 0 0 1 2.93 1.149l3.016 10.055a2 2 0 0 1-.902 2.298L28 48.707a2 2 0 0 1-2.93-1.15z" }), /* @__PURE__ */ React.createElement("mask", { id: "TiltAnimation__f", width: "29", height: "26", x: "21", y: "23", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#666", d: "M22.06 37.502a2 2 0 0 1 .902-2.297l20.251-11.912a2 2 0 0 1 2.93 1.149l3.016 10.055a2 2 0 0 1-.902 2.298L28 48.707a2 2 0 0 1-2.93-1.15z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#TiltAnimation__g)", mask: "url(#TiltAnimation__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TiltAnimation__h)", d: "m3.473 17.615 34.526-23.64L61 26.5l-34.526 23.64z" }))), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M34.192 23.406 23.02 34.578a2 2 0 0 0 0 2.828L34.192 48.58a2 2 0 0 0 2.828 0l11.173-11.173a2 2 0 0 0 0-2.828L37.02 23.406a2 2 0 0 0-2.828 0" }), /* @__PURE__ */ React.createElement("mask", { id: "TiltAnimation__i", width: "27", height: "28", x: "22", y: "22", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M34.192 23.406 23.02 34.578a2 2 0 0 0 0 2.828L34.192 48.58a2 2 0 0 0 2.828 0l11.173-11.173a2 2 0 0 0 0-2.828L37.02 23.406a2 2 0 0 0-2.828 0" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#TiltAnimation__j)", mask: "url(#TiltAnimation__i)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TiltAnimation__k)", d: "M3.473 17.616 36-14.91l32.527 32.527L36 50.143z" }))),
16
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "TiltAnimation__e", x1: "25.306", x2: "32.987", y1: "-7.378", y2: "55.95", 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: "TiltAnimation__h", x1: "34.306", x2: "41.986", y1: "-7.378", y2: "55.95", 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: "TiltAnimation__k", x1: "34.306", x2: "41.987", y1: "-7.378", y2: "55.95", 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: "TiltAnimation__d", width: "55.501", height: "59.999", x: "12", y: "-5.998", 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_17992", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "TiltAnimation__g", width: "67.527", height: "66.167", x: "-1.527", y: "-11.025", 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_17992", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "TiltAnimation__j", width: "75.054", height: "75.055", x: "-1.527", y: "-19.911", 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_17992", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("clipPath", { id: "TiltAnimation__b" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M16 22h39.21v28H16z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "TiltAnimation__a" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M16 22h39.21v28H16z" })))
17
17
  );
18
18
  TiltAnimation.displayName = "TiltAnimation";
19
19
  export {
package/dist/esm/TiltDivider.js CHANGED
@@ -2,14 +2,14 @@ import React from "react";
2
2
  const TiltDivider = (props) => /* @__PURE__ */ React.createElement(
3
3
  "svg",
4
4
  {
5
- viewBox: "0 0 110 60",
5
+ viewBox: "0 0 97 51",
6
6
  fill: "none",
7
- width: 110,
8
- height: 60,
7
+ width: 97,
8
+ height: 51,
9
9
  xmlns: "http://www.w3.org/2000/svg",
10
10
  ...props
11
11
  },
12
- /* @__PURE__ */ React.createElement("g", { clipPath: "url(#TiltDivider__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M-2 60.225 111.864 33 112 60.225z" }), /* @__PURE__ */ React.createElement("mask", { id: "TiltDivider__b", width: "114", height: "28", x: "-2", y: "33", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M-2 60.225 111.864 33 112 60.225z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#TiltDivider__c)", mask: "url(#TiltDivider__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TiltDivider__d)", d: "m-64.856 56.845 228.631-40.26.273 40.26z" }))),
12
+ /* @__PURE__ */ React.createElement("g", { transform: "matrix(.88182 0 0 .88182 0 -1.91)", clipPath: "url(#TiltDivider__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M-2 60.225 111.864 33 112 60.225z" }), /* @__PURE__ */ React.createElement("mask", { id: "TiltDivider__b", width: "114", height: "28", x: "-2", y: "33", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M-2 60.225 111.864 33 112 60.225z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#TiltDivider__c)", mask: "url(#TiltDivider__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TiltDivider__d)", d: "m-64.856 56.845 228.631-40.26.273 40.26z" }))),
13
13
  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "TiltDivider__d", x1: "131.584", x2: "121.989", y1: "20.2", y2: "89.81", 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: "TiltDivider__a" }, /* @__PURE__ */ React.createElement("rect", { width: "110", height: "60", fill: "#fff", rx: "8" })), /* @__PURE__ */ React.createElement("filter", { id: "TiltDivider__c", width: "258.903", height: "70.258", x: "-79.856", y: "1.586", 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_22491", stdDeviation: "7.5" })))
14
14
  );
15
15
  TiltDivider.displayName = "TiltDivider";
package/dist/esm/TiltEntrance.js CHANGED
@@ -11,12 +11,12 @@ const TiltEntrance = (props) => /* @__PURE__ */ React.createElement(
11
11
  },
12
12
  /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "17.858", y: "51.5", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".5", rx: "2", transform: "rotate(-90 17.858 51.5)" }),
13
13
  /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "19.858", y: "41.887", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".5", rx: "2", transform: "rotate(-66.83 19.858 41.887)" }),
14
- /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "25.858", y: "34.641", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".5", rx: "2", transform: "rotate(-45 25.858 34.64)" }),
14
+ /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "25.858", y: "34.643", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".5", rx: "2", transform: "rotate(-45 25.858 34.643)" }),
15
15
  /* @__PURE__ */ React.createElement("g", { opacity: ".25", clipPath: "url(#TiltEntrance__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "17.858", y: "51.5", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-90 17.858 51.5)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#TiltEntrance__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TiltEntrance__c)", d: "M-19.365 51.5V-5.723h57.223V51.5z" }))),
16
- /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#TiltEntrance__d)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "19.858", y: "41.887", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-66.83 19.858 41.887)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#TiltEntrance__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TiltEntrance__f)", d: "M-18.286 25.563 5.907-30.97 62.44-6.775 38.245 49.756z" }))),
17
- /* @__PURE__ */ React.createElement("g", { clipPath: "url(#TiltEntrance__g)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "25.858", y: "34.645", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 25.858 34.645)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#TiltEntrance__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TiltEntrance__i)", d: "M7.473 16.258 40-16.27l32.527 32.527L40 48.785z" }))),
16
+ /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#TiltEntrance__d)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "19.858", y: "41.887", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-66.83 19.858 41.887)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#TiltEntrance__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TiltEntrance__f)", d: "M-18.286 25.562 5.907-30.97 62.44-6.776 38.245 49.755z" }))),
17
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#TiltEntrance__g)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "25.858", y: "34.642", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 25.858 34.642)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#TiltEntrance__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TiltEntrance__i)", d: "M7.473 16.257 40-16.27l32.527 32.527L40 48.784z" }))),
18
18
  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M15.161 50.602h32v1h-32z" }),
19
- /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "TiltEntrance__c", x1: "-14.229", x2: "48.233", y1: "2.393", y2: "51.342", 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: "TiltEntrance__f", x1: "7.55", x2: "48.561", y1: "-20.779", y2: "53.987", 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: "TiltEntrance__i", x1: "38.306", x2: "45.987", y1: "-8.736", y2: "54.592", 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: "TiltEntrance__a" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "17.858", y: "51.5", fill: "#fff", rx: "2", transform: "rotate(-90 17.858 51.5)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "TiltEntrance__d" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "19.858", y: "41.887", fill: "#fff", rx: "2", transform: "rotate(-66.83 19.858 41.887)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "TiltEntrance__g" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "25.858", y: "34.645", fill: "#fff", rx: "2", transform: "rotate(-45 25.858 34.645)" })), /* @__PURE__ */ React.createElement("filter", { id: "TiltEntrance__b", width: "67.223", height: "67.223", x: "-24.365", y: "-10.723", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_19366", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "TiltEntrance__e", width: "90.725", height: "90.727", x: "-23.287", y: "-35.969", 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_19366", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "TiltEntrance__h", width: "75.054", height: "75.055", x: "2.473", y: "-21.27", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_19366", stdDeviation: "2.5" })))
19
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "TiltEntrance__c", x1: "-14.229", x2: "48.233", y1: "2.393", y2: "51.342", 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: "TiltEntrance__f", x1: "7.55", x2: "48.561", y1: "-20.78", y2: "53.986", 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: "TiltEntrance__i", x1: "38.306", x2: "45.987", y1: "-8.737", y2: "54.591", 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: "TiltEntrance__a" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "17.858", y: "51.5", fill: "#fff", rx: "2", transform: "rotate(-90 17.858 51.5)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "TiltEntrance__d" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "19.858", y: "41.887", fill: "#fff", rx: "2", transform: "rotate(-66.83 19.858 41.887)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "TiltEntrance__g" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "25.858", y: "34.642", fill: "#fff", rx: "2", transform: "rotate(-45 25.858 34.642)" })), /* @__PURE__ */ React.createElement("filter", { id: "TiltEntrance__b", width: "67.223", height: "67.223", x: "-24.365", y: "-10.723", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_19366", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "TiltEntrance__e", width: "90.725", height: "90.726", x: "-23.287", y: "-35.97", 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_19366", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "TiltEntrance__h", width: "75.054", height: "75.055", x: "2.473", y: "-21.27", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_19366", stdDeviation: "2.5" })))
20
20
  );
21
21
  TiltEntrance.displayName = "TiltEntrance";
22
22
  export {
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 {