@node-core/ui-components 1.0.1-df203d0fe21ee5d80d258c60dc821e8ac0601ce4 → 1.0.1-e1f87bde264af01e260a8efa4fab1749a2c6bc29

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 (263) hide show
  1. package/Common/AlertBox/index.js +5 -0
  2. package/Common/AlertBox/index.module.css +47 -46
  3. package/Common/AvatarGroup/Avatar/index.js +11 -0
  4. package/Common/AvatarGroup/Avatar/index.module.css +50 -30
  5. package/Common/AvatarGroup/Overlay/index.js +6 -0
  6. package/Common/AvatarGroup/Overlay/index.module.css +28 -21
  7. package/Common/AvatarGroup/index.js +21 -0
  8. package/Common/AvatarGroup/index.module.css +12 -15
  9. package/Common/Badge/index.js +7 -0
  10. package/Common/Badge/index.module.css +34 -26
  11. package/Common/BadgeGroup/index.js +6 -0
  12. package/Common/BadgeGroup/index.module.css +75 -51
  13. package/Common/Banner/index.js +4 -0
  14. package/Common/Banner/index.module.css +30 -27
  15. package/Common/BaseActiveLink/index.js +14 -0
  16. package/Common/BaseButton/index.js +10 -0
  17. package/Common/BaseButton/index.module.css +332 -102
  18. package/Common/BaseCodeBox/index.js +50 -0
  19. package/Common/BaseCodeBox/index.module.css +76 -64
  20. package/Common/BaseCrossLink/index.js +12 -0
  21. package/Common/BaseCrossLink/index.module.css +57 -39
  22. package/Common/BaseLinkTabs/index.js +5 -0
  23. package/Common/BaseLinkTabs/index.module.css +67 -33
  24. package/Common/BasePagination/Ellipsis/index.js +4 -0
  25. package/Common/BasePagination/Ellipsis/index.module.css +14 -8
  26. package/Common/BasePagination/PaginationListItem/index.js +6 -0
  27. package/Common/BasePagination/PaginationListItem/index.module.css +36 -21
  28. package/Common/BasePagination/PrevNextArrow.js +7 -0
  29. package/Common/BasePagination/index.js +10 -0
  30. package/Common/BasePagination/index.module.css +27 -26
  31. package/Common/BasePagination/useGetPageElements.js +77 -0
  32. package/Common/Blockquote/index.js +4 -0
  33. package/Common/Blockquote/index.module.css +44 -23
  34. package/Common/Breadcrumbs/BreadcrumbHomeLink/index.js +9 -0
  35. package/Common/Breadcrumbs/BreadcrumbHomeLink/index.module.css +3 -3
  36. package/Common/Breadcrumbs/BreadcrumbItem/index.js +6 -0
  37. package/Common/Breadcrumbs/BreadcrumbItem/index.module.css +38 -27
  38. package/Common/Breadcrumbs/BreadcrumbLink/index.js +5 -0
  39. package/Common/Breadcrumbs/BreadcrumbLink/index.module.css +26 -16
  40. package/Common/Breadcrumbs/BreadcrumbRoot/index.js +4 -0
  41. package/Common/Breadcrumbs/BreadcrumbRoot/index.module.css +8 -7
  42. package/Common/Breadcrumbs/BreadcrumbTruncatedItem/index.js +4 -0
  43. package/Common/Breadcrumbs/index.js +22 -0
  44. package/Common/ChangeHistory/index.js +9 -0
  45. package/Common/ChangeHistory/index.module.css +198 -0
  46. package/Common/CodeTabs/index.js +5 -0
  47. package/Common/CodeTabs/index.module.css +47 -36
  48. package/Common/DataTag/index.js +18 -0
  49. package/Common/DataTag/index.module.css +54 -0
  50. package/Common/GlowingBackdrop/index.js +5 -0
  51. package/Common/GlowingBackdrop/index.module.css +126 -28
  52. package/Common/LanguageDropDown/index.js +11 -0
  53. package/Common/LanguageDropDown/index.module.css +140 -42
  54. package/Common/Modal/index.js +10 -0
  55. package/Common/Modal/index.module.css +217 -62
  56. package/Common/NodejsLogo/index.js +7 -0
  57. package/Common/NodejsLogo/index.module.css +3 -4
  58. package/Common/Notification/index.js +6 -0
  59. package/Common/Notification/index.module.css +101 -17
  60. package/Common/Preview/index.js +7 -0
  61. package/Common/Preview/index.module.css +269 -65
  62. package/Common/Select/index.js +46 -0
  63. package/Common/Select/index.module.css +294 -127
  64. package/Common/Separator/index.js +7 -0
  65. package/Common/Separator/index.module.css +7 -10
  66. package/Common/Skeleton/index.js +18 -0
  67. package/Common/Skeleton/index.module.css +118 -21
  68. package/Common/Tabs/index.js +6 -0
  69. package/Common/Tabs/index.module.css +58 -40
  70. package/Common/ThemeToggle/index.js +7 -0
  71. package/Common/ThemeToggle/index.module.css +18 -11
  72. package/Common/Tooltip/index.js +8 -0
  73. package/Common/Tooltip/index.module.css +119 -29
  74. package/Containers/Article/index.js +4 -0
  75. package/Containers/Article/index.module.css +127 -58
  76. package/Containers/DocSideBar/index.js +1 -0
  77. package/Containers/Footer/index.js +22 -0
  78. package/Containers/Footer/index.module.css +51 -36
  79. package/Containers/MetaBar/index.js +12 -0
  80. package/Containers/MetaBar/index.module.css +101 -69
  81. package/Containers/NavBar/NavItem/index.js +7 -0
  82. package/Containers/NavBar/NavItem/index.module.css +50 -36
  83. package/Containers/NavBar/index.js +18 -0
  84. package/Containers/NavBar/index.module.css +176 -96
  85. package/Containers/Sidebar/ProgressionIcon/index.js +3 -0
  86. package/Containers/Sidebar/SidebarGroup/index.js +9 -0
  87. package/Containers/Sidebar/SidebarGroup/index.module.css +188 -22
  88. package/Containers/Sidebar/SidebarItem/index.js +11 -0
  89. package/Containers/Sidebar/SidebarItem/index.module.css +60 -28
  90. package/Containers/Sidebar/index.js +15 -0
  91. package/Containers/Sidebar/index.module.css +44 -27
  92. package/Icons/HexagonGrid.js +3 -0
  93. package/Icons/InstallationMethod/Choco.js +3 -0
  94. package/Icons/InstallationMethod/Devbox.js +3 -0
  95. package/Icons/InstallationMethod/Docker.js +3 -0
  96. package/Icons/InstallationMethod/FNM.js +3 -0
  97. package/Icons/InstallationMethod/Homebrew.js +3 -0
  98. package/Icons/InstallationMethod/N.js +5 -0
  99. package/Icons/InstallationMethod/NVM.js +3 -0
  100. package/Icons/InstallationMethod/Volta.js +3 -0
  101. package/Icons/InstallationMethod/{index.ts → index.js} +0 -1
  102. package/Icons/Logos/JsWhite.js +3 -0
  103. package/Icons/Logos/Nodejs.js +12 -0
  104. package/Icons/Logos/index.js +3 -0
  105. package/Icons/OperatingSystem/AIX.js +3 -0
  106. package/Icons/OperatingSystem/Apple.js +3 -0
  107. package/Icons/OperatingSystem/Linux.js +3 -0
  108. package/Icons/OperatingSystem/Microsoft.js +3 -0
  109. package/Icons/OperatingSystem/{index.ts → index.js} +0 -1
  110. package/Icons/PackageManager/Npm.js +3 -0
  111. package/Icons/PackageManager/Pnpm.js +3 -0
  112. package/Icons/PackageManager/Yarn.js +3 -0
  113. package/Icons/PackageManager/{index.ts → index.js} +0 -1
  114. package/Icons/Social/Bluesky.js +3 -0
  115. package/Icons/Social/Discord.js +3 -0
  116. package/Icons/Social/GitHub.js +3 -0
  117. package/Icons/Social/LinkedIn.js +3 -0
  118. package/Icons/Social/Mastodon.js +3 -0
  119. package/Icons/Social/Slack.js +3 -0
  120. package/Icons/Social/X.js +3 -0
  121. package/Icons/Social/{index.ts → index.js} +0 -1
  122. package/MDX/CodeTabs.js +16 -0
  123. package/package.json +19 -69
  124. package/stylelint/one-utility-class-per-line.mjs +34 -50
  125. package/stylelint/utils.mjs +19 -25
  126. package/styles/index.css +1124 -26
  127. package/types.js +1 -0
  128. package/Common/AlertBox/index.stories.tsx +0 -73
  129. package/Common/AlertBox/index.tsx +0 -24
  130. package/Common/AvatarGroup/Avatar/index.stories.tsx +0 -22
  131. package/Common/AvatarGroup/Avatar/index.tsx +0 -67
  132. package/Common/AvatarGroup/Overlay/index.stories.tsx +0 -33
  133. package/Common/AvatarGroup/Overlay/index.tsx +0 -37
  134. package/Common/AvatarGroup/__tests__/index.test.jsx +0 -55
  135. package/Common/AvatarGroup/index.stories.tsx +0 -56
  136. package/Common/AvatarGroup/index.tsx +0 -87
  137. package/Common/Badge/index.stories.tsx +0 -38
  138. package/Common/Badge/index.tsx +0 -35
  139. package/Common/BadgeGroup/index.stories.tsx +0 -35
  140. package/Common/BadgeGroup/index.tsx +0 -35
  141. package/Common/Banner/index.stories.tsx +0 -29
  142. package/Common/Banner/index.tsx +0 -18
  143. package/Common/BaseActiveLink/__tests__/index.test.jsx +0 -52
  144. package/Common/BaseActiveLink/index.tsx +0 -34
  145. package/Common/BaseButton/index.stories.tsx +0 -67
  146. package/Common/BaseButton/index.tsx +0 -59
  147. package/Common/BaseCodeBox/index.stories.tsx +0 -39
  148. package/Common/BaseCodeBox/index.tsx +0 -133
  149. package/Common/BaseCrossLink/index.stories.tsx +0 -38
  150. package/Common/BaseCrossLink/index.tsx +0 -46
  151. package/Common/BaseLinkTabs/index.stories.tsx +0 -34
  152. package/Common/BaseLinkTabs/index.tsx +0 -53
  153. package/Common/BasePagination/Ellipsis/index.stories.tsx +0 -10
  154. package/Common/BasePagination/Ellipsis/index.tsx +0 -11
  155. package/Common/BasePagination/PaginationListItem/__tests__/index.test.jsx +0 -58
  156. package/Common/BasePagination/PaginationListItem/index.stories.tsx +0 -40
  157. package/Common/BasePagination/PaginationListItem/index.tsx +0 -39
  158. package/Common/BasePagination/PrevNextArrow.tsx +0 -15
  159. package/Common/BasePagination/__tests__/index.test.jsx +0 -180
  160. package/Common/BasePagination/index.stories.tsx +0 -67
  161. package/Common/BasePagination/index.tsx +0 -77
  162. package/Common/BasePagination/useGetPageElements.tsx +0 -132
  163. package/Common/Blockquote/index.stories.tsx +0 -45
  164. package/Common/Blockquote/index.tsx +0 -11
  165. package/Common/Breadcrumbs/BreadcrumbHomeLink/index.tsx +0 -30
  166. package/Common/Breadcrumbs/BreadcrumbItem/index.tsx +0 -42
  167. package/Common/Breadcrumbs/BreadcrumbLink/index.tsx +0 -37
  168. package/Common/Breadcrumbs/BreadcrumbRoot/index.tsx +0 -20
  169. package/Common/Breadcrumbs/BreadcrumbTruncatedItem/index.tsx +0 -9
  170. package/Common/Breadcrumbs/index.stories.tsx +0 -94
  171. package/Common/Breadcrumbs/index.tsx +0 -81
  172. package/Common/CodeTabs/index.stories.tsx +0 -74
  173. package/Common/CodeTabs/index.tsx +0 -16
  174. package/Common/GlowingBackdrop/index.stories.tsx +0 -10
  175. package/Common/GlowingBackdrop/index.tsx +0 -13
  176. package/Common/LanguageDropDown/index.stories.tsx +0 -19
  177. package/Common/LanguageDropDown/index.tsx +0 -56
  178. package/Common/Modal/index.stories.tsx +0 -32
  179. package/Common/Modal/index.tsx +0 -48
  180. package/Common/NodejsLogo/index.stories.tsx +0 -14
  181. package/Common/NodejsLogo/index.tsx +0 -26
  182. package/Common/Notification/index.stories.tsx +0 -36
  183. package/Common/Notification/index.tsx +0 -34
  184. package/Common/Preview/index.stories.tsx +0 -44
  185. package/Common/Preview/index.tsx +0 -25
  186. package/Common/ProgressionSidebar/ProgressionSidebarGroup/index.module.css +0 -47
  187. package/Common/ProgressionSidebar/ProgressionSidebarGroup/index.tsx +0 -35
  188. package/Common/ProgressionSidebar/ProgressionSidebarIcon/index.tsx +0 -16
  189. package/Common/ProgressionSidebar/ProgressionSidebarItem/index.module.css +0 -39
  190. package/Common/ProgressionSidebar/ProgressionSidebarItem/index.tsx +0 -32
  191. package/Common/ProgressionSidebar/index.module.css +0 -30
  192. package/Common/ProgressionSidebar/index.stories.tsx +0 -79
  193. package/Common/ProgressionSidebar/index.tsx +0 -59
  194. package/Common/Select/__tests__/index.test.jsx +0 -67
  195. package/Common/Select/index.stories.tsx +0 -111
  196. package/Common/Select/index.tsx +0 -187
  197. package/Common/Separator/index.stories.tsx +0 -32
  198. package/Common/Separator/index.tsx +0 -27
  199. package/Common/Skeleton/index.tsx +0 -39
  200. package/Common/Tabs/__tests__/index.test.jsx +0 -52
  201. package/Common/Tabs/index.stories.tsx +0 -50
  202. package/Common/Tabs/index.tsx +0 -54
  203. package/Common/ThemeToggle/__tests__/index.test.jsx +0 -35
  204. package/Common/ThemeToggle/index.stories.tsx +0 -10
  205. package/Common/ThemeToggle/index.tsx +0 -15
  206. package/Common/Tooltip/index.stories.tsx +0 -73
  207. package/Common/Tooltip/index.tsx +0 -48
  208. package/Containers/Article/index.stories.tsx +0 -39
  209. package/Containers/Article/index.tsx +0 -9
  210. package/Containers/Footer/index.stories.tsx +0 -27
  211. package/Containers/Footer/index.tsx +0 -95
  212. package/Containers/MetaBar/__tests__/index.test.jsx +0 -63
  213. package/Containers/MetaBar/index.stories.tsx +0 -80
  214. package/Containers/MetaBar/index.tsx +0 -72
  215. package/Containers/NavBar/NavItem/index.stories.tsx +0 -38
  216. package/Containers/NavBar/NavItem/index.tsx +0 -44
  217. package/Containers/NavBar/index.stories.tsx +0 -45
  218. package/Containers/NavBar/index.tsx +0 -94
  219. package/Containers/Sidebar/SidebarGroup/index.stories.tsx +0 -36
  220. package/Containers/Sidebar/SidebarGroup/index.tsx +0 -30
  221. package/Containers/Sidebar/SidebarItem/index.stories.tsx +0 -15
  222. package/Containers/Sidebar/SidebarItem/index.tsx +0 -26
  223. package/Containers/Sidebar/index.stories.tsx +0 -84
  224. package/Containers/Sidebar/index.tsx +0 -58
  225. package/Icons/HexagonGrid.stories.tsx +0 -10
  226. package/Icons/HexagonGrid.tsx +0 -1434
  227. package/Icons/InstallationMethod/Choco.tsx +0 -78
  228. package/Icons/InstallationMethod/Devbox.tsx +0 -21
  229. package/Icons/InstallationMethod/Docker.tsx +0 -20
  230. package/Icons/InstallationMethod/FNM.tsx +0 -132
  231. package/Icons/InstallationMethod/Homebrew.tsx +0 -69
  232. package/Icons/InstallationMethod/N.tsx +0 -32
  233. package/Icons/InstallationMethod/NVM.tsx +0 -63
  234. package/Icons/InstallationMethod/Volta.tsx +0 -34
  235. package/Icons/Logos/JsGreen.tsx +0 -24
  236. package/Icons/Logos/JsWhite.tsx +0 -37
  237. package/Icons/Logos/Nodejs.tsx +0 -188
  238. package/Icons/Logos/NodejsStackedBlack.tsx +0 -98
  239. package/Icons/Logos/NodejsStackedDark.tsx +0 -124
  240. package/Icons/Logos/NodejsStackedLight.tsx +0 -123
  241. package/Icons/Logos/NodejsStackedWhite.tsx +0 -98
  242. package/Icons/Logos/index.ts +0 -17
  243. package/Icons/OperatingSystem/AIX.tsx +0 -46
  244. package/Icons/OperatingSystem/Apple.tsx +0 -23
  245. package/Icons/OperatingSystem/Linux.tsx +0 -969
  246. package/Icons/OperatingSystem/Microsoft.tsx +0 -19
  247. package/Icons/PackageManager/Npm.tsx +0 -21
  248. package/Icons/PackageManager/Pnpm.tsx +0 -22
  249. package/Icons/PackageManager/Yarn.tsx +0 -22
  250. package/Icons/Social/Bluesky.tsx +0 -19
  251. package/Icons/Social/Discord.tsx +0 -20
  252. package/Icons/Social/GitHub.tsx +0 -16
  253. package/Icons/Social/LinkedIn.tsx +0 -16
  254. package/Icons/Social/Mastodon.tsx +0 -36
  255. package/Icons/Social/Slack.tsx +0 -31
  256. package/Icons/Social/X.tsx +0 -16
  257. package/stylelint/__tests__/index.test.mjs +0 -80
  258. package/styles/animations.css +0 -47
  259. package/styles/base.css +0 -17
  260. package/styles/effects.css +0 -12
  261. package/styles/markdown.css +0 -173
  262. package/styles/theme.css +0 -175
  263. package/types.ts +0 -25
@@ -0,0 +1,3 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ const Volta = props => (_jsxs("svg", { width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsx("circle", { cx: "16", cy: "16", r: "15", fill: "#6DB9B4", stroke: "#5EA9A2", strokeWidth: "2" }), _jsx("text", { x: "16", y: "21", fontFamily: "Arial", fontSize: "16", fontWeight: "bold", fill: "#FFFFFF", textAnchor: "middle", children: "V" })] }));
3
+ export default Volta;
@@ -6,5 +6,4 @@ import Homebrew from '#ui/Icons/InstallationMethod/Homebrew';
6
6
  import N from '#ui/Icons/InstallationMethod/N';
7
7
  import NVM from '#ui/Icons/InstallationMethod/NVM';
8
8
  import Volta from '#ui/Icons/InstallationMethod/Volta';
9
-
10
9
  export { Choco, Devbox, Docker, FNM, Homebrew, N, NVM, Volta };
@@ -0,0 +1,3 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ const JsWhiteIcon = props => (_jsxs("svg", { width: "71", height: "80", viewBox: "0 0 71 80", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsxs("g", { clipPath: "url(#clip0_337_7892)", children: [_jsx("path", { d: "M35.1193 79.5C34.0343 79.5 33.0217 79.2106 32.0813 78.7041L22.4611 72.9884C21.0144 72.1925 21.7378 71.9031 22.1718 71.7584C24.1247 71.1072 24.4864 70.9625 26.5117 69.8049C26.7287 69.6602 27.0181 69.7326 27.2351 69.8773L34.613 74.2907C34.9023 74.4354 35.264 74.4354 35.481 74.2907L64.3417 57.5775C64.6311 57.4328 64.7757 57.1434 64.7757 56.7817V23.4276C64.7757 23.0659 64.6311 22.7765 64.3417 22.6318L35.481 5.99096C35.1917 5.84626 34.83 5.84626 34.613 5.99096L5.75223 22.6318C5.4629 22.7765 5.31823 23.1382 5.31823 23.4276V56.7817C5.31823 57.0711 5.4629 57.4328 5.75223 57.5775L13.6365 62.1357C17.9041 64.3062 20.5804 61.7739 20.5804 59.2416V26.3217C20.5804 25.8876 20.9421 25.4535 21.4484 25.4535H25.1374C25.5714 25.4535 26.0054 25.8152 26.0054 26.3217V59.2416C26.0054 64.9574 22.8951 68.2855 17.4701 68.2855C15.8065 68.2855 14.5045 68.2855 10.8155 66.4767L3.22059 62.1357C1.33994 61.0504 0.182617 59.0246 0.182617 56.854V23.5C0.182617 21.3295 1.33994 19.3036 3.22059 18.2183L32.0813 1.50517C33.8897 0.492253 36.349 0.492253 38.1573 1.50517L67.0181 18.2183C68.8987 19.3036 70.056 21.3295 70.056 23.5V56.854C70.056 59.0246 68.8987 61.0504 67.0181 62.1357L38.1573 78.8488C37.2893 79.2106 36.2043 79.5 35.1193 79.5Z", fill: "white" }), _jsx("path", { d: "M44.0884 56.5646C31.4302 56.5646 28.8262 50.7765 28.8262 45.8566C28.8262 45.4225 29.1878 44.9883 29.6942 44.9883H33.4555C33.8895 44.9883 34.2511 45.2778 34.2511 45.7119C34.8298 49.5465 36.4934 51.4276 44.1607 51.4276C50.2367 51.4276 52.8406 50.0529 52.8406 46.7971C52.8406 44.916 52.1173 43.5413 42.6417 42.6008C34.7575 41.8049 29.8388 40.0685 29.8388 33.7739C29.8388 27.9134 34.7575 24.4406 43.0034 24.4406C52.262 24.4406 56.8189 27.624 57.3976 34.5697C57.3976 34.7868 57.3253 35.0039 57.1806 35.2209C57.0359 35.3656 56.8189 35.5103 56.6019 35.5103H52.7683C52.4066 35.5103 52.045 35.2209 51.9726 34.8592C51.1047 30.8798 48.8623 29.5775 42.9311 29.5775C36.2764 29.5775 35.4808 31.8927 35.4808 33.6292C35.4808 35.7274 36.4211 36.3785 45.3904 37.5362C54.2873 38.6938 58.4826 40.3579 58.4826 46.5801C58.4826 52.947 53.2023 56.5646 44.0884 56.5646Z", fill: "white" })] }), _jsx("defs", { children: _jsx("clipPath", { id: "clip0_337_7892", children: _jsx("rect", { width: "71", height: "79", fill: "white", transform: "translate(0 0.5)" }) }) })] }));
3
+ export default JsWhiteIcon;
@@ -0,0 +1,12 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import classNames from 'classnames';
3
+ const NodejsIcon = ({ className, variant = 'default', ...props }) => {
4
+ return (_jsxs("svg", { width: 267, height: 80, viewBox: "0 0 267 80", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: classNames('fill-[#333333] dark:fill-white', className), ...props, children: [_jsx("mask", { id: "a", maskUnits: "userSpaceOnUse", x: 0, y: 0, width: 267, height: 80, style: {
5
+ maskType: 'luminance',
6
+ }, children: _jsx("path", { d: "M267 0H0v79.378h267z", fill: "#fff" }) }), _jsxs("g", { mask: "url(#a)", children: [_jsx("path", { d: "M234.983 78.755a4 4 0 0 1-1.933-.51l-6.121-3.658c-.921-.51-.46-.695-.184-.787 1.242-.417 1.472-.51 2.761-1.25.138-.093.322-.047.46.046l4.694 2.825c.184.092.414.092.552 0l18.363-10.698c.183-.092.277-.277.277-.509V42.867c0-.232-.094-.417-.277-.51l-18.363-10.65c-.184-.093-.414-.093-.552 0l-18.362 10.65c-.184.093-.276.324-.276.51v21.347c0 .186.092.417.276.51l5.016 2.917c2.715 1.39 4.418-.232 4.418-1.852v-21.07c0-.278.23-.556.553-.556h2.347c.276 0 .552.232.552.556v21.07c0 3.658-1.979 5.788-5.431 5.788-1.058 0-1.886 0-4.234-1.157l-4.832-2.779a3.91 3.91 0 0 1-1.933-3.38V42.912c0-1.39.737-2.686 1.933-3.38l18.363-10.697c1.15-.649 2.715-.649 3.865 0l18.363 10.696a3.91 3.91 0 0 1 1.932 3.381V64.26c0 1.39-.736 2.686-1.932 3.381l-18.363 10.697c-.552.232-1.242.417-1.932.417", fill: "#5FA04E" }), _jsx("path", { d: "M240.69 64.075c-8.055 0-9.712-3.705-9.712-6.854 0-.277.23-.555.552-.555h2.393c.277 0 .507.185.507.463.368 2.454 1.426 3.658 6.305 3.658 3.866 0 5.523-.88 5.523-2.963 0-1.204-.462-2.084-6.49-2.686-5.016-.51-8.146-1.621-8.146-5.65 0-3.75 3.13-5.974 8.376-5.974 5.892 0 8.791 2.038 9.159 6.484a.76.76 0 0 1-.137.416c-.094.093-.231.186-.371.186h-2.439a.54.54 0 0 1-.505-.417c-.553-2.547-1.98-3.38-5.753-3.38-4.234 0-4.74 1.481-4.74 2.593 0 1.342.598 1.76 6.305 2.5 5.66.741 8.33 1.806 8.33 5.788 0 4.076-3.36 6.391-9.157 6.391m26.51-22.413c0 1.945-1.612 3.566-3.546 3.566a3.556 3.556 0 0 1-3.543-3.566 3.556 3.556 0 0 1 3.543-3.565c1.888 0 3.546 1.574 3.546 3.565m-6.536 0c0 1.667 1.335 3.01 2.944 3.01 1.658 0 2.993-1.39 2.993-3.01 0-1.667-1.335-2.963-2.993-2.963a2.975 2.975 0 0 0-2.944 2.963m1.657-1.991h1.381c.46 0 1.381 0 1.381 1.065 0 .74-.462.88-.739.973.554.046.599.416.645.926.046.324.094.88.185 1.065h-.83c0-.186-.137-1.204-.137-1.25-.045-.232-.137-.325-.413-.325h-.691v1.62h-.782zm.736 1.76h.597c.508 0 .599-.37.599-.556 0-.556-.368-.556-.599-.556h-.642v1.112z", fill: "#5FA04E" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M43.674 41.954c0-.834-.46-1.62-1.197-2.038L23.01 28.572c-.322-.185-.69-.278-1.058-.324h-.184c-.368 0-.736.139-1.059.324l-19.512 11.3A2.38 2.38 0 0 0 0 41.953l.046 30.378c0 .416.23.833.598 1.018.368.232.829.232 1.15 0l11.598-6.668a2.36 2.36 0 0 0 1.197-2.037V50.428c0-.833.46-1.62 1.196-2.037l4.924-2.871a2.2 2.2 0 0 1 1.197-.325c.414 0 .828.093 1.15.325l4.925 2.87a2.36 2.36 0 0 1 1.196 2.038v14.217c0 .833.46 1.62 1.197 2.037l11.505 6.668c.368.232.828.232 1.197 0 .368-.185.598-.602.598-1.018zM137.465.139c-.369-.185-.829-.185-1.151 0-.368.231-.598.602-.598 1.019v30.1a.89.89 0 0 1-.415.74.88.88 0 0 1-.828 0l-4.878-2.825a2.36 2.36 0 0 0-2.347 0L107.735 40.52a2.36 2.36 0 0 0-1.196 2.037V65.2c0 .834.46 1.621 1.196 2.038l19.513 11.345a2.36 2.36 0 0 0 2.347 0l19.513-11.345a2.36 2.36 0 0 0 1.196-2.038V8.752c0-.88-.46-1.667-1.196-2.084zm-1.795 57.606c0 .232-.092.417-.276.51l-6.674 3.89a.68.68 0 0 1-.598 0l-6.673-3.89c-.184-.093-.276-.325-.276-.51v-7.78c0-.231.092-.416.276-.509l6.673-3.89a.68.68 0 0 1 .598 0l6.674 3.89c.184.093.276.324.276.51zm66.728-7.965c.737-.417 1.151-1.204 1.151-2.038v-5.51c0-.834-.46-1.62-1.151-2.037l-19.375-11.3a2.36 2.36 0 0 0-2.347 0l-19.512 11.346a2.36 2.36 0 0 0-1.197 2.037v22.645c0 .833.46 1.62 1.197 2.037l19.374 11.114c.737.416 1.611.416 2.301 0l11.736-6.576c.368-.185.598-.602.598-1.019s-.23-.833-.598-1.018L174.97 58.115c-.368-.231-.598-.602-.598-1.018v-7.085c0-.417.23-.834.598-1.02l6.121-3.518a1.12 1.12 0 0 1 1.196 0l6.121 3.519c.368.231.598.602.598 1.019v5.557c0 .416.23.833.599 1.018.368.232.828.232 1.196 0z" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M181.551 48.716a.42.42 0 0 1 .461 0l3.727 2.176c.138.092.23.231.23.417v4.352a.49.49 0 0 1-.23.417l-3.727 2.177a.42.42 0 0 1-.461 0l-3.727-2.177a.49.49 0 0 1-.23-.417V51.31c0-.185.092-.325.23-.417z", fill: "#5FA04E" }), _jsxs("g", { transform: "translate(53.428, 28.628)", children: [variant === 'pride' && (_jsxs("g", { "clip-path": "url(#d)", children: [_jsx("rect", { fill: "#E40303", x: "0", y: "0", width: "44", height: "8.333" }), _jsx("rect", { fill: "#FF8C00", x: "0", y: "8.333", width: "44", height: "8.333" }), _jsx("rect", { fill: "#FFED00", x: "0", y: "16.666", width: "44", height: "8.333" }), _jsx("rect", { fill: "#008026", x: "0", y: "25", width: "44", height: "8.333" }), _jsx("rect", { fill: "#004DFF", x: "0", y: "33.333", width: "44", height: "8.333" }), _jsx("rect", { fill: "#750787", x: "0", y: "41.666", width: "44", height: "8.333" })] })), _jsxs("g", { opacity: variant === 'pride' ? 0.5 : 1, style: variant === 'pride'
7
+ ? {
8
+ mixBlendMode: 'luminosity',
9
+ }
10
+ : {}, children: [_jsx("path", { fill: "url(#b)", d: "M22.873.417a2.36 2.36 0 0 0-2.348 0L1.151 11.669C.414 12.086 0 12.873 0 13.707v22.551c0 .834.46 1.621 1.15 2.038l19.375 11.253a2.36 2.36 0 0 0 2.348 0l19.374-11.253c.737-.417 1.15-1.204 1.15-2.038V13.707c0-.834-.46-1.62-1.15-2.038z" }), _jsx("path", { fill: "url(#c)", clipPath: "url(#d)", filter: variant === 'pride' ? 'url(#f)' : undefined, d: "m21.699-1.047 21.506 12.995L21.7 51.073.153 38.055z" }), _jsx("path", { fill: "url(#e)", clipPath: "url(#d)", filter: variant === 'pride' ? 'url(#f)' : undefined, d: "M21.699-1.047.153 11.948l21.546 39.125 21.506-13.018z" })] })] })] }), _jsxs("defs", { children: [_jsxs("linearGradient", { id: "b", x1: 30.33, y1: 8.56, x2: 14.9, y2: 44.7, gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: "#3F8B3D" }), _jsx("stop", { offset: 0.64, stopColor: "#3F873F" }), _jsx("stop", { offset: 0.93, stopColor: "#3DA92E" }), _jsx("stop", { offset: 1, stopColor: "#3DAE2B" })] }), _jsxs("linearGradient", { id: "c", x1: 18.8, y1: 26.8, x2: 68, y2: 0.4, gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { offset: 0.14, stopColor: "#3F873F" }), _jsx("stop", { offset: 0.4, stopColor: "#52A044" }), _jsx("stop", { offset: 0.71, stopColor: "#64B749" }), _jsx("stop", { offset: 0.91, stopColor: "#6ABF4B" })] }), _jsxs("linearGradient", { id: "e", x1: 0.25, y1: 24.5, x2: 44, y2: 24.5, gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { offset: 0.09, stopColor: "#6ABF4B" }), _jsx("stop", { offset: 0.29, stopColor: "#64B749" }), _jsx("stop", { offset: 0.6, stopColor: "#52A044" }), _jsx("stop", { offset: 0.86, stopColor: "#3F873F" })] }), _jsx("clipPath", { id: "d", children: _jsx("path", { d: "M22.873.417a2.36 2.36 0 0 0-2.348 0L1.151 11.669C.414 12.086 0 12.873 0 13.707v22.551c0 .834.46 1.621 1.15 2.038l19.375 11.253a2.36 2.36 0 0 0 2.348 0l19.374-11.253c.737-.417 1.15-1.204 1.15-2.038V13.707c0-.834-.46-1.62-1.15-2.038z" }) }), variant === 'pride' && (_jsx("filter", { id: "f", children: _jsx("feDropShadow", { dx: "0", dy: "0", stdDeviation: "2", "flood-color": "#000000", "flood-opacity": "0.5" }) }))] })] }));
11
+ };
12
+ export default NodejsIcon;
@@ -0,0 +1,3 @@
1
+ import JsWhite from '#ui/Icons/Logos/JsWhite';
2
+ import Nodejs from '#ui/Icons/Logos/Nodejs';
3
+ export { JsWhite, Nodejs };
@@ -0,0 +1,3 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ const AIX = props => (_jsx("svg", { width: 32, height: 32, viewBox: "0 0 1341.9 1341.9", xmlns: "http://www.w3.org/2000/svg", ...props, children: _jsxs("g", { children: [_jsx("path", { transform: "matrix(133.33 0 0 -133.33 1266.2 670.93)", d: "m0 0c0-2.466-1.998-4.465-4.465-4.465-2.465 0-4.466 1.999-4.466 4.465 0 2.467 2.001 4.465 4.466 4.465 2.467 0 4.465-1.998 4.465-4.465", fill: "#80cc28" }), _jsx("path", { transform: "matrix(133.33 0 0 -133.33 1328.1 670.93)", d: "m0 0h-0.103c0-1.333-0.54-2.539-1.413-3.413-0.874-0.873-2.08-1.413-3.412-1.413-1.335 0-2.539 0.54-3.414 1.413-0.874 0.874-1.414 2.08-1.414 3.413s0.54 2.539 1.414 3.413c0.875 0.873 2.079 1.413 3.414 1.413 1.332 0 2.538-0.54 3.412-1.413 0.873-0.874 1.413-2.08 1.413-3.413h0.206c0 2.779-2.253 5.032-5.031 5.032-2.78 0-5.033-2.253-5.033-5.032s2.253-5.032 5.033-5.032c2.778 0 5.031 2.253 5.031 5.032h-0.103", fill: "#4d7ec9" }), _jsx("path", { transform: "matrix(133.33 0 0 -133.33 389.19 556.69)", d: "m0 0-5e-3 -0.016-0.347-0.904h0.7zm0.776-2.024-0.267 0.681h-1.035l-0.265-0.678-0.526-3e-3 1.11 2.677h0.465l1.066-2.677z", fill: "#fff" }), _jsx("path", { transform: "matrix(133.33 0 0 -133.33 -63646 63635)", d: "m481.83 473.74h0.49v-2.679h-0.49z", fill: "#fff" }), _jsx("path", { transform: "matrix(133.33 0 0 -133.33 974.08 826.65)", d: "m0 0-0.721 1.014-0.76-1.014h-0.603l1.061 1.383-0.987 1.296h0.608l0.696-0.936 0.693 0.936h0.592l-0.983-1.3 1.015-1.379z", fill: "#fff" }), _jsx("path", { transform: "matrix(133.33 0 0 -133.33 1120.2 787.65)", d: "m0 0c0.037 0 0.07 2e-3 0.07 0.047 0 0.035-0.031 0.042-0.062 0.042h-0.059v-0.089zm-0.051-0.162h-0.045v0.288h0.11c0.068 0 0.102-0.025 0.102-0.082 0-0.052-0.033-0.074-0.074-0.079l0.082-0.127h-0.049l-0.077 0.125h-0.049zm0.052-0.064c0.114 0 0.202 0.088 0.202 0.209 0 0.118-0.088 0.207-0.202 0.207s-0.204-0.089-0.204-0.207c0-0.121 0.09-0.209 0.204-0.209m-0.253 0.209c0 0.143 0.116 0.249 0.253 0.249s0.253-0.106 0.253-0.249c0-0.145-0.116-0.251-0.253-0.251s-0.253 0.106-0.253 0.251", fill: "#fff" })] }) }));
3
+ export default AIX;
@@ -0,0 +1,3 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ const Apple = props => (_jsxs("svg", { width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsx("path", { d: "M30 16c0 7.728-6.265 14-14 14S2 23.728 2 16C2 8.265 8.265 2 16 2s14 6.265 14 14Z", fill: "#283544" }), _jsx("path", { d: "M22.562 12.457c-.076.045-1.895.986-1.895 3.07.086 2.38 2.295 3.213 2.333 3.213-.038.045-.334 1.136-1.21 2.28-.694.986-1.466 1.98-2.637 1.98-1.114 0-1.514-.657-2.8-.657-1.381 0-1.772.657-2.829.657-1.171 0-2-1.047-2.733-2.023-.952-1.278-1.761-3.284-1.79-5.21-.02-1.02.19-2.023.724-2.875.752-1.19 2.095-1.997 3.561-2.023 1.124-.036 2.124.719 2.81.719.657 0 1.885-.72 3.275-.72.6.001 2.2.17 3.191 1.59Zm-6.561-1.792c-.2-.932.352-1.864.866-2.458.657-.72 1.695-1.207 2.59-1.207a3.334 3.334 0 0 1-.952 2.511c-.58.72-1.58 1.26-2.504 1.154Z", fill: "#fff" })] }));
3
+ export default Apple;
@@ -0,0 +1,3 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ const Linux = props => (_jsxs("svg", { width: "32", height: "32", viewBox: "0 0 216 256", xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsxs("defs", { id: "tux_fx", children: [_jsxs("linearGradient", { id: "gradient_belly_shadow", children: [_jsx("stop", { offset: "0" }), _jsx("stop", { offset: "1", stopOpacity: ".25" })] }), _jsxs("linearGradient", { id: "gradient_wing_tip_right_shadow", children: [_jsx("stop", { offset: "0", stopColor: "#110800" }), _jsx("stop", { offset: ".59", stopColor: "#a65a00", stopOpacity: ".8" }), _jsx("stop", { offset: "1", stopColor: "#ff921e", stopOpacity: "0" })] }), _jsxs("linearGradient", { id: "gradient_wing_tip_right_glare_1", children: [_jsx("stop", { offset: "0", stopColor: "#7c7c7c" }), _jsx("stop", { offset: "1", stopColor: "#7c7c7c", stopOpacity: ".33" })] }), _jsxs("linearGradient", { id: "gradient_wing_tip_right_glare_2", children: [_jsx("stop", { offset: "0", stopColor: "#7c7c7c" }), _jsx("stop", { offset: "1", stopColor: "#7c7c7c", stopOpacity: ".33" })] }), _jsxs("linearGradient", { id: "gradient_foot_left_layer_1", children: [_jsx("stop", { offset: "0", stopColor: "#b98309" }), _jsx("stop", { offset: "1", stopColor: "#382605" })] }), _jsxs("linearGradient", { id: "gradient_foot_left_glare", children: [_jsx("stop", { offset: "0", stopColor: "#ebc40c" }), _jsx("stop", { offset: "1", stopColor: "#ebc40c", stopOpacity: "0" })] }), _jsxs("linearGradient", { id: "gradient_foot_right_shadow", children: [_jsx("stop", { offset: "0" }), _jsx("stop", { offset: "1", stopOpacity: "0" })] }), _jsxs("linearGradient", { id: "gradient_foot_right_layer_1", children: [_jsx("stop", { offset: "0", stopColor: "#3e2a06" }), _jsx("stop", { offset: "1", stopColor: "#ad780a" })] }), _jsxs("linearGradient", { id: "gradient_foot_right_glare", children: [_jsx("stop", { offset: "0", stopColor: "#f3cd0c" }), _jsx("stop", { offset: "1", stopColor: "#f3cd0c", stopOpacity: "0" })] }), _jsxs("linearGradient", { id: "gradient_eyeball", children: [_jsx("stop", { offset: "0", stopColor: "#fefefc" }), _jsx("stop", { offset: ".75", stopColor: "#fefefc" }), _jsx("stop", { offset: "1", stopColor: "#d4d4d4" })] }), _jsxs("linearGradient", { id: "gradient_pupil_left_glare", children: [_jsx("stop", { offset: "0", stopColor: "#757574", stopOpacity: "0" }), _jsx("stop", { offset: ".25", stopColor: "#757574" }), _jsx("stop", { offset: ".5", stopColor: "#757574" }), _jsx("stop", { offset: "1", stopColor: "#757574", stopOpacity: "0" })] }), _jsxs("linearGradient", { id: "gradient_pupil_right_glare_2", children: [_jsx("stop", { offset: "0", stopColor: "#949494", stopOpacity: ".39" }), _jsx("stop", { offset: ".5", stopColor: "#949494" }), _jsx("stop", { offset: "1", stopColor: "#949494", stopOpacity: ".39" })] }), _jsxs("linearGradient", { id: "gradient_eyelid_left", children: [_jsx("stop", { offset: "0", stopColor: "#c8c8c8" }), _jsx("stop", { offset: "1", stopColor: "#797978" })] }), _jsxs("linearGradient", { id: "gradient_eyelid_right", children: [_jsx("stop", { offset: "0", stopColor: "#747474" }), _jsx("stop", { offset: ".13", stopColor: "#8c8c8c" }), _jsx("stop", { offset: ".25", stopColor: "#a4a4a4" }), _jsx("stop", { offset: ".5", stopColor: "#d4d4d4" }), _jsx("stop", { offset: ".62", stopColor: "#d4d4d4" }), _jsx("stop", { offset: "1", stopColor: "#7c7c7c" })] }), _jsxs("linearGradient", { id: "gradient_eyebrow", children: [_jsx("stop", { offset: "0", stopColor: "#646464", stopOpacity: "0" }), _jsx("stop", { offset: ".31", stopColor: "#646464", stopOpacity: ".58" }), _jsx("stop", { offset: ".47", stopColor: "#646464" }), _jsx("stop", { offset: ".73", stopColor: "#646464", stopOpacity: ".26" }), _jsx("stop", { offset: "1", stopColor: "#646464", stopOpacity: "0" })] }), _jsxs("linearGradient", { id: "gradient_beak_base", children: [_jsx("stop", { offset: "0", stopColor: "#020204" }), _jsx("stop", { offset: ".73", stopColor: "#020204" }), _jsx("stop", { offset: "1", stopColor: "#5c5c5c" })] }), _jsxs("linearGradient", { id: "gradient_mandible_lower", children: [_jsx("stop", { offset: "0", stopColor: "#d2940a" }), _jsx("stop", { offset: ".75", stopColor: "#d89c08" }), _jsx("stop", { offset: ".87", stopColor: "#b67e07" }), _jsx("stop", { offset: "1", stopColor: "#946106" })] }), _jsxs("linearGradient", { id: "gradient_mandible_upper", children: [_jsx("stop", { offset: "0", stopColor: "#ad780a" }), _jsx("stop", { offset: ".12", stopColor: "#d89e08" }), _jsx("stop", { offset: ".25", stopColor: "#edb80b" }), _jsx("stop", { offset: ".39", stopColor: "#ebc80d" }), _jsx("stop", { offset: ".53", stopColor: "#f5d838" }), _jsx("stop", { offset: ".77", stopColor: "#f6d811" }), _jsx("stop", { offset: "1", stopColor: "#f5cd31" })] }), _jsxs("linearGradient", { id: "gradient_nares", children: [_jsx("stop", { offset: "0", stopColor: "#3a2903" }), _jsx("stop", { offset: ".55", stopColor: "#735208" }), _jsx("stop", { offset: "1", stopColor: "#ac8c04" })] }), _jsxs("linearGradient", { id: "gradient_beak_corner", children: [_jsx("stop", { offset: "0", stopColor: "#f5ce2d" }), _jsx("stop", { offset: "1", stopColor: "#d79b08" })] }), _jsx("linearGradient", { id: "fill_foot_left_base", href: "#gradient_foot_left_layer_1", xlinkHref: "#gradient_foot_left_layer_1", gradientUnits: "userSpaceOnUse", x1: "23.18", y1: "193.01", x2: "64.31", y2: "262.02" }), _jsx("linearGradient", { id: "fill_foot_left_glare", href: "#gradient_foot_left_glare", xlinkHref: "#gradient_foot_left_glare", gradientUnits: "userSpaceOnUse", x1: "64.47", y1: "210.83", x2: "77.41", y2: "235.21" }), _jsx("linearGradient", { id: "fill_foot_right_shadow", href: "#gradient_foot_right_shadow", xlinkHref: "#gradient_foot_right_shadow", gradientUnits: "userSpaceOnUse", x1: "146.93", y1: "211.96", x2: "150.2", y2: "235.73" }), _jsx("linearGradient", { id: "fill_foot_right_base", href: "#gradient_foot_right_layer_1", xlinkHref: "#gradient_foot_right_layer_1", gradientUnits: "userSpaceOnUse", x1: "151.5", y1: "253.02", x2: "192.94", y2: "185.84" }), _jsx("linearGradient", { id: "fill_foot_right_glare", href: "#gradient_foot_right_glare", xlinkHref: "#gradient_foot_right_glare", gradientUnits: "userSpaceOnUse", x1: "162.81", y1: "180.67", x2: "161.59", y2: "191.64" }), _jsx("linearGradient", { id: "fill_wing_tip_right_glare_2", href: "#gradient_wing_tip_right_glare_2", xlinkHref: "#gradient_wing_tip_right_glare_2", gradientUnits: "userSpaceOnUse", x1: "165.69", y1: "173.58", x2: "168.27", y2: "173.47" }), _jsx("linearGradient", { id: "fill_pupil_left_glare", href: "#gradient_pupil_left_glare", xlinkHref: "#gradient_pupil_left_glare", gradientUnits: "userSpaceOnUse", x1: "84.29", y1: "46.64", x2: "89.32", y2: "55.63" }), _jsx("linearGradient", { id: "fill_eyebrow_left", href: "#gradient_eyebrow", xlinkHref: "#gradient_eyebrow", gradientUnits: "userSpaceOnUse", x1: "83.59", y1: "32.51", x2: "94.48", y2: "43.63" }), _jsx("linearGradient", { id: "fill_pupil_right_glare", href: "#gradient_pupil_right_glare_2", xlinkHref: "#gradient_pupil_right_glare_2", gradientUnits: "userSpaceOnUse", x1: "117.87", y1: "47.25", x2: "123.66", y2: "54.11" }), _jsx("linearGradient", { id: "fill_eyelid_right", href: "#gradient_eyelid_right", xlinkHref: "#gradient_eyelid_right", gradientUnits: "userSpaceOnUse", x1: "112.9", y1: "36.23", x2: "131.32", y2: "47.01" }), _jsx("linearGradient", { id: "fill_eyebrow_right", href: "#gradient_eyebrow", xlinkHref: "#gradient_eyebrow", gradientUnits: "userSpaceOnUse", x1: "119.16", y1: "31.56", x2: "131.42", y2: "43.14" }), _jsx("linearGradient", { id: "fill_mandible_upper_base", href: "#gradient_mandible_upper", xlinkHref: "#gradient_mandible_upper", gradientUnits: "userSpaceOnUse", x1: "78.09", y1: "69.26", x2: "126.77", y2: "68.88" }), _jsx("linearGradient", { id: "fill_beak_corner", href: "#gradient_beak_corner", xlinkHref: "#gradient_beak_corner", gradientUnits: "userSpaceOnUse", x1: "126.74", y1: "67.49", x2: "126.74", y2: "71.09" }), _jsx("filter", { id: "blur_belly_shadow_left", children: _jsx("feGaussianBlur", { stdDeviation: "0.64 0.55" }) }), _jsx("filter", { id: "blur_belly_shadow_right", children: _jsx("feGaussianBlur", { stdDeviation: ".98" }) }), _jsx("filter", { id: "blur_belly_shadow_middle", children: _jsx("feGaussianBlur", { stdDeviation: ".68" }) }), _jsx("filter", { id: "blur_belly_shadow_lower", x: "-.8", width: "2.6", y: "-.2", height: "1.4", children: _jsx("feGaussianBlur", { stdDeviation: "1.25" }) }), _jsx("filter", { id: "blur_belly_glare", x: "-.8", width: "2.6", y: "-.5", height: "2", children: _jsx("feGaussianBlur", { stdDeviation: "1.78 2.19" }) }), _jsx("filter", { id: "blur_head_glare", x: "-.3", width: "1.6", y: "-.3", height: "1.6", children: _jsx("feGaussianBlur", { stdDeviation: "1.73" }) }), _jsx("filter", { id: "blur_neck_glare", x: "-.2", width: "1.4", y: "-.2", height: "1.4", children: _jsx("feGaussianBlur", { stdDeviation: ".78" }) }), _jsx("filter", { id: "blur_wing_left_glare", x: "-.2", width: "1.4", y: "-.2", height: "1.4", children: _jsx("feGaussianBlur", { stdDeviation: ".98" }) }), _jsx("filter", { id: "blur_wing_right_glare", x: "-.2", width: "1.4", y: "-.2", height: "1.4", children: _jsx("feGaussianBlur", { stdDeviation: "1.19 1.17" }) }), _jsx("filter", { id: "blur_foot_left_layer_1", x: "-.2", width: "1.4", y: "-.2", height: "1.4", children: _jsx("feGaussianBlur", { stdDeviation: "3.38" }) }), _jsx("filter", { id: "blur_foot_left_layer_2", children: _jsx("feGaussianBlur", { stdDeviation: "2.1 2.06" }) }), _jsx("filter", { id: "blur_foot_left_glare", children: _jsx("feGaussianBlur", { stdDeviation: ".32" }) }), _jsx("filter", { id: "blur_foot_right_shadow", children: _jsx("feGaussianBlur", { stdDeviation: "1.95 1.9" }) }), _jsx("filter", { id: "blur_foot_right_layer_1", x: "-.2", width: "1.4", y: "-.2", height: "1.4", children: _jsx("feGaussianBlur", { stdDeviation: "4.12" }) }), _jsx("filter", { id: "blur_foot_right_layer_2", x: "-.2", width: "1.4", y: "-.2", height: "1.4", children: _jsx("feGaussianBlur", { stdDeviation: "3.12 3.37" }) }), _jsx("filter", { id: "blur_foot_right_glare", x: "-.2", width: "1.4", y: "-.2", height: "1.4", children: _jsx("feGaussianBlur", { stdDeviation: ".41" }) }), _jsx("filter", { id: "blur_wing_tip_right_shadow_lower", x: "-.3", width: "1.6", y: "-.3", height: "1.6", children: _jsx("feGaussianBlur", { stdDeviation: "2.45" }) }), _jsx("filter", { id: "blur_wing_tip_right_shadow_upper", x: "-.2", width: "1.4", y: "-.2", height: "1.4", children: _jsx("feGaussianBlur", { stdDeviation: "1.12 0.81" }) }), _jsx("filter", { id: "blur_wing_tip_right_glare", x: "-.2", width: "1.4", y: "-.2", height: "1.4", children: _jsx("feGaussianBlur", { stdDeviation: ".88" }) }), _jsx("filter", { id: "blur_pupil_left_glare", x: "-.3", width: "1.6", y: "-.3", height: "1.6", children: _jsx("feGaussianBlur", { stdDeviation: ".44" }) }), _jsx("filter", { id: "blur_eyebrow_left", children: _jsx("feGaussianBlur", { stdDeviation: ".12" }) }), _jsx("filter", { id: "blur_pupil_right_glare", x: "-.2", width: "1.4", y: "-.2", height: "1.4", children: _jsx("feGaussianBlur", { stdDeviation: ".45" }) }), _jsx("filter", { id: "blur_eyebrow_right", children: _jsx("feGaussianBlur", { stdDeviation: ".13" }) }), _jsx("filter", { id: "blur_beak_shadow_lower", x: "-.2", width: "1.4", y: "-.2", height: "1.4", children: _jsx("feGaussianBlur", { stdDeviation: "1.75" }) }), _jsx("filter", { id: "blur_beak_shadow_upper", children: _jsx("feGaussianBlur", { stdDeviation: "0.8 0.74" }) }), _jsx("filter", { id: "blur_mandible_lower_glare", x: "-.2", width: "1.4", y: "-.2", height: "1.4", children: _jsx("feGaussianBlur", { stdDeviation: ".77" }) }), _jsx("filter", { id: "blur_mandible_upper_shadow", children: _jsx("feGaussianBlur", { stdDeviation: ".65" }) }), _jsx("filter", { id: "blur_mandible_upper_glare", x: "-.2", width: "1.4", y: "-.2", height: "1.4", children: _jsx("feGaussianBlur", { stdDeviation: ".73" }) }), _jsx("filter", { id: "blur_naris_left", x: "-.2", width: "1.4", y: "-.2", height: "1.4", children: _jsx("feGaussianBlur", { stdDeviation: ".1" }) }), _jsx("filter", { id: "blur_naris_right", children: _jsx("feGaussianBlur", { stdDeviation: ".1" }) }), _jsx("filter", { id: "blur_beak_corner", x: "-.2", width: "1.4", y: "-.2", height: "1.4", children: _jsx("feGaussianBlur", { stdDeviation: ".23" }) }), _jsx("radialGradient", { id: "fill_belly_shadow_left", href: "#gradient_belly_shadow", xlinkHref: "#gradient_belly_shadow", gradientUnits: "userSpaceOnUse", cx: "0", cy: "0", r: "1", gradientTransform: "matrix(19 0 0 18 61.18 121.19)" }), _jsx("radialGradient", { id: "fill_belly_shadow_right", href: "#gradient_belly_shadow", xlinkHref: "#gradient_belly_shadow", gradientUnits: "userSpaceOnUse", cx: "0", cy: "0", r: "1", gradientTransform: "matrix(23.6 0 0 18 125.74 131.6)" }), _jsx("radialGradient", { id: "fill_belly_shadow_middle", href: "#gradient_belly_shadow", xlinkHref: "#gradient_belly_shadow", gradientUnits: "userSpaceOnUse", cx: "0", cy: "0", r: "1", gradientTransform: "matrix(9.35 0 0 10 94.21 127.47)" }), _jsx("radialGradient", { id: "fill_wing_tip_right_shadow_lower", href: "#gradient_wing_tip_right_shadow", xlinkHref: "#gradient_wing_tip_right_shadow", gradientUnits: "userSpaceOnUse", cx: "0", cy: "0", r: "1", gradientTransform: "matrix(18.9901 5.08838 -5.34203 19.9367 169.71 194.53)" }), _jsx("radialGradient", { id: "fill_wing_tip_right_shadow_upper", href: "#gradient_wing_tip_right_shadow", xlinkHref: "#gradient_wing_tip_right_shadow", gradientUnits: "userSpaceOnUse", cx: "0", cy: "0", r: "1", gradientTransform: "matrix(19.7224 -.83351 .62745 14.84675 169.71 189.89)" }), _jsx("radialGradient", { id: "fill_wing_tip_right_glare_1", href: "#gradient_wing_tip_right_glare_1", xlinkHref: "#gradient_wing_tip_right_glare_1", gradientUnits: "userSpaceOnUse", cx: "0", cy: "0", r: "1", gradientTransform: "rotate(23.5 -332.242 532.18) scale(6.95 3.21)" }), _jsx("radialGradient", { id: "fill_eyeball_left", href: "#gradient_eyeball", xlinkHref: "#gradient_eyeball", gradientUnits: "userSpaceOnUse", cx: "0", cy: "0", r: "1", gradientTransform: "matrix(10.23944 -.10723 .1642 15.67914 86.49 51.41)" }), _jsx("radialGradient", { id: "fill_eyelid_left", href: "#gradient_eyelid_left", xlinkHref: "#gradient_eyelid_left", gradientUnits: "userSpaceOnUse", cx: "0", cy: "0", r: "1", gradientTransform: "rotate(-9.35 309.884 -497.172) scale(6.25 5.77)" }), _jsx("radialGradient", { id: "fill_eyeball_right", href: "#gradient_eyeball", xlinkHref: "#gradient_eyeball", gradientUnits: "userSpaceOnUse", cx: "0", cy: "0", r: "1", gradientTransform: "rotate(-1.8 1695.327 -3731.952) scale(13.64 15.68)" }), _jsx("radialGradient", { id: "fill_beak_base", href: "#gradient_beak_base", xlinkHref: "#gradient_beak_base", gradientUnits: "userSpaceOnUse", cx: "0", cy: "0", r: "1", gradientTransform: "rotate(-36 141.335 -120.193) scale(11.44 10.38)" }), _jsx("radialGradient", { id: "fill_mandible_lower_base", href: "#gradient_mandible_lower", xlinkHref: "#gradient_mandible_lower", gradientUnits: "userSpaceOnUse", cx: "0", cy: "0", r: "1", gradientTransform: "matrix(25.10142 -10.34606 7.26701 17.6311 109.77 70.61)" }), _jsx("radialGradient", { id: "fill_naris_left", href: "#gradient_nares", xlinkHref: "#gradient_nares", gradientUnits: "userSpaceOnUse", cx: "0", cy: "0", r: "1", gradientTransform: "matrix(1.32 0 0 1.42 92.11 59.88)" }), _jsx("radialGradient", { id: "fill_naris_right", href: "#gradient_nares", xlinkHref: "#gradient_nares", gradientUnits: "userSpaceOnUse", cx: "0", cy: "0", r: "1", gradientTransform: "matrix(2.78 0 0 1.62 104.65 59.7)" }), _jsx("clipPath", { id: "clip_body", children: _jsx("use", { href: "#body_base", xlinkHref: "#body_base" }) }), _jsx("clipPath", { id: "clip_wing_left", children: _jsx("use", { href: "#wing_left_base", xlinkHref: "#wing_left_base" }) }), _jsx("clipPath", { id: "clip_wing_right", children: _jsx("use", { href: "#wing_right_base", xlinkHref: "#wing_right_base" }) }), _jsx("clipPath", { id: "clip_foot_left", children: _jsx("use", { href: "#foot_left_base", xlinkHref: "#foot_left_base" }) }), _jsx("clipPath", { id: "clip_foot_right", children: _jsx("use", { href: "#foot_right_base", xlinkHref: "#foot_right_base" }) }), _jsx("clipPath", { id: "clip_wing_tip_right", children: _jsx("use", { href: "#wing_tip_right_base", xlinkHref: "#wing_tip_right_base" }) }), _jsx("clipPath", { id: "clip_eye_left", children: _jsx("use", { href: "#eyeball_left", xlinkHref: "#eyeball_left" }) }), _jsx("clipPath", { id: "clip_pupil_left", children: _jsx("use", { href: "#pupil_left_base", xlinkHref: "#pupil_left_base" }) }), _jsx("clipPath", { id: "clip_eye_right", children: _jsx("use", { href: "#eyeball_right", xlinkHref: "#eyeball_right" }) }), _jsx("clipPath", { id: "clip_pupil_right", children: _jsx("use", { href: "#pupil_right_base", xlinkHref: "#pupil_right_base" }) }), _jsx("clipPath", { id: "clip_mandible_lower", children: _jsx("use", { href: "#mandible_lower_base", xlinkHref: "#mandible_lower_base" }) }), _jsx("clipPath", { id: "clip_mandible_upper", children: _jsx("use", { href: "#mandible_upper_base", xlinkHref: "#mandible_upper_base" }) }), _jsxs("clipPath", { id: "clip_beak", children: [_jsx("use", { href: "#mandible_lower_base", xlinkHref: "#mandible_lower_base" }), _jsx("use", { href: "#mandible_upper_base", xlinkHref: "#mandible_upper_base" })] })] }), _jsxs("g", { id: "tux", children: [_jsxs("g", { id: "body", children: [_jsx("path", { id: "body_base", fill: "#020204", d: "M106.95 0c-6 0-12.02 1.18-17.46 4.12-5.78 3.11-10.52 8.09-13.43 13.97-2.92 5.88-4.06 12.16-4.24 19.08-.33 13.14.3 26.92 1.29 39.41.26 3.8.74 6.02.25 9.93-1.62 8.3-8.88 13.88-12.76 21.17-4.27 8.04-6.07 17.13-9.29 25.65-2.95 7.79-7.09 15.1-9.88 22.95-3.91 10.97-5.08 23.03-2.5 34.39 1.97 8.66 6.08 16.78 11.62 23.73-.8 1.44-1.58 2.91-2.4 4.34-2.57 4.43-5.71 8.64-7.17 13.55-.73 2.45-1.02 5.07-.55 7.59.47 2.52 1.75 4.93 3.75 6.53 1.31 1.04 2.9 1.72 4.53 2.1 1.63.37 3.32.46 5 .43 6.37-.14 12.55-2.07 18.71-3.69 3.66-.96 7.34-1.81 11.03-2.58 13.14-2.69 27.8-1.61 39.99.15 4.13.63 8.23 1.44 12.29 2.43 6.36 1.54 12.69 3.5 19.23 3.69 1.72.05 3.46-.03 5.14-.4 1.68-.38 3.31-1.06 4.65-2.13 2.01-1.6 3.29-4.02 3.76-6.54.47-2.52.18-5.15-.56-7.61-1.48-4.92-4.65-9.11-7.27-13.52-1.04-1.75-2-3.53-3.03-5.28 7.9-8.87 14.26-19.13 17.94-30.4 4.01-12.3 4.75-25.55 3.06-38.38-1.69-12.83-5.76-25.27-11.11-37.05-6.72-14.76-12.37-20.1-16.47-33.07-4.42-14.02-.77-30.61-4.06-43.32-1.17-4.32-3.04-8.45-5.45-12.23-2.82-4.43-6.4-8.39-10.65-11.47C124.13 2.62 115.61 0 106.95 0z" }), _jsx("path", { id: "belly", fill: "#fdfdfb", d: "M83.13 74c-.9 1.13-1.48 2.49-1.84 3.89-.35 1.4-.48 2.85-.54 4.3-.11 2.89.07 5.83-.7 8.62-.82 2.98-2.65 5.57-4.44 8.08-3.11 4.36-6.25 8.84-7.78 13.97a24.81 24.81 0 0 0-.91 9.62c-3.47 5.1-6.48 10.53-8.98 16.18-3.78 8.57-6.37 17.69-7.28 27.01-1.12 11.41.34 23.15 4.85 33.69 3.25 7.63 8.11 14.6 14.38 20.04a49.15 49.15 0 0 0 10.5 6.97c13.11 6.45 29.31 6.46 42.2-.41 6.74-3.59 12.43-8.84 17.91-14.15 3.3-3.2 6.59-6.48 9.11-10.32 4.85-7.41 6.54-16.41 7.59-25.2 1.83-15.36 1.89-31.6-4.85-45.53-2.32-4.8-5.41-9.22-9.12-13.05-.98-6.7-2.93-13.27-5.76-19.42-2.05-4.45-4.54-8.68-6.44-13.18-.78-1.85-1.46-3.75-2.32-5.56-.87-1.81-1.93-3.55-3.39-4.94-1.48-1.42-3.33-2.43-5.28-3.07-1.95-.65-4.01-.94-6.06-1.04-4.11-.21-8.22.33-12.33.16-3.27-.13-6.53-.7-9.8-.51-1.63.1-3.26.39-4.78 1.01-1.52.61-2.92 1.56-3.94 2.84z" }), _jsxs("g", { id: "body_self_shadows", children: [_jsx("path", { id: "belly_shadow_left", opacity: ".25", fill: "url(#fill_belly_shadow_left)", filter: "url(#blur_belly_shadow_left)", clipPath: "url(#clip_body)", d: "M68.67 115.18c.87 1.31-.55 5.84 19.86 2.94 0 0-3.59.39-7.12 1.21-5.49 1.84-10.27 3.89-13.97 6.61-3.65 2.7-6.33 6.21-9.68 9.22 0 0 5.43-9.92 6.78-12.91 1.36-2.99-.22-2.85.85-7.25s3.69-8.63 3.69-8.63-2.14 6.22-.41 8.81z" }), _jsx("path", { id: "belly_shadow_right", opacity: ".42", fill: "url(#fill_belly_shadow_right)", filter: "url(#blur_belly_shadow_right)", clipPath: "url(#clip_body)", d: "M134.28 113.99c-4.16 2.9-6.6 2.56-11.64 3.12-5.05.57-18.7.36-18.7.36s1.97-.03 6.36.78c4.38.82 13.31 1.6 18.34 3.51 5.04 1.92 6.87 2.47 9.93 4.4 4.35 2.75 7.55 7.06 11.71 10.08 0 0 .2-4-1.48-6.99s-6.2-7.7-7.53-12.1c-1.32-4.4-1.96-13.04-1.96-13.04s-.88 6.99-5.03 9.88z" }), _jsx("path", { id: "belly_shadow_middle", opacity: ".2", fill: "url(#fill_belly_shadow_middle)", filter: "url(#blur_belly_shadow_middle)", clipPath: "url(#clip_body)", d: "M95.17 107.81c-.16 1.25-.36 2.5-.6 3.74-.12.61-.26 1.22-.48 1.8-.23.58-.56 1.14-1.02 1.55-.41.37-.9.62-1.4.85-1.94.88-4.01 1.47-6.12 1.74.84.06 1.68.14 2.53.23.53.06 1.06.12 1.57.25.52.14 1.03.34 1.46.65.47.35.84.82 1.12 1.34.55 1.02.73 2.2.83 3.37.13 1.48.14 2.98.03 4.46.1-.99.31-1.98.62-2.92.57-1.72 1.47-3.32 2.69-4.65.49-.52 1.02-1.01 1.6-1.42a8.858 8.858 0 0 1 6.24-1.51c-2.21.09-4.44-.6-6.2-1.93-.9-.68-1.68-1.52-2.22-2.5a6.991 6.991 0 0 1-.65-5.05z" }), _jsx("path", { id: "belly_shadow_lower", opacity: ".11", fill: "#000", filter: "url(#blur_belly_shadow_lower)", clipPath: "url(#clip_body)", d: "M89.85 137.14a75.366 75.366 0 0 0-2.17 12.31c-.55 5.87-.42 11.78-.74 17.67-.26 4.99-.85 10.04.02 14.97a25.27 25.27 0 0 0 2.2 6.78c.16-.82.29-1.64.36-2.47.37-4-.3-8.01-.53-12.01-.4-7.02.57-14.04.97-21.06.3-5.39.27-10.8-.11-16.19z" })] }), _jsxs("g", { id: "body_glare", children: [_jsx("path", { id: "belly_glare", opacity: ".75", fill: "#7c7c7c", filter: "url(#blur_belly_glare)", clipPath: "url(#clip_body)", d: "M160.08 131.23c1.03-.16 7.34 5.21 6.48 7.21-.86 1.99-2.49.79-3.65.8-1.16.02-4.33 1.46-4.86.55-.54-.91 1.4-3.03 2.41-4.81.82-1.43-1.4-3.59-.38-3.75z" }), _jsx("path", { id: "head_glare", fill: "#7c7c7c", filter: "url(#blur_head_glare)", clipPath: "url(#clip_body)", d: "M121.52 11.12c-2.21 1.56-1.25 3.51-.3 5.46.95 1.96-2.09 7.59-2.12 7.83-.03.24 5.98-2.85 7.62-4.87 1.94-2.37 6.83 3.22 6.56 2.37.01-1.52-9.55-12.34-11.76-10.79z" }), _jsx("path", { id: "neck_glare", fill: "#838384", filter: "url(#blur_neck_glare)", clipPath: "url(#clip_body)", d: "M138.27 76.63c-1.86 1.7.88 4.25 2.17 7.24.81 1.86 3.04 4.49 5.2 4.07 1.63-.32 2.63-2.66 2.48-4.3-.3-3.18-2.98-3.93-4.93-5.02-1.54-.86-3.61-3.18-4.92-1.99z" })] })] }), _jsxs("g", { id: "wings", children: [_jsxs("g", { id: "wing_left", children: [_jsx("path", { id: "wing_left_base", fill: "#020204", d: "M63.98 100.91c-6.1 6.92-12.37 13.63-15.81 21.12-1.71 3.8-2.51 7.93-3.68 11.93-1.32 4.54-3.12 8.94-5.14 13.22-1.87 3.95-3.93 7.81-5.98 11.66-1.5 2.81-3.02 5.67-3.54 8.81-.41 2.48-.18 5.04.46 7.47.63 2.43 1.64 4.75 2.79 6.98 4.88 9.55 12.21 17.77 20.89 24.07 3.94 2.85 8.15 5.32 12.58 7.35 2.4 1.09 4.92 2.07 7.56 2.11 1.32.03 2.65-.19 3.86-.72 1.2-.53 2.28-1.38 3-2.49.88-1.36 1.18-3.05 1-4.66-.18-1.61-.81-3.15-1.65-4.53-2.06-3.38-5.31-5.83-8.44-8.25a283.364 283.364 0 0 1-19.55-16.58c-1.76-1.65-3.53-3.34-4.76-5.42-1.2-2.02-1.85-4.32-2.29-6.63-1.21-6.33-.9-12.99 1.25-19.07.85-2.38 1.96-4.65 3.04-6.93 1.86-3.95 3.62-7.98 6.07-11.6 3.05-4.51 7.13-8.33 9.61-13.17 2.1-4.09 2.95-8.68 3.76-13.2.64-3.54 1.85-7 2.47-10.54-1.21 2.3-5.11 6.07-7.5 9.07z" }), _jsx("path", { id: "wing_left_glare", opacity: ".95", fill: "#7c7c7c", filter: "url(#blur_wing_left_glare)", clipPath: "url(#clip_wing_left)", d: "M56.96 126.1c-2 1.84-3.73 3.97-5.13 6.31-2.3 3.84-3.65 8.16-5.33 12.31-1.24 3.09-2.69 6.2-2.86 9.53-.09 1.71.16 3.42.22 5.13s-.1 3.49-.94 4.98a6.048 6.048 0 0 1-3.22 2.71c1.83.61 3.45 1.79 4.6 3.33.96 1.3 1.58 2.81 2.41 4.18.68 1.12 1.51 2.16 2.54 2.97 1.02.82 2.25 1.4 3.54 1.56 1.79.23 3.65-.36 4.97-1.58-1.66-15.55-.14-31.42 4.44-46.37.29-.94.59-1.89.67-2.87.07-.99-.12-2.03-.72-2.81a2.989 2.989 0 0 0-2.77-1.17c-.52.06-1.03.26-1.45.57-.42.32-.76.74-.97 1.22z" })] }), _jsxs("g", { id: "wing_right", children: [_jsx("path", { id: "wing_right_base", fill: "#020204", d: "M162.76 127.12c5.24 4.22 8.57 10.59 9.6 17.24.8 5.18.28 10.51-.89 15.62-1.17 5.12-2.97 10.06-4.77 15-.71 1.96-1.43 3.95-1.71 6.02-.29 2.08-.11 4.27.89 6.11 1.15 2.11 3.29 3.56 5.59 4.24 2.27.68 4.72.66 7.02.09 2.3-.57 6.17-1.31 8.04-2.77 4.75-3.69 5.88-10.1 7.01-15.72 1.17-5.87.6-12.02-.43-17.95-1.41-8.09-3.78-15.99-6.79-23.62a82.272 82.272 0 0 0-8.44-15.96c-3.32-4.89-8.02-8.7-11.5-13.48-1.21-1.66-2.66-3.38-3.84-5.06-2.56-3.62-1.98-2.94-3.57-5.29-1.15-1.7-2.97-2.28-4.88-3.02-1.92-.74-4.06-.96-6.04-.41-2.6.73-4.73 2.79-5.86 5.24-1.13 2.46-1.33 5.28-.89 7.95.57 3.44 2.14 6.64 3.92 9.64 2 3.39 4.32 6.66 7.35 9.18 3.16 2.63 6.98 4.37 10.19 6.95z" }), _jsx("path", { id: "wing_right_glare", fill: "#838384", filter: "url(#blur_wing_right_glare)", clipPath: "url(#clip_wing_right)", d: "M150.42 118.99c.42.4.86.81 1.31 1.19 3.22 2.63 4.93 5.58 8.2 8.16 5.34 4.22 10.75 11.5 11.8 18.15.82 5.19-.26 8.01-1.58 14.12-1.32 6.12-5.06 14.78-7.09 20.68-.8 2.35 1.64 1.38 1.32 3.86-.16 1.22-.18 2.45-.03 3.67.02-.23.03-.48.06-.71.39-3.38 1.42-6.63 2.55-9.82 2.17-6.13 4.66-12.15 6.38-18.45 1.72-6.29 1.53-10.82.63-16.23-1.13-6.81-5.09-13.09-10.69-17.24-3.97-2.93-8.64-4.81-12.86-7.38z" })] })] }), _jsxs("g", { id: "feet", children: [_jsxs("g", { id: "foot_left", children: [_jsx("path", { id: "foot_left_base", fill: "url(#fill_foot_left_base)", d: "M34.98 175.33c1.38-.57 2.93-.68 4.39-.41 1.47.27 2.86.91 4.09 1.74 2.47 1.68 4.3 4.12 6.05 6.54 4.03 5.54 7.9 11.2 11.42 17.08 2.85 4.78 5.46 9.71 8.76 14.18 2.15 2.93 4.57 5.64 6.73 8.55 2.16 2.92 4.07 6.08 5.03 9.58 1.25 4.55.76 9.56-1.4 13.75-1.52 2.95-3.86 5.48-6.7 7.19-2.84 1.71-5.83 2.47-9.15 2.47-5.27 0-10.42-2.83-15.32-4.78-9.98-3.98-20.82-5.22-31.11-8.32-3.16-.95-6.27-2.08-9.45-2.95-1.42-.39-2.85-.73-4.19-1.34-1.34-.6-2.59-1.51-3.33-2.77-.57-.98-.8-2.13-.8-3.26 0-1.14.28-2.26.67-3.32.77-2.13 2.02-4.06 2.86-6.17 1.37-3.44 1.62-7.23 1.43-10.93-.18-3.69-.78-7.36-1.03-11.05-.12-1.65-.16-3.32.16-4.95.31-1.62 1.01-3.21 2.2-4.35 1.1-1.06 2.55-1.69 4.05-2 1.49-.31 3.03-.32 4.55-.29 1.52.03 3.05.12 4.57-.01 1.52-.12 3.05-.46 4.37-1.22 1.26-.72 2.29-1.79 3.14-2.96.85-1.17 1.54-2.45 2.25-3.72.7-1.26 1.43-2.52 2.36-3.64.92-1.12 2.06-2.09 3.4-2.64z" }), _jsx("path", { id: "foot_left_layer_1", fill: "#d99a03", filter: "url(#blur_foot_left_layer_1)", clipPath: "url(#clip_foot_left)", d: "M37.16 177.7c1.25-.5 2.67-.56 3.98-.26 1.32.3 2.55.94 3.61 1.77 2.14 1.65 3.62 3.97 5.05 6.26 3.42 5.54 6.76 11.15 9.92 16.86 2.4 4.31 4.68 8.7 7.62 12.65 1.95 2.62 4.18 5.03 6.17 7.62 1.99 2.59 3.76 5.41 4.64 8.56 1.14 4.05.68 8.54-1.28 12.26-1.42 2.68-3.58 4.96-6.2 6.48a15.935 15.935 0 0 1-8.69 2.14c-4.82-.22-9.23-2.63-13.77-4.26-8.71-3.16-18.14-3.59-27.08-6.05-3.2-.87-6.32-2.03-9.53-2.84-1.43-.36-2.88-.66-4.23-1.23-1.35-.57-2.62-1.45-3.36-2.72-.54-.95-.76-2.06-.73-3.15.04-1.09.31-2.17.7-3.19.78-2.04 2-3.88 2.78-5.92 1.19-3.08 1.34-6.47 1.12-9.76-.22-3.29-.8-6.56-1-9.85-.08-1.48-.1-2.97.2-4.41.3-1.45.93-2.85 1.98-3.89 1.14-1.13 2.7-1.74 4.29-1.99 1.58-.24 3.19-.13 4.78.01 1.6.14 3.2.32 4.8.23 1.6-.1 3.22-.49 4.54-1.39 1.2-.81 2.1-2 2.79-3.27s1.18-2.64 1.71-3.98c.52-1.35 1.09-2.69 1.91-3.89.82-1.19 1.93-2.24 3.28-2.79z" }), _jsx("path", { id: "foot_left_layer_2", fill: "#f5bd0c", filter: "url(#blur_foot_left_layer_2)", clipPath: "url(#clip_foot_left)", d: "M35.99 174.57c1.22-.6 2.65-.72 3.98-.45 1.33.27 2.57.92 3.62 1.77 2.09 1.7 3.43 4.13 4.67 6.51 2.84 5.46 5.5 11.04 8.9 16.19 2.48 3.73 5.33 7.2 7.83 10.92 3.39 5.03 6.15 10.57 7.29 16.5.76 4 .74 8.31-1.18 11.9-1.27 2.37-3.32 4.31-5.75 5.52-2.42 1.22-5.21 1.71-7.92 1.47-4.27-.37-8.14-2.47-12.16-3.94-7.13-2.59-14.84-3.22-22.18-5.18-3.09-.82-6.13-1.89-9.26-2.54-1.39-.29-2.8-.5-4.12-1-1.32-.5-2.57-1.33-3.25-2.55-.47-.86-.63-1.86-.56-2.84.07-.97.36-1.92.74-2.83.77-1.8 1.9-3.46 2.49-5.32.88-2.75.52-5.72-.14-8.53-.65-2.8-1.6-5.55-1.89-8.41-.13-1.27-.13-2.57.17-3.82.29-1.25.88-2.45 1.81-3.34 1.2-1.15 2.88-1.73 4.56-1.89 1.67-.16 3.35.06 5.01.3 1.66.24 3.34.5 5.01.42 1.68-.07 3.39-.51 4.7-1.54 1.3-1.02 2.12-2.53 2.59-4.09.47-1.57.62-3.2.81-4.82.19-1.62.43-3.26 1.06-4.77.63-1.51 1.69-2.9 3.17-3.64z" }), _jsx("path", { id: "foot_left_glare", fill: "url(#fill_foot_left_glare)", filter: "url(#blur_foot_left_glare)", clipPath: "url(#clip_foot_left)", d: "M51.2 188.21c2.25 4.06 3.62 8.72 5.85 12.82 2.05 3.77 4.38 7.65 6.46 11.12.93 1.55 3.09 3.93 5.27 7.62 1.98 3.34 3.98 8.01 5.1 9.58-.64-1.84-1.96-6.77-3.54-10.28-1.47-3.28-3.19-5.15-4.24-6.92-2.08-3.47-4.33-6.6-6.47-9.91-2.95-4.57-5.2-9.68-8.43-14.03z" })] }), _jsxs("g", { id: "foot_right", children: [_jsx("path", { id: "foot_right_shadow", opacity: ".2", fill: "url(#fill_foot_right_shadow)", filter: "url(#blur_foot_right_shadow)", clipPath: "url(#clip_body)", d: "M198.7 215.61c-.4 1.33-1.02 2.62-1.81 3.8-1.75 2.59-4.3 4.55-6.84 6.35-4.33 3.07-8.85 5.89-12.89 9.38-2.7 2.34-5.17 4.97-7.45 7.73-1.95 2.36-3.79 4.84-6.02 6.94-2.25 2.12-4.89 3.84-7.74 4.77-3.47 1.13-7.13 1.08-10.47.22-2.34-.6-4.63-1.64-6.08-3.53-1.45-1.89-1.92-4.44-2.09-6.94-.3-4.42.23-8.93.71-13.42.4-3.73.77-7.46.92-11.18.27-6.77-.18-13.47-1.09-20.05-.16-1.11-.32-2.22-.23-3.35.09-1.14.47-2.32 1.27-3.2.74-.81 1.77-1.29 2.79-1.52 1.02-.24 2.06-.25 3.09-.28 2.43-.06 4.86-.21 7.25.01 1.51.13 2.99.41 4.49.55 2.51.24 5.12.12 7.64-.62 2.71-.8 5.29-2.29 8.05-2.7 1.13-.17 2.26-.15 3.36.01 1.12.15 2.24.46 3.1 1.15.66.52 1.14 1.23 1.51 1.99.56 1.14.9 2.39 1.1 3.68.17 1.14.24 2.31.53 3.41.48 1.81 1.58 3.35 2.89 4.6 1.32 1.25 2.85 2.24 4.39 3.22 1.53.97 3.07 1.93 4.7 2.73.77.38 1.56.72 2.29 1.15.74.44 1.42.97 1.91 1.67.66.95.92 2.2.72 3.43z" }), _jsx("path", { id: "foot_right_base", fill: "url(#fill_foot_right_base)", d: "M213.47 222.92c-2.26 2.68-5.4 4.45-8.53 6.05-5.33 2.71-10.86 5.1-15.87 8.37-3.36 2.19-6.46 4.76-9.36 7.53-2.48 2.37-4.83 4.9-7.61 6.91-2.81 2.03-6.05 3.5-9.48 4.01-.95.14-1.9.21-2.86.21-3.24 0-6.48-.78-9.46-2.08-2.7-1.17-5.3-2.86-6.86-5.36-1.56-2.52-1.92-5.59-1.92-8.56-.01-5.23.96-10.41 1.87-15.57.76-4.29 1.48-8.58 1.95-12.91.85-7.86.84-15.81.28-23.71-.1-1.32-.21-2.65-.01-3.96.2-1.31.74-2.62 1.74-3.48.93-.8 2.17-1.16 3.4-1.22 1.22-.07 2.44.12 3.65.3 2.85.42 5.73.74 8.52 1.48 1.76.46 3.48 1.08 5.23 1.56 2.94.79 6.01 1.17 9.02.82 3.25-.38 6.41-1.6 9.68-1.52 1.34.03 2.67.28 3.95.69 1.3.41 2.59 1 3.55 1.98.73.74 1.24 1.67 1.62 2.64.57 1.44.88 2.98 1.01 4.52.11 1.37.09 2.76.35 4.11.43 2.21 1.6 4.24 3.04 5.97 1.45 1.74 3.18 3.21 4.91 4.66 1.73 1.45 3.46 2.89 5.32 4.16.87.6 1.77 1.16 2.6 1.81.83.66 1.59 1.42 2.11 2.34.45.81.69 1.72.69 2.65 0 .52-.07 1.04-.23 1.56-.45 1.43-1.28 2.82-2.3 4.04z" }), _jsx("path", { id: "foot_right_layer_1", fill: "#cd8907", filter: "url(#blur_foot_right_layer_1)", clipPath: "url(#clip_foot_right)", d: "M213.21 216.12c-.53 1.33-1.28 2.58-2.22 3.67-2.07 2.42-4.93 4.01-7.78 5.44-4.88 2.44-9.92 4.58-14.5 7.52-3.06 1.97-5.9 4.28-8.55 6.78-2.26 2.13-4.41 4.41-6.95 6.21-2.57 1.83-5.53 3.14-8.65 3.6-3.8.56-7.72-.16-11.25-1.67-2.46-1.06-4.84-2.56-6.27-4.83-1.42-2.26-1.75-5.02-1.75-7.69-.02-4.71.87-9.37 1.71-14 .7-3.85 1.36-7.71 1.78-11.6.76-7.08.73-14.22.25-21.32-.08-1.19-.17-2.39.01-3.57.18-1.18.67-2.35 1.57-3.13.85-.73 1.99-1.05 3.11-1.1 1.11-.06 2.22.12 3.33.28 2.61.38 5.23.67 7.78 1.33 1.61.42 3.18.98 4.78 1.4 2.68.72 5.49 1.06 8.24.74 2.97-.34 5.85-1.44 8.83-1.37 1.23.03 2.44.26 3.61.62 1.19.37 2.37.9 3.25 1.78.66.67 1.11 1.51 1.48 2.38.53 1.29.89 2.67.91 4.07.03 1.46-.28 2.92-.09 4.37.16 1.17.66 2.28 1.3 3.28.63 1 1.4 1.91 2.17 2.81 1.48 1.75 2.96 3.53 4.82 4.87 2.11 1.53 4.62 2.43 6.8 3.85.65.43 1.28.91 1.74 1.54.78 1.06.98 2.5.54 3.74z" }), _jsx("path", { id: "foot_right_layer_2", fill: "#f5c021", filter: "url(#blur_foot_right_layer_2)", clipPath: "url(#clip_foot_right)", d: "M212.91 214.61c-.6 1.35-1.37 2.6-2.28 3.71-2.12 2.58-4.99 4.35-8 5.49-4.97 1.88-10.39 2.13-15.26 4.27-2.97 1.3-5.65 3.26-8.36 5.12-2.18 1.49-4.42 2.94-6.82 3.98-2.72 1.19-5.6 1.85-8.5 2.32-1.84.29-3.71.51-5.57.41-1.86-.1-3.72-.54-5.37-1.49-1.24-.72-2.36-1.75-3.03-3.1-.73-1.49-.86-3.24-.85-4.94.05-4.5 1.02-8.96.99-13.47-.03-3.93-.81-7.8-1.03-11.72-.43-7.54 1.19-15.2-.24-22.59-.22-1.19-.53-2.37-.52-3.58.01-.6.1-1.21.31-1.77.22-.55.56-1.06 1.01-1.42.39-.29.84-.47 1.31-.56.46-.08.94-.06 1.41.01.93.15 1.82.51 2.73.78 2.6.78 5.35.76 8 1.35 1.66.36 3.26.97 4.91 1.41 2.75.76 5.63 1.08 8.46.75 3.04-.36 6.01-1.46 9.07-1.38 1.26.03 2.5.26 3.71.62s2.42.87 3.34 1.8c.65.67 1.13 1.52 1.51 2.4.57 1.29.96 2.69.95 4.11-.01.74-.12 1.47-.19 2.21-.06.74-.08 1.49.09 2.2.18.72.55 1.37.97 1.96.42.59.9 1.12 1.34 1.7 1.22 1.61 2.1 3.49 3.05 5.3.95 1.81 2.02 3.6 3.53 4.91 2.05 1.77 4.7 2.48 6.99 3.89.67.41 1.31.89 1.78 1.55.38.52.63 1.15.73 1.81.09.65.03 1.34-.17 1.96z" }), _jsx("path", { id: "foot_right_glare", fill: "url(#fill_foot_right_glare)", filter: "url(#blur_foot_right_glare)", clipPath: "url(#clip_foot_right)", d: "M148.08 181.58c2.82-.76 5.22 1.38 7.27 2.99 1.32 1.13 3.24.85 4.86.9 2.69-.09 5.36.45 8.05.12 5.3-.45 10.49-1.75 15.81-1.97 2.54-.16 5.4-.31 7.59 1.17.89.62 2.2 3.23 3.07 2.25-.36-2.74-2.39-5.39-5.11-6.12-2.14-.34-4.3.25-6.46.06-6.39-.15-12.75-1.34-19.16-1-4.46.04-8.91-.17-13.37-.34-1.75-.36-2.37 1.19-3.32 1.79.25.19.34.25.77.15z" })] })] }), _jsxs("g", { id: "wing_tip_right", children: [_jsxs("g", { id: "wing_tip_right_shadow", children: [_jsx("path", { id: "wing_tip_right_shadow_lower", opacity: ".35", fill: "url(#fill_wing_tip_right_shadow_lower)", filter: "url(#blur_wing_tip_right_shadow_lower)", clipPath: "url(#clip_foot_right)", d: "M185.49 187.61c-.48-.95-1.36-1.66-2.35-2.07-.98-.41-2.06-.55-3.13-.54-2.13.02-4.25.57-6.38.39-1.79-.16-3.49-.83-5.24-1.26-1.81-.44-3.73-.61-5.52-.12-1.92.52-3.61 1.81-4.67 3.49-.94 1.48-1.38 3.23-1.52 4.98-.14 1.75.01 3.5.19 5.25.12 1.26.27 2.52.57 3.75.31 1.23.78 2.43 1.52 3.46 1.07 1.48 2.66 2.54 4.37 3.17 2.8 1.03 5.98.98 8.73-.15 4.88-2.12 9.01-5.92 11.52-10.6.91-1.68 1.61-3.47 2.06-5.31.18-.74.32-1.49.32-2.25.01-.75-.12-1.52-.47-2.19z" }), _jsx("path", { id: "wing_tip_right_shadow_upper", opacity: ".35", fill: "url(#fill_wing_tip_right_shadow_upper)", filter: "url(#blur_wing_tip_right_shadow_upper)", clipPath: "url(#clip_foot_right)", d: "M185.49 184.89c-.48-.69-1.36-1.2-2.35-1.5-.98-.3-2.06-.39-3.13-.39-2.13.02-4.25.42-6.38.28-1.79-.11-3.49-.6-5.24-.9-1.81-.32-3.73-.45-5.52-.09-1.92.37-3.61 1.3-4.67 2.52-.94 1.07-1.38 2.34-1.52 3.6-.14 1.26.01 2.53.19 3.79.12.91.27 1.83.57 2.72.31.89.78 1.76 1.52 2.5 1.07 1.07 2.66 1.83 4.37 2.29 2.8.75 5.98.71 8.73-.11 4.88-1.53 9.01-4.28 11.52-7.66.91-1.22 1.61-2.51 2.06-3.84.18-.54.32-1.08.32-1.62.01-.55-.12-1.11-.47-1.59z" })] }), _jsx("path", { id: "wing_tip_right_base", fill: "#020204", d: "M189.55 178.72c-.35-.95-.97-1.79-1.72-2.47-.75-.68-1.64-1.2-2.57-1.6-1.86-.79-3.89-1.09-5.89-1.46-1.87-.35-3.74-.78-5.62-1.1-1.96-.33-3.98-.55-5.92-.11-1.69.38-3.26 1.26-4.54 2.43-1.28 1.17-2.28 2.63-3 4.21-1.27 2.79-1.67 5.92-1.43 8.97.18 2.27.76 4.61 2.25 6.32 1.21 1.39 2.92 2.26 4.68 2.78 3.04.9 6.35.85 9.36-.13a24.7 24.7 0 0 0 12.35-9.29c.98-1.43 1.82-2.98 2.2-4.66.29-1.28.3-2.66-.15-3.89z" }), _jsxs("g", { id: "wing_tip_right_glare", children: [_jsx("defs", { children: _jsx("path", { id: "path_wing_tip_right_glare", d: "M168.89 171.07c-.47.03-.93.08-1.4.17-2.99.53-5.73 2.42-7.27 5.03-1.09 1.85-1.58 4.03-1.43 6.17.07-1.5.46-2.97 1.19-4.28 1.23-2.23 3.47-3.91 5.98-4.37 1.54-.28 3.13-.11 4.68.08 1.5.19 3 .39 4.47.7 2.28.5 4.53 1.26 6.44 2.59.44.31.86.66 1.21 1.08.35.41.62.89.73 1.42.15.78-.07 1.6-.46 2.29-.39.7-.92 1.3-1.48 1.86-.46.46-.94.89-1.43 1.32 2.21-.43 4.44-1.03 6.28-2.31.77-.55 1.48-1.2 1.94-2.02.46-.83.65-1.83.43-2.75-.16-.62-.5-1.19-.92-1.67-.42-.48-.93-.87-1.45-1.24a17.266 17.266 0 0 0-7.81-2.99c-1.8-.33-3.61-.61-5.42-.83-1.41-.18-2.86-.33-4.28-.25z" }) }), _jsx("use", { id: "wing_tip_right_glare_1", href: "#path_wing_tip_right_glare", xlinkHref: "#path_wing_tip_right_glare", fill: "url(#fill_wing_tip_right_glare_1)", filter: "url(#blur_wing_tip_right_glare)", clipPath: "url(#clip_wing_tip_right)" }), _jsx("use", { id: "wing_tip_right_glare_2", href: "#path_wing_tip_right_glare", xlinkHref: "#path_wing_tip_right_glare", fill: "url(#fill_wing_tip_right_glare_2)", filter: "url(#blur_wing_tip_right_glare)", clipPath: "url(#clip_wing_tip_right)" })] })] }), _jsxs("g", { id: "face", children: [_jsxs("g", { id: "eyes", children: [_jsxs("g", { id: "eye_left", children: [_jsx("path", { id: "eyeball_left", fill: "url(#fill_eyeball_left)", d: "M84.45 38.28c-1.53.08-3 .79-4.12 1.84-1.13 1.05-1.92 2.43-2.41 3.88-.97 2.92-.75 6.08-.53 9.15.2 2.77.41 5.6 1.45 8.18.52 1.3 1.25 2.51 2.22 3.51.97.99 2.2 1.76 3.55 2.09 1.26.32 2.62.26 3.86-.13 1.25-.4 2.38-1.11 3.32-2.02 1.36-1.33 2.27-3.07 2.8-4.9.53-1.83.68-3.75.65-5.66-.04-2.38-.35-4.77-1.09-7.03-.75-2.26-1.94-4.4-3.6-6.11-.8-.83-1.72-1.55-2.75-2.06-1.04-.51-2.2-.8-3.35-.74z" }), _jsxs("g", { id: "pupil_left", children: [_jsx("path", { id: "pupil_left_base", fill: "#020204", d: "M80.75 50.99c-.32 1.94-.33 3.97.33 5.81.44 1.22 1.17 2.33 2.05 3.28.57.62 1.23 1.18 1.99 1.55.77.37 1.65.52 2.48.32.76-.19 1.42-.68 1.91-1.29s.82-1.34 1.05-2.09c.69-2.21.58-4.62-.11-6.83-.49-1.61-1.32-3.16-2.6-4.24-.62-.52-1.34-.93-2.12-1.11-.78-.19-1.63-.14-2.36.19-.81.37-1.44 1.07-1.85 1.86-.41.79-.62 1.67-.77 2.55z" }), _jsx("path", { id: "pupil_left_glare", fill: "url(#fill_pupil_left_glare)", filter: "url(#blur_pupil_left_glare)", clipPath: "url(#clip_pupil_left)", d: "M84.84 49.59c.21.55.91.75 1.3 1.19.37.42.76.87.97 1.4.39 1.01-.39 2.51.43 3.23.25.22.77.23 1.02 0 .99-.9.77-2.71.38-3.99-.36-1.15-1.23-2.25-2.31-2.8-.5-.26-1.25-.47-1.68-.11-.27.24-.24.74-.11 1.08z" })] }), _jsx("path", { id: "eyelid_left", fill: "url(#fill_eyelid_left)", clipPath: "url(#clip_eye_left)", d: "M81.14 44.46c2.32-1.38 5.13-1.7 7.82-1.45 2.68.26 5.27 1.04 7.87 1.75 1.91.52 3.84 1 5.63 1.84 1.78.84 3.44 2.08 4.43 3.8.16.27.29.56.46.83.17.27.37.52.62.71.25.19.57.32.88.3.16-.01.32-.05.45-.13.14-.08.26-.2.33-.34.08-.16.11-.35.1-.53-.01-.18-.05-.36-.1-.54-.65-2.37-2.19-4.38-3.35-6.55-.7-1.3-1.28-2.66-1.98-3.96-2.43-4.45-6.42-7.94-10.95-10.21-4.53-2.27-9.59-3.36-14.65-3.65-5.86-.35-11.73.35-17.51 1.37-2.51.44-5.06.96-7.27 2.21-1.11.62-2.13 1.42-2.92 2.42-.8.99-1.36 2.18-1.55 3.44-.17 1.22.01 2.47.44 3.62.42 1.15 1.08 2.2 1.86 3.15 1.54 1.91 3.53 3.39 5.36 5.03 1.83 1.63 3.52 3.44 5.57 4.79 1.02.68 2.13 1.24 3.31 1.57 1.18.33 2.44.42 3.64.17 1.24-.25 2.4-.86 3.41-1.64 1.01-.77 1.88-1.7 2.71-2.66 1.66-1.93 3.21-4.04 5.39-5.34z" }), _jsx("path", { id: "eyebrow_left", fill: "url(#fill_eyebrow_left)", filter: "url(#blur_eyebrow_left)", d: "M90.77 36.57c2.16 2.02 3.76 4.52 4.85 7.16-.48-2.91-1.23-5.26-3.13-7.16-1.16-1.09-2.49-2.05-3.98-2.72-1.32-.59-2.77-.96-3.61-.97-.83-.02-1.03 0-1.2.01-.18.01-.31.01.23.08.54.06 1.75.39 3.05.97 1.3.58 2.62 1.54 3.79 2.63z" })] }), _jsxs("g", { id: "eye_right", children: [_jsx("path", { id: "eyeball_right", fill: "url(#fill_eyeball_right)", d: "M111.61 38.28c-2.39 1.65-4.4 3.94-5.38 6.68-1.24 3.45-.77 7.31.43 10.77 1.22 3.55 3.27 6.93 6.36 9.06 1.54 1.07 3.33 1.8 5.19 2.02 1.87.22 3.8-.09 5.47-.95 2.02-1.06 3.57-2.91 4.53-4.98.96-2.08 1.37-4.37 1.5-6.66.16-2.9-.12-5.86-1.08-8.61-1.04-2.99-2.92-5.75-5.58-7.47-1.32-.86-2.83-1.45-4.4-1.67a9.405 9.405 0 0 0-4.67.52c-.84.33-1.62.78-2.37 1.29z" }), _jsxs("g", { id: "pupil_right", children: [_jsx("path", { id: "pupil_right_base", fill: "#020204", d: "M117.14 45.52c-.9.06-1.78.37-2.55.85-.76.48-1.41 1.13-1.92 1.88-1.03 1.49-1.48 3.31-1.55 5.12-.05 1.35.1 2.72.55 4 .45 1.28 1.2 2.47 2.25 3.33 1.07.89 2.42 1.42 3.81 1.49 1.39.06 2.79-.34 3.93-1.13.91-.63 1.64-1.5 2.16-2.48.52-.97.84-2.05.98-3.15.25-1.93-.03-3.95-.93-5.69-.89-1.74-2.41-3.17-4.24-3.84-.8-.29-1.65-.44-2.49-.38z" }), _jsx("path", { id: "pupil_right_glare", fill: "url(#fill_pupil_right_glare)", filter: "url(#blur_pupil_right_glare)", clipPath: "url(#clip_pupil_right)", d: "M122.71 53.36c1-1-.71-3.65-2.05-4.74-.97-.78-3.78-1.61-3.66-.75.12.85 1.39 1.95 2.23 2.79 1.05 1.03 3 3.18 3.48 2.7z" })] }), _jsx("path", { id: "eyelid_right", fill: "url(#fill_eyelid_right)", clipPath: "url(#clip_eye_right)", d: "M102.56 47.01c2.06-1.71 4.45-3.01 7-3.8 5.25-1.62 11.2-.98 15.84 1.97 1.6 1.01 3.03 2.27 4.52 3.45 1.48 1.17 3.06 2.27 4.85 2.9.97.34 2 .54 3.02.43.92-.09 1.81-.44 2.57-.96.76-.53 1.4-1.23 1.88-2.02.96-1.58 1.27-3.5 1.1-5.34-.33-3.69-2.41-6.94-4.15-10.21-.55-1.02-1.07-2.06-1.73-3.01-2.01-2.93-5.23-4.86-8.6-5.99-3.37-1.13-6.93-1.54-10.46-1.98-1.58-.2-3.17-.41-4.74-.22-1.81.22-3.51.95-5.28 1.4-.84.22-1.69.37-2.52.61-.83.24-1.65.57-2.33 1.11-.98.79-1.6 1.98-1.87 3.21-.27 1.24-.21 2.52-.01 3.77.39 2.5 1.33 4.93 1.24 7.46-.06 1.73-.61 3.44-.54 5.17.02.51.12 1.55.21 2.05z" }), _jsx("path", { id: "eyebrow_right", fill: "url(#fill_eyebrow_right)", filter: "url(#blur_eyebrow_right)", d: "M119.93 31.18c-.41.52-.78 1.08-1.07 1.7 1.85.4 3.61 1.16 5.19 2.21 3.06 2.03 5.38 4.99 7.01 8.29.38-.42.72-.87 1.02-1.37-1.64-3.44-4-6.55-7.16-8.65-1.52-1-3.21-1.77-4.99-2.18z" })] })] }), _jsxs("g", { id: "beak", children: [_jsxs("g", { id: "beak_shadow", children: [_jsx("path", { id: "beak_shadow_lower", fill: "#000", fillOpacity: ".259", filter: "url(#blur_beak_shadow_lower)", clipPath: "url(#clip_body)", d: "M81.12 89.33c1.47 4.26 4.42 7.89 7.92 10.72 1.16.95 2.39 1.82 3.76 2.43 1.36.62 2.87.97 4.36.84 1.46-.12 2.85-.7 4.13-1.42 1.28-.72 2.46-1.59 3.7-2.37 2.12-1.35 4.39-2.44 6.6-3.64 2.65-1.45 5.23-3.1 7.46-5.14 1.03-.93 1.98-1.95 3.11-2.75 1.13-.81 2.49-1.39 3.87-1.29 1.04.07 2.01.51 3.03.73.51.11 1.03.16 1.55.08.51-.08 1.01-.29 1.37-.67.44-.46.64-1.12.61-1.76-.02-.63-.24-1.25-.54-1.81-.59-1.13-1.49-2.1-1.89-3.31-.36-1.08-.29-2.24-.26-3.37.03-1.14.01-2.32-.51-3.33-.4-.76-1.07-1.37-1.83-1.77-.76-.41-1.62-.62-2.48-.7-1.72-.16-3.44.18-5.17.27-2.28.13-4.58-.15-6.87-.02-2.85.18-5.65 1-8.51 1.01-3.26.01-6.52-1.06-9.74-.55-1.39.22-2.71.72-4.03 1.16-1.33.45-2.7.84-4.1.82-1.59-.03-3.13-.58-4.72-.69-.79-.06-1.6 0-2.35.28-.74.28-1.41.79-1.78 1.5-.21.4-.31.86-.33 1.31-.02.46.04.91.15 1.36.22.88.63 1.71.96 2.55 1.2 3.07 1.46 6.42 2.53 9.53z" }), _jsx("path", { id: "beak_shadow_upper", opacity: ".3", fill: "#000", filter: "url(#blur_beak_shadow_upper)", clipPath: "url(#clip_body)", d: "M77.03 77.2c2.85 1.76 5.41 3.93 7.56 6.39 1.99 2.29 3.68 4.89 6.29 6.58 1.83 1.2 4.04 1.87 6.28 2.08 2.63.24 5.29-.15 7.83-.84 2.35-.63 4.62-1.53 6.7-2.71 3.97-2.25 7.28-5.55 11.65-7.03.95-.33 1.94-.56 2.86-.96.92-.39 1.79-.99 2.23-1.83.42-.82.4-1.75.54-2.64.15-.96.48-1.88.66-2.83.18-.95.2-1.96-.24-2.83-.37-.72-1.04-1.29-1.81-1.66-.77-.36-1.64-.52-2.51-.56-1.72-.08-3.43.33-5.16.47-2.28.19-4.58-.08-6.87-.01-2.85.08-5.66.67-8.51.8-3.25.14-6.49-.34-9.74-.44-1.41-.05-2.83-.03-4.21.2-1.39.22-2.75.65-3.92 1.37-1.14.69-2.07 1.64-3.11 2.45-.52.41-1.08.78-1.68 1.07-.61.28-1.28.48-1.96.51-.35.01-.71-.01-1.05.04-.59.08-1.13.39-1.47.83-.34.45-.47 1.02-.36 1.55z" })] }), _jsx("path", { id: "beak_base", fill: "url(#fill_beak_base)", d: "M91.66 58.53c1.53-1.71 2.57-3.8 4.03-5.56.73-.88 1.58-1.69 2.57-2.26.99-.57 2.15-.89 3.29-.79 1.27.11 2.46.74 3.39 1.61.93.87 1.62 1.97 2.17 3.12.53 1.11.95 2.28 1.71 3.24.81 1.02 1.94 1.71 2.97 2.52.51.4 1.01.83 1.41 1.34.41.51.72 1.1.86 1.74.13.65.06 1.33-.16 1.95-.23.62-.61 1.18-1.09 1.64-.95.92-2.25 1.42-3.56 1.6-2.62.37-5.27-.41-7.92-.34-2.67.08-5.29 1.02-7.97.93-1.33-.05-2.69-.38-3.79-1.14-.55-.39-1.03-.88-1.38-1.45a4.1 4.1 0 0 1-.58-1.9c-.02-.64.13-1.28.39-1.86.25-.59.61-1.12 1.01-1.62.81-.99 1.8-1.81 2.65-2.77z" }), _jsxs("g", { id: "mandible_lower", children: [_jsx("path", { id: "mandible_lower_base", fill: "url(#fill_mandible_lower_base)", d: "M77.14 75.05c.06.26.15.5.28.73.23.38.57.69.93.95.36.27.75.49 1.13.72 2.01 1.27 3.65 3.04 5.11 4.92 1.95 2.52 3.68 5.31 6.29 7.14 1.84 1.3 4.04 2.03 6.28 2.26 2.63.26 5.29-.16 7.83-.91 2.35-.69 4.62-1.66 6.7-2.95 3.97-2.44 7.28-6.02 11.65-7.63.95-.35 1.94-.6 2.86-1.03.92-.44 1.79-1.08 2.23-2 .42-.88.4-1.9.54-2.87.15-1.03.48-2.03.66-3.06.18-1.03.2-2.13-.24-3.08-.37-.78-1.04-1.4-1.81-1.79-.77-.4-1.64-.58-2.51-.62-1.72-.08-3.43.36-5.16.52-2.28.21-4.58-.09-6.87-.02-2.85.09-5.66.73-8.51.87-3.25.15-6.49-.35-9.74-.48-1.41-.06-2.83-.04-4.22.2-1.39.23-2.75.71-3.91 1.51-1.13.78-2.03 1.84-3.07 2.74-.52.45-1.08.86-1.7 1.16-.61.3-1.29.49-1.98.47-.35-.01-.72-.06-1.05.04-.21.07-.4.2-.56.35-.16.16-.29.34-.41.52-.29.42-.54.87-.75 1.34z" }), _jsx("path", { id: "mandible_lower_glare", fill: "#d9b30d", filter: "url(#blur_mandible_lower_glare)", clipPath: "url(#clip_mandible_lower)", d: "M89.9 78.56a5.77 5.77 0 0 0 .56 4.11c.68 1.24 1.84 2.2 3.19 2.65 1.7.57 3.62.29 5.21-.54.93-.48 1.77-1.16 2.3-2.06.27-.44.46-.94.53-1.46.06-.51.02-1.05-.16-1.54-.2-.53-.56-1-.99-1.37a4.48 4.48 0 0 0-1.5-.82c-1.08-.36-2.77-.66-3.91-.68-2.02-.04-4.9.34-5.23 1.71z" })] }), _jsxs("g", { id: "mandible_upper", children: [_jsx("path", { id: "mandible_upper_shadow", fill: "#604405", filter: "url(#blur_mandible_upper_shadow)", clipPath: "url(#clip_mandible_lower)", d: "M84.31 67.86c-1.16.68-2.27 1.43-3.36 2.2-.57.41-1.15.84-1.45 1.47-.21.44-.26.94-.27 1.43 0 .5.03.99-.04 1.48-.04.33-.13.66-.14.99-.01.17 0 .34.04.5.05.16.13.32.24.44.15.16.35.26.56.32.21.06.42.09.64.14 1.01.24 1.89.86 2.66 1.56.77.69 1.47 1.48 2.28 2.13 2.18 1.78 5.07 2.52 7.89 2.56 2.82.05 5.61-.54 8.36-1.16 2.16-.49 4.32-.99 6.39-1.76 3.2-1.18 6.16-2.96 8.72-5.19 1.17-1.01 2.26-2.12 3.57-2.94 1.15-.73 2.44-1.21 3.62-1.9.11-.06.21-.13.3-.2.1-.08.18-.18.24-.28.09-.19.09-.42.03-.62s-.18-.38-.31-.55c-.15-.18-.31-.34-.49-.5-1.23-1.05-2.89-1.43-4.51-1.56-1.61-.12-3.24-.03-4.83-.3-1.5-.25-2.92-.81-4.37-1.27-1.52-.49-3.07-.87-4.64-1.13-3.71-.61-7.52-.49-11.19.27-3.49.73-6.87 2.05-9.94 3.87z" }), _jsx("path", { id: "mandible_upper_base", fill: "url(#fill_mandible_upper_base)", d: "M83.94 63.95a20.75 20.75 0 0 0-4.43 4.04c-.72.89-1.38 1.86-1.74 2.94-.29.86-.39 1.76-.57 2.65-.07.33-.15.66-.14 1 0 .16.02.33.07.5.05.16.14.31.25.43.2.2.47.31.74.37.28.05.56.06.84.09 1.25.15 2.4.75 3.44 1.47 1.04.71 2 1.55 3.07 2.22 2.35 1.49 5.16 2.15 7.95 2.26 2.78.11 5.56-.31 8.3-.86 2.17-.43 4.33-.95 6.39-1.76 3.16-1.25 6.01-3.16 8.72-5.19 1.24-.92 2.46-1.87 3.57-2.94.37-.37.74-.74 1.14-1.08.4-.33.85-.62 1.35-.78.76-.24 1.58-.17 2.37-.04.59.1 1.18.23 1.78.21.3-.02.6-.07.88-.18.28-.11.54-.28.73-.52.25-.3.38-.7.38-1.09 0-.4-.12-.79-.32-1.13-.4-.68-1.09-1.14-1.81-1.46-.99-.44-2.06-.65-3.11-.91-3.23-.78-6.37-1.93-9.34-3.41-1.48-.73-2.92-1.54-4.37-2.32-1.5-.8-3.02-1.57-4.64-2.07-3.64-1.1-7.6-.74-11.19.51a23.88 23.88 0 0 0-10.31 7.05z" }), _jsx("path", { id: "mandible_upper_glare", fill: "#f6da4a", filter: "url(#blur_mandible_upper_glare)", clipPath: "url(#clip_mandible_upper)", d: "M109.45 64.75c-.2-.24-.48-.42-.78-.51-.3-.09-.62-.09-.93-.04-.62.11-1.18.44-1.7.8-1.47 1.01-2.77 2.26-3.91 3.64-1.5 1.83-2.74 3.94-3.16 6.27-.07.39-.11.8-.07 1.19.05.4.2.79.49 1.07.24.25.58.4.92.45.35.05.71 0 1.04-.11.66-.22 1.21-.69 1.74-1.15 2.87-2.58 5.47-5.66 6.51-9.38.1-.37.19-.75.19-1.14 0-.39-.1-.78-.34-1.09z" }), _jsx("path", { id: "naris_left", opacity: ".8", fill: "url(#fill_naris_left)", filter: "url(#blur_naris_left)", d: "M92.72 59.06c-.77-.25-2.03 1.1-1.62 1.79.11.19.46.43.7.3.35-.19.64-.89 1.02-1.16.25-.18.2-.84-.1-.93z" }), _jsx("path", { id: "naris_right", opacity: ".8", fill: "url(#fill_naris_right)", filter: "url(#blur_naris_right)", d: "M102.56 59.42c.2.64 1.23.53 1.83.84.52.27.94.86 1.53.88.56.01 1.44-.2 1.51-.76.09-.73-.98-1.2-1.67-1.47-.89-.34-2.03-.52-2.86-.06-.19.11-.4.36-.34.57z" })] }), _jsx("path", { id: "beak_corner", fill: "url(#fill_beak_corner)", filter: "url(#blur_beak_corner)", clipPath: "url(#clip_beak)", d: "M129.27 69.15a2.42 3.1 16.94 0 1-2.81 3.04 2.42 3.1 16.94 0 1-2.12-3.04 2.42 3.1 16.94 0 1 2.81-3.05 2.42 3.1 16.94 0 1 2.12 3.05z" })] })] })] })] }));
3
+ export default Linux;
@@ -0,0 +1,3 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ const Microsoft = props => (_jsxs("svg", { width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsx("path", { fill: "#FEBA08", d: "M17 17h10v10H17z" }), _jsx("path", { fill: "#05A6F0", d: "M5 17h10v10H5z" }), _jsx("path", { fill: "#80BC06", d: "M17 5h10v10H17z" }), _jsx("path", { fill: "#F25325", d: "M5 5h10v10H5z" })] }));
3
+ export default Microsoft;
@@ -2,5 +2,4 @@ import AIX from '#ui/Icons/OperatingSystem/AIX';
2
2
  import Apple from '#ui/Icons/OperatingSystem/Apple';
3
3
  import Linux from '#ui/Icons/OperatingSystem/Linux';
4
4
  import Microsoft from '#ui/Icons/OperatingSystem/Microsoft';
5
-
6
5
  export { AIX, Apple, Linux, Microsoft };
@@ -0,0 +1,3 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ const NpmIcon = props => (_jsx("svg", { width: "32px", height: "32px", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", ...props, children: _jsxs("g", { fill: "none", fillRule: "evenodd", children: [_jsx("rect", { width: "24", height: "24", fill: "#D40001" }), _jsx("path", { fill: "#fff", d: "M16.7179487,7.92840493 L12.2051282,7.92840493 L12.2051282,20.2494172 L4,20.2494172 L4,3 L12.2051282,3 L20,3 L20,7.92840493 L20,20.2494172 L16.7179487,20.2494172 L16.7179487,7.92840493 Z" })] }) }));
3
+ export default NpmIcon;
@@ -0,0 +1,3 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ const PnpmIcon = props => (_jsxs("svg", { width: "32px", height: "32px", viewBox: "0 0 32 32", xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsx("path", { d: "M30,10.75H21.251V2H30Z", fill: "#f9ad00" }), _jsx("path", { d: "M20.374,10.75h-8.75V2h8.75Z", fill: "#f9ad00" }), _jsx("path", { d: "M10.749,10.75H2V2h8.749Z", fill: "#f9ad00" }), _jsx("path", { d: "M30,20.375H21.251v-8.75H30Z", fill: "#f9ad00" }), _jsx("path", { d: "M20.374,20.375h-8.75v-8.75h8.75Z", fill: "#4e4e4e" }), _jsx("path", { d: "M20.374,30h-8.75V21.25h8.75Z", fill: "#4e4e4e" }), _jsx("path", { d: "M30,30H21.251V21.25H30Z", fill: "#4e4e4e" }), _jsx("path", { d: "M10.749,30H2V21.25h8.749Z", fill: "#4e4e4e" })] }));
3
+ export default PnpmIcon;
@@ -0,0 +1,3 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ const YarnIcon = props => (_jsxs("svg", { width: "32px", height: "32px", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 518 518", ...props, children: [_jsx("path", { fill: "#2c8ebb", d: "M259 0c143 0 259 116 259 259S402 518 259 518 0 402 0 259 116 0 259 0z" }), _jsx("path", { fill: "#fff", d: "M435.2 337.5c-1.8-14.2-13.8-24-29.2-23.8-23 .3-42.3 12.2-55.1 20.1-5 3.1-9.3 5.4-13 7.1.8-11.6.1-26.8-5.9-43.5-7.3-20-17.1-32.3-24.1-39.4 8.1-11.8 19.2-29 24.4-55.6 4.5-22.7 3.1-58-7.2-77.8-2.1-4-5.6-6.9-10-8.1-1.8-.5-5.2-1.5-11.9.4C293.1 96 289.6 93.8 286.9 92c-5.6-3.6-12.2-4.4-18.4-2.1-8.3 3-15.4 11-22.1 25.2-1 2.1-1.9 4.1-2.7 6.1-12.7.9-32.7 5.5-49.6 23.8-2.1 2.3-6.2 4-10.5 5.6h.1c-8.8 3.1-12.8 10.3-17.7 23.3-6.8 18.2.2 36.1 7.1 47.7-9.4 8.4-21.9 21.8-28.5 37.5-8.2 19.4-9.1 38.4-8.8 48.7-7 7.4-17.8 21.3-19 36.9-1.6 21.8 6.3 36.6 9.8 42 1 1.6 2.1 2.9 3.3 4.2-.4 2.7-.5 5.6.1 8.6 1.3 7 5.7 12.7 12.4 16.3 13.2 7 31.6 10 45.8 2.9 5.1 5.4 14.4 10.6 31.3 10.6h1c4.3 0 58.9-2.9 74.8-6.8 7.1-1.7 12-4.7 15.2-7.4 10.2-3.2 38.4-12.8 65-30 18.8-12.2 25.3-14.8 39.3-18.2 13.6-3.3 22.1-15.7 20.4-29.4zm-23.8 14.7c-16 3.8-24.1 7.3-43.9 20.2-30.9 20-64.7 29.3-64.7 29.3s-2.8 4.2-10.9 6.1c-14 3.4-66.7 6.3-71.5 6.4-12.9.1-20.8-3.3-23-8.6-6.7-16 9.6-23 9.6-23s-3.6-2.2-5.7-4.2c-1.9-1.9-3.9-5.7-4.5-4.3-2.5 6.1-3.8 21-10.5 27.7-9.2 9.3-26.6 6.2-36.9.8-11.3-6 .8-20.1.8-20.1s-6.1 3.6-11-3.8c-4.4-6.8-8.5-18.4-7.4-32.7 1.2-16.3 19.4-32.1 19.4-32.1s-3.2-24.1 7.3-48.8c9.5-22.5 35.1-40.6 35.1-40.6s-21.5-23.8-13.5-45.2c5.2-14 7.3-13.9 9-14.5 6-2.3 11.8-4.8 16.1-9.5 21.5-23.2 48.9-18.8 48.9-18.8s13-39.5 25-31.8c3.7 2.4 17 32 17 32s14.2-8.3 15.8-5.2c8.6 16.7 9.6 48.6 5.8 68-6.4 32-22.4 49.2-28.8 60-1.5 2.5 17.2 10.4 29 43.1 10.9 29.9 1.2 55 2.9 57.8.3.5.4.7.4.7s12.5 1 37.6-14.5c13.4-8.3 29.3-17.6 47.4-17.8 17.5-.3 18.4 20.2 5.2 23.4z" })] }));
3
+ export default YarnIcon;
@@ -1,5 +1,4 @@
1
1
  import NPM from '#ui/Icons/PackageManager/Npm';
2
2
  import PNPM from '#ui/Icons/PackageManager/Pnpm';
3
3
  import YARN from '#ui/Icons/PackageManager/Yarn';
4
-
5
4
  export { NPM, PNPM, YARN };
@@ -0,0 +1,3 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ const BlueskyIcon = props => (_jsx("svg", { width: "20", height: "20", viewBox: "0 0 568 501", xmlns: "http://www.w3.org/2000/svg", fill: "none", ...props, children: _jsx("path", { fill: "#1185FE", d: "M123.121 33.664C188.241 82.553 258.281 181.68 284 234.873c25.719-53.192 95.759-152.32 160.879-201.21C491.866-1.611 568-28.906 568 57.947c0 17.346-9.945 145.713-15.778 166.555-20.275 72.453-94.155 90.933-159.875 79.748C507.222 323.8 536.444 388.56 473.333 453.32c-119.86 122.992-172.272-30.859-185.702-70.281-2.462-7.227-3.614-10.608-3.631-7.733-.017-2.875-1.169.506-3.631 7.733-13.43 39.422-65.842 193.273-185.702 70.281-63.111-64.76-33.89-129.52 80.986-149.071-65.72 11.185-139.6-7.295-159.875-79.748C9.945 203.659 0 75.291 0 57.946 0-28.906 76.135-1.612 123.121 33.664Z" }) }));
3
+ export default BlueskyIcon;
@@ -0,0 +1,3 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ const Discord = props => (_jsx("svg", { width: "20", height: "20", viewBox: "0 -28.5 256 256", xmlns: "http://www.w3.org/2000/svg", fill: "none", ...props, children: _jsx("path", { d: "M216.856339,16.5966031 C200.285002,8.84328665 182.566144,3.2084988 164.041564,0 C161.766523,4.11318106 159.108624,9.64549908 157.276099,14.0464379 C137.583995,11.0849896 118.072967,11.0849896 98.7430163,14.0464379 C96.9108417,9.64549908 94.1925838,4.11318106 91.8971895,0 C73.3526068,3.2084988 55.6133949,8.86399117 39.0420583,16.6376612 C5.61752293,67.146514 -3.4433191,116.400813 1.08711069,164.955721 C23.2560196,181.510915 44.7403634,191.567697 65.8621325,198.148576 C71.0772151,190.971126 75.7283628,183.341335 79.7352139,175.300261 C72.104019,172.400575 64.7949724,168.822202 57.8887866,164.667963 C59.7209612,163.310589 61.5131304,161.891452 63.2445898,160.431257 C105.36741,180.133187 151.134928,180.133187 192.754523,160.431257 C194.506336,161.891452 196.298154,163.310589 198.110326,164.667963 C191.183787,168.842556 183.854737,172.420929 176.223542,175.320965 C180.230393,183.341335 184.861538,190.991831 190.096624,198.16893 C211.238746,191.588051 232.743023,181.531619 254.911949,164.955721 C260.227747,108.668201 245.831087,59.8662432 216.856339,16.5966031 Z M85.4738752,135.09489 C72.8290281,135.09489 62.4592217,123.290155 62.4592217,108.914901 C62.4592217,94.5396472 72.607595,82.7145587 85.4738752,82.7145587 C98.3405064,82.7145587 108.709962,94.5189427 108.488529,108.914901 C108.508531,123.290155 98.3405064,135.09489 85.4738752,135.09489 Z M170.525237,135.09489 C157.88039,135.09489 147.510584,123.290155 147.510584,108.914901 C147.510584,94.5396472 157.658606,82.7145587 170.525237,82.7145587 C183.391518,82.7145587 193.761324,94.5189427 193.539891,108.914901 C193.539891,123.290155 183.391518,135.09489 170.525237,135.09489 Z", fill: "#5865F2", fillRule: "nonzero" }) }));
3
+ export default Discord;
@@ -0,0 +1,3 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ const GitHubIcon = props => (_jsx("svg", { width: "20", height: "20", viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", ...props, children: _jsx("path", { d: "M10 1.25C5.16562 1.25 1.25 5.16562 1.25 10C1.25 13.8719 3.75469 17.1422 7.23281 18.3016C7.67031 18.3781 7.83437 18.1156 7.83437 17.8859C7.83437 17.6781 7.82344 16.9891 7.82344 16.2563C5.625 16.6609 5.05625 15.7203 4.88125 15.2281C4.78281 14.9766 4.35625 14.2 3.98438 13.9922C3.67812 13.8281 3.24063 13.4234 3.97344 13.4125C4.6625 13.4016 5.15469 14.0469 5.31875 14.3094C6.10625 15.6328 7.36406 15.2609 7.86719 15.0312C7.94375 14.4625 8.17344 14.0797 8.425 13.8609C6.47813 13.6422 4.44375 12.8875 4.44375 9.54062C4.44375 8.58906 4.78281 7.80156 5.34062 7.18906C5.25313 6.97031 4.94687 6.07344 5.42812 4.87031C5.42812 4.87031 6.16094 4.64063 7.83437 5.76719C8.53438 5.57031 9.27813 5.47187 10.0219 5.47187C10.7656 5.47187 11.5094 5.57031 12.2094 5.76719C13.8828 4.62969 14.6156 4.87031 14.6156 4.87031C15.0969 6.07344 14.7906 6.97031 14.7031 7.18906C15.2609 7.80156 15.6 8.57812 15.6 9.54062C15.6 12.8984 13.5547 13.6422 11.6078 13.8609C11.925 14.1344 12.1984 14.6594 12.1984 15.4797C12.1984 16.65 12.1875 17.5906 12.1875 17.8859C12.1875 18.1156 12.3516 18.3891 12.7891 18.3016C14.5261 17.7152 16.0355 16.5988 17.1048 15.1096C18.1741 13.6204 18.7495 11.8333 18.75 10C18.75 5.16562 14.8344 1.25 10 1.25Z" }) }));
3
+ export default GitHubIcon;
@@ -0,0 +1,3 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ const LinkedInIcon = props => (_jsx("svg", { width: "20", height: "20", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", ...props, children: _jsx("path", { d: "M20.5 2h-17A1.5 1.5 0 002 3.5v17A1.5 1.5 0 003.5 22h17a1.5 1.5 0 001.5-1.5v-17A1.5 1.5 0 0020.5 2zM8 19H5v-9h3zM6.5 8.25A1.75 1.75 0 118.3 6.5a1.78 1.78 0 01-1.8 1.75zM19 19h-3v-4.74c0-1.42-.6-1.93-1.38-1.93A1.74 1.74 0 0013 14.19a.66.66 0 000 .14V19h-3v-9h2.9v1.3a3.11 3.11 0 012.7-1.4c1.55 0 3.36.86 3.36 3.66z" }) }));
3
+ export default LinkedInIcon;
@@ -0,0 +1,3 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ const MastodonIcon = props => (_jsxs("svg", { width: "20", height: "20", viewBox: "0 0 75 79", xmlns: "http://www.w3.org/2000/svg", fill: "none", ...props, children: [_jsx("path", { d: "M73.8393 17.4898C72.6973 9.00165 65.2994 2.31235 56.5296 1.01614C55.05 0.797115 49.4441 0 36.4582 0H36.3612C23.3717 0 20.585 0.797115 19.1054 1.01614C10.5798 2.27644 2.79399 8.28712 0.904997 16.8758C-0.00358524 21.1056 -0.100549 25.7949 0.0682394 30.0965C0.308852 36.2651 0.355538 42.423 0.91577 48.5665C1.30307 52.6474 1.97872 56.6957 2.93763 60.6812C4.73325 68.042 12.0019 74.1676 19.1233 76.6666C26.7478 79.2728 34.9474 79.7055 42.8039 77.9162C43.6682 77.7151 44.5217 77.4817 45.3645 77.216C47.275 76.6092 49.5123 75.9305 51.1571 74.7385C51.1797 74.7217 51.1982 74.7001 51.2112 74.6753C51.2243 74.6504 51.2316 74.6229 51.2325 74.5948V68.6416C51.2321 68.6154 51.2259 68.5896 51.2142 68.5661C51.2025 68.5426 51.1858 68.522 51.1651 68.5058C51.1444 68.4896 51.1204 68.4783 51.0948 68.4726C51.0692 68.4669 51.0426 68.467 51.0171 68.4729C45.9835 69.675 40.8254 70.2777 35.6502 70.2682C26.7439 70.2682 24.3486 66.042 23.6626 64.2826C23.1113 62.762 22.7612 61.1759 22.6212 59.5646C22.6197 59.5375 22.6247 59.5105 22.6357 59.4857C22.6466 59.4609 22.6633 59.4391 22.6843 59.422C22.7053 59.4048 22.73 59.3929 22.7565 59.3871C22.783 59.3813 22.8104 59.3818 22.8367 59.3886C27.7864 60.5826 32.8604 61.1853 37.9522 61.1839C39.1768 61.1839 40.3978 61.1839 41.6224 61.1516C46.7435 61.008 52.1411 60.7459 57.1796 59.7621C57.3053 59.7369 57.431 59.7154 57.5387 59.6831C65.4861 58.157 73.0493 53.3672 73.8178 41.2381C73.8465 40.7606 73.9184 36.2364 73.9184 35.7409C73.9219 34.0569 74.4606 23.7949 73.8393 17.4898Z", fill: "url(#paint0_linear_549_34)" }), _jsx("path", { d: "M61.2484 27.0263V48.114H52.8916V27.6475C52.8916 23.3388 51.096 21.1413 47.4437 21.1413C43.4287 21.1413 41.4177 23.7409 41.4177 28.8755V40.0782H33.1111V28.8755C33.1111 23.7409 31.0965 21.1413 27.0815 21.1413C23.4507 21.1413 21.6371 23.3388 21.6371 27.6475V48.114H13.2839V27.0263C13.2839 22.7176 14.384 19.2946 16.5843 16.7572C18.8539 14.2258 21.8311 12.926 25.5264 12.926C29.8036 12.926 33.0357 14.5705 35.1905 17.8559L37.2698 21.346L39.3527 17.8559C41.5074 14.5705 44.7395 12.926 49.0095 12.926C52.7013 12.926 55.6784 14.2258 57.9553 16.7572C60.1531 19.2922 61.2508 22.7152 61.2484 27.0263Z", fill: "white" }), _jsx("defs", { children: _jsxs("linearGradient", { id: "paint0_linear_549_34", x1: "37.0692", y1: "0", x2: "37.0692", y2: "79", gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: "#6364FF" }), _jsx("stop", { offset: "1", stopColor: "#563ACC" })] }) })] }));
3
+ export default MastodonIcon;
@@ -0,0 +1,3 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ const SlackIcon = props => (_jsxs("svg", { width: "20", height: "20", viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", fill: "none", ...props, children: [_jsx("path", { fill: "#2EB67D", d: "M16.563 9.375A1.562 1.562 0 1 0 15 7.813v1.562h1.563Zm-4.375 0c.862 0 1.562-.7 1.562-1.563V3.438a1.563 1.563 0 0 0-3.125 0v4.374c0 .863.7 1.563 1.563 1.563Z" }), _jsx("path", { fill: "#E01E5A", d: "M3.437 10.625A1.562 1.562 0 1 0 5 12.187v-1.562H3.437Zm4.376 0c-.863 0-1.563.7-1.563 1.563v4.374a1.563 1.563 0 0 0 3.125 0v-4.374c0-.863-.7-1.563-1.563-1.563Z" }), _jsx("path", { fill: "#ECB22E", d: "M10.625 16.563A1.562 1.562 0 1 0 12.187 15h-1.562v1.563Zm0-4.375c0 .862.7 1.562 1.563 1.562h4.374a1.562 1.562 0 1 0 0-3.125h-4.374c-.863 0-1.563.7-1.563 1.563Z" }), _jsx("path", { fill: "#36C5F0", d: "M9.375 3.437A1.562 1.562 0 1 0 7.813 5h1.562V3.437Zm0 4.376c0-.863-.7-1.563-1.563-1.563H3.438a1.563 1.563 0 0 0 0 3.125h4.374c.863 0 1.563-.7 1.563-1.563Z" })] }));
3
+ export default SlackIcon;
@@ -0,0 +1,3 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ const XIcon = props => (_jsx("svg", { width: "20", height: "20", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", ...props, children: _jsx("path", { d: "M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z" }) }));
3
+ export default XIcon;
@@ -5,5 +5,4 @@ import LinkedIn from '#ui/Icons/Social/LinkedIn';
5
5
  import Mastodon from '#ui/Icons/Social/Mastodon';
6
6
  import Slack from '#ui/Icons/Social/Slack';
7
7
  import X from '#ui/Icons/Social/X';
8
-
9
8
  export { Bluesky, Discord, GitHub, LinkedIn, Mastodon, Slack, X };
@@ -0,0 +1,16 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import * as TabsPrimitive from '@radix-ui/react-tabs';
3
+ import CodeTabs from '#ui/Common/CodeTabs';
4
+ const MDXCodeTabs = ({ languages: rawLanguages, displayNames: rawDisplayNames, children: codes, defaultTab = '0', ...props }) => {
5
+ const languages = rawLanguages.split('|');
6
+ const displayNames = rawDisplayNames?.split('|') ?? [];
7
+ const tabs = languages.map((language, index) => {
8
+ const displayName = displayNames[index];
9
+ return {
10
+ key: `${language}-${index}`,
11
+ label: displayName?.length ? displayName : language.toUpperCase(),
12
+ };
13
+ });
14
+ return (_jsx(CodeTabs, { tabs: tabs, defaultValue: tabs[Number(defaultTab)].key, ...props, children: languages.map((_, index) => (_jsx(TabsPrimitive.Content, { value: tabs[index].key, children: codes[index] }, tabs[index].key))) }));
15
+ };
16
+ export default MDXCodeTabs;
package/package.json CHANGED
@@ -1,92 +1,42 @@
1
1
  {
2
2
  "name": "@node-core/ui-components",
3
3
  "type": "module",
4
- "exports": {
5
- "./*": [
6
- "./*",
7
- "./*.tsx",
8
- "./*/index.tsx",
9
- "./*.ts",
10
- "./*/index.ts"
11
- ]
12
- },
13
- "files": [
14
- "Common",
15
- "Containers",
16
- "Icons",
17
- "styles",
18
- "types.ts",
19
- "stylelint"
20
- ],
21
4
  "dependencies": {
22
5
  "@heroicons/react": "^2.2.0",
23
- "@radix-ui/react-avatar": "^1.1.9",
24
- "@radix-ui/react-dialog": "^1.1.7",
25
- "@radix-ui/react-dropdown-menu": "~2.1.6",
26
- "@radix-ui/react-label": "~2.1.2",
27
- "@radix-ui/react-select": "~2.2.2",
28
- "@radix-ui/react-separator": "~1.1.3",
29
- "@radix-ui/react-tabs": "~1.1.3",
30
- "@radix-ui/react-toast": "~1.2.6",
31
- "@radix-ui/react-tooltip": "~1.2.4",
32
- "@tailwindcss/postcss": "~4.1.5",
6
+ "@radix-ui/react-avatar": "^1.1.10",
7
+ "@radix-ui/react-dialog": "^1.1.14",
8
+ "@radix-ui/react-dropdown-menu": "~2.1.15",
9
+ "@radix-ui/react-label": "~2.1.7",
10
+ "@radix-ui/react-select": "~2.2.5",
11
+ "@radix-ui/react-separator": "~1.1.7",
12
+ "@radix-ui/react-tabs": "~1.1.12",
13
+ "@radix-ui/react-toast": "~1.2.14",
14
+ "@radix-ui/react-tooltip": "~1.2.7",
33
15
  "@vcarl/remark-headings": "~0.1.0",
34
- "classnames": "~2.5.1",
35
- "postcss-calc": "^10.1.1",
36
- "tailwindcss": "~4.0.17"
37
- },
38
- "devDependencies": {
39
- "@storybook/addon-controls": "^8.6.12",
40
- "@storybook/addon-interactions": "^8.6.12",
41
- "@storybook/addon-styling-webpack": "^1.0.1",
42
- "@storybook/addon-themes": "^8.6.12",
43
- "@storybook/addon-viewport": "^8.6.12",
44
- "@storybook/addon-webpack5-compiler-swc": "^3.0.0",
45
- "@storybook/react": "^8.6.12",
46
- "@storybook/react-webpack5": "^8.6.12",
47
- "@testing-library/user-event": "~14.6.1",
48
- "@types/node": "22.15.3",
49
- "@types/react": "^19.1.0",
50
- "cross-env": "^7.0.3",
51
- "css-loader": "~7.1.2",
52
- "eslint-plugin-react": "~7.37.4",
53
- "eslint-plugin-storybook": "~0.12.0",
54
- "global-jsdom": "^26.0.0",
55
- "postcss-loader": "~8.1.1",
56
- "react": "^19.1.0",
57
- "storybook": "^8.6.11",
58
- "style-loader": "~4.0.0",
59
- "stylelint": "^16.19.1",
60
- "stylelint-config-standard": "^38.0.0",
61
- "stylelint-order": "7.0.0",
62
- "stylelint-selector-bem-pattern": "4.0.1",
63
- "tsx": "^4.19.3",
64
- "typescript": "~5.8.2",
65
- "typescript-eslint": "~8.31.1"
16
+ "classnames": "~2.5.1"
66
17
  },
67
18
  "imports": {
68
19
  "#ui/*": [
69
- "./*",
70
- "./*.tsx",
71
- "./*/index.tsx",
72
- "./*.ts",
73
- "./*/index.ts"
20
+ "./*"
74
21
  ]
75
22
  },
76
23
  "engines": {
77
24
  "node": ">=20"
78
25
  },
79
- "version": "1.0.1-df203d0fe21ee5d80d258c60dc821e8ac0601ce4",
26
+ "version": "1.0.1-e1f87bde264af01e260a8efa4fab1749a2c6bc29",
80
27
  "scripts": {
81
- "check-types": "tsc --noEmit",
28
+ "compile:ts": "tsc",
29
+ "compile:css": "postcss --dir dist --base src \"src/**/*.module.css\" src/styles/index.css",
30
+ "compile": "node --run compile:ts && node --run compile:css",
82
31
  "lint": "turbo run lint:js lint:css",
83
32
  "lint:css": "stylelint \"**/*.css\" --allow-empty-input --cache --cache-strategy=content --cache-location=.stylelintcache",
84
- "lint:fix": "turbo run lint:js lint:css --no-cache -- --fix",
33
+ "lint:fix": "node --run lint -- -- --fix",
85
34
  "lint:js": "eslint \"**/*.{js,mjs,ts,tsx}\"",
35
+ "lint:types": "tsc --noEmit",
86
36
  "storybook": "cross-env NODE_NO_WARNINGS=1 storybook dev -p 6006 --quiet",
87
37
  "storybook:build": "cross-env NODE_NO_WARNINGS=1 storybook build --quiet --webpack-stats-json",
88
- "test": "turbo test:unit",
38
+ "test": "node --run test:unit",
89
39
  "test:unit": "cross-env NODE_NO_WARNINGS=1 node --experimental-test-coverage --test-coverage-exclude=**/*.test.* --enable-source-maps --import=global-jsdom/register --import=tsx --import=../../tests/setup.mjs --test **/*.test.*",
90
- "test:unit:watch": "cross-env NODE_OPTIONS=\"--watch\" pnpm test:unit"
40
+ "test:unit:watch": "node --run test:unit -- --watch"
91
41
  }
92
42
  }
@@ -1,64 +1,48 @@
1
1
  import stylelint from 'stylelint';
2
-
3
2
  import { indentClassNames } from './utils.mjs';
4
-
5
- const {
6
- createPlugin,
7
- utils: { report, ruleMessages },
8
- } = stylelint;
9
-
3
+ const { createPlugin, utils: { report, ruleMessages }, } = stylelint;
10
4
  const name = 'nodejs/one-utility-class-per-line';
11
-
12
5
  const messages = ruleMessages(name, {
13
- className: classNames =>
14
- `Each line should contain only one Tailwind utility class; "${classNames}"`,
15
- spacing: classNames =>
16
- `Each utility class used with @apply should be indented by 2 spaces on a new line; ${classNames}`,
6
+ className: classNames => `Each line should contain only one Tailwind utility class; "${classNames}"`,
7
+ spacing: classNames => `Each utility class used with @apply should be indented by 2 spaces on a new line; ${classNames}`,
17
8
  });
18
-
19
9
  const meta = {
20
- url: 'https://github.com/nodejs/nodejs.org/blob/main/COLLABORATOR_GUIDE.md#styling-a-component',
21
- fixable: true,
10
+ url: 'https://github.com/nodejs/nodejs.org/blob/main/COLLABORATOR_GUIDE.md#styling-a-component',
11
+ fixable: true,
22
12
  };
23
-
24
13
  /** @type {import('stylelint').Rule} */
25
14
  const rule = () => (root, result) => {
26
- root.walkAtRules('apply', rule => {
27
- if (!rule.params.includes(' ')) {
28
- // If there are no spaces in the params, we don't need to check anything
29
- return;
30
- }
31
-
32
- // Since we use 2 spaces for indentation, each line in the apply rule
33
- // should be indented with two extra whitespaces.
34
- const classes = rule.params.split(`${rule.raws.before} `);
35
- const classNames = classes.join('');
36
-
37
- // Check if the params contain any spaces
38
- if (classNames.includes(' ')) {
39
- if (classNames.includes('\n')) {
40
- return report({
41
- ruleName: name,
42
- result: result,
43
- message: messages.spacing(JSON.stringify(rule.params)),
44
- node: rule,
45
- fix: indentClassNames(rule),
46
- });
47
- }
48
-
49
- return report({
50
- ruleName: name,
51
- result,
52
- message: messages.className(rule.params),
53
- node: rule,
54
- fix: indentClassNames(rule),
55
- });
56
- }
57
- });
15
+ root.walkAtRules('apply', rule => {
16
+ if (!rule.params.includes(' ')) {
17
+ // If there are no spaces in the params, we don't need to check anything
18
+ return;
19
+ }
20
+ // Since we use 2 spaces for indentation, each line in the apply rule
21
+ // should be indented with two extra whitespaces.
22
+ const classes = rule.params.split(`${rule.raws.before} `);
23
+ const classNames = classes.join('');
24
+ // Check if the params contain any spaces
25
+ if (classNames.includes(' ')) {
26
+ if (classNames.includes('\n')) {
27
+ return report({
28
+ ruleName: name,
29
+ result: result,
30
+ message: messages.spacing(JSON.stringify(rule.params)),
31
+ node: rule,
32
+ fix: indentClassNames(rule),
33
+ });
34
+ }
35
+ return report({
36
+ ruleName: name,
37
+ result,
38
+ message: messages.className(rule.params),
39
+ node: rule,
40
+ fix: indentClassNames(rule),
41
+ });
42
+ }
43
+ });
58
44
  };
59
-
60
45
  rule.ruleName = name;
61
46
  rule.messages = messages;
62
47
  rule.meta = meta;
63
-
64
48
  export default createPlugin(name, rule);
@@ -8,22 +8,17 @@
8
8
  * @returns {Object|null} The modified rule with properly formatted class names, or null if the rule is invalid.
9
9
  */
10
10
  export const indentClassNames = rule => {
11
- // Ensure that the rule contains necessary properties
12
- if (!rule || !rule.params || !rule.raws || !rule.raws.before) {
13
- return null;
14
- }
15
-
16
- const indent = ' '.repeat(rule.raws.before.length + 1);
17
-
18
- // Clean and split the class names
19
- const cleanedClasses = cleanClassNames(rule.params);
20
-
21
- // Apply the indentation and join the class names back together
22
- rule.params = applyIndentation(cleanedClasses, indent);
23
-
24
- return rule;
11
+ // Ensure that the rule contains necessary properties
12
+ if (!rule || !rule.params || !rule.raws || !rule.raws.before) {
13
+ return null;
14
+ }
15
+ const indent = ' '.repeat(rule.raws.before.length + 1);
16
+ // Clean and split the class names
17
+ const cleanedClasses = cleanClassNames(rule.params);
18
+ // Apply the indentation and join the class names back together
19
+ rule.params = applyIndentation(cleanedClasses, indent);
20
+ return rule;
25
21
  };
26
-
27
22
  /**
28
23
  * Cleans the input string by removing unnecessary whitespace and newlines.
29
24
  *
@@ -31,12 +26,11 @@ export const indentClassNames = rule => {
31
26
  * @returns {string} The cleaned class names string.
32
27
  */
33
28
  export const cleanClassNames = params => {
34
- return params
35
- .replace(/[\n\r]+/g, '') // Remove new lines
36
- .replace(/\s+/g, ' ') // Replace multiple spaces with a single space
37
- .trim(); // Trim leading/trailing spaces
29
+ return params
30
+ .replace(/[\n\r]+/g, '') // Remove new lines
31
+ .replace(/\s+/g, ' ') // Replace multiple spaces with a single space
32
+ .trim(); // Trim leading/trailing spaces
38
33
  };
39
-
40
34
  /**
41
35
  * Applies the correct indentation to each class name in the string.
42
36
  *
@@ -45,9 +39,9 @@ export const cleanClassNames = params => {
45
39
  * @returns {string} The class names string with applied indentation.
46
40
  */
47
41
  export const applyIndentation = (classes, indent) => {
48
- return classes
49
- .split(' ') // Split into an array of class names
50
- .map(className => indent + className) // Add indentation to each class
51
- .join('\n') // Join with new lines
52
- .trim(); // Remove extra space at the end
42
+ return classes
43
+ .split(' ') // Split into an array of class names
44
+ .map(className => indent + className) // Add indentation to each class
45
+ .join('\n') // Join with new lines
46
+ .trim(); // Remove extra space at the end
53
47
  };