@semcore/illustration 17.0.1-prerelease.0 → 17.0.2-prerelease.0

package/package.json

@@ -1,22 +1,15 @@
 {
   "name": "@semcore/illustration",
   "description": "Semrush Illustration Component",
-  "version": "17.0.1-prerelease.0",
+  "version": "17.0.2-prerelease.0",
   "main": "lib/cjs/index.js",
-  "module": "lib/es6/index.js",
+  "module": "lib/esm/index.mjs",
   "typings": "lib/types/index.d.ts",
   "sideEffects": false,
   "author": "UI-kit team <ui-kit-team@semrush.com>",
   "license": "MIT",
-  "dependencies": {
-    "@babel/runtime": "^7.17.9",
-    "@semcore/flex-box": "16.0.11-prerelease.0",
-    "colorjs.io": "0.4.3"
-  },
   "peerDependencies": {
-    "@semcore/core": "^17.0.1-prerelease.0",
-    "react": "16.8 - 18",
-    "react-dom": "16.8 - 18"
+    "@semcore/base-components": "^17.0.1"
   },
   "repository": {
     "type": "git",
@@ -24,285 +17,285 @@
     "directory": "semcore/illustration"
   },
   "devDependencies": {
-    "esbuild": "0.14.29",
-    "happy-dom": "9.20.3",
+    "@types/fs-extra": "8.1.0",
+    "colorjs.io": "0.6.1",
     "fs-extra": "8.1.0",
-    "svg-to-jsx": "^1.0.4",
-    "@semcore/testing-utils": "1.0.0",
-    "@types/react": "18.0.21",
-    "@types/fs-extra": "8.1.0"
+    "happy-dom": "9.20.3",
+    "svg-to-jsx": "1.0.4",
+    "@semcore/core": "17.1.0",
+    "@semcore/testing-utils": "1.0.0"
   },
   "exports": {
     ".": {
-      "require": "./lib/cjs/index.js",
-      "import": "./lib/es6/index.js",
-      "types": "./lib/types/index.d.ts"
+      "types": "./lib/types/index.d.ts",
+      "import": "./lib/esm/index.mjs",
+      "require": "./lib/cjs/index.js"
     },
     "./AccessDenied": {
-      "require": "./AccessDenied/index.js",
-      "import": "./AccessDenied/index.mjs",
-      "types": "./AccessDenied/index.d.ts"
+      "types": "./lib/AccessDenied/index.d.ts",
+      "import": "./lib/AccessDenied/index.mjs",
+      "require": "./lib/AccessDenied/index.js"
     },
     "./AccessLogIn": {
-      "require": "./AccessLogIn/index.js",
-      "import": "./AccessLogIn/index.mjs",
-      "types": "./AccessLogIn/index.d.ts"
+      "types": "./lib/AccessLogIn/index.d.ts",
+      "import": "./lib/AccessLogIn/index.mjs",
+      "require": "./lib/AccessLogIn/index.js"
     },
     "./AreaChart": {
-      "require": "./AreaChart/index.js",
-      "import": "./AreaChart/index.mjs",
-      "types": "./AreaChart/index.d.ts"
+      "types": "./lib/AreaChart/index.d.ts",
+      "import": "./lib/AreaChart/index.mjs",
+      "require": "./lib/AreaChart/index.js"
     },
     "./Blocked": {
-      "require": "./Blocked/index.js",
-      "import": "./Blocked/index.mjs",
-      "types": "./Blocked/index.d.ts"
+      "types": "./lib/Blocked/index.d.ts",
+      "import": "./lib/Blocked/index.mjs",
+      "require": "./lib/Blocked/index.js"
     },
     "./ChoroplethMapChart": {
-      "require": "./ChoroplethMapChart/index.js",
-      "import": "./ChoroplethMapChart/index.mjs",
-      "types": "./ChoroplethMapChart/index.d.ts"
+      "types": "./lib/ChoroplethMapChart/index.d.ts",
+      "import": "./lib/ChoroplethMapChart/index.mjs",
+      "require": "./lib/ChoroplethMapChart/index.js"
     },
     "./Coffee": {
-      "require": "./Coffee/index.js",
-      "import": "./Coffee/index.mjs",
-      "types": "./Coffee/index.d.ts"
+      "types": "./lib/Coffee/index.d.ts",
+      "import": "./lib/Coffee/index.mjs",
+      "require": "./lib/Coffee/index.js"
     },
     "./Collection": {
-      "require": "./Collection/index.js",
-      "import": "./Collection/index.mjs",
-      "types": "./Collection/index.d.ts"
+      "types": "./lib/Collection/index.d.ts",
+      "import": "./lib/Collection/index.mjs",
+      "require": "./lib/Collection/index.js"
     },
     "./CombinedChart": {
-      "require": "./CombinedChart/index.js",
-      "import": "./CombinedChart/index.mjs",
-      "types": "./CombinedChart/index.d.ts"
+      "types": "./lib/CombinedChart/index.d.ts",
+      "import": "./lib/CombinedChart/index.mjs",
+      "require": "./lib/CombinedChart/index.js"
     },
     "./Configuration": {
-      "require": "./Configuration/index.js",
-      "import": "./Configuration/index.mjs",
-      "types": "./Configuration/index.d.ts"
+      "types": "./lib/Configuration/index.d.ts",
+      "import": "./lib/Configuration/index.mjs",
+      "require": "./lib/Configuration/index.js"
     },
     "./Confirmation": {
-      "require": "./Confirmation/index.js",
-      "import": "./Confirmation/index.mjs",
-      "types": "./Confirmation/index.d.ts"
+      "types": "./lib/Confirmation/index.d.ts",
+      "import": "./lib/Confirmation/index.mjs",
+      "require": "./lib/Confirmation/index.js"
     },
     "./Congrats": {
-      "require": "./Congrats/index.js",
-      "import": "./Congrats/index.mjs",
-      "types": "./Congrats/index.d.ts"
+      "types": "./lib/Congrats/index.d.ts",
+      "import": "./lib/Congrats/index.mjs",
+      "require": "./lib/Congrats/index.js"
     },
     "./ConnectionLost": {
-      "require": "./ConnectionLost/index.js",
-      "import": "./ConnectionLost/index.mjs",
-      "types": "./ConnectionLost/index.d.ts"
+      "types": "./lib/ConnectionLost/index.d.ts",
+      "import": "./lib/ConnectionLost/index.mjs",
+      "require": "./lib/ConnectionLost/index.js"
     },
     "./DeletedAccount": {
-      "require": "./DeletedAccount/index.js",
-      "import": "./DeletedAccount/index.mjs",
-      "types": "./DeletedAccount/index.d.ts"
+      "types": "./lib/DeletedAccount/index.d.ts",
+      "import": "./lib/DeletedAccount/index.mjs",
+      "require": "./lib/DeletedAccount/index.js"
     },
     "./DeletedPage": {
-      "require": "./DeletedPage/index.js",
-      "import": "./DeletedPage/index.mjs",
-      "types": "./DeletedPage/index.d.ts"
+      "types": "./lib/DeletedPage/index.d.ts",
+      "import": "./lib/DeletedPage/index.mjs",
+      "require": "./lib/DeletedPage/index.js"
     },
     "./Dns": {
-      "require": "./Dns/index.js",
-      "import": "./Dns/index.mjs",
-      "types": "./Dns/index.d.ts"
+      "types": "./lib/Dns/index.d.ts",
+      "import": "./lib/Dns/index.mjs",
+      "require": "./lib/Dns/index.js"
     },
     "./DonutChart": {
-      "require": "./DonutChart/index.js",
-      "import": "./DonutChart/index.mjs",
-      "types": "./DonutChart/index.d.ts"
+      "types": "./lib/DonutChart/index.d.ts",
+      "import": "./lib/DonutChart/index.mjs",
+      "require": "./lib/DonutChart/index.js"
     },
     "./Duplicates": {
-      "require": "./Duplicates/index.js",
-      "import": "./Duplicates/index.mjs",
-      "types": "./Duplicates/index.d.ts"
+      "types": "./lib/Duplicates/index.d.ts",
+      "import": "./lib/Duplicates/index.mjs",
+      "require": "./lib/Duplicates/index.js"
     },
     "./Feedback": {
-      "require": "./Feedback/index.js",
-      "import": "./Feedback/index.mjs",
-      "types": "./Feedback/index.d.ts"
+      "types": "./lib/Feedback/index.d.ts",
+      "import": "./lib/Feedback/index.mjs",
+      "require": "./lib/Feedback/index.js"
     },
     "./FunnelChart": {
-      "require": "./FunnelChart/index.js",
-      "import": "./FunnelChart/index.mjs",
-      "types": "./FunnelChart/index.d.ts"
+      "types": "./lib/FunnelChart/index.d.ts",
+      "import": "./lib/FunnelChart/index.mjs",
+      "require": "./lib/FunnelChart/index.js"
     },
     "./Good": {
-      "require": "./Good/index.js",
-      "import": "./Good/index.mjs",
-      "types": "./Good/index.d.ts"
+      "types": "./lib/Good/index.d.ts",
+      "import": "./lib/Good/index.mjs",
+      "require": "./lib/Good/index.js"
     },
     "./HeatMapChart": {
-      "require": "./HeatMapChart/index.js",
-      "import": "./HeatMapChart/index.mjs",
-      "types": "./HeatMapChart/index.d.ts"
+      "types": "./lib/HeatMapChart/index.d.ts",
+      "import": "./lib/HeatMapChart/index.mjs",
+      "require": "./lib/HeatMapChart/index.js"
     },
     "./HorizontalBarChart": {
-      "require": "./HorizontalBarChart/index.js",
-      "import": "./HorizontalBarChart/index.mjs",
-      "types": "./HorizontalBarChart/index.d.ts"
+      "types": "./lib/HorizontalBarChart/index.d.ts",
+      "import": "./lib/HorizontalBarChart/index.mjs",
+      "require": "./lib/HorizontalBarChart/index.js"
     },
     "./KagiChart": {
-      "require": "./KagiChart/index.js",
-      "import": "./KagiChart/index.mjs",
-      "types": "./KagiChart/index.d.ts"
+      "types": "./lib/KagiChart/index.d.ts",
+      "import": "./lib/KagiChart/index.mjs",
+      "require": "./lib/KagiChart/index.js"
     },
     "./LineChart": {
-      "require": "./LineChart/index.js",
-      "import": "./LineChart/index.mjs",
-      "types": "./LineChart/index.d.ts"
+      "types": "./lib/LineChart/index.d.ts",
+      "import": "./lib/LineChart/index.mjs",
+      "require": "./lib/LineChart/index.js"
     },
     "./LollipopChart": {
-      "require": "./LollipopChart/index.js",
-      "import": "./LollipopChart/index.mjs",
-      "types": "./LollipopChart/index.d.ts"
+      "types": "./lib/LollipopChart/index.d.ts",
+      "import": "./lib/LollipopChart/index.mjs",
+      "require": "./lib/LollipopChart/index.js"
     },
     "./MailSent": {
-      "require": "./MailSent/index.js",
-      "import": "./MailSent/index.mjs",
-      "types": "./MailSent/index.d.ts"
+      "types": "./lib/MailSent/index.d.ts",
+      "import": "./lib/MailSent/index.mjs",
+      "require": "./lib/MailSent/index.js"
     },
     "./Maintenance": {
-      "require": "./Maintenance/index.js",
-      "import": "./Maintenance/index.mjs",
-      "types": "./Maintenance/index.d.ts"
+      "types": "./lib/Maintenance/index.d.ts",
+      "import": "./lib/Maintenance/index.mjs",
+      "require": "./lib/Maintenance/index.js"
     },
     "./Nexttime": {
-      "require": "./Nexttime/index.js",
-      "import": "./Nexttime/index.mjs",
-      "types": "./Nexttime/index.d.ts"
+      "types": "./lib/Nexttime/index.d.ts",
+      "import": "./lib/Nexttime/index.mjs",
+      "require": "./lib/Nexttime/index.js"
     },
     "./NoPayment": {
-      "require": "./NoPayment/index.js",
-      "import": "./NoPayment/index.mjs",
-      "types": "./NoPayment/index.d.ts"
+      "types": "./lib/NoPayment/index.d.ts",
+      "import": "./lib/NoPayment/index.mjs",
+      "require": "./lib/NoPayment/index.js"
     },
     "./NothingFound": {
-      "require": "./NothingFound/index.js",
-      "import": "./NothingFound/index.mjs",
-      "types": "./NothingFound/index.d.ts"
+      "types": "./lib/NothingFound/index.d.ts",
+      "import": "./lib/NothingFound/index.mjs",
+      "require": "./lib/NothingFound/index.js"
     },
     "./OtherData": {
-      "require": "./OtherData/index.js",
-      "import": "./OtherData/index.mjs",
-      "types": "./OtherData/index.d.ts"
+      "types": "./lib/OtherData/index.d.ts",
+      "import": "./lib/OtherData/index.mjs",
+      "require": "./lib/OtherData/index.js"
     },
     "./PageError": {
-      "require": "./PageError/index.js",
-      "import": "./PageError/index.mjs",
-      "types": "./PageError/index.d.ts"
+      "types": "./lib/PageError/index.d.ts",
+      "import": "./lib/PageError/index.mjs",
+      "require": "./lib/PageError/index.js"
     },
     "./PageNotFound": {
-      "require": "./PageNotFound/index.js",
-      "import": "./PageNotFound/index.mjs",
-      "types": "./PageNotFound/index.d.ts"
+      "types": "./lib/PageNotFound/index.d.ts",
+      "import": "./lib/PageNotFound/index.mjs",
+      "require": "./lib/PageNotFound/index.js"
     },
     "./PieChart": {
-      "require": "./PieChart/index.js",
-      "import": "./PieChart/index.mjs",
-      "types": "./PieChart/index.d.ts"
+      "types": "./lib/PieChart/index.d.ts",
+      "import": "./lib/PieChart/index.mjs",
+      "require": "./lib/PieChart/index.js"
     },
     "./Processing": {
-      "require": "./Processing/index.js",
-      "import": "./Processing/index.mjs",
-      "types": "./Processing/index.d.ts"
+      "types": "./lib/Processing/index.d.ts",
+      "import": "./lib/Processing/index.mjs",
+      "require": "./lib/Processing/index.js"
     },
     "./ProjectNotFound": {
-      "require": "./ProjectNotFound/index.js",
-      "import": "./ProjectNotFound/index.mjs",
-      "types": "./ProjectNotFound/index.d.ts"
+      "types": "./lib/ProjectNotFound/index.d.ts",
+      "import": "./lib/ProjectNotFound/index.mjs",
+      "require": "./lib/ProjectNotFound/index.js"
     },
     "./RadarChart": {
-      "require": "./RadarChart/index.js",
-      "import": "./RadarChart/index.mjs",
-      "types": "./RadarChart/index.d.ts"
+      "types": "./lib/RadarChart/index.d.ts",
+      "import": "./lib/RadarChart/index.mjs",
+      "require": "./lib/RadarChart/index.js"
     },
     "./RadialTreeChart": {
-      "require": "./RadialTreeChart/index.js",
-      "import": "./RadialTreeChart/index.mjs",
-      "types": "./RadialTreeChart/index.d.ts"
+      "types": "./lib/RadialTreeChart/index.d.ts",
+      "import": "./lib/RadialTreeChart/index.mjs",
+      "require": "./lib/RadialTreeChart/index.js"
     },
     "./SankeyChart": {
-      "require": "./SankeyChart/index.js",
-      "import": "./SankeyChart/index.mjs",
-      "types": "./SankeyChart/index.d.ts"
+      "types": "./lib/SankeyChart/index.d.ts",
+      "import": "./lib/SankeyChart/index.mjs",
+      "require": "./lib/SankeyChart/index.js"
     },
     "./ScatterPlotChart": {
-      "require": "./ScatterPlotChart/index.js",
-      "import": "./ScatterPlotChart/index.mjs",
-      "types": "./ScatterPlotChart/index.d.ts"
+      "types": "./lib/ScatterPlotChart/index.d.ts",
+      "import": "./lib/ScatterPlotChart/index.mjs",
+      "require": "./lib/ScatterPlotChart/index.js"
     },
     "./StackedAreaChart": {
-      "require": "./StackedAreaChart/index.js",
-      "import": "./StackedAreaChart/index.mjs",
-      "types": "./StackedAreaChart/index.d.ts"
+      "types": "./lib/StackedAreaChart/index.d.ts",
+      "import": "./lib/StackedAreaChart/index.mjs",
+      "require": "./lib/StackedAreaChart/index.js"
     },
     "./Suggestion": {
-      "require": "./Suggestion/index.js",
-      "import": "./Suggestion/index.mjs",
-      "types": "./Suggestion/index.d.ts"
+      "types": "./lib/Suggestion/index.d.ts",
+      "import": "./lib/Suggestion/index.mjs",
+      "require": "./lib/Suggestion/index.js"
     },
     "./Suggestions": {
-      "require": "./Suggestions/index.js",
-      "import": "./Suggestions/index.mjs",
-      "types": "./Suggestions/index.d.ts"
+      "types": "./lib/Suggestions/index.d.ts",
+      "import": "./lib/Suggestions/index.mjs",
+      "require": "./lib/Suggestions/index.js"
     },
     "./Table": {
-      "require": "./Table/index.js",
-      "import": "./Table/index.mjs",
-      "types": "./Table/index.d.ts"
+      "types": "./lib/Table/index.d.ts",
+      "import": "./lib/Table/index.mjs",
+      "require": "./lib/Table/index.js"
     },
     "./TagCloud": {
-      "require": "./TagCloud/index.js",
-      "import": "./TagCloud/index.mjs",
-      "types": "./TagCloud/index.d.ts"
+      "types": "./lib/TagCloud/index.d.ts",
+      "import": "./lib/TagCloud/index.mjs",
+      "require": "./lib/TagCloud/index.js"
     },
     "./TextLinksEtc": {
-      "require": "./TextLinksEtc/index.js",
-      "import": "./TextLinksEtc/index.mjs",
-      "types": "./TextLinksEtc/index.d.ts"
+      "types": "./lib/TextLinksEtc/index.d.ts",
+      "import": "./lib/TextLinksEtc/index.mjs",
+      "require": "./lib/TextLinksEtc/index.js"
     },
     "./Timeout": {
-      "require": "./Timeout/index.js",
-      "import": "./Timeout/index.mjs",
-      "types": "./Timeout/index.d.ts"
+      "types": "./lib/Timeout/index.d.ts",
+      "import": "./lib/Timeout/index.mjs",
+      "require": "./lib/Timeout/index.js"
     },
     "./UnderConstruction": {
-      "require": "./UnderConstruction/index.js",
-      "import": "./UnderConstruction/index.mjs",
-      "types": "./UnderConstruction/index.d.ts"
+      "types": "./lib/UnderConstruction/index.d.ts",
+      "import": "./lib/UnderConstruction/index.mjs",
+      "require": "./lib/UnderConstruction/index.js"
     },
     "./VennChart": {
-      "require": "./VennChart/index.js",
-      "import": "./VennChart/index.mjs",
-      "types": "./VennChart/index.d.ts"
+      "types": "./lib/VennChart/index.d.ts",
+      "import": "./lib/VennChart/index.mjs",
+      "require": "./lib/VennChart/index.js"
     },
     "./VerticalBarChart": {
-      "require": "./VerticalBarChart/index.js",
-      "import": "./VerticalBarChart/index.mjs",
-      "types": "./VerticalBarChart/index.d.ts"
+      "types": "./lib/VerticalBarChart/index.d.ts",
+      "import": "./lib/VerticalBarChart/index.mjs",
+      "require": "./lib/VerticalBarChart/index.js"
     },
     "./Waiting": {
-      "require": "./Waiting/index.js",
-      "import": "./Waiting/index.mjs",
-      "types": "./Waiting/index.d.ts"
+      "types": "./lib/Waiting/index.d.ts",
+      "import": "./lib/Waiting/index.mjs",
+      "require": "./lib/Waiting/index.js"
     },
     "./Warning": {
-      "require": "./Warning/index.js",
-      "import": "./Warning/index.mjs",
-      "types": "./Warning/index.d.ts"
+      "types": "./lib/Warning/index.d.ts",
+      "import": "./lib/Warning/index.mjs",
+      "require": "./lib/Warning/index.js"
     }
   },
   "scripts": {
-    "build": "pnpm clear && pnpm semcore-builder --source=js && pnpm run transform",
+    "build": "pnpm clean && pnpm semcore-builder --source=js && pnpm run transform && pnpm vite build",
     "transform": "tsm --require=../../.ci/tsm-filter-warnings.js transform.ts",
-    "clear": "tsm --require=../../.ci/tsm-filter-warnings.js clear.ts",
-    "upload-static": "gcs-upload svg/*.svg"
+    "clean": "rm -rf ./lib",
+    "upload-static": "gcs-upload intergalactic-illustrations svg/*.svg"
   }
 }

package/svg/MailSent.svg

@@ -1,27 +1 @@
-<svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_2_104)">
-<path d="M27.945 5.04601C27.7367 5.04597 27.5305 5.08702 27.3382 5.16681C27.1458 5.24661 26.9711 5.36357 26.824 5.51101L13.909 18.426C7.41941 24.9156 3.77361 33.7174 3.77361 42.895C3.77361 52.0727 7.41941 60.8744 13.909 67.364C20.3986 73.8536 29.2003 77.4994 38.378 77.4994C47.5556 77.4994 56.3574 73.8536 62.847 67.364L75.762 54.448C75.9093 54.3011 76.0261 54.1265 76.1057 53.9343C76.1853 53.7421 76.2262 53.536 76.226 53.328V5.94401C76.226 5.70531 76.1312 5.47639 75.9624 5.30761C75.7936 5.13883 75.5647 5.04401 75.326 5.04401L27.945 5.04601Z" fill="#45E0A8"/>
-<path d="M28.615 44.751L28.815 45.104C34.956 41.652 52.997 31.426 56.346 34.573C55.208 31.466 39.307 34.9 28.615 44.751Z" fill="white"/>
-<path d="M28.513 31.03C26.7 37.072 19.3 55.5 15.07 61.342L18.083 62.254L19.659 60.925C23.878 51.385 29.639 34.972 29.971 29.467C29.462 29.182 28.947 29.583 28.513 31.03Z" fill="white"/>
-<path d="M15.07 61.342C19.3 55.5 26.7 37.072 28.513 31.03C30.326 24.988 33.555 37.039 31.743 42.145" stroke="black" stroke-width="0.75" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M27.909 45.411C38.592 35.046 55.183 31.4 56.342 34.573C57.03 36.459 42.913 40.832 37.934 46.889" stroke="black" stroke-width="0.75" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M44.281 21.43C41.036 20.27 35.689 18.539 32.832 17.741C36.95 15.907 69.787 3.753 72.5 2.5C71.578 6.606 67.576 20.78 65.784 27.433C60.957 25.751 56.056 24.275 52.862 23.24C50.8607 25.8918 49.0505 28.6825 47.445 31.591C46.272 27.731 45.116 23.274 44.281 21.43Z" fill="white" stroke="black" stroke-width="0.75" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M44.281 21.43L61.026 10.352" stroke="black" stroke-width="0.75" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M52.864 23.24L72.502 2.5" stroke="black" stroke-width="0.75" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M47.447 31.591L55.299 24.015" stroke="black" stroke-width="0.75" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M48.436 30.173L51.891 24.532L52.864 23.405L54.928 24.015L55.364 23.884L52.009 27.311L49.53 29.581L48.204 30.695L48.436 30.173Z" fill="black"/>
-<path d="M34.013 21.451L23.202 26.58" stroke="white" stroke-width="0.75" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M40.905 22.5L34.013 26.862" stroke="white" stroke-width="0.75" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M62.293 28.365L58.253 38.215" stroke="white" stroke-width="0.75" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M46.09 40.849C49.703 43.274 44.221 49.374 42.408 50.967" stroke="black" stroke-width="0.75" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M47.258 43.6C51.4 45.7 48.418 51.364 46.09 54.2" stroke="black" stroke-width="0.75" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M49.023 48.9C54.523 53.376 36.467 72.622 35.159 73.683" stroke="black" stroke-width="0.75" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M5.177 73.321C7.669 70.98 13.419 62.372 14.7 59.88C28.358 57.763 34.9 69.927 35.159 73.4C32.9025 78.2847 30.3099 83.007 27.4 87.533" fill="black"/>
-<path d="M5.177 73.321C7.669 70.98 13.419 62.372 14.7 59.88C28.358 57.763 34.9 69.927 35.159 73.4C32.9025 78.2847 30.3099 83.007 27.4 87.533" stroke="black" stroke-width="0.75" stroke-linecap="round" stroke-linejoin="round"/>
-</g>
-<defs>
-<clipPath id="clip0_2_104">
-<rect width="80" height="80" fill="white"/>
-</clipPath>
-</defs>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" fill="none" viewBox="0 0 80 80"><path fill="#45e0a8" d="M28.012 5.982a1.56 1.56 0 0 0-1.113.457L14.07 19.283A34.4 34.4 0 0 0 38.388 78a34.38 34.38 0 0 0 24.317-10.078l12.829-12.833A1.57 1.57 0 0 0 76 53.975V6.867a.895.895 0 0 0-.894-.885z"/><path fill="#fff" d="m28.844 45.034.198.348c6.152-3.43 24.04-13.589 27.358-10.467-1.123-3.082-16.923.328-27.556 10.12M28.287 31.464c-1.799 5.965-9.152 24.325-13.356 30.13l2.982.905 1.57-1.312c4.193-9.494 9.937-25.846 10.245-31.274-.497-.258-.954.14-1.44 1.551"/><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width=".75" d="M14.931 61.657c4.204-5.805 11.558-24.126 13.356-30.16s5.019 5.965 3.21 11.054"/><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width=".75" d="M27.85 45.687c10.613-10.298 27.1-13.916 28.252-10.775.686 1.879-13.346 6.223-18.295 12.246"/><path fill="#fff" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width=".75" d="M44.197 21.818c-3.22-1.154-8.536-2.873-11.378-3.669C36.913 16.33 69.587 4.233 72.24 3c-.914 4.086-4.889 18.171-6.668 24.782-4.8-1.67-9.669-3.131-12.849-4.165a69 69 0 0 0-5.376 8.3c-1.172-3.837-2.315-8.27-3.15-10.1"/><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width=".75" d="m44.744 21.967 16.635-11.015M52.694 23.607 72.21 3M47.725 32.404l7.81-7.535"/><path fill="#000" d="m47.953 30.605 3.439-5.607.964-1.123 2.057.607.427-.13-3.339 3.41-2.454 2.256-1.322 1.104z"/><path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width=".75" d="m33.624 21.887-10.743 5.09M40.66 22.881l-6.848 4.344M61.677 28.846l-4.015 9.79"/><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width=".75" d="M46.413 40.774c3.588 2.406-1.858 8.47-3.657 10.06"/><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width=".75" d="M46.9 43.756c4.114 2.078 1.153 7.714-1.163 10.537"/><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width=".75" d="M48.58 48.727c5.475 4.453-12.472 23.579-13.774 24.633"/><mask id="a" width="72" height="73" x="4" y="5" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="#45dfa7" d="M28.012 5.982a1.56 1.56 0 0 0-1.113.457L14.07 19.283A34.4 34.4 0 0 0 38.388 78a34.38 34.38 0 0 0 24.317-10.078l12.829-12.833A1.57 1.57 0 0 0 76 53.975V6.867a.895.895 0 0 0-.894-.885z"/></mask><g mask="url(#a)"><path fill="#000" d="M4.994 74.261c2.474-2.326 8.188-10.934 9.46-13.36 13.575-2.107 20.064 9.94 20.332 13.44a116 116 0 0 1-7.711 14.046"/><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width=".75" d="M4.994 74.261c2.474-2.326 8.188-10.934 9.46-13.36 13.575-2.107 20.064 9.94 20.332 13.44a116 116 0 0 1-7.711 14.046"/></g></svg>

package/transform.ts

@@ -1,9 +1,10 @@
-import fs from 'fs-extra';
 import path, { resolve as resolvePath } from 'path';
-import svgToJsx from 'svg-to-jsx';
-import { Window } from 'happy-dom';
-import esbuild from 'esbuild';
+
 import ColorJSIO from 'colorjs.io';
+import esbuild from 'esbuild';
+import fs from 'fs-extra';
+import { Window } from 'happy-dom';
+import svgToJsx from 'svg-to-jsx';
 const Color = ColorJSIO as any;
 
 const illustrations = await fs.readdir('svg');
@@ -107,13 +108,13 @@ await Promise.all(
     const component = `
 import React from 'react';
 import { createBaseComponent } from '@semcore/core';
-import { Box } from '@semcore/flex-box';
-import { useColorResolver } from '@semcore/utils/lib/use/useColorResolver';
+import { Box } from '@semcore/base-components';
+import { useColorResolver } from '@semcore/core/lib/utils/use/useColorResolver';
 
 const ${illustration} = ({${props.join(', ')}, ...props}, ref) => {
 ${prerenderLines.join('\n')}
   return (
-    <Box 
+    <Box
       ref={ref}
       width={width}
       height={height}
@@ -132,7 +133,7 @@ export default createBaseComponent(${illustration})
     `;
 
     const typesDeclaration = `
-import { BoxProps } from '@semcore/flex-box';
+import { BoxProps } from '@semcore/base-components';
 import { Intergalactic } from '@semcore/core';
 
 type IllustrationProps = BoxProps & {
@@ -158,7 +159,7 @@ type IllustrationProps = BoxProps & {
     height?: string | number;
 }
 declare const Illustration: Intergalactic.Component<'svg', IllustrationProps>;
-export default Illustration;    
+export default Illustration;
 `;
 
     const { code: cjs } = await esbuild.transform(component, {
@@ -171,14 +172,14 @@ export default Illustration;
     });
 
     try {
-      await fs.access(illustration);
+      await fs.access(resolvePath('lib', illustration));
     } catch {
-      await fs.mkdir(illustration);
+      await fs.mkdir(resolvePath('lib', illustration));
     }
 
-    await fs.writeFile(resolvePath(illustration, 'index.js'), cjs);
-    await fs.writeFile(resolvePath(illustration, 'index.mjs'), esm);
-    await fs.writeFile(resolvePath(illustration, 'index.d.ts'), typesDeclaration);
+    await fs.writeFile(resolvePath('lib', illustration, 'index.js'), cjs);
+    await fs.writeFile(resolvePath('lib', illustration, 'index.mjs'), esm);
+    await fs.writeFile(resolvePath('lib', illustration, 'index.d.ts'), typesDeclaration);
   }),
 );
 
@@ -189,9 +190,9 @@ async function patchExports(illustrations: string[]) {
 
   const exports: Record<string, any> = {
     '.': {
-      require: './lib/cjs/index.js',
-      import: './lib/es6/index.js',
       types: './lib/types/index.d.ts',
+      import: './lib/esm/index.mjs',
+      require: './lib/cjs/index.js',
     },
   };
 
@@ -199,9 +200,9 @@ async function patchExports(illustrations: string[]) {
     const name = item.replace('.svg', '');
 
     exports[`./${name}`] = {
-      require: `./${name}/index.js`,
-      import: `./${name}/index.mjs`,
-      types: `./${name}/index.d.ts`,
+      types: `./lib/${name}/index.d.ts`,
+      import: `./lib/${name}/index.mjs`,
+      require: `./lib/${name}/index.js`,
     };
   });
 
@@ -209,7 +210,7 @@ async function patchExports(illustrations: string[]) {
 
   await fs.writeJSON(packageJsonPath, packageJson, { spaces: 2 });
 
-  // biome-ignore lint/suspicious/noConsoleLog:
+  // eslint-disable-next-line no-console
   console.log('Patched exports in package.json.');
 }