From b559771633531dc46e4ddd82d9b6a5a0a2428cbd Mon Sep 17 00:00:00 2001
From: Retype GitHub Action <retype@object.net>
Date: Tue, 14 Jan 2025 17:26:33 +0000
Subject: [PATCH] Refreshes Retype-generated documentation.

Process triggered by patricklafrance.
---
 404.html                                   |    8 +-
 about/index.html                           |    8 +-
 browserslist/configure-project/index.html  |   10 +-
 browserslist/index.html                    |   10 +-
 eslint/advanced-composition/index.html     |   10 +-
 eslint/custom-configuration/index.html     |   10 +-
 eslint/index.html                          |    8 +-
 eslint/integrate-vscode/index.html         |   10 +-
 eslint/setup-monorepo/index.html           |   10 +-
 eslint/setup-polyrepo/index.html           |   10 +-
 index.html                                 |   37 +-
 postcss/configure-project/index.html       |   14 +-
 postcss/index.html                         |   12 +-
 resources/js/config.js                     |    2 +-
 resources/js/search.json                   |    2 +-
 rsbuild/configure-build/index.html         |   50 +-
 rsbuild/configure-dev/index.html           |   55 +-
 rsbuild/configure-storybook/index.html     |   46 +-
 rsbuild/index.html                         |   12 +-
 rsbuild/migrate-from-webpack/index.html    |   92 +-
 rslib/configure-build/index.html           | 1061 ++++++++++++++++++++
 rslib/configure-dev/index.html             | 1052 +++++++++++++++++++
 rslib/configure-storybook/index.html       |  761 ++++++++++++++
 rslib/index.html                           |  485 +++++++++
 rslib/migrate-from-tsup/index.html         |  602 +++++++++++
 samples/index.html                         |   12 +-
 sitemap.xml.gz                             |  Bin 640 -> 664 bytes
 static/rslib.svg                           |    1 +
 stylelint/custom-configuration/index.html  |   10 +-
 stylelint/index.html                       |    8 +-
 stylelint/integrate-vscode/index.html      |   10 +-
 stylelint/setup-monorepo/index.html        |   10 +-
 stylelint/setup-polyrepo/index.html        |   10 +-
 swc/configure-build/index.html             |   32 +-
 swc/configure-dev/index.html               |   32 +-
 swc/configure-jest/index.html              |   14 +-
 swc/index.html                             |   34 +-
 tsup/configure-build/index.html            |   36 +-
 tsup/configure-dev/index.html              |   32 +-
 tsup/index.html                            |   34 +-
 typescript/advanced-composition/index.html |   14 +-
 typescript/custom-configuration/index.html |   10 +-
 typescript/index.html                      |    8 +-
 typescript/setup-monorepo/index.html       |   10 +-
 typescript/setup-polyrepo/index.html       |   10 +-
 webpack/configure-build/index.html         |   16 +-
 webpack/configure-dev/index.html           |   12 +-
 webpack/index.html                         |   12 +-
 webpack/transformer-utilities/index.html   |   14 +-
 49 files changed, 4401 insertions(+), 357 deletions(-)
 create mode 100644 rslib/configure-build/index.html
 create mode 100644 rslib/configure-dev/index.html
 create mode 100644 rslib/configure-storybook/index.html
 create mode 100644 rslib/index.html
 create mode 100644 rslib/migrate-from-tsup/index.html
 create mode 100644 static/rslib.svg

diff --git a/404.html b/404.html
index d51b22be..2efacb66 100644
--- a/404.html
+++ b/404.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <meta name="turbo-root" content="/wl-web-configs">
-    <meta name="turbo-cache-control" content="no-cache" data-turbo-track="reload" data-track-token="3.6.0.789492583867">
+    <meta name="turbo-cache-control" content="no-cache" data-turbo-track="reload" data-track-token="3.6.0.790190789202">
 
     <!-- See retype.com -->
     <meta name="generator" content="Retype 3.6.0">
@@ -29,11 +29,11 @@
     <script data-cfasync="false">(function () { var el = document.documentElement, m = localStorage.getItem("doc_theme"), wm = window.matchMedia; if (m === "dark" || (!m && wm && wm("(prefers-color-scheme: dark)").matches)) { el.classList.add("dark") } else { el.classList.remove("dark") } })();</script>
 
     <link href="/wl-web-configs/static/favicon.png" rel="icon">
-    <link href="/wl-web-configs/resources/css/retype.css?v=3.6.0.789492583867" rel="stylesheet">
+    <link href="/wl-web-configs/resources/css/retype.css?v=3.6.0.790190789202" rel="stylesheet">
 
-    <script data-cfasync="false" src="/wl-web-configs/resources/js/config.js?v=3.6.0.789492583867" data-turbo-eval="false" defer></script>
+    <script data-cfasync="false" src="/wl-web-configs/resources/js/config.js?v=3.6.0.790190789202" data-turbo-eval="false" defer></script>
     <script data-cfasync="false" src="/wl-web-configs/resources/js/retype.js?v=3.6.0" data-turbo-eval="false" defer></script>
-    <script id="lunr-js" data-cfasync="false" src="/wl-web-configs/resources/js/lunr.js?v=3.6.0.789492583867" data-turbo-eval="false" defer></script>
+    <script id="lunr-js" data-cfasync="false" src="/wl-web-configs/resources/js/lunr.js?v=3.6.0.790190789202" data-turbo-eval="false" defer></script>
 
     <link href="https://gsoft-inc.github.io/wl-idp-docs-hub/static/retype-customization.css" rel="stylesheet" />
 
diff --git a/about/index.html b/about/index.html
index f0016b27..1c22d833 100644
--- a/about/index.html
+++ b/about/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <meta name="turbo-root" content="/wl-web-configs">
-    <meta name="turbo-cache-control" content="no-cache" data-turbo-track="reload" data-track-token="3.6.0.789492583867">
+    <meta name="turbo-cache-control" content="no-cache" data-turbo-track="reload" data-track-token="3.6.0.790190789202">
 
     <!-- See retype.com -->
     <meta name="generator" content="Retype 3.6.0">
@@ -32,11 +32,11 @@
     <script data-cfasync="false">(function () { var el = document.documentElement, m = localStorage.getItem("doc_theme"), wm = window.matchMedia; if (m === "dark" || (!m && wm && wm("(prefers-color-scheme: dark)").matches)) { el.classList.add("dark") } else { el.classList.remove("dark") } })();</script>
 
     <link href="../static/favicon.png" rel="icon">
-    <link href="../resources/css/retype.css?v=3.6.0.789492583867" rel="stylesheet">
+    <link href="../resources/css/retype.css?v=3.6.0.790190789202" rel="stylesheet">
 
-    <script data-cfasync="false" src="../resources/js/config.js?v=3.6.0.789492583867" data-turbo-eval="false" defer></script>
+    <script data-cfasync="false" src="../resources/js/config.js?v=3.6.0.790190789202" data-turbo-eval="false" defer></script>
     <script data-cfasync="false" src="../resources/js/retype.js?v=3.6.0" data-turbo-eval="false" defer></script>
-    <script id="lunr-js" data-cfasync="false" src="../resources/js/lunr.js?v=3.6.0.789492583867" data-turbo-eval="false" defer></script>
+    <script id="lunr-js" data-cfasync="false" src="../resources/js/lunr.js?v=3.6.0.790190789202" data-turbo-eval="false" defer></script>
 
     <link href="https://gsoft-inc.github.io/wl-idp-docs-hub/static/retype-customization.css" rel="stylesheet" />
 
diff --git a/browserslist/configure-project/index.html b/browserslist/configure-project/index.html
index 18ebd400..738a53df 100644
--- a/browserslist/configure-project/index.html
+++ b/browserslist/configure-project/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <meta name="turbo-root" content="/wl-web-configs">
-    <meta name="turbo-cache-control" content="no-cache" data-turbo-track="reload" data-track-token="3.6.0.789492583867">
+    <meta name="turbo-cache-control" content="no-cache" data-turbo-track="reload" data-track-token="3.6.0.790190789202">
 
     <!-- See retype.com -->
     <meta name="generator" content="Retype 3.6.0">
@@ -32,12 +32,12 @@
     <script data-cfasync="false">(function () { var el = document.documentElement, m = localStorage.getItem("doc_theme"), wm = window.matchMedia; if (m === "dark" || (!m && wm && wm("(prefers-color-scheme: dark)").matches)) { el.classList.add("dark") } else { el.classList.remove("dark") } })();</script>
 
     <link href="../../static/favicon.png" rel="icon">
-    <link href="../../resources/css/retype.css?v=3.6.0.789492583867" rel="stylesheet">
+    <link href="../../resources/css/retype.css?v=3.6.0.790190789202" rel="stylesheet">
 
-    <script data-cfasync="false" src="../../resources/js/config.js?v=3.6.0.789492583867" data-turbo-eval="false" defer></script>
+    <script data-cfasync="false" src="../../resources/js/config.js?v=3.6.0.790190789202" data-turbo-eval="false" defer></script>
     <script data-cfasync="false" src="../../resources/js/retype.js?v=3.6.0" data-turbo-eval="false" defer></script>
-    <script id="lunr-js" data-cfasync="false" src="../../resources/js/lunr.js?v=3.6.0.789492583867" data-turbo-eval="false" defer></script>
-    <script id="prism-js" data-cfasync="false" src="../../resources/js/prism.js?v=3.6.0.789492583867" defer></script>
+    <script id="lunr-js" data-cfasync="false" src="../../resources/js/lunr.js?v=3.6.0.790190789202" data-turbo-eval="false" defer></script>
+    <script id="prism-js" data-cfasync="false" src="../../resources/js/prism.js?v=3.6.0.790190789202" defer></script>
 
     <link href="https://gsoft-inc.github.io/wl-idp-docs-hub/static/retype-customization.css" rel="stylesheet" />
 
diff --git a/browserslist/index.html b/browserslist/index.html
index 0a4e9f54..8350ba66 100644
--- a/browserslist/index.html
+++ b/browserslist/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <meta name="turbo-root" content="/wl-web-configs">
-    <meta name="turbo-cache-control" content="no-cache" data-turbo-track="reload" data-track-token="3.6.0.789492583867">
+    <meta name="turbo-cache-control" content="no-cache" data-turbo-track="reload" data-track-token="3.6.0.790190789202">
 
     <!-- See retype.com -->
     <meta name="generator" content="Retype 3.6.0">
@@ -32,12 +32,12 @@
     <script data-cfasync="false">(function () { var el = document.documentElement, m = localStorage.getItem("doc_theme"), wm = window.matchMedia; if (m === "dark" || (!m && wm && wm("(prefers-color-scheme: dark)").matches)) { el.classList.add("dark") } else { el.classList.remove("dark") } })();</script>
 
     <link href="../static/favicon.png" rel="icon">
-    <link href="../resources/css/retype.css?v=3.6.0.789492583867" rel="stylesheet">
+    <link href="../resources/css/retype.css?v=3.6.0.790190789202" rel="stylesheet">
 
-    <script data-cfasync="false" src="../resources/js/config.js?v=3.6.0.789492583867" data-turbo-eval="false" defer></script>
+    <script data-cfasync="false" src="../resources/js/config.js?v=3.6.0.790190789202" data-turbo-eval="false" defer></script>
     <script data-cfasync="false" src="../resources/js/retype.js?v=3.6.0" data-turbo-eval="false" defer></script>
-    <script id="lunr-js" data-cfasync="false" src="../resources/js/lunr.js?v=3.6.0.789492583867" data-turbo-eval="false" defer></script>
-    <script id="prism-js" data-cfasync="false" src="../resources/js/prism.js?v=3.6.0.789492583867" defer></script>
+    <script id="lunr-js" data-cfasync="false" src="../resources/js/lunr.js?v=3.6.0.790190789202" data-turbo-eval="false" defer></script>
+    <script id="prism-js" data-cfasync="false" src="../resources/js/prism.js?v=3.6.0.790190789202" defer></script>
 
     <link href="https://gsoft-inc.github.io/wl-idp-docs-hub/static/retype-customization.css" rel="stylesheet" />
 
diff --git a/eslint/advanced-composition/index.html b/eslint/advanced-composition/index.html
index 6c62bdd8..aa24a7af 100644
--- a/eslint/advanced-composition/index.html
+++ b/eslint/advanced-composition/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <meta name="turbo-root" content="/wl-web-configs">
-    <meta name="turbo-cache-control" content="no-cache" data-turbo-track="reload" data-track-token="3.6.0.789492583867">
+    <meta name="turbo-cache-control" content="no-cache" data-turbo-track="reload" data-track-token="3.6.0.790190789202">
 
     <!-- See retype.com -->
     <meta name="generator" content="Retype 3.6.0">
@@ -32,12 +32,12 @@
     <script data-cfasync="false">(function () { var el = document.documentElement, m = localStorage.getItem("doc_theme"), wm = window.matchMedia; if (m === "dark" || (!m && wm && wm("(prefers-color-scheme: dark)").matches)) { el.classList.add("dark") } else { el.classList.remove("dark") } })();</script>
 
     <link href="../../static/favicon.png" rel="icon">
-    <link href="../../resources/css/retype.css?v=3.6.0.789492583867" rel="stylesheet">
+    <link href="../../resources/css/retype.css?v=3.6.0.790190789202" rel="stylesheet">
 
-    <script data-cfasync="false" src="../../resources/js/config.js?v=3.6.0.789492583867" data-turbo-eval="false" defer></script>
+    <script data-cfasync="false" src="../../resources/js/config.js?v=3.6.0.790190789202" data-turbo-eval="false" defer></script>
     <script data-cfasync="false" src="../../resources/js/retype.js?v=3.6.0" data-turbo-eval="false" defer></script>
-    <script id="lunr-js" data-cfasync="false" src="../../resources/js/lunr.js?v=3.6.0.789492583867" data-turbo-eval="false" defer></script>
-    <script id="prism-js" data-cfasync="false" src="../../resources/js/prism.js?v=3.6.0.789492583867" defer></script>
+    <script id="lunr-js" data-cfasync="false" src="../../resources/js/lunr.js?v=3.6.0.790190789202" data-turbo-eval="false" defer></script>
+    <script id="prism-js" data-cfasync="false" src="../../resources/js/prism.js?v=3.6.0.790190789202" defer></script>
 
     <link href="https://gsoft-inc.github.io/wl-idp-docs-hub/static/retype-customization.css" rel="stylesheet" />
 
diff --git a/eslint/custom-configuration/index.html b/eslint/custom-configuration/index.html
index 56bfbfb8..a5fea8ab 100644
--- a/eslint/custom-configuration/index.html
+++ b/eslint/custom-configuration/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <meta name="turbo-root" content="/wl-web-configs">
-    <meta name="turbo-cache-control" content="no-cache" data-turbo-track="reload" data-track-token="3.6.0.789492583867">
+    <meta name="turbo-cache-control" content="no-cache" data-turbo-track="reload" data-track-token="3.6.0.790190789202">
 
     <!-- See retype.com -->
     <meta name="generator" content="Retype 3.6.0">
@@ -32,12 +32,12 @@
     <script data-cfasync="false">(function () { var el = document.documentElement, m = localStorage.getItem("doc_theme"), wm = window.matchMedia; if (m === "dark" || (!m && wm && wm("(prefers-color-scheme: dark)").matches)) { el.classList.add("dark") } else { el.classList.remove("dark") } })();</script>
 
     <link href="../../static/favicon.png" rel="icon">
-    <link href="../../resources/css/retype.css?v=3.6.0.789492583867" rel="stylesheet">
+    <link href="../../resources/css/retype.css?v=3.6.0.790190789202" rel="stylesheet">
 
-    <script data-cfasync="false" src="../../resources/js/config.js?v=3.6.0.789492583867" data-turbo-eval="false" defer></script>
+    <script data-cfasync="false" src="../../resources/js/config.js?v=3.6.0.790190789202" data-turbo-eval="false" defer></script>
     <script data-cfasync="false" src="../../resources/js/retype.js?v=3.6.0" data-turbo-eval="false" defer></script>
-    <script id="lunr-js" data-cfasync="false" src="../../resources/js/lunr.js?v=3.6.0.789492583867" data-turbo-eval="false" defer></script>
-    <script id="prism-js" data-cfasync="false" src="../../resources/js/prism.js?v=3.6.0.789492583867" defer></script>
+    <script id="lunr-js" data-cfasync="false" src="../../resources/js/lunr.js?v=3.6.0.790190789202" data-turbo-eval="false" defer></script>
+    <script id="prism-js" data-cfasync="false" src="../../resources/js/prism.js?v=3.6.0.790190789202" defer></script>
 
     <link href="https://gsoft-inc.github.io/wl-idp-docs-hub/static/retype-customization.css" rel="stylesheet" />
 
diff --git a/eslint/index.html b/eslint/index.html
index 87a4877a..9bda67f3 100644
--- a/eslint/index.html
+++ b/eslint/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <meta name="turbo-root" content="/wl-web-configs">
-    <meta name="turbo-cache-control" content="no-cache" data-turbo-track="reload" data-track-token="3.6.0.789492583867">
+    <meta name="turbo-cache-control" content="no-cache" data-turbo-track="reload" data-track-token="3.6.0.790190789202">
 
     <!-- See retype.com -->
     <meta name="generator" content="Retype 3.6.0">
@@ -32,11 +32,11 @@
     <script data-cfasync="false">(function () { var el = document.documentElement, m = localStorage.getItem("doc_theme"), wm = window.matchMedia; if (m === "dark" || (!m && wm && wm("(prefers-color-scheme: dark)").matches)) { el.classList.add("dark") } else { el.classList.remove("dark") } })();</script>
 
     <link href="../static/favicon.png" rel="icon">
-    <link href="../resources/css/retype.css?v=3.6.0.789492583867" rel="stylesheet">
+    <link href="../resources/css/retype.css?v=3.6.0.790190789202" rel="stylesheet">
 
-    <script data-cfasync="false" src="../resources/js/config.js?v=3.6.0.789492583867" data-turbo-eval="false" defer></script>
+    <script data-cfasync="false" src="../resources/js/config.js?v=3.6.0.790190789202" data-turbo-eval="false" defer></script>
     <script data-cfasync="false" src="../resources/js/retype.js?v=3.6.0" data-turbo-eval="false" defer></script>
-    <script id="lunr-js" data-cfasync="false" src="../resources/js/lunr.js?v=3.6.0.789492583867" data-turbo-eval="false" defer></script>
+    <script id="lunr-js" data-cfasync="false" src="../resources/js/lunr.js?v=3.6.0.790190789202" data-turbo-eval="false" defer></script>
 
     <link href="https://gsoft-inc.github.io/wl-idp-docs-hub/static/retype-customization.css" rel="stylesheet" />
 
diff --git a/eslint/integrate-vscode/index.html b/eslint/integrate-vscode/index.html
index 7570455b..cb8dbd49 100644
--- a/eslint/integrate-vscode/index.html
+++ b/eslint/integrate-vscode/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <meta name="turbo-root" content="/wl-web-configs">
-    <meta name="turbo-cache-control" content="no-cache" data-turbo-track="reload" data-track-token="3.6.0.789492583867">
+    <meta name="turbo-cache-control" content="no-cache" data-turbo-track="reload" data-track-token="3.6.0.790190789202">
 
     <!-- See retype.com -->
     <meta name="generator" content="Retype 3.6.0">
@@ -32,12 +32,12 @@
     <script data-cfasync="false">(function () { var el = document.documentElement, m = localStorage.getItem("doc_theme"), wm = window.matchMedia; if (m === "dark" || (!m && wm && wm("(prefers-color-scheme: dark)").matches)) { el.classList.add("dark") } else { el.classList.remove("dark") } })();</script>
 
     <link href="../../static/favicon.png" rel="icon">
-    <link href="../../resources/css/retype.css?v=3.6.0.789492583867" rel="stylesheet">
+    <link href="../../resources/css/retype.css?v=3.6.0.790190789202" rel="stylesheet">
 
-    <script data-cfasync="false" src="../../resources/js/config.js?v=3.6.0.789492583867" data-turbo-eval="false" defer></script>
+    <script data-cfasync="false" src="../../resources/js/config.js?v=3.6.0.790190789202" data-turbo-eval="false" defer></script>
     <script data-cfasync="false" src="../../resources/js/retype.js?v=3.6.0" data-turbo-eval="false" defer></script>
-    <script id="lunr-js" data-cfasync="false" src="../../resources/js/lunr.js?v=3.6.0.789492583867" data-turbo-eval="false" defer></script>
-    <script id="prism-js" data-cfasync="false" src="../../resources/js/prism.js?v=3.6.0.789492583867" defer></script>
+    <script id="lunr-js" data-cfasync="false" src="../../resources/js/lunr.js?v=3.6.0.790190789202" data-turbo-eval="false" defer></script>
+    <script id="prism-js" data-cfasync="false" src="../../resources/js/prism.js?v=3.6.0.790190789202" defer></script>
 
     <link href="https://gsoft-inc.github.io/wl-idp-docs-hub/static/retype-customization.css" rel="stylesheet" />
 
diff --git a/eslint/setup-monorepo/index.html b/eslint/setup-monorepo/index.html
index e509acac..42119c92 100644
--- a/eslint/setup-monorepo/index.html
+++ b/eslint/setup-monorepo/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <meta name="turbo-root" content="/wl-web-configs">
-    <meta name="turbo-cache-control" content="no-cache" data-turbo-track="reload" data-track-token="3.6.0.789492583867">
+    <meta name="turbo-cache-control" content="no-cache" data-turbo-track="reload" data-track-token="3.6.0.790190789202">
 
     <!-- See retype.com -->
     <meta name="generator" content="Retype 3.6.0">
@@ -32,12 +32,12 @@
     <script data-cfasync="false">(function () { var el = document.documentElement, m = localStorage.getItem("doc_theme"), wm = window.matchMedia; if (m === "dark" || (!m && wm && wm("(prefers-color-scheme: dark)").matches)) { el.classList.add("dark") } else { el.classList.remove("dark") } })();</script>
 
     <link href="../../static/favicon.png" rel="icon">
-    <link href="../../resources/css/retype.css?v=3.6.0.789492583867" rel="stylesheet">
+    <link href="../../resources/css/retype.css?v=3.6.0.790190789202" rel="stylesheet">
 
-    <script data-cfasync="false" src="../../resources/js/config.js?v=3.6.0.789492583867" data-turbo-eval="false" defer></script>
+    <script data-cfasync="false" src="../../resources/js/config.js?v=3.6.0.790190789202" data-turbo-eval="false" defer></script>
     <script data-cfasync="false" src="../../resources/js/retype.js?v=3.6.0" data-turbo-eval="false" defer></script>
-    <script id="lunr-js" data-cfasync="false" src="../../resources/js/lunr.js?v=3.6.0.789492583867" data-turbo-eval="false" defer></script>
-    <script id="prism-js" data-cfasync="false" src="../../resources/js/prism.js?v=3.6.0.789492583867" defer></script>
+    <script id="lunr-js" data-cfasync="false" src="../../resources/js/lunr.js?v=3.6.0.790190789202" data-turbo-eval="false" defer></script>
+    <script id="prism-js" data-cfasync="false" src="../../resources/js/prism.js?v=3.6.0.790190789202" defer></script>
 
     <link href="https://gsoft-inc.github.io/wl-idp-docs-hub/static/retype-customization.css" rel="stylesheet" />
 
diff --git a/eslint/setup-polyrepo/index.html b/eslint/setup-polyrepo/index.html
index a3dab39a..168d7255 100644
--- a/eslint/setup-polyrepo/index.html
+++ b/eslint/setup-polyrepo/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <meta name="turbo-root" content="/wl-web-configs">
-    <meta name="turbo-cache-control" content="no-cache" data-turbo-track="reload" data-track-token="3.6.0.789492583867">
+    <meta name="turbo-cache-control" content="no-cache" data-turbo-track="reload" data-track-token="3.6.0.790190789202">
 
     <!-- See retype.com -->
     <meta name="generator" content="Retype 3.6.0">
@@ -32,12 +32,12 @@
     <script data-cfasync="false">(function () { var el = document.documentElement, m = localStorage.getItem("doc_theme"), wm = window.matchMedia; if (m === "dark" || (!m && wm && wm("(prefers-color-scheme: dark)").matches)) { el.classList.add("dark") } else { el.classList.remove("dark") } })();</script>
 
     <link href="../../static/favicon.png" rel="icon">
-    <link href="../../resources/css/retype.css?v=3.6.0.789492583867" rel="stylesheet">
+    <link href="../../resources/css/retype.css?v=3.6.0.790190789202" rel="stylesheet">
 
-    <script data-cfasync="false" src="../../resources/js/config.js?v=3.6.0.789492583867" data-turbo-eval="false" defer></script>
+    <script data-cfasync="false" src="../../resources/js/config.js?v=3.6.0.790190789202" data-turbo-eval="false" defer></script>
     <script data-cfasync="false" src="../../resources/js/retype.js?v=3.6.0" data-turbo-eval="false" defer></script>
-    <script id="lunr-js" data-cfasync="false" src="../../resources/js/lunr.js?v=3.6.0.789492583867" data-turbo-eval="false" defer></script>
-    <script id="prism-js" data-cfasync="false" src="../../resources/js/prism.js?v=3.6.0.789492583867" defer></script>
+    <script id="lunr-js" data-cfasync="false" src="../../resources/js/lunr.js?v=3.6.0.790190789202" data-turbo-eval="false" defer></script>
+    <script id="prism-js" data-cfasync="false" src="../../resources/js/prism.js?v=3.6.0.790190789202" defer></script>
 
     <link href="https://gsoft-inc.github.io/wl-idp-docs-hub/static/retype-customization.css" rel="stylesheet" />
 
diff --git a/index.html b/index.html
index c474e9b3..172d3994 100644
--- a/index.html
+++ b/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <meta name="turbo-root" content="/wl-web-configs">
-    <meta name="turbo-cache-control" content="no-cache" data-turbo-track="reload" data-track-token="3.6.0.789492583867">
+    <meta name="turbo-cache-control" content="no-cache" data-turbo-track="reload" data-track-token="3.6.0.790190789202">
 
     <!-- See retype.com -->
     <meta name="generator" content="Retype 3.6.0">
@@ -34,11 +34,11 @@
     <script data-cfasync="false">(function () { var el = document.documentElement, m = localStorage.getItem("doc_theme"), wm = window.matchMedia; if (m === "dark" || (!m && wm && wm("(prefers-color-scheme: dark)").matches)) { el.classList.add("dark") } else { el.classList.remove("dark") } })();</script>
 
     <link href="static/favicon.png" rel="icon">
-    <link href="resources/css/retype.css?v=3.6.0.789492583867" rel="stylesheet">
+    <link href="resources/css/retype.css?v=3.6.0.790190789202" rel="stylesheet">
 
-    <script data-cfasync="false" src="resources/js/config.js?v=3.6.0.789492583867" data-turbo-eval="false" defer></script>
+    <script data-cfasync="false" src="resources/js/config.js?v=3.6.0.790190789202" data-turbo-eval="false" defer></script>
     <script data-cfasync="false" src="resources/js/retype.js?v=3.6.0" data-turbo-eval="false" defer></script>
-    <script id="lunr-js" data-cfasync="false" src="resources/js/lunr.js?v=3.6.0.789492583867" data-turbo-eval="false" defer></script>
+    <script id="lunr-js" data-cfasync="false" src="resources/js/lunr.js?v=3.6.0.790190789202" data-turbo-eval="false" defer></script>
 
     <link href="https://gsoft-inc.github.io/wl-idp-docs-hub/static/retype-customization.css" rel="stylesheet" />
 
@@ -383,34 +383,43 @@ <h2>
 <td><a href="typescript/">Getting started</a></td>
 </tr>
 <tr>
-<td><img src="static/swc.svg" class="h-5 w-5 mr-2 -mt-1" alt="" /><a href="https://swc.rs/" class="outbound" target="_blank">SWC</a></td>
-<td><a href="https://www.npmjs.com/package/@workleap/swc-configs" class="outbound" target="_blank"><img src="https://img.shields.io/npm/v/@workleap/swc-configs" alt="npm version" /></a></td>
-<td><a href="swc/">Getting started</a></td>
-</tr>
-<tr>
 <td><img src="static/rsbuild.svg" class="h-5 w-5 mr-2 -mt-1" alt="" /><a href="https://rsbuild.dev/" class="outbound" target="_blank">Rsbuild</a></td>
 <td><a href="https://www.npmjs.com/package/@workleap/rsbuild-configs" class="outbound" target="_blank"><img src="https://img.shields.io/npm/v/@workleap/rsbuild-configs" alt="npm version" /></a></td>
 <td><a href="rsbuild/">Getting started</a></td>
 </tr>
 <tr>
-<td><img src="static/tsup.svg" class="h-5 w-5 mr-2 -mt-1" alt="" /><a href="https://tsup.egoist.dev/" class="outbound" target="_blank">tsup</a></td>
-<td><a href="https://www.npmjs.com/package/@workleap/tsup-configs" class="outbound" target="_blank"><img src="https://img.shields.io/npm/v/@workleap/tsup-configs" alt="npm version" /></a></td>
-<td><a href="tsup/">Getting started</a></td>
+<td><img src="static/rslib.svg" class="h-5 w-5 mr-2 -mt-1" alt="" /><a href="https://lib.rsbuild.dev/" class="outbound" target="_blank">Rslib</a></td>
+<td><a href="https://www.npmjs.com/package/@workleap/rslib-configs" class="outbound" target="_blank"><img src="https://img.shields.io/npm/v/@workleap/rslib-configs" alt="npm version" /></a></td>
+<td><a href="rslib/">Getting started</a></td>
 </tr>
 <tr>
 <td><img src="static/postcss.svg" class="h-5 w-5 mr-2 -mt-1" alt="" /><a href="https://postcss.org/" class="outbound" target="_blank">PostCSS</a> <span class="no-link inline-flex align-middle items-center justify-center font-medium leading-none whitespace-nowrap text-gray-600 dark:text-dark-600 bg-gray-200 h-5 px-1.5 text-2xs rounded">
-    <span>in maintenance</span>
+    <span>in maintenance mode</span>
 </span></td>
 <td><a href="https://www.npmjs.com/package/@workleap/postcss-configs" class="outbound" target="_blank"><img src="https://img.shields.io/npm/v/@workleap/postcss-configs" alt="npm version" /></a></td>
 <td><a href="postcss/">Getting started</a></td>
 </tr>
 <tr>
+<td><img src="static/swc.svg" class="h-5 w-5 mr-2 -mt-1" alt="" /><a href="https://swc.rs/" class="outbound" target="_blank">SWC</a> <span class="no-link inline-flex align-middle items-center justify-center font-medium leading-none whitespace-nowrap text-gray-600 dark:text-dark-600 bg-gray-200 h-5 px-1.5 text-2xs rounded">
+    <span>in maintenance mode</span>
+</span></td>
+<td><a href="https://www.npmjs.com/package/@workleap/swc-configs" class="outbound" target="_blank"><img src="https://img.shields.io/npm/v/@workleap/swc-configs" alt="npm version" /></a></td>
+<td><a href="swc/">Getting started</a></td>
+</tr>
+<tr>
 <td><img src="static/webpack.svg" class="h-5 w-5 mr-2 -mt-1" alt="" /><a href="https://webpack.js.org/" class="outbound" target="_blank">webpack</a> <span class="no-link inline-flex align-middle items-center justify-center font-medium leading-none whitespace-nowrap text-gray-600 dark:text-dark-600 bg-gray-200 h-5 px-1.5 text-2xs rounded">
-    <span>in maintenance</span>
+    <span>in maintenance mode</span>
 </span></td>
 <td><a href="https://www.npmjs.com/package/@workleap/webpack-configs" class="outbound" target="_blank"><img src="https://img.shields.io/npm/v/@workleap/webpack-configs" alt="npm version" /></a></td>
 <td><a href="webpack/">Getting started</a></td>
 </tr>
+<tr>
+<td><img src="static/tsup.svg" class="h-5 w-5 mr-2 -mt-1" alt="" /><a href="https://tsup.egoist.dev/" class="outbound" target="_blank">tsup</a> <span class="no-link inline-flex align-middle items-center justify-center font-medium leading-none whitespace-nowrap text-gray-600 dark:text-dark-600 bg-gray-200 h-5 px-1.5 text-2xs rounded">
+    <span>in maintenance mode</span>
+</span></td>
+<td><a href="https://www.npmjs.com/package/@workleap/tsup-configs" class="outbound" target="_blank"><img src="https://img.shields.io/npm/v/@workleap/tsup-configs" alt="npm version" /></a></td>
+<td><a href="tsup/">Getting started</a></td>
+</tr>
 </tbody>
 </table>
 </div>
diff --git a/postcss/configure-project/index.html b/postcss/configure-project/index.html
index b44861ba..b2b437aa 100644
--- a/postcss/configure-project/index.html
+++ b/postcss/configure-project/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <meta name="turbo-root" content="/wl-web-configs">
-    <meta name="turbo-cache-control" content="no-cache" data-turbo-track="reload" data-track-token="3.6.0.789492583867">
+    <meta name="turbo-cache-control" content="no-cache" data-turbo-track="reload" data-track-token="3.6.0.790190789202">
 
     <!-- See retype.com -->
     <meta name="generator" content="Retype 3.6.0">
@@ -32,12 +32,12 @@
     <script data-cfasync="false">(function () { var el = document.documentElement, m = localStorage.getItem("doc_theme"), wm = window.matchMedia; if (m === "dark" || (!m && wm && wm("(prefers-color-scheme: dark)").matches)) { el.classList.add("dark") } else { el.classList.remove("dark") } })();</script>
 
     <link href="../../static/favicon.png" rel="icon">
-    <link href="../../resources/css/retype.css?v=3.6.0.789492583867" rel="stylesheet">
+    <link href="../../resources/css/retype.css?v=3.6.0.790190789202" rel="stylesheet">
 
-    <script data-cfasync="false" src="../../resources/js/config.js?v=3.6.0.789492583867" data-turbo-eval="false" defer></script>
+    <script data-cfasync="false" src="../../resources/js/config.js?v=3.6.0.790190789202" data-turbo-eval="false" defer></script>
     <script data-cfasync="false" src="../../resources/js/retype.js?v=3.6.0" data-turbo-eval="false" defer></script>
-    <script id="lunr-js" data-cfasync="false" src="../../resources/js/lunr.js?v=3.6.0.789492583867" data-turbo-eval="false" defer></script>
-    <script id="prism-js" data-cfasync="false" src="../../resources/js/prism.js?v=3.6.0.789492583867" defer></script>
+    <script id="lunr-js" data-cfasync="false" src="../../resources/js/lunr.js?v=3.6.0.790190789202" data-turbo-eval="false" defer></script>
+    <script id="prism-js" data-cfasync="false" src="../../resources/js/prism.js?v=3.6.0.790190789202" defer></script>
 
     <link href="https://gsoft-inc.github.io/wl-idp-docs-hub/static/retype-customization.css" rel="stylesheet" />
 
@@ -639,10 +639,10 @@ <h2>
                                     </div>
                             
                                     <div class="w-1/2">
-                                        <a class="px-5 py-4 -mx-px h-full flex items-center justify-end break-normal font-medium text-blue-500 dark:text-blue-400 border border-gray-300 hover:border-gray-400 dark:border-dark-650 dark:hover:border-dark-450 rounded-r-lg transition-colors duration-150 relative hover:z-5" href="../../webpack/">
+                                        <a class="px-5 py-4 -mx-px h-full flex items-center justify-end break-normal font-medium text-blue-500 dark:text-blue-400 border border-gray-300 hover:border-gray-400 dark:border-dark-650 dark:hover:border-dark-450 rounded-r-lg transition-colors duration-150 relative hover:z-5" href="../../swc/">
                                             <span>
                                                 <span class="block text-xs font-normal text-right text-gray-400 dark:text-dark-400">Next</span>
-                                                <span class="block mt-1">webpack</span>
+                                                <span class="block mt-1">SWC</span>
                                             </span>
                                             <svg xmlns="http://www.w3.org/2000/svg" class="ml-3" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" overflow="visible"><path d="M19.92 12.38a1 1 0 00-.22-1.09l-7-7a.996.996 0 10-1.41 1.41l5.3 5.3H5c-.55 0-1 .45-1 1s.45 1 1 1h11.59l-5.29 5.29a.996.996 0 000 1.41c.19.2.44.3.7.3s.51-.1.71-.29l7-7c.09-.09.16-.21.21-.33z" /><path fill="none" d="M0 0h24v24H0z" /></svg>
                                         </a>
diff --git a/postcss/index.html b/postcss/index.html
index c2d3976e..374a2eb3 100644
--- a/postcss/index.html
+++ b/postcss/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <meta name="turbo-root" content="/wl-web-configs">
-    <meta name="turbo-cache-control" content="no-cache" data-turbo-track="reload" data-track-token="3.6.0.789492583867">
+    <meta name="turbo-cache-control" content="no-cache" data-turbo-track="reload" data-track-token="3.6.0.790190789202">
 
     <!-- See retype.com -->
     <meta name="generator" content="Retype 3.6.0">
@@ -32,11 +32,11 @@
     <script data-cfasync="false">(function () { var el = document.documentElement, m = localStorage.getItem("doc_theme"), wm = window.matchMedia; if (m === "dark" || (!m && wm && wm("(prefers-color-scheme: dark)").matches)) { el.classList.add("dark") } else { el.classList.remove("dark") } })();</script>
 
     <link href="../static/favicon.png" rel="icon">
-    <link href="../resources/css/retype.css?v=3.6.0.789492583867" rel="stylesheet">
+    <link href="../resources/css/retype.css?v=3.6.0.790190789202" rel="stylesheet">
 
-    <script data-cfasync="false" src="../resources/js/config.js?v=3.6.0.789492583867" data-turbo-eval="false" defer></script>
+    <script data-cfasync="false" src="../resources/js/config.js?v=3.6.0.790190789202" data-turbo-eval="false" defer></script>
     <script data-cfasync="false" src="../resources/js/retype.js?v=3.6.0" data-turbo-eval="false" defer></script>
-    <script id="lunr-js" data-cfasync="false" src="../resources/js/lunr.js?v=3.6.0.789492583867" data-turbo-eval="false" defer></script>
+    <script id="lunr-js" data-cfasync="false" src="../resources/js/lunr.js?v=3.6.0.790190789202" data-turbo-eval="false" defer></script>
 
     <link href="https://gsoft-inc.github.io/wl-idp-docs-hub/static/retype-customization.css" rel="stylesheet" />
 
@@ -373,11 +373,11 @@ <h2>
                             
                                 <nav class="flex mt-14">
                                     <div class="w-1/2">
-                                        <a class="px-5 py-4 h-full flex items-center break-normal font-medium text-blue-500 dark:text-blue-400 border border-gray-300 hover:border-gray-400 dark:border-dark-650 dark:hover:border-dark-450 rounded-l-lg transition-colors duration-150 relative hover:z-5" href="../tsup/configure-build/">
+                                        <a class="px-5 py-4 h-full flex items-center break-normal font-medium text-blue-500 dark:text-blue-400 border border-gray-300 hover:border-gray-400 dark:border-dark-650 dark:hover:border-dark-450 rounded-l-lg transition-colors duration-150 relative hover:z-5" href="../rslib/migrate-from-tsup/">
                                             <svg xmlns="http://www.w3.org/2000/svg" class="mr-3" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" overflow="visible"><path d="M19 11H7.41l5.29-5.29a.996.996 0 10-1.41-1.41l-7 7a1 1 0 000 1.42l7 7a1.024 1.024 0 001.42-.01.996.996 0 000-1.41L7.41 13H19c.55 0 1-.45 1-1s-.45-1-1-1z" /><path fill="none" d="M0 0h24v24H0z" /></svg>
                                             <span>
                                                 <span class="block text-xs font-normal text-gray-400 dark:text-dark-400">Previous</span>
-                                                <span class="block mt-1">Configure for build</span>
+                                                <span class="block mt-1">Migrate from tsup</span>
                                             </span>
                                         </a>
                                     </div>
diff --git a/resources/js/config.js b/resources/js/config.js
index bfcf5772..750e763e 100644
--- a/resources/js/config.js
+++ b/resources/js/config.js
@@ -1 +1 @@
-var __DOCS_CONFIG__ = {"id":"CEdr83v5Cd1239kJD+IdwYBxjxwcvMocJtE","key":"vfiSkV+KZ5EKKMuRhv8hwmt0Ww5uzF4UX3V3dvUHvjk.N/h6Yto5gTVpjUrQKWsSxcy/iu76Hhiis7e7eA64cWceqQqpGFdABR6xHm5mXs/DR8vA6o643CvBUh4OWDudvw.300021","base":"/wl-web-configs/","host":"gsoft-inc.github.io","version":"1.0.0","useRelativePaths":true,"documentName":"index.html","appendDocumentName":false,"trailingSlash":true,"preloadSearch":false,"cacheBustingToken":"3.6.0.789492583867","cacheBustingStrategy":"query","sidebarFilterPlaceholder":"Filter","toolbarFilterPlaceholder":"Filter","showSidebarFilter":true,"filterNotFoundMsg":"No member names found containing the query \"{query}\"","maxHistoryItems":15,"homeIcon":"<path d=\"M12.97 2.59a1.5 1.5 0 00-1.94 123 0l-7.5 6.363A1.5 1.5 0 003 10.097V19.5A1.5 1.5 0 004.5 21h4.75a.75.75 0 00.75-.75V14h4v6.25c0 .414.336.75.75.75h4.75a1.5 1.5 0 001.5-1.5v-9.403a1.5 1.5 0 00-.53-1.144l-7.5-6.363z\"></path>","access":[{"value":"public","label":"Public"},{"value":"protected","label":"Protected"}],"toolbarLinks":[{"id":"fields","label":"Fields"},{"id":"properties","label":"Properties"},{"id":"methods","label":"Methods"},{"id":"events","label":"Events"}],"sidebar":[{"n":"/","l":"Getting started","s":"<path d=\"M20.322.75h1.176a1.75 1.75 0 0 1 1.75 1.749v1.177a10.75 10.75 0 0 1-2.925 7.374l-1.228 1.304a23.699 23.699 0 0 1-1.596 1.542v5.038c0 .615-.323 1.184-.85 1.5l-4.514 2.709a.75.75 0 0 1-1.12-.488l-.963-4.572a1.305 1.305 0 0 1-.14-.129L8.04 15.96l-1.994-1.873a1.305 1.305 0 0 1-.129-.14l-4.571-.963a.75.75 0 0 1-.49-1.12l2.71-4.514c.316-.527.885-.85 1.5-.85h5.037a23.668 23.668 0 0 1 1.542-1.594l1.304-1.23A10.753 10.753 0 0 1 20.321.75Zm-6.344 4.018v-.001l-1.304 1.23a22.275 22.275 0 0 0-3.255 3.851l-2.193 3.29 1.859 1.744a.545.545 0 0 1 .034.034l1.743 1.858 3.288-2.192a22.263 22.263 0 0 0 3.854-3.257l1.228-1.303a9.251 9.251 0 0 0 2.517-6.346V2.5a.25.25 0 0 0-.25-.25h-1.177a9.252 9.252 0 0 0-6.344 2.518ZM6.5 21c-1.209 1.209-3.901 1.445-4.743 1.49a.236.236 0 0 1-.18-.067.236.236 0 0 1-.067-.18c.045-.842.281-3.534 1.49-4.743.9-.9 2.6-.9 3.5 0 .9.9.9 2.6 0 3.5Zm-.592-8.588L8.17 9.017c.23-.346.47-.685.717-1.017H5.066a.25.25 0 0 0-.214.121l-2.167 3.612ZM16 15.112c-.333.248-.672.487-1.018.718l-3.393 2.262.678 3.223 3.612-2.167a.25.25 0 0 0 .121-.214ZM17.5 8a1.5 1.5 0 1 1-3.001-.001A1.5 1.5 0 0 1 17.5 8Z\"/>"},{"n":"browserslist","l":"Browserslist","o":true,"i":[{"n":"configure-project","l":"Configure a project"}],"s":"static/browserslist.svg"},{"n":"eslint","l":"ES​Lint","o":true,"i":[{"n":"setup-polyrepo","l":"Setup a polyrepo"},{"n":"setup-monorepo","l":"Setup a monorepo"},{"n":"custom-configuration","l":"Custom configuration"},{"n":"advanced-composition","l":"Advanced composition"},{"n":"integrate-vscode","l":"Integrate with VS Code"}],"s":"static/eslint.svg"},{"n":"stylelint","l":"Stylelint","o":true,"i":[{"n":"setup-polyrepo","l":"Setup a polyrepo"},{"n":"setup-monorepo","l":"Setup a monorepo"},{"n":"custom-configuration","l":"Custom configuration"},{"n":"integrate-vscode","l":"Integrate with VS Code"}],"s":"static/stylelint.svg"},{"n":"typescript","l":"Typescript","o":true,"i":[{"n":"setup-polyrepo","l":"Setup a polyrepo"},{"n":"setup-monorepo","l":"Setup a monorepo"},{"n":"custom-configuration","l":"Custom configuration"},{"n":"advanced-composition","l":"Advanced composition"}],"s":"static/typescript.svg"},{"n":"swc","l":"SWC","o":true,"i":[{"n":"configure-dev","l":"Configure for development"},{"n":"configure-build","l":"Configure for build"},{"n":"configure-jest","l":"Configure for Jest"}],"s":"static/swc.svg"},{"n":"rsbuild","l":"Rsbuild","o":true,"i":[{"n":"configure-dev","l":"Configure for development"},{"n":"configure-build","l":"Configure for build"},{"n":"configure-storybook","l":"Configure for Storybook"},{"n":"migrate-from-webpack","l":"Migrate from Webpack"}],"s":"static/rsbuild.svg"},{"n":"tsup","o":true,"i":[{"n":"configure-dev","l":"Configure for development"},{"n":"configure-build","l":"Configure for build"}],"s":"static/tsup.svg"},{"n":"postcss","l":"Post​CSS","o":true,"i":[{"n":"configure-project","l":"Configure a project"}],"s":"static/postcss.svg"},{"n":"webpack","o":true,"i":[{"n":"configure-dev","l":"Configure for development"},{"n":"configure-build","l":"Configure for build"},{"n":"transformer-utilities","l":"Transformer utilities"}],"s":"static/webpack.svg"},{"n":"samples","l":"Samples","s":"<path d=\"M3.045 18.894 9.94 12 3.045 5.106a.75.75 0 0 1 1.06-1.061l7.425 7.425a.75.75 0 0 1 0 1.06l-7.424 7.425a.75.75 0 0 1-1.061-1.06Zm8.205.606a.75.75 0 0 0 0 1.5h9.5a.75.75 0 0 0 0-1.5h-9.5Z\"/>"},{"n":"about","l":"About","v":false}],"search":{"mode":0,"minChars":2,"maxResults":20,"placeholder":"Search","hotkeys":["k"],"noResultsFoundMsg":"Sorry, no results found.","recognizeLanguages":true,"languages":[0],"preload":false},"resources":{"History_Title_Label":"History","History_ClearLink_Label":"Clear","History_NoHistory_Label":"No history items","API_AccessFilter_Label":"Access","API_ParameterSection_Label":"PARAMETERS","API_SignatureSection_Label":"SIGNATURE","API_CopyHint_Label":"Copy","API_CopyNameHint_Label":"Copy name","API_CopyLinkHint_Label":"Copy link","API_CopiedAckHint_Label":"Copied!","API_MoreOverloads_Label":"more","API_MoreDropdownItems_Label":"More","API_OptionalParameter_Label":"optional","API_DefaultParameterValue_Label":"Default value","API_InheritedFilter_Label":"Inherited","Search_Input_Placeholder":"Search","Toc_Contents_Label":"Contents","Toc_RelatedClasses_Label":"Related Classes","History_JustNowTime_Label":"just now","History_AgoTime_Label":"ago","History_YearTime_Label":"y","History_MonthTime_Label":"mo","History_DayTime_Label":"d","History_HourTime_Label":"h","History_MinuteTime_Label":"m","History_SecondTime_Label":"s"}};
+var __DOCS_CONFIG__ = {"id":"xxpi1/3z9FMmVSWD/Y52bCvIKW4iZGjYaM","key":"EVv5Zx8PjzXhBc2NFW5RHtvml7NcWDzKpKvyPetEkhA.EXkOH7YrG5vsXIPGl+f3Doc2c26+Ge/aVp30dIvJpTaAPqxSul46Hw/ZKPjXY2u/nJRFgnY+6FXDt9G5GGhaOg.300063","base":"/wl-web-configs/","host":"gsoft-inc.github.io","version":"1.0.0","useRelativePaths":true,"documentName":"index.html","appendDocumentName":false,"trailingSlash":true,"preloadSearch":false,"cacheBustingToken":"3.6.0.790190789202","cacheBustingStrategy":"query","sidebarFilterPlaceholder":"Filter","toolbarFilterPlaceholder":"Filter","showSidebarFilter":true,"filterNotFoundMsg":"No member names found containing the query \"{query}\"","maxHistoryItems":15,"homeIcon":"<path d=\"M12.97 2.59a1.5 1.5 0 00-1.94 52 0l-7.5 6.363A1.5 1.5 0 003 10.097V19.5A1.5 1.5 0 004.5 21h4.75a.75.75 0 00.75-.75V14h4v6.25c0 .414.336.75.75.75h4.75a1.5 1.5 0 001.5-1.5v-9.403a1.5 1.5 0 00-.53-1.144l-7.5-6.363z\"></path>","access":[{"value":"public","label":"Public"},{"value":"protected","label":"Protected"}],"toolbarLinks":[{"id":"fields","label":"Fields"},{"id":"properties","label":"Properties"},{"id":"methods","label":"Methods"},{"id":"events","label":"Events"}],"sidebar":[{"n":"/","l":"Getting started","s":"<path d=\"M20.322.75h1.176a1.75 1.75 0 0 1 1.75 1.749v1.177a10.75 10.75 0 0 1-2.925 7.374l-1.228 1.304a23.699 23.699 0 0 1-1.596 1.542v5.038c0 .615-.323 1.184-.85 1.5l-4.514 2.709a.75.75 0 0 1-1.12-.488l-.963-4.572a1.305 1.305 0 0 1-.14-.129L8.04 15.96l-1.994-1.873a1.305 1.305 0 0 1-.129-.14l-4.571-.963a.75.75 0 0 1-.49-1.12l2.71-4.514c.316-.527.885-.85 1.5-.85h5.037a23.668 23.668 0 0 1 1.542-1.594l1.304-1.23A10.753 10.753 0 0 1 20.321.75Zm-6.344 4.018v-.001l-1.304 1.23a22.275 22.275 0 0 0-3.255 3.851l-2.193 3.29 1.859 1.744a.545.545 0 0 1 .034.034l1.743 1.858 3.288-2.192a22.263 22.263 0 0 0 3.854-3.257l1.228-1.303a9.251 9.251 0 0 0 2.517-6.346V2.5a.25.25 0 0 0-.25-.25h-1.177a9.252 9.252 0 0 0-6.344 2.518ZM6.5 21c-1.209 1.209-3.901 1.445-4.743 1.49a.236.236 0 0 1-.18-.067.236.236 0 0 1-.067-.18c.045-.842.281-3.534 1.49-4.743.9-.9 2.6-.9 3.5 0 .9.9.9 2.6 0 3.5Zm-.592-8.588L8.17 9.017c.23-.346.47-.685.717-1.017H5.066a.25.25 0 0 0-.214.121l-2.167 3.612ZM16 15.112c-.333.248-.672.487-1.018.718l-3.393 2.262.678 3.223 3.612-2.167a.25.25 0 0 0 .121-.214ZM17.5 8a1.5 1.5 0 1 1-3.001-.001A1.5 1.5 0 0 1 17.5 8Z\"/>"},{"n":"browserslist","l":"Browserslist","o":true,"i":[{"n":"configure-project","l":"Configure a project"}],"s":"static/browserslist.svg"},{"n":"eslint","l":"ES​Lint","o":true,"i":[{"n":"setup-polyrepo","l":"Setup a polyrepo"},{"n":"setup-monorepo","l":"Setup a monorepo"},{"n":"custom-configuration","l":"Custom configuration"},{"n":"advanced-composition","l":"Advanced composition"},{"n":"integrate-vscode","l":"Integrate with VS Code"}],"s":"static/eslint.svg"},{"n":"stylelint","l":"Stylelint","o":true,"i":[{"n":"setup-polyrepo","l":"Setup a polyrepo"},{"n":"setup-monorepo","l":"Setup a monorepo"},{"n":"custom-configuration","l":"Custom configuration"},{"n":"integrate-vscode","l":"Integrate with VS Code"}],"s":"static/stylelint.svg"},{"n":"typescript","l":"Typescript","o":true,"i":[{"n":"setup-polyrepo","l":"Setup a polyrepo"},{"n":"setup-monorepo","l":"Setup a monorepo"},{"n":"custom-configuration","l":"Custom configuration"},{"n":"advanced-composition","l":"Advanced composition"}],"s":"static/typescript.svg"},{"n":"rsbuild","l":"Rsbuild","o":true,"i":[{"n":"configure-dev","l":"Configure for development"},{"n":"configure-build","l":"Configure for build"},{"n":"configure-storybook","l":"Configure for Storybook"},{"n":"migrate-from-webpack","l":"Migrate from webpack"}],"s":"static/rsbuild.svg"},{"n":"rslib","l":"Rslib","o":true,"i":[{"n":"configure-dev","l":"Configure for development"},{"n":"configure-build","l":"Configure for build"},{"n":"configure-storybook","l":"Configure for Storybook"},{"n":"migrate-from-tsup","l":"Migrate from tsup"}],"s":"static/rslib.svg"},{"n":"postcss","l":"Post​CSS","o":true,"i":[{"n":"configure-project","l":"Configure a project"}],"s":"static/postcss.svg"},{"n":"swc","l":"SWC","o":true,"i":[{"n":"configure-dev","l":"Configure for development"},{"n":"configure-build","l":"Configure for build"},{"n":"configure-jest","l":"Configure for Jest"}],"s":"static/swc.svg"},{"n":"webpack","o":true,"i":[{"n":"configure-dev","l":"Configure for development"},{"n":"configure-build","l":"Configure for build"},{"n":"transformer-utilities","l":"Transformer utilities"}],"s":"static/webpack.svg"},{"n":"tsup","o":true,"i":[{"n":"configure-dev","l":"Configure for development"},{"n":"configure-build","l":"Configure for build"}],"s":"static/tsup.svg"},{"n":"samples","l":"Samples","s":"<path d=\"M3.045 18.894 9.94 12 3.045 5.106a.75.75 0 0 1 1.06-1.061l7.425 7.425a.75.75 0 0 1 0 1.06l-7.424 7.425a.75.75 0 0 1-1.061-1.06Zm8.205.606a.75.75 0 0 0 0 1.5h9.5a.75.75 0 0 0 0-1.5h-9.5Z\"/>"},{"n":"about","l":"About","v":false}],"search":{"mode":0,"minChars":2,"maxResults":20,"placeholder":"Search","hotkeys":["k"],"noResultsFoundMsg":"Sorry, no results found.","recognizeLanguages":true,"languages":[0],"preload":false},"resources":{"History_Title_Label":"History","History_ClearLink_Label":"Clear","History_NoHistory_Label":"No history items","API_AccessFilter_Label":"Access","API_ParameterSection_Label":"PARAMETERS","API_SignatureSection_Label":"SIGNATURE","API_CopyHint_Label":"Copy","API_CopyNameHint_Label":"Copy name","API_CopyLinkHint_Label":"Copy link","API_CopiedAckHint_Label":"Copied!","API_MoreOverloads_Label":"more","API_MoreDropdownItems_Label":"More","API_OptionalParameter_Label":"optional","API_DefaultParameterValue_Label":"Default value","API_InheritedFilter_Label":"Inherited","Search_Input_Placeholder":"Search","Toc_Contents_Label":"Contents","Toc_RelatedClasses_Label":"Related Classes","History_JustNowTime_Label":"just now","History_AgoTime_Label":"ago","History_YearTime_Label":"y","History_MonthTime_Label":"mo","History_DayTime_Label":"d","History_HourTime_Label":"h","History_MinuteTime_Label":"m","History_SecondTime_Label":"s"}};
diff --git a/resources/js/search.json b/resources/js/search.json
index d45c1fb1..e642a06e 100644
--- a/resources/js/search.json
+++ b/resources/js/search.json
@@ -1 +1 @@
-[[{"l":"Getting started","p":["Welcome to @workleap/web-configs, a collection of configuration libraries for building web applications at Workleap. On this getting started page, you'll find an overview of the project and a list of supported tools."]},{"i":"why-we-built-these-libraries","l":"Why we built these libraries?","p":["Starting a new web application is still an arduous task. There are so many tools to choose from, learn, install and configure, it can be daunting.","For an organization like Workleap, with a large suite of products, it doesn't make sense to start over every time we invest in a new idea or add a new vertical to an existing product. Developers working on a new project shouldn't spend their first day's figuring out which ESLint rules to enable/disable, or how to transpile their React code, they should rather focus on writing features code."]},{"l":"Filling the gap","p":["While a collection of common configurations gets us closer to that goal, on their own, configuration libraries are not enough to reach it. There is still a need to install and assemble those configurations correctly in the new application, which can also be a challenge. To fill this gap, we will also invest into a CLI to scaffold new web applications and libraries."]},{"l":"Best of both worlds","p":["With the CLI, developers will have the ability to generate fully configured web applications in a few minutes. However, contrary to configuration libraries, a CLI alone is only good at creating the initial files of an application, it doesn't help with the maintenance or the adoption of new features offered by tools over time.","That's why we need both, there's a strong synergy between a collection of configuration libraries and a CLI.","With configuration libraries distributed through NPM packages and installed with a CLI, when a new feature is available for a tool, the configuration libraries maintainers can spend time learning the new feature, making the necessary changes, and distributing the changes with a new version of the package. Then, at their convenience, product teams can adopt the changes by bumping the configuration library package version in their respective application.","We hope that introducing CLI with a collection of configuration libraries will facilitate the creation and maintenance of front-end projects."]},{"l":"Guiding principles","p":["While developing the configuration libraries, we kept one guiding principle in mind, no locked in❤️✌️. We truly hope that the default configurations will satisfy your application needs, but if it doesn't, there will always be an easy way to extend or override the default configuration."]},{"l":"Target environment","p":["The majority of the shared tooling configurations targets ESM and the latest ECMAScript version (ESNext). If you are in the process of migrating an existing project to workleap/web-configs, and would rather delay transitioning to ESM, have a look at the Target environment section of each tool for additional information about how to support non ESM compliant solutions."]},{"l":"Supported tools","p":["Name","NPM","Documentation","Browserslist","npm version","Getting started","ESLint","Stylelint","Typescript","SWC","Rsbuild","tsup","PostCSS","webpack"]}],[{"l":"Browserslist"},{"l":"Supported browsers","p":["You can find an exhaustive list of the browser versions included with this shared configuration on https://browsersl.ist.","Alternatively, to list the browser versions supported by a specific configuration file, you can open a terminal at the root of any project including a .browserslistrc file and execute the following command:"]},{"l":"Getting started","p":["To get started, follow the quick start guide to configure your project."]}],[{"l":"Configure a project","p":["Only setup Browserslist for projects that are emitting application bundles. For example, a library project shouldn't include Browserslist but a web application project should."]},{"l":"Install the packages","p":["Open a terminal at the root of the project and install the following packages:"]},{"l":"Configure Browserslist","p":["First, create a configuration file named .browserslistrc at the root of the project:","Then, open the newly created file and extend the default configuration with the shared configuration provided by @workleap/browserslist-config:"]},{"l":"Support custom browsers","p":["If you are encountering a situation that is not currently handled by @workleap/browserslist-configs, you can customize your configuration file to extend this library shared configurations with additional browser versions:","Refer to the Browserslist documentation for a full list of available queries."]},{"i":"try-it","l":"Try it \uD83D\uDE80","p":["To test your new Browserslist configuration, open a terminal at the root of the project and execute the following command:","A list of the selected browser versions shoud be outputted to the terminal:"]}],[{"l":"ESLint"},{"l":"By project type configurations","p":["Typically, ESLint shareable configuration libraries are architectured around the idea that shared configurations should be small and composable to accommodate any potential use cases that a development team might encounter.","While composability provides flexibility, it also increases the complexity on the consumer side as they must understand how ESLint cascading and hierarchy works and how to compose the provided shared configurations correctly. It can be frustrating at times when you want to get something up and running quickly.","To improve the experience, rather than delegating the composition of the shared configuration pieces to the consumer, we compose them internally and offer configurations by project type instead.","This way, it's pretty straightforward for the consumer to configure ESLint as it only involves extending a single shared configuration per project and it allows for more accurate defaults and assumptions about the target environment. For advanced users in need of flexibility, the underlying configuration pieces are also available."]},{"i":"shopify-web-configs-example","l":"@shopify/web-configs example","p":["Have a look at Shopify ESLint usage section. To configure ESLint with @shopify/web-configs, a consumer must choose whether he wants rules for es5, esnext, typescript or node, then decide if he should use @babel/eslint-parser or @typescript-eslint/parser.","To make the right choices and assemble the final configuration correctly, a consumer must have niche front-end skills."]},{"l":"Target environment","p":["@workleap/eslint-plugin by project type shared configurations targets the following environment:","ESM / CommonJS","ESNext","Node"]},{"l":"Available configurations","p":["Name","Description","web-application","For web applications developed with React and TypeScript.","react-library","For TypeScript libraries developed with React.","typescript-library","For TypeScript libraries developed without React.","monorepo-workspace","For the workspace configuration of a monorepo solution."]},{"l":"Prettier","p":["For a complete explanation of why we chose to stick with ESLint for stylistic rules rather than migrating to Prettier, read the following article."]},{"l":"Getting started","p":["To get started, choose one of the following scenarios \uD83D\uDC47"]},{"l":"Setup a new project","p":["If you are looking to setup a new polyrepo solution (single project per repository), follow the guide to setup a polyrepo, otherwise, follow the guide to setup a monorepo."]},{"l":"Setup an existing project","p":["If you are migrating an existing polyrepo solution (single project per repository) to workleap/web-configs, follow the guide to setup a polyrepo, otherwise, follow the guide to setup a monorepo.","Once configured, to understand how to adapt @workleap/eslint-plugin default configurations to your codebase while you are completing the migration, have a look at the custom configuration page."]},{"l":"Advanced configuration","p":["If you are encountering a challenging use case making impractical the per project type configurations offered by @workleap/eslint-plugin, have a look at the advanced composition page for documentation about how to compose the underlying configuration pieces."]}],[{"l":"Setup a polyrepo","p":["Execute the following steps to setup ESLint for a polyrepo solution ( single project per repository) \uD83D\uDC47"]},{"l":"Install the packages","p":["Open a terminal at the root of the solution and install the following packages:"]},{"l":"Configure ESLint","p":["First, create a configuration file named .eslintrc.json at the root of the solution:","Then, open the newly created file and extend the default configuration with one of the shared configurations provided by @workleap/eslint-plugin\uD83D\uDC47"]},{"l":"web-application","p":["For an application developed with TypeScript and React, use the following configuration:"]},{"l":"react-library","p":["For a TypeScript library developed with React, use the following configuration:"]},{"l":"typescript-library","p":["For a TypeScript library developed without React, use the following configuration:"]},{"i":"eslintignore","l":".eslintignore","p":["ESLint can be configured to ignore certain files and directories while linting by specifying one or more glob patterns.","To do so, first, create an .eslintignore file at the root of the solution:","Then, open the newly created file and paste the following ignore rules:","While only the .storybook dot folder is listed, you should include any other dot folders that need to be linted."]},{"l":"Configure the indent style","p":["ESLint offers built-in rules for configuring the indentation style of a codebase. However, there's a catch: when VS Code auto-formatting feature is enabled, it might conflict with the configured indentation rules if they are set differently.","To guarantee a consistent indentation, we recommend using EditorConfig on the consumer side. With EditorConfig, the indent style can be configured in a single file and be applied consistently across various formatting tools, including ESlint and VS Code.","First, create a .editorconfig file at the root of the solution:","Then, open the newly created file and paste the following configuration:","Finally, install the EditorConfig.EditorConfig VS Code extension."]},{"l":"Add a CLI script","p":["At times, especially when running the CI build, it's useful to lint the entire solution using a single command. To do so, add the following script to your solution's package.json file:","The script definition may vary depending of your needs and your application configuration. For example, you might want to specify specific file extensions such as --ext .js,.ts,.tsx."]},{"l":"Custom configuration","p":["New projects shouldn't have to customize the default configurations offered by @workleap/eslint-plugin. However, if you are in the process of migrating an existing project to use this library or encountering a challenging situation, refer to the custom configuration page to understand how to override or extend the default configurations. Remember, no locked in❤️✌️."]},{"i":"try-it","l":"Try it \uD83D\uDE80","p":["To test your new ESLint setup, open a JavaScript file, type invalid code (e.g. var x = 0;), then save. Open a terminal at the root of the solution and execute the CLI script added earlier:","The terminal should output a linting error."]}],[{"l":"Setup a monorepo","p":["This monorepo setup has been tested with PNPM workspaces. You may need a different setup for NPM workspaces or Yarn workspaces because by default, those package managers hoist dependencies rather than installing them in isolation like PNPM.","To lint a monorepo solution ( multiple projects per repository), ESLint must be setuped to lint the files at the root of the solution (the monorepo workspace) and the files of every project of the monorepo. Execute the following steps to setup ESLint for a monorepo solution \uD83D\uDC47"]},{"l":"Setup the workspace"},{"l":"Install the packages","p":["Open a terminal at the root of the solution workspace (the root of the repository) and install the following packages:"]},{"l":"Configure ESLint","p":["First, create a configuration file named .eslintrc.json at the root of the solution workspace:","Then, open the newly created file and extend the default configuration with the monorepo-workspace shared configurations:"]},{"i":"eslintignore","l":".eslintignore","p":["ESLint can be configured to ignore certain files and directories while linting by specifying one or more glob patterns.","To do so, first, create a .eslintignore file at the root of the solution workspace:","Then, open the newly created file and paste the following ignore rules:","While only the .storybook dot folder is listed, you should include any other dot folders that need to be linted."]},{"l":"Configure indent style","p":["ESLint offers built-in rules for configuring the indentation style of a codebase. However, there's a catch: when VS Code auto-formatting feature is enabled, it might conflict with the configured indentation rules if they are set differently.","To guarantee a consistent indentation, we recommend using EditorConfig on the consumer side. With EditorConfig, the indent style can be configured in a single file and be applied consistently across various formatting tools, including ESlint and VS Code.","First, create a .editorconfig file at the root of the solution workspace:","Then, open the newly created file and paste the following configuration:"]},{"l":"Add a CLI script","p":["At times, especially when running the CI build, it's useful to lint the entire solution using a single command. To do so, add the following script to your solution's workspace package.json file:","The script definition may vary depending of your needs and your application configuration. For example, you might want to specify specific file extensions such as --ext .js,.ts,.tsx."]},{"l":"Setup a project"},{"l":"Install the package","p":["Open a terminal at the root of the project ( packages/app for this example) and install the following package:"]},{"i":"configure-eslint-1","l":"Configure ESLint","p":["First, create a configuration file named .eslintrc.json at the root of the project:","Then, open the newly created file and extend the default configuration with one of the shared configurations provided by @workleap/eslint-plugin\uD83D\uDC47"]},{"l":"web-application","p":["For an application developed with TypeScript and React, use the following configuration:"]},{"l":"react-library","p":["For a TypeScript library developed with React, use the following configuration:"]},{"l":"typescript-library","p":["For a TypeScript library developed without React, use the following configuration:"]},{"l":"Custom configuration","p":["New projects shouldn't have to customize the default configurations offered by @workleap/eslint-plugin. However, if you are in the process of migrating an existing project to use this library or encountering a challenging situation, refer to the custom configuration page to understand how to override or extend the default configurations. Remember, no locked in❤️✌️."]},{"i":"try-it","l":"Try it \uD83D\uDE80","p":["To test your new ESLint setup, open a JavaScript file, type invalid code (e.g. var x = 0;), then save. Open a terminal at the root of the solution and execute the CLI script added earlier:","The terminal should output a linting error."]}],[{"l":"Custom configuration","p":["If you are in the process of migrating an existing project to use @workleap/eslint-plugin or encountering a challenging situation that is not currently handled by this library, you might want to customize the default shared configurations.","For a list of the rules included with the default shared configurations, refer to the configuration files in the following folder on GitHub."]},{"l":"Disable a default rule","p":["You can disable a default rule by defining the rule locally with the off value:"]},{"l":"Change a default rule severity","p":["You can update the severity of a rule by defining the rule locally with either the warn or error severity:"]},{"l":"Change a default rule value","p":["You can update a default rule value by defining the rule locally with its new value:","Please, don't update your project configuration to use single quotes \uD83D\uDE05\uD83D\uDE4F"]},{"l":"Add a plugin","p":["You can add configure additional rules from a third party ESLint plugin:"]},{"l":"Start from scratch","p":["If your situation is so challenging that you must start a new configuration from scratch, refer to the advanced composition page."]}],[{"l":"Advanced composition","p":["If the default by project type configurations doesn't fits your needs, rather than writing your own configuration from scratch, you can compose a new one from the underlying configuration pieces of @workleap/eslint-plugin."]},{"l":"Available pieces","p":["Basic rules shared by every configuration.","core","Description","jest","jsx-a11y","mdx","Name","package-json","react","Rules for Jest files using Testing Library.","Rules for Jest files.","Rules for MDX files (used for Storybook MDX stories).","Rules for package.json files.","Rules for React files.","Rules for Storybook story files.","Rules for testing accessibility in React files.","Rules for TypeScript files.","Rules for YAML files.","storybook","testing-library","typescript","yaml"]},{"l":"Compose a configuration","p":["Each configuration piece can be extended individually, or in combination with other pieces, to compose your own custom ESLint configuration."]},{"l":"Single piece","p":["To extend the configuration with a single piece:"]},{"l":"Multiple pieces","p":["To extend the configuration with multiple pieces:"]},{"l":"Lint additional files","p":["The configuration pieces already targets which file extensions their linting rules will be applied to. If you wish to lint additional file extensions for a given piece you can add an ESLint override block:"]}],[{"l":"Integrate with VS Code","p":["ESLint VS Code extension greatly improve the development experience by automatically linting the code as you type and automatically formatting the code according to your ESLint configuration whenever you save."]},{"l":"Install ESLint extension","p":["Open VS Code and install the dbaeumer.vscode-eslint extension."]},{"l":"Configure VS Code","p":["Then, add the following settings to your solution VS Code settings file:"]},{"l":"Install EditorConfig extension","p":["Finally, install the EditorConfig.EditorConfig extension."]},{"i":"try-it","l":"Try it \uD83D\uDE80","p":["Restart VS Code, open a JavaScript file, type invalid code (e.g. var x = 0;), then save. The code should have been formatted automatically (e.g. const x = 0;)."]}],[{"l":"Stylelint"},{"l":"SCSS support","p":["While SCSS still offers numerous advantages, as we actively work on improving our build time and minimize the number of tools compiling/transpiling frontend code, we choose to move away from Sass and not provide any Stylelint's rules for Sass. If you are still using Sass strictly for nesting, note that native support for nesting is coming soon to CSS."]},{"l":"Embedding Prettier","p":["Since v15.0.0, Stylelint's stylistic rules has been deprecated. The current recommendation is to use Prettier instead to format CSS files.","For that reason, @workleap/stylelint-configs shared configurations includes the stylelint-prettier plugin. Using this plugin, Prettier changes are exposed as Stylelint's rule violations.","Since we choose to stick with ESLint for JavaScript and JSON stylistic rules, a .prettierignore file must be added at the root of the solution to ignore everything but CSS files:","Otherwise, Prettier will also format your .js,.json,.ts files and you'll end up with conflicts between Prettier and ESLint."]},{"l":"Getting started","p":["To get started, choose one of the following scenarios \uD83D\uDC47"]},{"l":"Setup a new project","p":["If you are looking to setup a new polyrepo solution (single project per repository), follow the guide to setup a polyrepo, otherwise, follow the guide to setup a monorepo."]},{"l":"Setup an existing project","p":["If you are migrating an existing polyrepo solution (single project per repository) to workleap/web-configs, follow the guide to setup a polyrepo, otherwise, follow the guide to setup a monorepo.","Once configured, to understand how to adapt @workleap/stylelint-configs default configurations to your codebase while you are completing the migration, have a look at the custom configuration page."]}],[{"l":"Setup a polyrepo","p":["Execute the following steps to setup Stylelint for a polyrepo solution ( single project per repository) \uD83D\uDC47"]},{"l":"Install the packages","p":["Open a terminal at the root of the solution and install the following packages:"]},{"l":"Configure Stylelint","p":["First, create a configuration file named .stylelintrc.json at the root of the solution:","Then, open the newly created file and extend the default configuration with the shared configurations provided by @workleap/stylelint-configs:"]},{"i":"stylelintignore","l":".stylelintignore","p":["Stylelint can be configured to ignore certain files and directories while linting by specifying one or more glob patterns.","To do so, first, create a .stylelintignore file at the root of the solution:","Then, open the newly created file and paste the following ignore rules:"]},{"i":"prettierignore","l":".prettierignore","p":["Since we choose to stick with ESLint for JavaScript and JSON stylistic rules, a .prettierignore file must be added at the root of the solution to ignore everything but CSS files.","To do so, first, create a .prettierignore file at the root of the solution:","Then, open the newly created file and paste the following ignore rules:"]},{"l":"Configure indent style","p":["Prettier offers built-in rules for configuring the indentation style of a codebase. However, there's a catch: when VS Code auto-formatting feature is enabled, it might conflict with the configured indentation rules if they are set differently.","To guarantees a consistent indentation, we recommend using EditorConfig on the consumer side. With EditorConfig, the indent style can be configured in a single file and be applied consistently across various formatting tools, including Prettier and VS Code.","First, create a .editorconfig file at the root of the solution:","Then, open the newly created file and paste the following configuration:","Finally, install the EditorConfig.EditorConfig VS Code extension."]},{"l":"Add a CLI script","p":["At times, especially when running the CI build, it's useful to lint the entire solution using a single command. To do so, add the following script to your solution's package.json file:","The script definition may vary depending on your needs and your application configuration. For example, you might want to specify additional file extensions such as **/*.{css,scss,sass}."]},{"l":"Custom configuration","p":["New projects shouldn't have to customize the default configurations offered by @workleap/stylelint-configs. However, if you are in the process of migrating an existing project to use this library or encountering a challenging situation, refer to the custom configuration page to understand how to override or extend the default configurations. Remember, no locked in❤️✌️."]},{"i":"try-it","l":"Try it \uD83D\uDE80","p":["To test your new setup, open a CSS file, type invalid code (e.g. color: #fff), then save. Open a terminal at the root of the solution and execute the CLI script added earlier:","The terminal should output a linting error."]}],[{"l":"Setup a monorepo","p":["This monorepo setup has been tested with PNPM workspaces. You may need a different setup for NPM workspaces or Yarn workspaces because by default, those package managers hoist dependencies rather than installing them in isolation like PNPM.","To lint a monorepo solution ( multiple projects per repository), Stylelint must be setuped to lint the files at the root of the solution (the monorepo workspace) and the files of every project of the monorepo. Execute the following steps to setup Stylelint for a monorepo solution."]},{"l":"Setup the workspace"},{"l":"Install the packages","p":["Open a terminal at the root of the solution workspace (the root of the repository) and install the following packages:"]},{"l":"Configure Stylelint","p":["First, create a configuration file named .stylelintrc.json at the root of the solution workspace:","Then, open the newly created file and extend the default configuration with the shared configurations provided by @workleap/stylelint-configs:"]},{"i":"stylelintignore","l":".stylelintignore","p":["Stylelint can be configured to ignore certain files and directories while linting by specifying one or more glob patterns.","To do so, first, create an .stylelintignore file at the root of the solution workspace:","Then, open the newly created file and paste the following ignore rules:"]},{"i":"prettierignore","l":".prettierignore","p":["Since we choose to stick with ESLint for JavaScript and JSON stylistic rules, a .prettierignore file must be added at the root of the solution workspace to ignore everything but CSS files.","To do so, first, create a .prettierignore file at the root of the solution workspace:","Then, open the newly created file and paste the following ignore rules:"]},{"l":"Configure the indent style","p":["Prettier offers built-in rules for configuring the indentation style of a codebase. However, there's a catch: when VS Code auto-formatting feature is enabled, it might conflict with the configured indentation rules if they are set differently.","To guarantee a consistent indentation, we recommend using EditorConfig on the consumer side. With EditorConfig, the indent style can be configured in a single file and be applied consistently across various formatting tools, including ESlint and VS Code.","First, create a .editorconfig file at the root of the solution workspace:","Then, open the newly created file and paste the following configuration:"]},{"l":"Add a CLI script","p":["At times, especially when running the CI build, it's useful to lint the entire solution using a single command. To do so, add the following script to your solution's workspace package.json file:","The script definition may vary depending on your needs and your application configuration. For example, you might want to specify additional file extensions such as **/*.{css,scss,sass}."]},{"l":"Setup a project"},{"i":"install-the-packages-1","l":"Install the packages","p":["Open a terminal at the root of the project ( packages/app for this example) and install the following package:"]},{"i":"configure-stylelint-1","l":"Configure Stylelint","p":["First, create a configuration file named .stylelintrc.json at the root of the project:","Then, open the newly created file and extend the default configuration with the shared configurations provided by @workleap/stylelint-configs:"]},{"l":"Custom configuration","p":["New projects shouldn't have to customize the default configurations offered by @workleap/stylelint-configs. However, if you are in the process of migrating an existing project to use this library or encountering a challenging situation, refer to the custom configuration page to understand how to override or extend the default configurations. Remember, no locked in❤️✌️."]},{"i":"try-it","l":"Try it \uD83D\uDE80","p":["To test your new setup, open a CSS file, type invalid code (e.g. color: #fff), then save. Open a terminal at the root of the solution and execute the CLI script added earlier:","The terminal should output a linting error."]}],[{"l":"Custom configuration","p":["If you are in the process of migrating an existing project to use @workleap/stylelint-configs or encountering a challenging situation that is not currently handled by this library, you might want to customize the default shared configurations.","For a list of the rules included with the default shared configurations, refer to the following file on GitHub."]},{"l":"Disable a default rule","p":["You can disable a default rule by defining the rule locally with the null value:"]},{"l":"Change a default rule severity","p":["You can update the severity of a rule by defining the rule locally with either the warn or error severity:"]},{"l":"Change a default rule value","p":["You can update a default rule value by defining the rule locally with its new value:"]},{"l":"Add a plugin","p":["You can configure additional rules from a third party Stylelint plugin:"]}],[{"l":"Integrate with VS Code","p":["Stylelint VS Code extension greatly improves the development experience by automatically linting the code as you type and automatically formatting the code according to your Stylelint configuration whenever you save."]},{"l":"Install Stylelint extension","p":["Open VS Code and install the stylelint.vscode-stylelint extension."]},{"l":"Configure VS Code","p":["Then, add the following settings to your solution VS Code settings file:"]},{"l":"Install EditorConfig extension","p":["Finally, install the EditorConfig.EditorConfig extension."]},{"i":"try-it","l":"Try it \uD83D\uDE80","p":["Restart VS Code, open a CSS file, type invalid code in a CSS selector (e.g. color: #fff), then save. The code should have been formatted automatically (e.g. color: #ffffff)."]}],[{"l":"Typescript"},{"l":"By project type configurations","p":["Typically, TypeScript shareable configuration libraries are architectured around the idea that shared configurations should be small and composable to accomodate any potential use cases that a development team might encounter.","While composability provides flexibility, it also increases the complexity on the consumer side as they must understand how TypeScript configuration inheritance works and how to compose the provided shared configurations correctly. It can be frustrating at times when you want to get something up and running quickly.","To improve the experience, rather than delegating the composition of the shared configuration pieces to the consumer, we compose them internally and offer configurations by project type instead.","This way, it's pretty straightforward for the consumer to configure TypeScript, as it only involves extending a single shared configuration per project and it allows for more accurate defaults and assumptions about the target environment. For advanced users in need of flexibility, the underlying configuration pieces are also available."]},{"l":"Linting only","p":["@workleap/typescript-configs by project type shared configurations exclusively focus on code linting, as tsup is handling the transpilation process."]},{"l":"Target environment","p":["@workleap/typescript-configs by project type shared configurations targets the following environment:","ESM","ESNext","If you are in the process of migrating an existing project to @workleap/typescript-configs, and would rather delay transitioning to ESM, refer to the custom configuration page for information about how to support non ESM projects."]},{"l":"Available configurations","p":["Name","Description","web-application","For web applications developed with React.","library","For library project developed with or without React.","monorepo-workspace","For the workspace configuration of a monorepo solution."]},{"l":"Getting started","p":["To get started, choose one of the following scenarios \uD83D\uDC47"]},{"l":"Setup a new project","p":["If you are looking to setup a new polyrepo solution (single project per repository), follow the guide to setup a polyrepo, otherwise, follow the guide to setup a monorepo."]},{"l":"Setup an existing project","p":["If you are migrating an existing polyrepo solution (single project per repository) to workleap/web-configs, follow the guide to setup a polyrepo, otherwise, follow the guide to setup a monorepo.","Once configured, to understand how to adapt @workleap/typescript-configs default configurations to your codebase while you are completing the migration, have a look at the custom configuration page."]},{"l":"Advanced configuration","p":["If you are encountering a challenging use case making impractical the per project type configurations offered by @workleap/typescript-configs, have a look at the advanced composition page for documentation about how to compose the underlying configuration pieces of this library."]}],[{"l":"Setup a polyrepo","p":["Execute the following steps to setup TypeScript for a polyrepo solution ( single project per repository) \uD83D\uDC47"]},{"l":"Install the packages","p":["Open a terminal at the root of the solution and install the following packages:"]},{"l":"Configure TypeScript","p":["First, create a configuration file named tsconfig.json at the root of the solution:","Then, open the newly created file and extend the default configuration with one of the shared configurations provided by @workleap/typescript-configs\uD83D\uDC47"]},{"l":"web-application","p":["For an applications developed with React, use the following configuration:","If your application is using Storybook, make sure to include the .storybook folder:"]},{"l":"library","p":["For a library project developed with or without React, use the following configuration:","If your application is using Storybook, make sure to include the .storybook folder and exclude the .storybook/storybook-static folder:"]},{"l":"Add a CLI script","p":["At times, especially when running the CI build, it's useful to lint the entire solution using a single command. To do so, add the following script to your solution's package.json file:"]},{"l":"Custom configuration","p":["New projects shouldn't have to customize the default configurations offered by @workleap/typescript-configs. However, if you are in the process of migrating an existing project to use this library or encountering a challenging situation, refer to the custom configuration page to understand how to override or extend the default configurations. Remember, no locked in❤️✌️."]},{"i":"try-it","l":"Try it \uD83D\uDE80","p":["To test your new TypeScript setup, open a TypeScript file, type invalid code (e.g. import { App } from ./App), then wait for the IDE to flag the error. Fix the error (e.g. import { App } from ./App.tsx), then wait for the IDE to remove the error."]}],[{"l":"Setup a monorepo","p":["This monorepo setup has been tested with PNPM workspaces. You may need a different setup for NPM workspaces or Yarn workspaces because by default, those package managers hoist dependencies rather than installing them in isolation like PNPM.","To lint a monorepo solution ( multiple projects per repository), TypeScript must be setuped to lint the files at the root of the solution (the monorepo workspace) and the files of every project of the monorepo. Execute the following steps to setup TypeScript for a monorepo solution."]},{"l":"Setup the workspace"},{"l":"Install the packages","p":["Open a terminal at the root of the solution workspace (the root of the repository) and install the following packages:"]},{"l":"Configure TypeScript","p":["First, create a configuration file named tsconfig.json at the root of the solution workspace:","Then, open the newly created file and extend the default configuration with the monorepo-workspace shared configurations:","If your application is using Storybook, make sure to include the .storybook folder and exclude the .storybook/storybook-static folder:"]},{"l":"Add a CLI script","p":["At times, especially when running the CI build, it's useful to lint the entire solution using a single command. To do so, add the following script to your solution's workspace package.json file:"]},{"l":"Setup a project"},{"l":"Install the package","p":["Open a terminal at the root of the project ( packages/app for this example) and install the following package:"]},{"i":"configure-typescript-1","l":"Configure TypeScript","p":["First, create a configuration file named tsconfig.json at the root of the project:","Then, open the newly created file and extend the default configuration with one of the shared configurations provided by @workleap/typescript-configs\uD83D\uDC47"]},{"l":"web-application","p":["For an applications developed with React, use the following configuration:"]},{"l":"library","p":["For a library project developed with or without React, use the following configuration:"]},{"l":"Custom configuration","p":["New projects shouldn't have to customize most of the default configurations offered by @workleap/typescript-configs. However, if you are in the process of migrating an existing project to use this library or encountering a challenging situation, refer to the custom configuration page to understand how to override or extend the default configurations. Remember, no locked in❤️✌️."]},{"l":"Compiler paths","p":["If any projects of your solution are referencing other projects of the monorepo workspace (e.g. @sample/components: workspace:*), chances are that you'll need to define paths in their tsconfig.json file.","Given the following solution:","If the packages/components project is referencing the packages/utils project, and the packages/app project is referencing the packages/components project, you'll need to add the following compilerOptions.paths:"]},{"i":"try-it","l":"Try it \uD83D\uDE80","p":["To test your new TypeScript setup, open a TypeScript file, type invalid code (e.g. import { App } from ./App), then wait for the IDE to flag the error. Fix the error (e.g. import { App } from ./App.tsx), then wait for the IDE to remove the error."]}],[{"l":"Custom configuration","p":["If you are in the process of migrating an existing project to use @workleap/typescript-configs or encountering a challenging situation that is not currently handled by this library, you might want to customize the default shared configurations.","For a list of the rules included with the default shared configurations, refer to the configuration files in the following folder on GitHub."]},{"l":"Change a default field value","p":["You can update a default field value by defining the field locally with its new value:"]},{"l":"Non ESM projects","p":["If you are migrating an existing project and prefer to wait before moving to ESM, add the following custom configurations to allow import statements without specifying a file extension:"]},{"l":"Start from scratch","p":["If your situation is so challenging that you must start a new configuration from scratch, refer to the advanced composition page."]}],[{"l":"Advanced composition","p":["If the default by project type configurations doesn't fits your needs, rather than writing your own configuration from scratch, you can compose a new one from the underlying configuration pieces of @workleap/typescript-configs."]},{"l":"Available pieces","p":["Name","Description","core","Basic rules shared by every configuration.","react","Rules for React applications and libraries."]},{"l":"Compose a new configuration","p":["Each configuration piece can be extended individually, or in combination with other pieces, to compose your own custom TypeScript configuration."]},{"l":"React configuration","p":["To extend the base configuration for a React project:"]},{"l":"Non React configuration","p":["To extend the core configuration for a regular TypeScript project:"]}],[{"l":"SWC"},{"l":"Main features","p":["The shared configurations offered by @workleap/swc-configs includes the following features \uD83D\uDC47"]},{"l":"Language support","p":["JavaScript","TypeScript"]},{"l":"Framework support","p":["React"]},{"l":"Development features","p":["Fast Refresh"]},{"l":"Production features","p":["Minification"]},{"l":"Target environment","p":["ESM","ECMAScript features matching the provided browsers"]},{"l":"Getting started","p":["To get started, follow the quick start guide to configure SWC for either a development environment, a production environment or to run Jest tests."]}],[{"l":"Configure for development","p":["To configure SWC for a development environment, execute the following steps \uD83D\uDC47"]},{"l":"Install the packages","p":["Open a terminal at the root of the project and install the following packages:"]},{"l":"Configure SWC","p":["First, create a configuration file named swc.dev.js at the root of the project:","Then, open the newly created file and export the SWC configuration by using the defineDevConfig(targets, options) function:"]},{"l":"targets","p":["In the previous code sample, the defineDevConfig(targets, options) function receives a list of minimal browser versions to support through the targets parameter.","The expected behavior for the supported browsers would be for SWC to automatically load the minimal browser versions from the closest .browserslistrc configuration file. However, there is currently an issue preventing SWC from doing so when the configuration file include a query referencing an external Browserslist configuration:","Therefore, @workleap/swc-configs has chosen to delegate the loading of the Browserslist configuration to the consumer by making the targets option required."]},{"l":"browserslistToSwc","p":["To help consumers provide SWC targets from a Browserslist configuration, @workleap/swc-configs offers the browserslistToSwc(options) utility function.","This function can either transform an array of Browserslist queries to SWC targets:","Or load the closest .browserslistrc configuration file and convert the queries into SWC targets:","The browserslistToSwc(options) utility function accepts any option supported by Browserslist JS API in addition to a queries option:","queries: string | string[]"]},{"l":"Use predefined options","p":["The defineDevConfig(targets, options) function can be used as shown in the previous example, however, if you wish to customize the default configuration, the function also accept a few predefined options to help with that \uD83D\uDC47"]},{"l":"baseUrl","p":["Type: string","Sets a base directory from which to resolve module names. This option is usually provided when custom paths are provided. Note that SWC requires the baseUrl to be an absolute path."]},{"l":"fastRefresh","p":["Type: boolean","Default: true","Whether or not to enable Fast Refresh."]},{"l":"parser","p":["Type: ecmascript | typescript","Default: typescript","Whether SWC should expect to parse JavaScript or TypeScript code."]},{"l":"paths","p":["You shouldn't need to define custom paths for your project. If you're defining custom paths to support aliases, consider using the imports field of your project's package.json file instead.","Type: Recordstring, string[]","A series of entries which re-map imports to lookup locations relative to the baseUrl if set."]},{"l":"Configuration transformers","p":["We do not guarantee that your configuration transformers won't break after an update. It's your responsibility to keep them up to date with new releases.","The predefined options are useful to quickly customize the default development configuration of @workleap/swc-configs, but only covers a subset of an SWC configuration. If you need full control over the configuration, you can provide configuration transformer functions through the transformers option of the defineDevConfig function. Remember, no locked in❤️✌️.","To view the default development configuration of @workleap/swc-configs, have a look at the dev.ts configuration file on GitHub."]},{"l":"transformers","p":["Type: ((config: SwcConfig, context: SwcConfigTransformerContext) = SwcConfig)[]","Default: []"]},{"l":"Execution context","p":["Generic transformers can use the context parameter to gather additional information about their execution context, like the environment they are operating in:","environment: dev | build | jest"]},{"l":"Configure webpack","p":["To integrate with webpack, update your configuration file to include an swc-loader:"]},{"i":"try-it","l":"Try it \uD83D\uDE80","p":["To test your new SWC configuration, create a Typescript file with the following code:","If you integrated SWC with webpack, make sure to import the previously created file in one of your webpack entry points, then start the webpack development server. The development server should start without outputting any error to the console.","Otherwise, open a terminal at the root of your project and install @swc/cli:","Then, process the file with @swc/cli by executing the following command in the same terminal:","The generated say.js file should include the following transpiled code:"]}],[{"l":"Configure for build","p":["To configure SWC for a production environment, execute the following steps \uD83D\uDC47"]},{"l":"Install the packages","p":["Open a terminal at the root of the project and install the following packages:"]},{"l":"Configure SWC","p":["First, create a configuration file named swc.build.js at the root of the project:","Then, open the newly created file and export the SWC configuration by using the defineBuildConfig(targets, options) function:"]},{"l":"targets","p":["In the previous code sample, the defineBuildConfig(targets, options) function receives a list of minimal browser versions to support through the targets parameter.","The expected behavior for the supported browsers would be for SWC to automatically load the minimal browser versions from the closest .browserslistrc configuration file. However, there is currently an issue preventing SWC from doing so when the configuration file include a query referencing an external Browserslist configuration:","Therefore, @workleap/swc-configs has chosen to delegate the loading of the Browserslist configuration to the consumer by making the targets option required."]},{"l":"browserslistToSwc","p":["To help consumers provide SWC targets from a Browserslist configuration, @workleap/swc-configs offers the browserslistToSwc(options) utility function.","This function can either transform an array of Browserslist queries to SWC targets:","Or load the closest .browserslistrc configuration file and convert the queries into SWC targets:","The browserslistToSwc(options) utility function accepts any option supported by Browserslist JS API in addition to a queries option:","queries: string | string[]"]},{"l":"Use predefined options","p":["The defineBuildConfig(targets, options) function can be used as shown in the previous example, however, if you wish to customize the default configuration, the function also accept a few predefined options to help with that \uD83D\uDC47"]},{"l":"baseUrl","p":["Type: string","Sets a base directory from which to resolve module names. This option is usually provided when custom paths are provided. Note that SWC requires the baseUrl to be an absolute path."]},{"l":"parser","p":["Type: ecmascript | typescript","Default: typescript","Whether SWC should expect to parse JavaScript or TypeScript code."]},{"l":"paths","p":["You shouldn't need to define custom paths for your project. If you're defining custom paths to support aliases, consider using the imports field of your project's package.json file instead.","Type: Recordstring, string[]","A series of entries which re-map imports to lookup locations relative to the baseUrl if set."]},{"l":"Configuration transformers","p":["We do not guarantee that your configuration transformers won't break after an update. It's your responsibility to keep them up to date with new releases.","The predefined options are useful to quickly customize the default build configuration of @workleap/swc-configs, but only covers a subset of an SWC configuration. If you need full control over the configuration, you can provide configuration transformer functions through the transformers option of the defineBuildConfig function. Remember, no locked in❤️✌️.","To view the default development configuration of @workleap/swc-configs, have a look at the build.ts configuration file on GitHub."]},{"l":"transformers","p":["Type: ((config: SwcConfig, context: SwcConfigTransformerContext) = SwcConfig)[]","Default: []"]},{"l":"Execution context","p":["Generic transformers can use the context parameter to gather additional information about their execution context, like the environment they are operating in:","environment: dev | build | jest"]},{"l":"Configure webpack","p":["To integrate with webpack, update your configuration file to include an swc-loader:"]},{"i":"try-it","l":"Try it \uD83D\uDE80","p":["To test your new SWC configuration, create a Typescript file with the following code:","If you integrated SWC with webpack, make sure to import the previously created file in one of your webpack entry points, then execute your webpack build and find the transpiled code in the generated bundle files of your dist folder.","Otherwise, open a terminal at the root of your project and install @swc/cli:","Then, process the file with @swc/cli by executing the following command in the same terminal:","Whether you processed the file with webpack or @swc/cli, the transpiled code should be:"]}],[{"l":"Configure for Jest","p":["To configure SWC for a Jest environment, execute the following steps \uD83D\uDC47"]},{"l":"Install the packages","p":["Open a terminal at the root of the project and install the following packages:"]},{"l":"Configure SWC","p":["To use a TypeScript configuration file, make sure that your Jest configuration is also in TypeScript.","First, create a configuration file named swc.jest.ts at the root of the project:","Then, open the newly created file and export the SWC configuration by using the defineJestConfig(options) function:"]},{"l":"Use predefined options","p":["The defineJestConfig(options) function can be used as shown in the previous example, however, if you wish to customize the default configuration, the function also accept a few predefined options to help with that \uD83D\uDC47"]},{"l":"baseUrl","p":["Type: string","Sets a base directory from which to resolve module names. This option is usually provided when custom paths are provided. Note that SWC requires the baseUrl to be an absolute path."]},{"l":"react","p":["Type: boolean","Default: false","Whether or not to transform React code."]},{"l":"parser","p":["Type: ecmascript | typescript","Default: typescript","Whether SWC should expect to parse JavaScript or TypeScript code."]},{"l":"paths","p":["You shouldn't need to define custom paths for your project. If you're defining custom paths to support aliases, consider using the imports field of your project's package.json file instead.","Type: Recordstring, string[]","A series of entries which re-map imports to lookup locations relative to the baseUrl if set."]},{"l":"Configuration transformers","p":["We do not guarantee that your configuration transformers won't break after an update. It's your responsibility to keep them up to date with new releases.","The predefined options are useful to quickly customize the default development configuration of @workleap/swc-configs, but only covers a subset of an SWC configuration. If you need full control over the configuration, you can provide configuration transformer functions through the transformers option of the defineJestConfig function. Remember, no locked in❤️✌️.","To view the default Jest configuration of @workleap/swc-configs, have a look at the jest.ts configuration file on GitHub."]},{"l":"transformers","p":["Type: ((config: SwcConfig, context: SwcConfigTransformerContext) = SwcConfig)[]","Default: []"]},{"l":"Configure Jest","p":["To configure Jest, open the project jest.config.ts file and add the following code:"]},{"i":"try-it","l":"Try it \uD83D\uDE80","p":["To test your new SWC configuration, create a Jest test in Typescript:","Open a terminal and run Jest directly from the CLI:","The test should succeed without any error outputted to the console."]}],[{"l":"Rsbuild","p":["Rsbuild is a high-performance build tool powered by Rspack, a Rust-based port of webpack designed for efficiency and speed. Those new Rsbuild shared configurations are a modern replacement for previous Workleap's shared webpack configurations."]},{"l":"Main features","p":["The shared configurations offered by @workleap/rsbuild-configs includes the following features \uD83D\uDC47"]},{"l":"Language support","p":["JavaScript","TypeScript","CSS (with CSS modules and LightningCSS)"]},{"l":"Framework support","p":["React"]},{"l":"Asset support","p":["SVG as React components","PNG","JPEG","GIF"]},{"l":"Development features","p":["Development server","Fast Refresh or Hot Module Reload","Sourcemap"]},{"l":"Production features","p":["Minification","Output to /dist"]},{"l":"Target environment","p":["As per the Browserlist configuration."]},{"l":"Getting started","p":["To get started, follow the quick start guide to configure Rsbuild for either a development environment, a production environment or storybook.","If your project is already using @workleap/webpack-configs, follow the migration guide."]}],[{"l":"Configure for development","p":["To configure Rsbuild for a development environment, execute the following steps \uD83D\uDC47"]},{"l":"Install the packages","p":["Open a terminal at the root of the project and install the following packages:"]},{"l":"Configure Rsbuild"},{"l":"HTML template","p":["First, create a public folder with an index.html file at the root of the project:","Then, open the newly created index.html file and copy/paste the following content:","The content of the public/index.html file will be the template used by Rsbuild HTML template feature."]},{"l":"Reference local assets","p":["To reference local assets such as a favicon.png in the default HTML template, it is recommended to preprend the relative path of every asset with the assetPrefix option of the Rsbuild config.","First, add the asset to the public folder at the root of the project:","Then, add the assets to the index.html file:","If assetPrefix is set to auto, use href=favicon.png instead."]},{"l":"Browserslist","p":["Next, let's set up Browserlist to define the minimum browser versions supported by the application. Rsbuild will automatically detect and load the browser versions from the nearest .browserslistrc configuration file.","First, create a browserslistrc file at the root of the project:","Then, open the newly created file and extend the default configuration with the shared configuration provided by @workleap/browserslist-config:"]},{"i":"rsbuilddevts","l":"rsbuild.dev.ts","p":["Next, create a configuration file named rsbuild.dev.ts at the root of the project:","Then, open the newly created file and export the Rsbuild configuration by using the defineDevConfig(options) function:"]},{"l":"Use predefined options","p":["The defineDevConfig(options) function can be used as shown in the previous example, however, if you wish to customize the default configuration, the function also accept a few predefined options to help with that \uD83D\uDC47"]},{"l":"entry","p":["Type: An object literal accepting any source.entry options.","Default: { index: ./src/index.tsx }","Set Rsbuild source.entry option."]},{"l":"https","p":["Type: boolean or an object literal accepting any server.https options.","Default: false","Set Rsbuild server.https option and format Rsbuild dev.assetPrefix option accordingly.","When true, a self-signed certificate will be generated with rsbuild-plugin-basic-ssl. To manually set a certificate, follow Rsbuild instructions."]},{"l":"host","p":["Type: string","Default: localhost","Set Rsbuild server.host option and format Rsbuild dev.assetPrefix option accordingly."]},{"l":"port","p":["Type: number","Default: 8080","Set Rsbuild server.port option and format Rsbuild dev.assetPrefix option accordingly."]},{"l":"assetPrefix","p":["This option is the Rsbuild equivalent of webpack publicPath option.","Type: string","Default: ${https ? https : http}://${host}:${port}","Set Rsbuild dev.assetPrefix option.","If you're unsure of the asset prefix in advance, set the option to auto. Rsbuild will automatically determine the asset prefix using import.meta.url or document.currentScript."]},{"l":"plugins","p":["Type: An array of Rsbuild plugin instances","Default: []","Append the provided Rsbuild plugins to the configuration."]},{"l":"html","p":["Type: false or (defaultOptions: HtmlConfig) = HtmlConfig","Default: defaultOptions = defaultOptions","By default, Rsbuild will attempt to load an HTML template from the public/index.html file. To use Rsbuild's built-in HTML template instead, set the option to false.","To customize the default HTML template configuration, provide a function extending the default options."]},{"l":"lazyCompilation","p":["Type: boolean","Default: true","Whether or not to use lazy compilation. To disable lazy compilation, set the option to false."]},{"l":"hmr","p":["Type: boolean","Default: true","Whether or not to use HMR. To disable HMR set the option to false."]},{"l":"fastRefresh","p":["Type: boolean","Default: true","Whether or not to use Fast Refresh instead of use HMR. To disable fast refresh set the option to false.","To customize the Fast Refresh configuration, provide a react function extending the default options."]},{"l":"sourceMap","p":["Type: false or an object literal accepting any output.sourceMap options.","Default: { js: cheap-module-source-map, css: true }","Whether or not to generate source map. To disable source map, set the option to false.","To customize the source map configuration, provide an object literal."]},{"l":"overlay","p":["Type: false","Default: undefined","Whether or not a full-screen overlay should be in the browser when there are compiler errors or warnings."]},{"l":"react","p":["Type: false or (defaultOptions: PluginReactOptions) = PluginReactOptions","Default: defaultOptions = defaultOptions","Whether or not to transform React code. To disable React code transformation, set the option to false.","To customize plugin-react, provide a function to extend the default options."]},{"l":"svgr","p":["Type: false or (defaultOptions: PluginSvgrOptions) = PluginSvgrOptions","Default: defaultOptions = defaultOptions","Whether or not to handle .svg files with plugin-svgr. When the option is set to false, the .svg files will be handled by the asset/resource rule.","To customize the plugin-svgr, provide a function extending the default options."]},{"l":"Typings","p":["When you reference an SVG asset in TypeScript code, TypeScript may prompt that the module is missing a type definition:","To fix this, you need to add type declaration for the SVG assets, create a src/env.d.ts file, and add the type declaration.","For additional information, refer to the plugin documentation."]},{"l":"Import images","p":["By default, plugin-svgr is configured to support named import for ReactComponent:"]},{"l":"verbose","p":["Type: boolean","Default: false","Start the Rsbuild process with verbose logging turned on."]},{"l":"Configuration transformers","p":["We do not guarantee that your configuration transformers won't break after an update. It's your responsibility to keep them up to date with new releases.","The predefined options are useful to quickly customize the default development configuration of @workleap/rsbuild-configs, but only covers a subset of an Rsbuild configuration. If you need full control over the configuration, you can provide configuration transformer functions through the transformers option of the defineDevConfig function. Remember, no locked in❤️✌️.","To view the default development configuration of @workleap/rsbuild-configs, have a look at the dev.ts configuration file on GitHub."]},{"l":"transformers","p":["Type: ((config: RsbuildConfig, context: RsbuildConfigTransformerContext) = RsbuildConfig)[]","Default: []"]},{"l":"Execution context","p":["Generic transformers can use the context parameter to gather additional information about their execution context, like the environment they are operating in.","environment: dev | build | storybook","verbose: boolean"]},{"l":"Setup nodemon","p":["Nodemon is a utility that will monitor for any changes in the rsbuild.dev.dev.ts file and restart the Rsbuild development server whenever a change occurs.","First, add a nodemon.json file at the root of the project:","Then, open the nodemon.json file and copy/paste the following content:","Finally, add a CLI script at the next step of this guide."]},{"l":"Add a CLI script","p":["To initiate the development server, add the following script to your project package.json file:"]},{"l":"Define environment variables"},{"l":"cross-env","p":["We recommend to define environment variables using cross-env. With cross-env, the environment variables will be made available to any Node.js files that are executed by the script process ( dev in the example below \uD83D\uDC47):","However, there's a catch. When using cross-env, the variables will not be available in the application files because cross-env only makes them available to files that are executed by the process at build time while the application files are executed at runtime by a browser.","To make them accessible to the application files, Rsbuild must be aware of those environment variables and render them into the compiled application files. This is the purpose of the environmentVariables option."]},{"l":"environmentVariables","p":["Type: Recordstring, unknown","Default: {}","First, define the variables with environmentVariables:","Then, use the variables in any application files:","The === true part of DEBUG: process.env.DEBUG === true is very important, otherwise the environment variable value would be true instead of true.","By default, Rsbuild injects a few environment variables into the code using the source.define option. For additional information about these default environment variables, refer to the Rsbuild documentation."]},{"l":"CSS modules typings","p":["When you import CSS Modules in TypeScript code, TypeScript may prompt that the module is missing a type definition:","To fix this, you need to add a type declaration file for the CSS Modules, please create a src/env.d.ts file, and add the corresponding type declaration.","Make sure the project have a dependency on @rsbuild/core."]},{"l":"Monorepo","p":["If your solution is a monorepo, ensure that projects referencing your packages that include CSS Modules, also include the necessary type definitions","For example, given the following structure:","Copy the CSS Modules typings into the app web application own env.d.ts file, or include the components package's typings into the apps web application tsconfig.ts configuration file:","For additional information abour CSS modules type declaration, refer to the Rsbuild documentation."]},{"i":"try-it","l":"Try it \uD83D\uDE80","p":["To test your new Rsbuild configuration, open a terminal at the root of the project and execute the CLI script added earlier. A development server should start without outputting any error in the terminal."]}],[{"l":"Configure for build","p":["To configure Rsbuild for a production environment, execute the following steps \uD83D\uDC47"]},{"l":"Install the packages"},{"l":"Configure Rsbuild"},{"l":"HTML template","p":["First, create a public folder with an index.html file at the root of the project:","Then, open the newly created index.html file and copy/paste the following content:","The content of the public/index.html file will be the template used by Rsbuild HTML template feature."]},{"l":"Reference local assets","p":["To reference local assets such as a favicon.png in the default HTML template, it is recommended to preprend the relative path of every asset with the assetPrefix option of the Rsbuild config.","First, add the asset to the public folder at the root of the project:","Then, add the assets to the index.html file:","If assetPrefix is set to auto, use href=favicon.png instead."]},{"l":"Browserslist","p":["Next, let's set up Browserlist to define the minimum browser versions supported by the application. Rsbuild will automatically detect and load the browser versions from the nearest .browserslistrc configuration file.","First, create a browserslistrc file at the root of the project:","Then, open the newly created file and extend the default configuration with the shared configuration provided by @workleap/browserslist-config:"]},{"i":"rsbuildbuildts","l":"rsbuild.build.ts","p":["Next, create a configuration file named rsbuild.build.ts at the root of the project:","Then, open the newly created file and export the Rsbuild configuration by using the defineBuildConfig(options) function:"]},{"l":"Use predefined options","p":["The defineBuildConfig(options) function can be used as shown in the previous example, however, if you wish to customize the default configuration, the function also accept a few predefined options to help with that \uD83D\uDC47"]},{"l":"entry","p":["Type: RsbuildEntry","Default: { index: ./src/index.tsx }","Set Rsbuild source.entry option."]},{"l":"distPath","p":["This option is the Rsbuild equivalent of webpack outputPath option.","Type: string","Default: dist","Set Rsbuild output.distPath option."]},{"l":"assetPrefix","p":["This option is the Rsbuild equivalent of webpack publicPath option.","Type: string","Default: ${https ? https : http}://${host}:${port}","Set Rsbuild output.assetPrefix option.","If you're unsure of the asset prefix in advance, set the option to auto. Rsbuild will automatically determine the asset prefix using import.meta.url or document.currentScript."]},{"l":"plugins","p":["Type: An array of Rsbuild plugin instances","Default: []","Append the provided Rsbuild plugins to the configuration."]},{"l":"html","p":["Type: false or (defaultOptions: HtmlConfig) = HtmlConfig","Default: defaultOptions = defaultOptions","By default, Rsbuild will attempt to load an HTML template from the public/index.html file. To use Rsbuild's built-in HTML template instead, set the option to false.","To customize the default HTML template configuration, provide a function extending the default options."]},{"l":"minify","p":["Type: false or an object literal accepting any minify options.","Default: true","Whether or not to minify the code. To disable code minification, set the option to false.","To customize the minimizer configuration, provide an object literal."]},{"l":"optimize","p":["Type: boolean| readable","Default: true","Whether or not to enable Rsbuild production code optimization. This option can be quite useful when debugging an issue with Rsbuild bundling.","When false is provided, most of the optimizations, including minification will be turned off:","When readable is provided, most of the optimizations will still be applied but the outputed bundles will be easier to read:"]},{"l":"sourceMap","p":["Type: false or an object literal accepting any output.sourceMap options.","Default: { js: source-map, css: true }","Whether or not to generate source map. To disable source map, set the option to false.","To customize the source map configuration, provide an object literal."]},{"l":"react","p":["Type: false or (defaultOptions: PluginReactOptions) = PluginReactOptions","Default: defaultOptions = defaultOptions","Whether or not to transform React code. To disable React code transformation, set the option to false.","To customize plugin-react, provide a function to extend the default options."]},{"l":"svgr","p":["Type: false or (defaultOptions: PluginSvgrOptions) = PluginSvgrOptions","Default: defaultOptions = defaultOptions","Whether or not to handle .svg files with plugin-svgr. When the option is set to false, the .svg files will be handled by the asset/resource rule.","To customize plugin-svgr, provide a function extending the default options."]},{"l":"Typings","p":["When you reference an SVG asset in TypeScript code, TypeScript may prompt that the module is missing a type definition:","To fix this, you need to add type declaration for the SVG assets, create a src/env.d.ts file, and add the type declaration.","For additional information, refer to the plugin documentation."]},{"l":"Import images","p":["By default, plugin-svgr is configured to support named import for ReactComponent:"]},{"l":"compressImage","p":["Type: false or (defaultOptions: PluginImageCompressOptions) = PluginImageCompressOptions","Default: defaultOptions = defaultOptions","Whether or not to compress images with plugin-image-compress. To disable image compression, set the option to false.","To customize plugin-image-compress, provide a function extending the default options."]},{"l":"verbose","p":["Type: boolean","Default: false","Start the Rsbuild process with verbose logging turned on."]},{"l":"Configuration transformers","p":["We do not guarantee that your configuration transformers won't break after an update. It's your responsibility to keep them up to date with new releases.","The predefined options are useful to quickly customize the default build configuration of @workleap/rsbuild-configs, but only covers a subset of an Rsbuild configuration. If you need full control over the configuration, you can provide configuration transformer functions through the transformers option of the defineBuildConfig function. Remember, no locked in❤️✌️.","To view the default build configuration of @workleap/rsbuild-configs, have a look at the build.ts configuration file on GitHub."]},{"l":"transformers","p":["Type: ((config: RsbuildConfig, context: RsbuildConfigTransformerContext) = RsbuildConfig)[]","Default: []"]},{"l":"Execution context","p":["Generic transformers can use the context parameter to gather additional information about their execution context, like the environment they are operating in.","environment: dev | build | storybook","verbose: boolean"]},{"l":"Add a CLI script","p":["To create the bundle files for production, add the following script to your project package.json file:"]},{"l":"Use environment variables"},{"l":"cross-env","p":["We recommend instead to define environment variables using cross-env. With cross-env, the environment variables will be made available to any Node.js files that are executed by the script process ( build in the example below \uD83D\uDC47):","However, there's a catch. When using cross-env, the variables will not be available in the application files because cross-env only makes them available to files that are executed by the process at build time while the application files are executed at runtime by a browser.","To make them accessible to the application files, Rsbuild must be aware of those environment variables and render them into the compiled application files. This is the purpose of the environmentVariables option."]},{"l":"environmentVariables","p":["Type: Recordstring, unknown","Default: {}","First, define the variables with environmentVariables:","Then, use the variables in any application files:","The === true part of DEBUG: process.env.DEBUG === true is very important, otherwise the environment variable value would be true instead of true.","By default, Rsbuild injects a few environment variables into the code using the source.define option. For additional information about these default environment variables, refer to the Rsbuild documentation."]},{"l":"CSS modules typings","p":["When you import CSS Modules in TypeScript code, TypeScript may prompt that the module is missing a type definition:","To fix this, you need to add a type declaration file for the CSS Modules, please create a src/env.d.ts file, and add the corresponding type declaration.","Make sure the project have a dependency on @rsbuild/core."]},{"l":"Monorepo","p":["If your solution is a monorepo, ensure that projects referencing your packages that include CSS Modules, also include the necessary type definitions","For example, given the following structure:","Copy the CSS Modules typings into the app web application own env.d.ts file, or include the components package's typings into the apps web application tsconfig.ts configuration file:","For additional information abour CSS modules type declaration, refer to the Rsbuild documentation."]},{"i":"try-it","l":"Try it \uD83D\uDE80","p":["To test your new Rsbuild configuration, open a terminal at the root of the project and execute the CLI script added earlier. The build process should complete without outputting any error in the terminal and the bundle files should be available in the /dist folder (or any other distPath you configured)."]}],[{"l":"Configure for Storybook","p":["To configure Rsbuild for Storybook, execute the following steps \uD83D\uDC47"]},{"l":"Install the packages"},{"l":"Configure Rsbuild"},{"l":"Browserslist","p":["First, let's set up Browserlist to define the minimum browser versions supported by the application. Rsbuild will automatically detect and load the browser versions from the nearest .browserslistrc configuration file.","First, create a browserslistrc file at the root of the project:","Then, open the newly created file and extend the default configuration with the shared configuration provided by @workleap/browserslist-config:"]},{"i":"rsbuildconfigts","l":"rsbuild.config.ts","p":["Next, create a configuration file named rsbuild.config.ts under the storybook folder:","Then, open the newly created file and export the Rsbuild configuration by using the defineStorybookConfig(options) function:"]},{"i":"maints","l":"main.ts","p":["Finally, open the .storybook/main.ts file and set storybook-react-rsbuild as the framework to use:"]},{"l":"Use predefined options","p":["The defineStorybookConfig(options) function can be used as shown in the previous example, however, if you wish to customize the default configuration, the function also accept a few predefined options to help with that \uD83D\uDC47"]},{"l":"plugins","p":["Type: An array of Rsbuild plugin instances","Default: []","Append the provided Rsbuild plugins to the configuration."]},{"l":"sourceMap","p":["Type: false or an object literal accepting any output.sourceMap options.","Default: { js: cheap-module-source-map, css: true }","Whether or not to generate source map. To disable source map, set the option to false.","To customize the source map configuration, provide an object literal."]},{"l":"react","p":["Type: false or (defaultOptions: PluginReactOptions) = PluginReactOptions","Default: defaultOptions = defaultOptions","Whether or not to transform React code. To disable React code transformation, set the option to false.","To customize plugin-react, provide a function to extend the default options."]},{"l":"svgr","p":["Type: false or (defaultOptions: PluginSvgrOptions) = PluginSvgrOptions","Default: defaultOptions = defaultOptions","Whether or not to handle .svg files with plugin-svgr. When the option is set to false, the .svg files will be handled by the asset/resource rule.","To customize plugin-svgr, provide a function extending the default options.","When you reference an SVG asset in TypeScript code, TypeScript may prompt that the module is missing a type definition:","To fix this, you need to add type declaration for the SVG assets, create a src/env.d.ts file, and add the type declaration.","For additional information, refer to the plugin documentation."]},{"l":"Import images","p":["By default, plugin-svgr is configured to support named import for ReactComponent:"]},{"l":"verbose","p":["Type: boolean","Default: false","Start the Rsbuild process with verbose logging turned on."]},{"l":"Configuration transformers","p":["We do not guarantee that your configuration transformers won't break after an update. It's your responsibility to keep them up to date with new releases.","The predefined options are useful to quickly customize the default Storybook configuration of @workleap/rsbuild-configs, but only covers a subset of an Rsbuild configuration. If you need full control over the configuration, you can provide configuration transformer functions through the transformers option of the defineBuildConfig function. Remember, no locked in❤️✌️.","To view the default build configuration of @workleap/rsbuild-configs, have a look at the storybook.ts configuration file on GitHub."]},{"l":"transformers","p":["Type: ((config: RsbuildConfig, context: RsbuildConfigTransformerContext) = RsbuildConfig)[]","Default: []"]},{"l":"Execution context","p":["Generic transformers can use the context parameter to gather additional information about their execution context, like the environment they are operating in.","environment: dev | build | storybook","verbose: boolean"]},{"l":"Add CLI scripts","p":["To create the bundle files for production, add the following scripts to your project package.json file:"]},{"l":"Use environment variables"},{"l":"cross-env","p":["We recommend instead to define environment variables using cross-env. With cross-env, the environment variables will be made available to any Node.js files that are executed by the script process ( dev and build in the example below \uD83D\uDC47):","However, there's a catch. When using cross-env, the variables will not be available in the application files because cross-env only makes them available to files that are executed by the process at build time while the application files are executed at runtime by a browser.","To make them accessible to the application files, Rsbuild must be aware of those environment variables and render them into the compiled application files. This is the purpose of the environmentVariables option."]},{"l":"environmentVariables","p":["Type: Recordstring, unknown","Default: {}","First, define the variables with environmentVariables:","Then, use the variables in any file:","The === true part of DEBUG: process.env.DEBUG === true is very important, otherwise the environment variable value would be true instead of true.","By default, Rsbuild injects a few environment variables into the code using the source.define option. For additional information about these default environment variables, refer to the Rsbuild documentation."]},{"i":"try-it","l":"Try it \uD83D\uDE80","p":["To test your new Rsbuild configuration, open a terminal at the root of the project and execute the CLI scripts added earlier. Either the Storybook development server should start without outputting any error in the terminal or the Storybook application bundle files should be available in the /storybook-static folder (or any other folder you configured)."]}],[{"l":"Migrate from Webpack","p":["To migrate from @squide/firefly-webpack-configs to @squide/firefly-rsbuild-configs, execute the following steps \uD83D\uDC47"]},{"l":"Update packages","p":["Open a terminal at the root of the web application project and install the following packages:","Then, in the same terminal, remove the following packages:","If your web application project uses SWC for tests, you may want to keep the @swc/core and @workleap/swc-configs packages."]},{"l":"Update files"},{"i":"webpackbuildjs","l":"webpack.build.js","p":["Rename the file from webpack.build.js to rsbuild.build.ts.","Then, open the rsbuild.build.ts file and apply the following changes:","Replace @workleap/webpack-configs for @workleap/rsbuild-configs.","Remove import { swcConfig } from ./swc.build.js.","Remove the first argument of the defineBuildHostConfig function.","Remove // @ts-check.","Before:","After:"]},{"i":"webpackdevjs","l":"webpack.dev.js","p":["Rename the file from webpack.dev.js to rsbuild.dev.ts.","Then, open the rsbuild.build.ts file and and apply the following changes:","Replace @workleap/webpack-configs for @workleap/rsbuild-configs.","Remove import { swcConfig } from ./swc.build.js.","Remove the first argument of the defineDevHostConfig function.","Remove // @ts-check.","Before:","After:"]},{"i":"postcssconfigts","l":"postcss.config.ts","p":["Delete the postcss.config.ts file."]},{"i":"swcbuildjs","l":"swc.build.js","p":["Delete the swc.build.js file."]},{"i":"swcdevjs","l":"swc.dev.js","p":["Delete the swc.dev.js file."]},{"i":"indexhtml","l":"index.html","p":["Replace %=webpackConfig.output.publicPath% by %=assetPrefix%/(the / is important).","Before:","After:"]},{"l":"Update scripts"},{"l":"dev","p":["Update the dev script to run Rsbuild instead of webpack.","Before:","After:"]},{"l":"build","p":["Update the build script to run Rsbuild instead of webpack.","Before:","After:"]},{"l":"Typings","p":["If you're encountering typing issues, consider adding type declarations for the following","SVGR","CSS Module"]},{"l":"Storybook","p":["Consider using the new Rsbuild Storybook shared configurations."]},{"i":"try-it","l":"Try it \uD83D\uDE80","p":["Start the application in a development environment using the dev and build script. Everything should run smoothly without any warnings or errors outputted in the terminal."]}],[{"l":"tsup"},{"l":"Issues with tsc","p":["tsc, the native TypeScript CLI, pretty much offers everything that we need to compile and bundle our TypeScript libraries. We opted for tsup due to tsc lacks of support for CSS imports, a requirement for enabling Chromatic's TurboSnap feature.","Given that either TurboSnap requirements or tsc CSS imports support change, we will reevaluate this decision."]},{"l":"Main features","p":["The shared configurations offered by @workleap/tsup-configs includes the following features \uD83D\uDC47"]},{"l":"TypeScript features","p":["Emits declaration files"]},{"l":"Development features","p":["Watch mode","Sourcemaps"]},{"l":"Production features","p":["Output to /dist"]},{"l":"Target environment","p":["ESM","ESNext"]},{"l":"Getting started","p":["To get started, follow the quick start guide to configure tsup for either a development environment or a production environment."]}],[{"l":"Configure for development","p":["To configure tsup for a development environment, execute the following steps \uD83D\uDC47"]},{"l":"Install the packages","p":["Open a terminal at the root of the project and install the following packages:"]},{"l":"Configure tsup","p":["First, create a configuration file named tsup.dev.ts at the root of the project:","Then, open the newly created file and export the tsup configuration by using the defineDevConfig(options) function:"]},{"l":"Use predefined options","p":["The defineDevConfig(options) function can be used as shown in the previous example, however, if you wish to customize the default configuration, the function also accepts any tsup options, no locked in❤️✌️:"]},{"l":"Configuration transformers","p":["We do not guarantee that your configuration transformers won't break after an update. It's your responsibility to keep them up to date with new releases.","Since the predefined options for tsup already covers all the availables options, configuration transformer functions aren't as useful for a tsup configuration as for other tools like SWC or webpack. Nonetheless, they are still valuable, especially for library authors aiming to distribute a default option set that facilitates the configuration of tsup for specific functionalities of their library. Configuration transformer functions can be provided through the transformers option of the defineDevConfig function.","To view the default development configuration of @workleap/tsup-configs, have a look at the dev.ts configuration file on GitHub."]},{"l":"transformers","p":["Type: ((config: TsupConfig, context: TsupConfigTransformerContext) = TsupConfig)[]","Default: []"]},{"l":"Execution context","p":["Generic transformers can use the context parameter to gather additional information about their execution context, like the environment they are operating in:","environment: dev | build"]},{"l":"Add a CLI script","p":["To initiate the development process, add the following script to your project package.json file:"]},{"i":"try-it","l":"Try it \uD83D\uDE80","p":["To test your new tsup configuration, open a terminal at the root of the project and execute the CLI script added previously. A development process should start without outputting any error in the terminal."]}],[{"l":"Configure for build","p":["To configure tsup for a build environment, execute the following steps \uD83D\uDC47"]},{"l":"Install the packages","p":["Open a terminal at the root of the project and install the following packages:"]},{"l":"Configure tsup","p":["First, create a configuration file named tsup.build.ts at the root of the project:","Then, open the newly created file and export the tsup configuration by using the defineBuildConfig(options) function:"]},{"l":"Use predefined options","p":["The defineBuildConfig(options) function can be used as shown in the previous example, however, if you wish to customize the default configuration, the function also accepts any tsup options, no locked in❤️✌️:"]},{"l":"Configuration transformers","p":["We do not guarantee that your configuration transformers won't break after an update. It's your responsibility to keep them up to date with new releases.","Since the predefined options for tsup already covers all the availables options, configuration transformer functions aren't as useful for a tsup configuration as for other tools like SWC or webpack. Nonetheless, they are still valuable, especially for library authors aiming to distribute a default option set that facilitates the configuration of tsup for specific functionalities of their library. Configuration transformer functions can be provided through the transformers option of the defineBuildConfig function.","To view the default build configuration of @workleap/tsup-configs, have a look at the build.ts configuration file on GitHub."]},{"l":"transformers","p":["Type: ((config: TsupConfig, context: TsupConfigTransformerContext) = TsupConfig)[]","Default: []"]},{"l":"Execution context","p":["Generic transformers can use the context parameter to gather additional information about their execution context, like the environment they are operating in:","environment: dev | build"]},{"l":"Add a CLI script","p":["To build the bundle files for production, add the following script to your project package.json file:"]},{"i":"try-it","l":"Try it \uD83D\uDE80","p":["To test your new tsup configuration, open a terminal at the root of the project and execute the CLI script added previously. The build process should complete without outputting any error in the terminal and the bundle files should be available in the /dist folder (or any other outputDir you configured)."]}],[{"l":"PostCSS","p":["@workleap/postcss-configs is now in maintenance mode. If you're starting a new project, consider using @workleap/rsbuild-configs instead of @workleap/webpack-configs, which eliminates the need for PostCSS."]},{"l":"Deprecation warning","p":["As we actively work on improving our build time and minimize the number of tools compiling/transpiling frontend code, we expect PostCSS to be one of the first tools that we will deprecate from our technology stack. Therefore, before adding PostCSS to your project, make sure that you really need it.","Here's a couple of ideas to move away from PostCSS:","Prefer native CSS to SCSS.","Avoid CSS nesting, it usually makes code harder to read anyway. If you really need nesting, native support is coming soon.","Force developers to use rem by disabling the use of px with Stylelint.","Prefix CSS properties directly in the codebase rather than relying on Autoprefixer. As browser vendors are now putting experimental features behind a flag rather than using prefixes, there aren't many CSS properties still requiring a prefix."]},{"l":"Main features","p":["The shared configuration offered by @workleap/postcss-configs includes the following features:"]},{"l":"Preset Env","p":["Stage 3","Autoprefixer"]},{"l":"Getting started","p":["To get started, follow the quick start guide to configure your first project."]}],[{"l":"Configure a project","p":["@workleap/postcss-configs is now in maintenance mode. If you're starting a new project, consider using @workleap/rsbuild-configs instead of @workleap/webpack-configs, which eliminates the need for PostCSS.","Execute the following steps to setup PostCSS for a single project \uD83D\uDC47"]},{"l":"Install the packages","p":["Open a terminal at the root of the project and install the following packages:"]},{"l":"Configure PostCSS","p":["First, create a configuration file named postcss.config.ts at the root of the project:","Then, open the newly created file and export the PostCSS configuration by using the defineConfig(options) function:"]},{"l":"Use predefined options","p":["The defineConfig(options) function can be used as-is as shown in the previous example, however, if you wish to customize the default configuration, the function also accepts a few predefined options to help with that \uD83D\uDC47"]},{"l":"browsers","p":["Type: string | string[]","Default: When available, will load the supported browser versions from the closest .browserslistrc file","Set postcss-preset-env browsers option."]},{"l":"presetEnvOptions","p":["Type: An object literal accepting any postcss-preset-env option","Default: { autoprefixer: { flexbox: no-2009 }, stage: 3 }","Forward the provided object literal to the postcss-preset-env plugin."]},{"l":"Extends presetEnvOptions options","p":["When provided, the presetEnvOptions option will override the default postcss-preset-env plugin configuration. If you wish to extend the default configuration rather than overriding it, you can do so by importing the DefaultPresetEnvOptions object:"]},{"l":"Configuration transformers","p":["We do not guarantee that your configuration transformers won't break after an update. It's your responsibility to keep them up to date with new releases.","The predefined options are useful to quickly customize the default configuration of @workleap/postcss-configs, but only covers a subset of a PostCSS configuration. If you need full control over the configuration, you can provide configuration transformer functions through the transformers option of the defineConfig function. Remember, no locked in❤️✌️.","To view the default configuration of @workleap/postcss-configs, have a look at the configuration file on GitHub."]},{"l":"transformers","p":["Type: ((config: PostCSSConfig) = PostCSSConfig)[]","Default: []"]},{"l":"Additional PostCSS plugins","p":["Configuration transformer functions are ideal to configure additional PostCSS plugins:"]},{"l":"Configure webpack","p":["If your project is using @workleap/wepack-config, you don't have to configure postcss-loader as the defineDevConfig and defineBuildConfig functions already takes care of configuring PostCSS.","To integrate with webpack, update your configuration file to include a postcss-loader:"]},{"i":"try-it","l":"Try it \uD83D\uDE80","p":["To test your new PostCSS configuration, create and import a CSS file with the following code:","If you integrated PostCSS with webpack, execute your webpack build and find the outputted .example CSS class in the generated bundle files of your dist folder.","Otherwise, open a terminal at the root of your project and install postcss-cli:","Then, process the file with postcss-cli by executing the following command in the same terminal:","Whether you processed the CSS with webpack or postcss-cli, most of the CSS properties in the .example CSS class should have been prefixed (it can vary based on your Browserslist configuration):"]}],[{"l":"Webpack","p":["@workleap/webpack-configs is now in maintenance mode. If you're starting a new project, consider using @workleap/rsbuild-configs instead for better performance and modern tooling."]},{"l":"Main features","p":["The shared configurations offered by @workleap/webpack-configs includes the following features \uD83D\uDC47"]},{"l":"Language support","p":["JavaScript","TypeScript","CSS (with CSS modules and PostCSS)"]},{"l":"Framework support","p":["React"]},{"l":"Asset support","p":["SVG as React components","PNG","JPEG","GIF"]},{"l":"Development features","p":["Development server","File system caching","Fast Refresh or Hot Module Reload","Sourcemap"]},{"l":"Production features","p":["File system caching","Minification","Output to /dist"]},{"l":"Target environment","p":["As per the PostCSS and SWC configurations."]},{"l":"Getting started","p":["To get started, follow the quick start guide to configure webpack for either a development environment or a production environment."]}],[{"l":"Configure for development","p":["@workleap/webpack-configs is now in maintenance mode. If you're starting a new project, consider using @workleap/rsbuild-configs instead for better performance and modern tooling.","To configure webpack for a development environment, execute the following steps \uD83D\uDC47"]},{"l":"Install the packages","p":["Open a terminal at the root of the project and install the following packages:"]},{"l":"Configure webpack"},{"l":"HTML template","p":["First, create a public folder with an index.html file at the root of the project:","Then, open the newly created index.html file and copy/paste the following content:","The content of the public/index.html file is the default template that will be used by HtmlWebpackPlugin."]},{"l":"Reference local assets","p":["To reference local assets such as a favicon.png in the default HTML template, it is recommended to preprend the relative path of every asset with the publicPath option of the webpack config.","First, add the asset to the public folder at the root of the project:","Then, add the assets to the index.html file:","If output.publicPath is set to auto, use href=favicon.png instead."]},{"i":"webpackdevjs","l":"webpack.dev.js","p":["Next, create a configuration file named webpack.dev.js at the root of the project:","Then, open the newly created file and export the webpack configuration by using the defineDevConfig(swcConfig, options) function:"]},{"i":"swcdevjs","l":"swc.dev.js","p":["In the previous code sample, the defineDevConfig(swcConfig, options) function receive an SWC configuration object through the swcConfig parameter.","Although the swc-loader defaults to loading the closest .swcrc configuration file when no configuration object is provided, it lacks support for distinct configuration files by environment like webpack does.","Therefore, @workleap/webpack-configs choosed to delegate the loading of the SWC configuration to the consumer by making the swcConfig option required."]},{"l":"Use predefined options","p":["The defineDevConfig(swcConfig, options) function can be used as shown in the previous example, however, if you wish to customize the default configuration, the function also accept a few predefined options to help with that \uD83D\uDC47"]},{"l":"entry","p":["Type: string","Default: ./src/index.tsx","Set webpack entry option."]},{"l":"https","p":["Type: boolean| ServerOptions","Default: false","Set webpack DevServer https option and format webpack publicPath option accordingly."]},{"l":"host","p":["Type: string","Default: localhost","Set webpack DevServer host option and format webpack publicPath option accordingly."]},{"l":"port","p":["Type: number","Default: 8080","Set webpack DevServer port option and format webpack publicPath option accordingly."]},{"l":"publicPath","p":["Type: string","Default: ${https ? https : http}://${host}:${port}/","Set webpack public path.","Or for an automatic public path:"]},{"l":"cache","p":["Type: boolean","Default: true","Whether or not webpack memory cache is enabled. This will also set maxGenerations to 1 to remove cache entries from memory when they are no longer needed."]},{"l":"moduleRules","p":["Type: An array of webpack moduleRule objects","Default: []","Append the provided webpack module rules to the configuration."]},{"l":"plugins","p":["Type: An array of webpack plugin instances","Default: []","Append the provided webpack plugins to the configuration."]},{"l":"htmlWebpackPlugin","p":["Type: boolean or an object literal accepting any html-webpack-plugin option","Default: { template: ./public/index.html }","To remove the default instance of html-webpack-plugin, set the property to false.","To extend/replace the default html-webpack-plugin configuration, use the defineDevHtmlWebpackPluginConfig(options) function."]},{"l":"fastRefresh","p":["Type: boolean or an object literal accepting any react-refresh-webpack-plugin option","Default: true","Replace webpack HMR by Fast Refresh. Desactivating webpack fast refresh will automatically disable fast refresh for SWC.","To extend/replace the default Fast Refresh configuration, use the defineFastRefreshPluginConfig(options) function.","options: An object literal accepting any react-refresh-webpack-plugin option"]},{"l":"cssModules","p":["Type: boolean","Default: false","Enable css-loader modules feature."]},{"l":"overlay","p":["Type: false","Default: undefined","Whether or not a full-screen overlay should be in the browser when there are compiler errors or warnings."]},{"l":"svgr","p":["Type: boolean or an object literal accepting any @svgr/webpack option","Default: true","Whether or not to handle .svg files with @svgr/webpack. If @svgr/webpack is desactived, the .svg files will be handled by the asset/resource rule.","To extends the @svgr/webpack rule configuration, provide an object literal instead."]},{"l":"verbose","p":["Type: boolean","Default: false","Start the webpack process with verbose logging turned on."]},{"l":"Configuration transformers","p":["We do not guarantee that your configuration transformers won't break after an update. It's your responsibility to keep them up to date with new releases.","The predefined options are useful to quickly customize the default development configuration of @workleap/webpack-configs, but only covers a subset of a webpack configuration. If you need full control over the configuration, you can provide configuration transformer functions through the transformers option of the defineDevConfig function. Remember, no locked in❤️✌️.","To view the default development configuration of @workleap/webpack-configs, have a look at the dev.ts configuration file on GitHub."]},{"l":"transformers","p":["Type: ((config: WebpackConfig, context: WebpackConfigTransformerContext) = WebpackConfig)[]","Default: []"]},{"l":"Execution context","p":["Generic transformers can use the context parameter to gather additional information about their execution context, like the environment they are operating in.","environment: dev | build","verbose: boolean"]},{"l":"Utilities","p":["Modifying a webpack configuration object can be an arduous task, to help with that, @workleap/webpack-configs offer utility functions for modules rules and plugins.","Transformer utilities"]},{"l":"Setup nodemon","p":["Nodemon is a utility that will monitor for any changes in the swc.dev.js and webpack.dev.dev.js files and restart the webpack development server whenever a change occurs.","First, add a nodemon.json file at the root of the project:","Then, open the nodemon.json file and copy/paste the following content:","Finally, add a CLI script at the next step of this guide."]},{"l":"Add a CLI script","p":["To initiate the development server, add the following script to your project package.json file:"]},{"l":"Define environment variables","p":["To deal with environment variables, the webpack documentation suggests using the --env option from its CLI. While that would work, by using webpack --env CLI option, the environment variables would only be made available to the webpack configuration files (.e.g. webpack.dev.js) rather than any Node.js files. Therefore we do not recommend using webpack --env CLI option."]},{"l":"cross-env","p":["We recommend instead to define environment variables using cross-env. With cross-env, the environment variables will be made available to any Node.js files that are executed by the script process ( dev in the example below \uD83D\uDC47):","However, there's a catch. When using cross-env, the variables will not be available in the application files because cross-env only makes them available to files that are executed by the process at build time while the application files are executed at runtime by a browser.","To make them accessible to the application files, webpack must be aware of those environment variables and render them into the compiled application files. This is the purpose of the environmentVariables option."]},{"l":"environmentVariables","p":["Type: Recordstring, unknown","Default: {}","First, define the variables with environmentVariables:","Then, use the variables in any application files:","The === true part of DEBUG: process.env.DEBUG === true is very important, otherwise the environment variable value would be true instead of true."]},{"i":"try-it","l":"Try it \uD83D\uDE80","p":["To test your new webpack configuration, open a terminal at the root of the project and execute the CLI script added earlier. A development server should start without outputting any error in the terminal."]}],[{"l":"Configure for build","p":["@workleap/webpack-configs is now in maintenance mode. If you're starting a new project, consider using @workleap/rsbuild-configs instead for better performance and modern tooling.","To configure webpack for a production environment, execute the following steps \uD83D\uDC47"]},{"l":"Install the packages","p":["Open a terminal at the root of the project and install the following packages:"]},{"l":"Configure webpack"},{"l":"HTML template","p":["First, create a public folder with an index.html file at the root of the project:","Then, open the newly created index.html file and copy/paste the following content:","The content of the public/index.html file is the default template that will be used by HtmlWebpackPlugin."]},{"l":"Reference local assets","p":["To reference local assets such as a favicon.png in the default HTML template, it is recommended to preprend the relative path of every asset with the publicPath of the webpack config.","First, add the asset to the public folder at the root of the project:","Then, add the assets to the index.html file:","If output.publicPath is set to auto, use href=favicon.png instead."]},{"i":"webpackbuildjs","l":"webpack.build.js","p":["Next, create a configuration file named webpack.build.js at the root of the project:","Then, open the newly created file and export the webpack configuration by using the defineBuildConfig(swcConfig, options) function:"]},{"i":"swcbuildjs","l":"swc.build.js","p":["In the previous code sample, the defineBuildConfig(swcConfig, options) function receive an SWC configuration object through the swcConfig parameter.","Although the swc-loader defaults to loading the closest .swcrc configuration file when no configuration object is provided, it lacks support for distinct configuration files by environment like webpack does.","Therefore, @workleap/webpack-configs choosed to delegate the loading of the SWC configuration to the consumer by making the swcConfig option required."]},{"l":"Use predefined options","p":["The defineBuildConfig(swcConfig, options) function can be used as shown in the previous example, however, if you wish to customize the default configuration, the function also accept a few predefined options to help with that \uD83D\uDC47"]},{"l":"entry","p":["Type: string","Default: ./src/index.tsx","Set webpack entry option."]},{"l":"outputPath","p":["Type: string","Default: dist","Set webpack output path."]},{"l":"publicPath","p":["Type: string","Default: http://localhost:8080/","Set webpack public path.","Or for an automatic public path:"]},{"l":"moduleRules","p":["Type: An array of webpack moduleRule objects","Default: []","Append the provided webpack module rules to the configuration."]},{"l":"plugins","p":["Type: An array of webpack plugin instances","Default: []","Append the provided webpack plugins to the configuration."]},{"l":"htmlWebpackPlugin","p":["Type: boolean or an object literal accepting any html-webpack-plugin option","Default: { template: ./public/index.html }","To remove the default instance of html-webpack-plugin, set the property to false.","To extend/replace the default html-webpack-plugin configuration, use the defineBuildHtmlWebpackPluginConfig(options) function."]},{"l":"miniCssExtractPluginOptions","p":["Type: An object literal accepting any mini-css-extract-plugin option","Default: { filename: [name].[fullhash].css }","Forward the provided object literal to the mini-css-extract-plugin."]},{"l":"optimize","p":["Type: boolean| readable","Default: true","Whether or not to enable webpack production optimizations like code minification and tree shaking. This option can be quite useful when debugging an issue with webpack bundling.","When false is provided, most of the optimizations, including minification and tree shaking will be turned off:","When readable is provided, most of the optimizations will still be applied but the resulting code bundles will be easier to read:"]},{"l":"cssModules","p":["Type: boolean","Default: false","Enable css-loader modules feature."]},{"l":"svgr","p":["Type: boolean or an object literal accepting any @svgr/webpack option","Default: true","Whether or not to handle .svg files with @svgr/webpack. If @svgr/webpack is desactived, the .svg files will are handled by the asset/resource rule.","To extends the @svgr/webpack rule configuration, provide an object literal instead."]},{"l":"verbose","p":["Type: boolean","Default: false","Start the webpack process with verbose logging turned on."]},{"l":"Configuration transformers","p":["We do not guarantee that your configuration transformers won't break after an update. It's your responsibility to keep them up to date with new releases.","The predefined options are useful to quickly customize the default build configuration of @workleap/webpack-configs, but only covers a subset of a webpack configuration. If you need full control over the configuration, you can provide configuration transformer functions through the transformers option of the defineBuildConfig function. Remember, no locked in❤️✌️.","To view the default build configuration of @workleap/webpack-configs, have a look at the build.ts configuration file on GitHub."]},{"l":"transformers","p":["Type: ((config: WebpackConfig, context: WebpackConfigTransformerContext) = WebpackConfig)[]","Default: []"]},{"l":"Execution context","p":["Generic transformers can use the context parameter to gather additional information about their execution context, like the environment they are operating in:","environment: dev | build","verbose: boolean"]},{"l":"Utilities","p":["Modifying a webpack configuration object can be an arduous task, to help with that, @workleap/webpack-configs offer utility functions for modules rules and plugins.","Transformer utilities"]},{"l":"Add a CLI script","p":["To create the bundle files for production, add the following script to your project package.json file:"]},{"l":"Use environment variables","p":["To deal with environment variables, the webpack documentation suggests using the --env option from its CLI. While that would work, by using webpack --env CLI option, the environment variables would only be made available to the webpack configuration files (.e.g. webpack.build.js) rather than any Node.js files. Therefore we do not recommend using webpack --env CLI option."]},{"l":"cross-env","p":["We recommend instead to define environment variables using cross-env. With cross-env, the environment variables will be made available to any Node.js files that are executed by the script process ( build in the example below \uD83D\uDC47):","However, there's a catch. When using cross-env, the variables will not be available in the application files because cross-env only makes them available to files that are executed by the process at build time while the application files are executed at runtime by a browser.","To make them accessible to the application files, webpack must be aware of those environment variables and render them into the compiled application files. This is the purpose of the environmentVariables option."]},{"l":"environmentVariables","p":["Type: Recordstring, unknown","Default: {}","First, define the variables with environmentVariables:","Then, use the variables in any application files:","The === true part of DEBUG: process.env.DEBUG === true is very important, otherwise the environment variable value would be true instead of true."]},{"i":"try-it","l":"Try it \uD83D\uDE80","p":["To test your new webpack configuration, open a terminal at the root of the project and execute the CLI script added earlier. The build process should complete without outputting any error in the terminal and the bundle files should be available in the /dist folder (or any other outputPath you configured)."]}],[{"l":"Transformer utilities","p":["@workleap/webpack-configs is now in maintenance mode. If you're starting a new project, consider using @workleap/rsbuild-configs instead for better performance and modern tooling.","We do not guarantee that your configuration transformers won't break after an update. It's your responsibility to keep them up to date with new releases.","To help you write configuration transformers for webpack, @workleap/webpack-configs provide a suite of utility functions."]},{"l":"Module rules","p":["Utility functions for webpack module rules."]},{"l":"matchLoaderName","p":["Returns a matcher function that can be utilized alongside module rules utility functions. The returned matcher function will return true when it encounters a module rule with a loader matching the provided name value."]},{"l":"Parameters","p":["name: A module rule loader name value."]},{"l":"Returns","p":["A ModuleRuleMatcher function."]},{"l":"Usage"},{"l":"matchAssetModuleType","p":["Returns a matcher function that can be utilized alongside module rules utility functions. The returned matcher function will return true when it encounters a module rule with a loader matching the provided asset type value."]},{"i":"parameters-1","l":"Parameters","p":["type: A module rule loader asset type value."]},{"i":"returns-1","l":"Returns","p":["A ModuleRuleMatcher function."]},{"i":"usage-1","l":"Usage"},{"l":"matchTest","p":["Returns a matcher function that can be utilized alongside module rules utility functions. The returned matcher function will return true when it encounters a module rule with a loader matching the provided test value."]},{"i":"parameters-2","l":"Parameters","p":["test: A module rule loader test value."]},{"i":"returns-2","l":"Returns","p":["A ModuleRuleMatcher function."]},{"i":"usage-2","l":"Usage"},{"l":"findModuleRule","p":["Retrieve the first module rule for which the matcher function returns true. If there is more than one match, an error will be thrown."]},{"i":"parameters-3","l":"Parameters","p":["config: A webpack config","matcher: A ModuleRuleMatcher function"]},{"i":"returns-3","l":"Returns","p":["A module rule if a match has been found, otherwise undefined."]},{"i":"usage-3","l":"Usage"},{"l":"findModuleRules","p":["Retrieve any module rules for which the matcher function returns true."]},{"i":"parameters-4","l":"Parameters","p":["config: A webpack config","matcher: A ModuleRuleMatcher function"]},{"i":"returns-4","l":"Returns","p":["An array of module rules"]},{"i":"usage-4","l":"Usage"},{"l":"addBeforeModuleRule","p":["Add the provided module rules before the matching module rule. If no matching rule has been found, an error will be thrown."]},{"i":"parameters-5","l":"Parameters","p":["config: A webpack config","matcher: A ModuleRuleMatcher function","newModuleRules: An array of module rules"]},{"i":"returns-5","l":"Returns","p":["Nothing"]},{"i":"usage-5","l":"Usage"},{"l":"addAfterModuleRule","p":["Add the provided module rules after the matching module rule. If no matching rule has been found, an error will be thrown."]},{"i":"parameters-6","l":"Parameters","p":["config: A webpack config","matcher: A ModuleRuleMatcher function","newModuleRules: An array of module rules"]},{"i":"returns-6","l":"Returns","p":["Nothing"]},{"i":"usage-6","l":"Usage"},{"l":"replaceModuleRule","p":["Replace the matching module rule by the new one. If no matching rule has been found, an error will be thrown."]},{"i":"parameters-7","l":"Parameters","p":["config: A webpack config","matcher: A ModuleRuleMatcher function","newModuleRule: The new module rule"]},{"i":"returns-7","l":"Returns","p":["Nothing"]},{"i":"usage-7","l":"Usage"},{"l":"removeModuleRules","p":["Remove the matching module rules. If no matching rule has been found, an error will be thrown."]},{"i":"parameters-8","l":"Parameters","p":["config: A webpack config","matcher: A ModuleRuleMatcher function"]},{"i":"returns-8","l":"Returns","p":["Nothing"]},{"i":"usage-8","l":"Usage"},{"l":"Plugins","p":["Utility functions for webpack plugins."]},{"l":"matchConstructorName","p":["Returns a matcher function that can be utilized alongside plugin utility functions. The returned matcher function will return true when it encounters a plugin matching the provided constructor name value."]},{"i":"parameters-9","l":"Parameters","p":["name: A plugin constructor name."]},{"i":"returns-9","l":"Returns","p":["A PluginMatcher function."]},{"i":"usage-9","l":"Usage"},{"l":"findPlugin","p":["Retrieve the first plugin for which the matcher function returns true. If there is more than one match, an error will be thrown."]},{"i":"parameters-10","l":"Parameters","p":["config: A webpack config","matcher: A PluginMatcher function"]},{"i":"returns-10","l":"Returns","p":["A plugin if a match has been found, otherwise undefined."]},{"i":"usage-10","l":"Usage"},{"l":"addBeforePlugin","p":["Add the provided plugins before the matching plugin. If no plugin has been found, an error will be thrown."]},{"i":"parameters-11","l":"Parameters","p":["config: A webpack config","matcher: A PluginMatcher function","newPlugins: An array of plugins"]},{"i":"returns-11","l":"Returns","p":["Nothing"]},{"i":"usage-11","l":"Usage"},{"l":"addAfterPlugin","p":["Add the provided plugins after the matching plugin. If no plugin has been found, an error will be thrown."]},{"i":"parameters-12","l":"Parameters","p":["config: A webpack config","matcher: A PluginMatcher function","newPlugins: An array of plugins"]},{"i":"returns-12","l":"Returns","p":["Nothing"]},{"i":"usage-12","l":"Usage"},{"l":"replacePlugin","p":["Replace the matching plugin by the new one. If no plugin has been found, an error will be thrown."]},{"i":"parameters-13","l":"Parameters","p":["config: A webpack config","matcher: A PluginMatcher function","newPlugin: The new plugin instance"]},{"i":"returns-13","l":"Returns","p":["Nothing"]},{"i":"usage-13","l":"Usage"},{"l":"removePlugin","p":["Remove the matching plugin. If no plugin has been found, an error will be thrown."]},{"i":"parameters-14","l":"Parameters","p":["config: A webpack config","matcher: A PluginMatcher function"]},{"i":"returns-14","l":"Returns","p":["Nothing"]},{"i":"usage-14","l":"Usage"}],[{"l":"Samples"},{"l":"Rsbuild sample","p":["Web application","Components library"]},{"l":"Webpack sample","p":["Web application","Components library","TypeScript library"]},{"l":"Storybook sample","p":["Storybook"]}],[{"l":"About","p":["To ask a question or propose an idea, feel free to start a new GitHub discussion. If you found a bug, please open a GitHub issue."]},{"l":"Contributing","p":["Have a look at the contributor's documentation."]},{"l":"Acknowledgements","p":["Thanks to the team at Shopify/web-configs for the inspiration to create an umbrella project for all the web configurations."]},{"l":"License","p":["See the LICENSE on GitHub."]}]]
\ No newline at end of file
+[[{"l":"Getting started","p":["Welcome to @workleap/web-configs, a collection of configuration libraries for building web applications at Workleap. On this getting started page, you'll find an overview of the project and a list of supported tools."]},{"i":"why-we-built-these-libraries","l":"Why we built these libraries?","p":["Starting a new web application is still an arduous task. There are so many tools to choose from, learn, install and configure, it can be daunting.","For an organization like Workleap, with a large suite of products, it doesn't make sense to start over every time we invest in a new idea or add a new vertical to an existing product. Developers working on a new project shouldn't spend their first day's figuring out which ESLint rules to enable/disable, or how to transpile their React code, they should rather focus on writing features code."]},{"l":"Filling the gap","p":["While a collection of common configurations gets us closer to that goal, on their own, configuration libraries are not enough to reach it. There is still a need to install and assemble those configurations correctly in the new application, which can also be a challenge. To fill this gap, we will also invest into a CLI to scaffold new web applications and libraries."]},{"l":"Best of both worlds","p":["With the CLI, developers will have the ability to generate fully configured web applications in a few minutes. However, contrary to configuration libraries, a CLI alone is only good at creating the initial files of an application, it doesn't help with the maintenance or the adoption of new features offered by tools over time.","That's why we need both, there's a strong synergy between a collection of configuration libraries and a CLI.","With configuration libraries distributed through NPM packages and installed with a CLI, when a new feature is available for a tool, the configuration libraries maintainers can spend time learning the new feature, making the necessary changes, and distributing the changes with a new version of the package. Then, at their convenience, product teams can adopt the changes by bumping the configuration library package version in their respective application.","We hope that introducing CLI with a collection of configuration libraries will facilitate the creation and maintenance of front-end projects."]},{"l":"Guiding principles","p":["While developing the configuration libraries, we kept one guiding principle in mind, no locked in❤️✌️. We truly hope that the default configurations will satisfy your application needs, but if it doesn't, there will always be an easy way to extend or override the default configuration."]},{"l":"Target environment","p":["The majority of the shared tooling configurations targets ESM and the latest ECMAScript version (ESNext). If you are in the process of migrating an existing project to workleap/web-configs, and would rather delay transitioning to ESM, have a look at the Target environment section of each tool for additional information about how to support non ESM compliant solutions."]},{"l":"Supported tools","p":["Browserslist","Documentation","ESLint","Getting started","Name","NPM","npm version","PostCSS","Rsbuild","Rslib","Stylelint","SWC","tsup","Typescript","webpack"]}],[{"l":"Browserslist"},{"l":"Supported browsers","p":["You can find an exhaustive list of the browser versions included with this shared configuration on https://browsersl.ist.","Alternatively, to list the browser versions supported by a specific configuration file, you can open a terminal at the root of any project including a .browserslistrc file and execute the following command:"]},{"l":"Getting started","p":["To get started, follow the quick start guide to configure your project."]}],[{"l":"Configure a project","p":["Only setup Browserslist for projects that are emitting application bundles. For example, a library project shouldn't include Browserslist but a web application project should."]},{"l":"Install the packages","p":["Open a terminal at the root of the project and install the following packages:"]},{"l":"Configure Browserslist","p":["First, create a configuration file named .browserslistrc at the root of the project:","Then, open the newly created file and extend the default configuration with the shared configuration provided by @workleap/browserslist-config:"]},{"l":"Support custom browsers","p":["If you are encountering a situation that is not currently handled by @workleap/browserslist-configs, you can customize your configuration file to extend this library shared configurations with additional browser versions:","Refer to the Browserslist documentation for a full list of available queries."]},{"i":"try-it","l":"Try it \uD83D\uDE80","p":["To test your new Browserslist configuration, open a terminal at the root of the project and execute the following command:","A list of the selected browser versions shoud be outputted to the terminal:"]}],[{"l":"ESLint"},{"l":"By project type configurations","p":["Typically, ESLint shareable configuration libraries are architectured around the idea that shared configurations should be small and composable to accommodate any potential use cases that a development team might encounter.","While composability provides flexibility, it also increases the complexity on the consumer side as they must understand how ESLint cascading and hierarchy works and how to compose the provided shared configurations correctly. It can be frustrating at times when you want to get something up and running quickly.","To improve the experience, rather than delegating the composition of the shared configuration pieces to the consumer, we compose them internally and offer configurations by project type instead.","This way, it's pretty straightforward for the consumer to configure ESLint as it only involves extending a single shared configuration per project and it allows for more accurate defaults and assumptions about the target environment. For advanced users in need of flexibility, the underlying configuration pieces are also available."]},{"i":"shopify-web-configs-example","l":"@shopify/web-configs example","p":["Have a look at Shopify ESLint usage section. To configure ESLint with @shopify/web-configs, a consumer must choose whether he wants rules for es5, esnext, typescript or node, then decide if he should use @babel/eslint-parser or @typescript-eslint/parser.","To make the right choices and assemble the final configuration correctly, a consumer must have niche front-end skills."]},{"l":"Target environment","p":["@workleap/eslint-plugin by project type shared configurations targets the following environment:","ESM / CommonJS","ESNext","Node"]},{"l":"Available configurations","p":["Name","Description","web-application","For web applications developed with React and TypeScript.","react-library","For TypeScript libraries developed with React.","typescript-library","For TypeScript libraries developed without React.","monorepo-workspace","For the workspace configuration of a monorepo solution."]},{"l":"Prettier","p":["For a complete explanation of why we chose to stick with ESLint for stylistic rules rather than migrating to Prettier, read the following article."]},{"l":"Getting started","p":["To get started, choose one of the following scenarios \uD83D\uDC47"]},{"l":"Setup a new project","p":["If you are looking to setup a new polyrepo solution (single project per repository), follow the guide to setup a polyrepo, otherwise, follow the guide to setup a monorepo."]},{"l":"Setup an existing project","p":["If you are migrating an existing polyrepo solution (single project per repository) to workleap/web-configs, follow the guide to setup a polyrepo, otherwise, follow the guide to setup a monorepo.","Once configured, to understand how to adapt @workleap/eslint-plugin default configurations to your codebase while you are completing the migration, have a look at the custom configuration page."]},{"l":"Advanced configuration","p":["If you are encountering a challenging use case making impractical the per project type configurations offered by @workleap/eslint-plugin, have a look at the advanced composition page for documentation about how to compose the underlying configuration pieces."]}],[{"l":"Setup a polyrepo","p":["Execute the following steps to setup ESLint for a polyrepo solution ( single project per repository) \uD83D\uDC47"]},{"l":"Install the packages","p":["Open a terminal at the root of the solution and install the following packages:"]},{"l":"Configure ESLint","p":["First, create a configuration file named .eslintrc.json at the root of the solution:","Then, open the newly created file and extend the default configuration with one of the shared configurations provided by @workleap/eslint-plugin\uD83D\uDC47"]},{"l":"web-application","p":["For an application developed with TypeScript and React, use the following configuration:"]},{"l":"react-library","p":["For a TypeScript library developed with React, use the following configuration:"]},{"l":"typescript-library","p":["For a TypeScript library developed without React, use the following configuration:"]},{"i":"eslintignore","l":".eslintignore","p":["ESLint can be configured to ignore certain files and directories while linting by specifying one or more glob patterns.","To do so, first, create an .eslintignore file at the root of the solution:","Then, open the newly created file and paste the following ignore rules:","While only the .storybook dot folder is listed, you should include any other dot folders that need to be linted."]},{"l":"Configure the indent style","p":["ESLint offers built-in rules for configuring the indentation style of a codebase. However, there's a catch: when VS Code auto-formatting feature is enabled, it might conflict with the configured indentation rules if they are set differently.","To guarantee a consistent indentation, we recommend using EditorConfig on the consumer side. With EditorConfig, the indent style can be configured in a single file and be applied consistently across various formatting tools, including ESlint and VS Code.","First, create a .editorconfig file at the root of the solution:","Then, open the newly created file and paste the following configuration:","Finally, install the EditorConfig.EditorConfig VS Code extension."]},{"l":"Add a CLI script","p":["At times, especially when running the CI build, it's useful to lint the entire solution using a single command. To do so, add the following script to your solution's package.json file:","The script definition may vary depending of your needs and your application configuration. For example, you might want to specify specific file extensions such as --ext .js,.ts,.tsx."]},{"l":"Custom configuration","p":["New projects shouldn't have to customize the default configurations offered by @workleap/eslint-plugin. However, if you are in the process of migrating an existing project to use this library or encountering a challenging situation, refer to the custom configuration page to understand how to override or extend the default configurations. Remember, no locked in❤️✌️."]},{"i":"try-it","l":"Try it \uD83D\uDE80","p":["To test your new ESLint setup, open a JavaScript file, type invalid code (e.g. var x = 0;), then save. Open a terminal at the root of the solution and execute the CLI script added earlier:","The terminal should output a linting error."]}],[{"l":"Setup a monorepo","p":["This monorepo setup has been tested with PNPM workspaces. You may need a different setup for NPM workspaces or Yarn workspaces because by default, those package managers hoist dependencies rather than installing them in isolation like PNPM.","To lint a monorepo solution ( multiple projects per repository), ESLint must be setuped to lint the files at the root of the solution (the monorepo workspace) and the files of every project of the monorepo. Execute the following steps to setup ESLint for a monorepo solution \uD83D\uDC47"]},{"l":"Setup the workspace"},{"l":"Install the packages","p":["Open a terminal at the root of the solution workspace (the root of the repository) and install the following packages:"]},{"l":"Configure ESLint","p":["First, create a configuration file named .eslintrc.json at the root of the solution workspace:","Then, open the newly created file and extend the default configuration with the monorepo-workspace shared configurations:"]},{"i":"eslintignore","l":".eslintignore","p":["ESLint can be configured to ignore certain files and directories while linting by specifying one or more glob patterns.","To do so, first, create a .eslintignore file at the root of the solution workspace:","Then, open the newly created file and paste the following ignore rules:","While only the .storybook dot folder is listed, you should include any other dot folders that need to be linted."]},{"l":"Configure indent style","p":["ESLint offers built-in rules for configuring the indentation style of a codebase. However, there's a catch: when VS Code auto-formatting feature is enabled, it might conflict with the configured indentation rules if they are set differently.","To guarantee a consistent indentation, we recommend using EditorConfig on the consumer side. With EditorConfig, the indent style can be configured in a single file and be applied consistently across various formatting tools, including ESlint and VS Code.","First, create a .editorconfig file at the root of the solution workspace:","Then, open the newly created file and paste the following configuration:"]},{"l":"Add a CLI script","p":["At times, especially when running the CI build, it's useful to lint the entire solution using a single command. To do so, add the following script to your solution's workspace package.json file:","The script definition may vary depending of your needs and your application configuration. For example, you might want to specify specific file extensions such as --ext .js,.ts,.tsx."]},{"l":"Setup a project"},{"l":"Install the package","p":["Open a terminal at the root of the project ( packages/app for this example) and install the following package:"]},{"i":"configure-eslint-1","l":"Configure ESLint","p":["First, create a configuration file named .eslintrc.json at the root of the project:","Then, open the newly created file and extend the default configuration with one of the shared configurations provided by @workleap/eslint-plugin\uD83D\uDC47"]},{"l":"web-application","p":["For an application developed with TypeScript and React, use the following configuration:"]},{"l":"react-library","p":["For a TypeScript library developed with React, use the following configuration:"]},{"l":"typescript-library","p":["For a TypeScript library developed without React, use the following configuration:"]},{"l":"Custom configuration","p":["New projects shouldn't have to customize the default configurations offered by @workleap/eslint-plugin. However, if you are in the process of migrating an existing project to use this library or encountering a challenging situation, refer to the custom configuration page to understand how to override or extend the default configurations. Remember, no locked in❤️✌️."]},{"i":"try-it","l":"Try it \uD83D\uDE80","p":["To test your new ESLint setup, open a JavaScript file, type invalid code (e.g. var x = 0;), then save. Open a terminal at the root of the solution and execute the CLI script added earlier:","The terminal should output a linting error."]}],[{"l":"Custom configuration","p":["If you are in the process of migrating an existing project to use @workleap/eslint-plugin or encountering a challenging situation that is not currently handled by this library, you might want to customize the default shared configurations.","For a list of the rules included with the default shared configurations, refer to the configuration files in the following folder on GitHub."]},{"l":"Disable a default rule","p":["You can disable a default rule by defining the rule locally with the off value:"]},{"l":"Change a default rule severity","p":["You can update the severity of a rule by defining the rule locally with either the warn or error severity:"]},{"l":"Change a default rule value","p":["You can update a default rule value by defining the rule locally with its new value:","Please, don't update your project configuration to use single quotes \uD83D\uDE05\uD83D\uDE4F"]},{"l":"Add a plugin","p":["You can add configure additional rules from a third party ESLint plugin:"]},{"l":"Start from scratch","p":["If your situation is so challenging that you must start a new configuration from scratch, refer to the advanced composition page."]}],[{"l":"Advanced composition","p":["If the default by project type configurations doesn't fits your needs, rather than writing your own configuration from scratch, you can compose a new one from the underlying configuration pieces of @workleap/eslint-plugin."]},{"l":"Available pieces","p":["Basic rules shared by every configuration.","core","Description","jest","jsx-a11y","mdx","Name","package-json","react","Rules for Jest files using Testing Library.","Rules for Jest files.","Rules for MDX files (used for Storybook MDX stories).","Rules for package.json files.","Rules for React files.","Rules for Storybook story files.","Rules for testing accessibility in React files.","Rules for TypeScript files.","Rules for YAML files.","storybook","testing-library","typescript","yaml"]},{"l":"Compose a configuration","p":["Each configuration piece can be extended individually, or in combination with other pieces, to compose your own custom ESLint configuration."]},{"l":"Single piece","p":["To extend the configuration with a single piece:"]},{"l":"Multiple pieces","p":["To extend the configuration with multiple pieces:"]},{"l":"Lint additional files","p":["The configuration pieces already targets which file extensions their linting rules will be applied to. If you wish to lint additional file extensions for a given piece you can add an ESLint override block:"]}],[{"l":"Integrate with VS Code","p":["ESLint VS Code extension greatly improve the development experience by automatically linting the code as you type and automatically formatting the code according to your ESLint configuration whenever you save."]},{"l":"Install ESLint extension","p":["Open VS Code and install the dbaeumer.vscode-eslint extension."]},{"l":"Configure VS Code","p":["Then, add the following settings to your solution VS Code settings file:"]},{"l":"Install EditorConfig extension","p":["Finally, install the EditorConfig.EditorConfig extension."]},{"i":"try-it","l":"Try it \uD83D\uDE80","p":["Restart VS Code, open a JavaScript file, type invalid code (e.g. var x = 0;), then save. The code should have been formatted automatically (e.g. const x = 0;)."]}],[{"l":"Stylelint"},{"l":"SCSS support","p":["While SCSS still offers numerous advantages, as we actively work on improving our build time and minimize the number of tools compiling/transpiling frontend code, we choose to move away from Sass and not provide any Stylelint's rules for Sass. If you are still using Sass strictly for nesting, note that native support for nesting is coming soon to CSS."]},{"l":"Embedding Prettier","p":["Since v15.0.0, Stylelint's stylistic rules has been deprecated. The current recommendation is to use Prettier instead to format CSS files.","For that reason, @workleap/stylelint-configs shared configurations includes the stylelint-prettier plugin. Using this plugin, Prettier changes are exposed as Stylelint's rule violations.","Since we choose to stick with ESLint for JavaScript and JSON stylistic rules, a .prettierignore file must be added at the root of the solution to ignore everything but CSS files:","Otherwise, Prettier will also format your .js,.json,.ts files and you'll end up with conflicts between Prettier and ESLint."]},{"l":"Getting started","p":["To get started, choose one of the following scenarios \uD83D\uDC47"]},{"l":"Setup a new project","p":["If you are looking to setup a new polyrepo solution (single project per repository), follow the guide to setup a polyrepo, otherwise, follow the guide to setup a monorepo."]},{"l":"Setup an existing project","p":["If you are migrating an existing polyrepo solution (single project per repository) to workleap/web-configs, follow the guide to setup a polyrepo, otherwise, follow the guide to setup a monorepo.","Once configured, to understand how to adapt @workleap/stylelint-configs default configurations to your codebase while you are completing the migration, have a look at the custom configuration page."]}],[{"l":"Setup a polyrepo","p":["Execute the following steps to setup Stylelint for a polyrepo solution ( single project per repository) \uD83D\uDC47"]},{"l":"Install the packages","p":["Open a terminal at the root of the solution and install the following packages:"]},{"l":"Configure Stylelint","p":["First, create a configuration file named .stylelintrc.json at the root of the solution:","Then, open the newly created file and extend the default configuration with the shared configurations provided by @workleap/stylelint-configs:"]},{"i":"stylelintignore","l":".stylelintignore","p":["Stylelint can be configured to ignore certain files and directories while linting by specifying one or more glob patterns.","To do so, first, create a .stylelintignore file at the root of the solution:","Then, open the newly created file and paste the following ignore rules:"]},{"i":"prettierignore","l":".prettierignore","p":["Since we choose to stick with ESLint for JavaScript and JSON stylistic rules, a .prettierignore file must be added at the root of the solution to ignore everything but CSS files.","To do so, first, create a .prettierignore file at the root of the solution:","Then, open the newly created file and paste the following ignore rules:"]},{"l":"Configure indent style","p":["Prettier offers built-in rules for configuring the indentation style of a codebase. However, there's a catch: when VS Code auto-formatting feature is enabled, it might conflict with the configured indentation rules if they are set differently.","To guarantees a consistent indentation, we recommend using EditorConfig on the consumer side. With EditorConfig, the indent style can be configured in a single file and be applied consistently across various formatting tools, including Prettier and VS Code.","First, create a .editorconfig file at the root of the solution:","Then, open the newly created file and paste the following configuration:","Finally, install the EditorConfig.EditorConfig VS Code extension."]},{"l":"Add a CLI script","p":["At times, especially when running the CI build, it's useful to lint the entire solution using a single command. To do so, add the following script to your solution's package.json file:","The script definition may vary depending on your needs and your application configuration. For example, you might want to specify additional file extensions such as **/*.{css,scss,sass}."]},{"l":"Custom configuration","p":["New projects shouldn't have to customize the default configurations offered by @workleap/stylelint-configs. However, if you are in the process of migrating an existing project to use this library or encountering a challenging situation, refer to the custom configuration page to understand how to override or extend the default configurations. Remember, no locked in❤️✌️."]},{"i":"try-it","l":"Try it \uD83D\uDE80","p":["To test your new setup, open a CSS file, type invalid code (e.g. color: #fff), then save. Open a terminal at the root of the solution and execute the CLI script added earlier:","The terminal should output a linting error."]}],[{"l":"Setup a monorepo","p":["This monorepo setup has been tested with PNPM workspaces. You may need a different setup for NPM workspaces or Yarn workspaces because by default, those package managers hoist dependencies rather than installing them in isolation like PNPM.","To lint a monorepo solution ( multiple projects per repository), Stylelint must be setuped to lint the files at the root of the solution (the monorepo workspace) and the files of every project of the monorepo. Execute the following steps to setup Stylelint for a monorepo solution."]},{"l":"Setup the workspace"},{"l":"Install the packages","p":["Open a terminal at the root of the solution workspace (the root of the repository) and install the following packages:"]},{"l":"Configure Stylelint","p":["First, create a configuration file named .stylelintrc.json at the root of the solution workspace:","Then, open the newly created file and extend the default configuration with the shared configurations provided by @workleap/stylelint-configs:"]},{"i":"stylelintignore","l":".stylelintignore","p":["Stylelint can be configured to ignore certain files and directories while linting by specifying one or more glob patterns.","To do so, first, create an .stylelintignore file at the root of the solution workspace:","Then, open the newly created file and paste the following ignore rules:"]},{"i":"prettierignore","l":".prettierignore","p":["Since we choose to stick with ESLint for JavaScript and JSON stylistic rules, a .prettierignore file must be added at the root of the solution workspace to ignore everything but CSS files.","To do so, first, create a .prettierignore file at the root of the solution workspace:","Then, open the newly created file and paste the following ignore rules:"]},{"l":"Configure the indent style","p":["Prettier offers built-in rules for configuring the indentation style of a codebase. However, there's a catch: when VS Code auto-formatting feature is enabled, it might conflict with the configured indentation rules if they are set differently.","To guarantee a consistent indentation, we recommend using EditorConfig on the consumer side. With EditorConfig, the indent style can be configured in a single file and be applied consistently across various formatting tools, including ESlint and VS Code.","First, create a .editorconfig file at the root of the solution workspace:","Then, open the newly created file and paste the following configuration:"]},{"l":"Add a CLI script","p":["At times, especially when running the CI build, it's useful to lint the entire solution using a single command. To do so, add the following script to your solution's workspace package.json file:","The script definition may vary depending on your needs and your application configuration. For example, you might want to specify additional file extensions such as **/*.{css,scss,sass}."]},{"l":"Setup a project"},{"i":"install-the-packages-1","l":"Install the packages","p":["Open a terminal at the root of the project ( packages/app for this example) and install the following package:"]},{"i":"configure-stylelint-1","l":"Configure Stylelint","p":["First, create a configuration file named .stylelintrc.json at the root of the project:","Then, open the newly created file and extend the default configuration with the shared configurations provided by @workleap/stylelint-configs:"]},{"l":"Custom configuration","p":["New projects shouldn't have to customize the default configurations offered by @workleap/stylelint-configs. However, if you are in the process of migrating an existing project to use this library or encountering a challenging situation, refer to the custom configuration page to understand how to override or extend the default configurations. Remember, no locked in❤️✌️."]},{"i":"try-it","l":"Try it \uD83D\uDE80","p":["To test your new setup, open a CSS file, type invalid code (e.g. color: #fff), then save. Open a terminal at the root of the solution and execute the CLI script added earlier:","The terminal should output a linting error."]}],[{"l":"Custom configuration","p":["If you are in the process of migrating an existing project to use @workleap/stylelint-configs or encountering a challenging situation that is not currently handled by this library, you might want to customize the default shared configurations.","For a list of the rules included with the default shared configurations, refer to the following file on GitHub."]},{"l":"Disable a default rule","p":["You can disable a default rule by defining the rule locally with the null value:"]},{"l":"Change a default rule severity","p":["You can update the severity of a rule by defining the rule locally with either the warn or error severity:"]},{"l":"Change a default rule value","p":["You can update a default rule value by defining the rule locally with its new value:"]},{"l":"Add a plugin","p":["You can configure additional rules from a third party Stylelint plugin:"]}],[{"l":"Integrate with VS Code","p":["Stylelint VS Code extension greatly improves the development experience by automatically linting the code as you type and automatically formatting the code according to your Stylelint configuration whenever you save."]},{"l":"Install Stylelint extension","p":["Open VS Code and install the stylelint.vscode-stylelint extension."]},{"l":"Configure VS Code","p":["Then, add the following settings to your solution VS Code settings file:"]},{"l":"Install EditorConfig extension","p":["Finally, install the EditorConfig.EditorConfig extension."]},{"i":"try-it","l":"Try it \uD83D\uDE80","p":["Restart VS Code, open a CSS file, type invalid code in a CSS selector (e.g. color: #fff), then save. The code should have been formatted automatically (e.g. color: #ffffff)."]}],[{"l":"Typescript"},{"l":"By project type configurations","p":["Typically, TypeScript shareable configuration libraries are architectured around the idea that shared configurations should be small and composable to accomodate any potential use cases that a development team might encounter.","While composability provides flexibility, it also increases the complexity on the consumer side as they must understand how TypeScript configuration inheritance works and how to compose the provided shared configurations correctly. It can be frustrating at times when you want to get something up and running quickly.","To improve the experience, rather than delegating the composition of the shared configuration pieces to the consumer, we compose them internally and offer configurations by project type instead.","This way, it's pretty straightforward for the consumer to configure TypeScript, as it only involves extending a single shared configuration per project and it allows for more accurate defaults and assumptions about the target environment. For advanced users in need of flexibility, the underlying configuration pieces are also available."]},{"l":"Linting only","p":["@workleap/typescript-configs by project type shared configurations exclusively focus on code linting, as tsup is handling the transpilation process."]},{"l":"Target environment","p":["@workleap/typescript-configs by project type shared configurations targets the following environment:","ESM","ESNext","If you are in the process of migrating an existing project to @workleap/typescript-configs, and would rather delay transitioning to ESM, refer to the custom configuration page for information about how to support non ESM projects."]},{"l":"Available configurations","p":["Name","Description","web-application","For web applications developed with React.","library","For library project developed with or without React.","monorepo-workspace","For the workspace configuration of a monorepo solution."]},{"l":"Getting started","p":["To get started, choose one of the following scenarios \uD83D\uDC47"]},{"l":"Setup a new project","p":["If you are looking to setup a new polyrepo solution (single project per repository), follow the guide to setup a polyrepo, otherwise, follow the guide to setup a monorepo."]},{"l":"Setup an existing project","p":["If you are migrating an existing polyrepo solution (single project per repository) to workleap/web-configs, follow the guide to setup a polyrepo, otherwise, follow the guide to setup a monorepo.","Once configured, to understand how to adapt @workleap/typescript-configs default configurations to your codebase while you are completing the migration, have a look at the custom configuration page."]},{"l":"Advanced configuration","p":["If you are encountering a challenging use case making impractical the per project type configurations offered by @workleap/typescript-configs, have a look at the advanced composition page for documentation about how to compose the underlying configuration pieces of this library."]}],[{"l":"Setup a polyrepo","p":["Execute the following steps to setup TypeScript for a polyrepo solution ( single project per repository) \uD83D\uDC47"]},{"l":"Install the packages","p":["Open a terminal at the root of the solution and install the following packages:"]},{"l":"Configure TypeScript","p":["First, create a configuration file named tsconfig.json at the root of the solution:","Then, open the newly created file and extend the default configuration with one of the shared configurations provided by @workleap/typescript-configs\uD83D\uDC47"]},{"l":"web-application","p":["For an applications developed with React, use the following configuration:","If your application is using Storybook, make sure to include the .storybook folder:"]},{"l":"library","p":["For a library project developed with or without React, use the following configuration:","If your application is using Storybook, make sure to include the .storybook folder and exclude the .storybook/storybook-static folder:"]},{"l":"Add a CLI script","p":["At times, especially when running the CI build, it's useful to lint the entire solution using a single command. To do so, add the following script to your solution's package.json file:"]},{"l":"Custom configuration","p":["New projects shouldn't have to customize the default configurations offered by @workleap/typescript-configs. However, if you are in the process of migrating an existing project to use this library or encountering a challenging situation, refer to the custom configuration page to understand how to override or extend the default configurations. Remember, no locked in❤️✌️."]},{"i":"try-it","l":"Try it \uD83D\uDE80","p":["To test your new TypeScript setup, open a TypeScript file, type invalid code (e.g. import { App } from ./App), then wait for the IDE to flag the error. Fix the error (e.g. import { App } from ./App.tsx), then wait for the IDE to remove the error."]}],[{"l":"Setup a monorepo","p":["This monorepo setup has been tested with PNPM workspaces. You may need a different setup for NPM workspaces or Yarn workspaces because by default, those package managers hoist dependencies rather than installing them in isolation like PNPM.","To lint a monorepo solution ( multiple projects per repository), TypeScript must be setuped to lint the files at the root of the solution (the monorepo workspace) and the files of every project of the monorepo. Execute the following steps to setup TypeScript for a monorepo solution."]},{"l":"Setup the workspace"},{"l":"Install the packages","p":["Open a terminal at the root of the solution workspace (the root of the repository) and install the following packages:"]},{"l":"Configure TypeScript","p":["First, create a configuration file named tsconfig.json at the root of the solution workspace:","Then, open the newly created file and extend the default configuration with the monorepo-workspace shared configurations:","If your application is using Storybook, make sure to include the .storybook folder and exclude the .storybook/storybook-static folder:"]},{"l":"Add a CLI script","p":["At times, especially when running the CI build, it's useful to lint the entire solution using a single command. To do so, add the following script to your solution's workspace package.json file:"]},{"l":"Setup a project"},{"l":"Install the package","p":["Open a terminal at the root of the project ( packages/app for this example) and install the following package:"]},{"i":"configure-typescript-1","l":"Configure TypeScript","p":["First, create a configuration file named tsconfig.json at the root of the project:","Then, open the newly created file and extend the default configuration with one of the shared configurations provided by @workleap/typescript-configs\uD83D\uDC47"]},{"l":"web-application","p":["For an applications developed with React, use the following configuration:"]},{"l":"library","p":["For a library project developed with or without React, use the following configuration:"]},{"l":"Custom configuration","p":["New projects shouldn't have to customize most of the default configurations offered by @workleap/typescript-configs. However, if you are in the process of migrating an existing project to use this library or encountering a challenging situation, refer to the custom configuration page to understand how to override or extend the default configurations. Remember, no locked in❤️✌️."]},{"l":"Compiler paths","p":["If any projects of your solution are referencing other projects of the monorepo workspace (e.g. @sample/components: workspace:*), chances are that you'll need to define paths in their tsconfig.json file.","Given the following solution:","If the packages/components project is referencing the packages/utils project, and the packages/app project is referencing the packages/components project, you'll need to add the following compilerOptions.paths:"]},{"i":"try-it","l":"Try it \uD83D\uDE80","p":["To test your new TypeScript setup, open a TypeScript file, type invalid code (e.g. import { App } from ./App), then wait for the IDE to flag the error. Fix the error (e.g. import { App } from ./App.tsx), then wait for the IDE to remove the error."]}],[{"l":"Custom configuration","p":["If you are in the process of migrating an existing project to use @workleap/typescript-configs or encountering a challenging situation that is not currently handled by this library, you might want to customize the default shared configurations.","For a list of the rules included with the default shared configurations, refer to the configuration files in the following folder on GitHub."]},{"l":"Change a default field value","p":["You can update a default field value by defining the field locally with its new value:"]},{"l":"Non ESM projects","p":["If you are migrating an existing project and prefer to wait before moving to ESM, add the following custom configurations to allow import statements without specifying a file extension:"]},{"l":"Start from scratch","p":["If your situation is so challenging that you must start a new configuration from scratch, refer to the advanced composition page."]}],[{"l":"Advanced composition","p":["If the default by project type configurations doesn't fits your needs, rather than writing your own configuration from scratch, you can compose a new one from the underlying configuration pieces of @workleap/typescript-configs."]},{"l":"Available pieces","p":["Name","Description","core","Basic rules shared by every configuration.","react","Rules for React applications and libraries."]},{"l":"Compose a new configuration","p":["Each configuration piece can be extended individually, or in combination with other pieces, to compose your own custom TypeScript configuration."]},{"l":"React configuration","p":["To extend the base configuration for a React project:"]},{"l":"Non React configuration","p":["To extend the core configuration for a regular TypeScript project:"]}],[{"l":"Rsbuild","p":["Rsbuild is a high-performance build tool powered by Rspack, a Rust-based port of webpack designed for efficiency and speed. Those new Rsbuild shared configurations are a modern replacement for previous Workleap's shared webpack configurations."]},{"l":"Main features","p":["The shared configurations offered by @workleap/rsbuild-configs includes the following features \uD83D\uDC47"]},{"l":"Language support","p":["JavaScript","TypeScript","CSS (with CSS modules and LightningCSS)"]},{"l":"Framework support","p":["React"]},{"l":"Asset support","p":["SVG as React components","PNG","JPEG","GIF"]},{"l":"Development features","p":["Development server","Fast Refresh or Hot Module Reload","Sourcemap"]},{"l":"Production features","p":["Minification","Output to /dist"]},{"l":"Target environment","p":["As per the Browserlist configuration."]},{"l":"Getting started","p":["To get started, follow the quick start guide to configure Rsbuild for either a development environment, a production environment or storybook.","If your project is already using @workleap/webpack-configs, follow the migration guide."]}],[{"l":"Configure for development","p":["To configure Rsbuild for a development environment, execute the following steps \uD83D\uDC47"]},{"l":"Install the packages","p":["Open a terminal at the root of the web application project and install the following packages:"]},{"l":"Configure Rsbuild"},{"l":"HTML template","p":["First, create a public folder with an index.html file at the root of the project:","Then, open the newly created index.html file and copy/paste the following content:","The content of the public/index.html file will be the template used by Rsbuild HTML template feature."]},{"l":"Reference local assets","p":["To reference local assets such as a favicon.png in the default HTML template, it is recommended to preprend the relative path of every asset with the assetPrefix option of the Rsbuild config.","First, add the asset to the public folder at the root of the project:","Then, add the assets to the index.html file:","If assetPrefix is set to auto, use href=favicon.png instead."]},{"l":"Browserslist","p":["Next, let's set up Browserlist to define the minimum browser versions supported by the application. Rsbuild will automatically detect and load the browser versions from the nearest .browserslistrc configuration file.","First, create a browserslistrc file at the root of the project:","Then, open the newly created file and extend the default configuration with the shared configuration provided by @workleap/browserslist-config:"]},{"i":"rsbuilddevts","l":"rsbuild.dev.ts","p":["Next, create a configuration file named rsbuild.dev.ts at the root of the project:","Then, open the newly created file and export the Rsbuild configuration by using the defineDevConfig(options) function:"]},{"l":"Use predefined options","p":["The defineDevConfig(options) function can be used as shown in the previous example, however, if you wish to customize the default configuration, the function also accept a few predefined options to help with that \uD83D\uDC47"]},{"l":"entry","p":["Type: An object literal accepting any source.entry options.","Default: { index: ./src/index.tsx }","Set Rsbuild source.entry option."]},{"l":"https","p":["Type: boolean or an object literal accepting any server.https options.","Default: false","Set Rsbuild server.https option and format Rsbuild dev.assetPrefix option accordingly.","When true, a self-signed certificate will be generated with rsbuild-plugin-basic-ssl. To manually set a certificate, follow Rsbuild instructions."]},{"l":"host","p":["Type: string","Default: localhost","Set Rsbuild server.host option and format Rsbuild dev.assetPrefix option accordingly."]},{"l":"port","p":["Type: number","Default: 8080","Set Rsbuild server.port option and format Rsbuild dev.assetPrefix option accordingly."]},{"l":"assetPrefix","p":["This option is the Rsbuild equivalent of webpack publicPath option.","Type: string","Default: ${https ? https : http}://${host}:${port}","Set Rsbuild dev.assetPrefix option.","If you're unsure of the asset prefix in advance, set the option to auto. Rsbuild will automatically determine the asset prefix using import.meta.url or document.currentScript."]},{"l":"plugins","p":["Type: An array of Rsbuild plugin instances","Default: []","Append the provided Rsbuild plugins to the configuration."]},{"l":"html","p":["Type: false or (defaultOptions: HtmlConfig) = HtmlConfig","Default: defaultOptions = defaultOptions","By default, Rsbuild will attempt to load an HTML template from the public/index.html file. To use Rsbuild's built-in HTML template instead, set the option to false.","To customize the default HTML template configuration, provide a function extending the default options."]},{"l":"lazyCompilation","p":["Type: boolean","Default: true","Whether or not to use lazy compilation. To disable lazy compilation, set the option to false."]},{"l":"hmr","p":["Type: boolean","Default: true","Whether or not to use HMR. To disable HMR set the option to false."]},{"l":"fastRefresh","p":["Type: boolean","Default: true","Whether or not to use Fast Refresh instead of use HMR. To disable fast refresh set the option to false.","To customize the Fast Refresh configuration, provide a react function extending the default options."]},{"l":"sourceMap","p":["Type: false or an object literal accepting any output.sourceMap options.","Default: { js: cheap-module-source-map, css: true }","Whether or not to generate source maps. To disable source map, set the option to false.","To customize the source map configuration, provide an object literal."]},{"l":"overlay","p":["Type: false","Default: undefined","Whether or not a full-screen overlay should be in the browser when there are compiler errors or warnings."]},{"l":"react","p":["Type: false or (defaultOptions: PluginReactOptions) = PluginReactOptions","Default: defaultOptions = defaultOptions","Whether or not to transform React code. To disable React code transformation, set the option to false.","To customize plugin-react, provide a function to extend the default options."]},{"l":"svgr","p":["Type: false or (defaultOptions: PluginSvgrOptions) = PluginSvgrOptions","Default: defaultOptions = defaultOptions","Whether or not to handle .svg files with plugin-svgr. When the option is set to false, the .svg files will be handled by the asset/resource rule.","To customize the plugin-svgr, provide a function extending the default options."]},{"l":"Typings","p":["When an SVG asset in referenced in TypeScript code, TypeScript may prompt that the module is missing a type definition:","To fix this, add a type declaration for the SVG assets, by creating a src/env.d.ts file, and add the type declaration.","For additional information, refer to the plugin documentation."]},{"l":"Import images","p":["By default, plugin-svgr is configured to support named import for ReactComponent:"]},{"l":"verbose","p":["Type: boolean","Default: false","Start the Rsbuild process with verbose logging turned on."]},{"l":"Configuration transformers","p":["We do not guarantee that your configuration transformers won't break after an update. It's your responsibility to keep them up to date with new releases.","The predefined options are useful to quickly customize the default development configuration of @workleap/rsbuild-configs, but only covers a subset of an Rsbuild configuration. If you need full control over the configuration, you can provide configuration transformer functions through the transformers option of the defineDevConfig function. Remember, no locked in❤️✌️.","To view the default development configuration of @workleap/rsbuild-configs, have a look at the dev.ts configuration file on GitHub."]},{"l":"transformers","p":["Type: ((config: RsbuildConfig, context: RsbuildConfigTransformerContext) = RsbuildConfig)[]","Default: []"]},{"l":"Execution context","p":["Generic transformers can use the context parameter to gather additional information about their execution context, like the environment they are operating in.","environment: dev | build | storybook","verbose: boolean"]},{"l":"Setup nodemon","p":["Nodemon is a utility that will monitor for any changes in the rsbuild.dev.ts file and restart the Rsbuild development server whenever a change occurs.","First, add a nodemon.json file at the root of the project:","Then, open the nodemon.json file and copy/paste the following content:","Finally, add a CLI script at the next step of this guide."]},{"l":"Add a CLI script","p":["To initiate the development server, add the following script to the project package.json file:"]},{"l":"Define environment variables"},{"l":"cross-env","p":["We recommend to define environment variables using cross-env. With cross-env, the environment variables will be made available to any Node.js files that are executed by the script process ( dev in the example below \uD83D\uDC47):","However, there's a catch. When using cross-env, the variables will not be available in the application files because cross-env only makes them available to files that are executed by the process at build time while the application files are executed at runtime by a browser.","To make them accessible to the application files, Rsbuild must be aware of those environment variables and render them into the compiled application files. This is the purpose of the environmentVariables option."]},{"l":"environmentVariables","p":["Type: Recordstring, unknown","Default: {}","First, define the variables with environmentVariables:","Then, use the variables in any application files:","The === true part of DEBUG: process.env.DEBUG === true is very important, otherwise the environment variable value would be true instead of true.","By default, Rsbuild injects a few environment variables into the code using the source.define option. For additional information about these default environment variables, refer to the Rsbuild documentation."]},{"l":"CSS modules typings","p":["When CSS Modules are imported from TypeScript code, TypeScript may prompt that the module is missing a type definition:","To fix this, add a type declaration file for the CSS Modules, by creating a src/env.d.ts file, and adding the corresponding type declaration."]},{"l":"Monorepo","p":["If the solution is a monorepo, ensure that projects referencing the packages that include CSS Modules, also include the necessary type definitions","For example, given the following structure:","Copy the CSS Modules typings into the app web application own env.d.ts file, or include the components package's typings into the apps web application tsconfig.ts configuration file:","For additional information about CSS modules type declaration, refer to the Rsbuild documentation."]},{"i":"try-it","l":"Try it \uD83D\uDE80","p":["To test the new Rsbuild configuration, open a terminal at the root of the project and execute the CLI script added earlier. A development server should start without outputting any error in the terminal."]}],[{"l":"Configure for build","p":["To configure Rsbuild for a production environment, execute the following steps \uD83D\uDC47"]},{"l":"Install the packages","p":["Open a terminal at the root of the web application project and install the following packages:"]},{"l":"Configure Rsbuild"},{"l":"HTML template","p":["First, create a public folder with an index.html file at the root of the project:","Then, open the newly created index.html file and copy/paste the following content:","The content of the public/index.html file will be the template used by Rsbuild HTML template feature."]},{"l":"Reference local assets","p":["To reference local assets such as a favicon.png in the default HTML template, it is recommended to preprend the relative path of every asset with the assetPrefix option of the Rsbuild config.","First, add the asset to the public folder at the root of the project:","Then, add the assets to the index.html file:","If assetPrefix is set to auto, use href=favicon.png instead."]},{"l":"Browserslist","p":["Next, let's set up Browserlist to define the minimum browser versions supported by the application. Rsbuild will automatically detect and load the browser versions from the nearest .browserslistrc configuration file.","First, create a browserslistrc file at the root of the project:","Then, open the newly created file and extend the default configuration with the shared configuration provided by @workleap/browserslist-config:"]},{"i":"rsbuildbuildts","l":"rsbuild.build.ts","p":["Next, create a configuration file named rsbuild.build.ts at the root of the project:","Then, open the newly created file and export the Rsbuild configuration by using the defineBuildConfig(options) function:"]},{"l":"Use predefined options","p":["The defineBuildConfig(options) function can be used as shown in the previous example, however, if you wish to customize the default configuration, the function also accept a few predefined options to help with that \uD83D\uDC47"]},{"l":"entry","p":["Type: RsbuildEntry","Default: { index: ./src/index.tsx }","Set Rsbuild source.entry option."]},{"l":"distPath","p":["This option is the Rsbuild equivalent of webpack outputPath option.","Type: string","Default: dist","Set Rsbuild output.distPath option."]},{"l":"assetPrefix","p":["This option is the Rsbuild equivalent of webpack publicPath option.","Type: string","Default: ${https ? https : http}://${host}:${port}","Set Rsbuild output.assetPrefix option.","If you're unsure of the asset prefix in advance, set the option to auto. Rsbuild will automatically determine the asset prefix using import.meta.url or document.currentScript."]},{"l":"plugins","p":["Type: An array of Rsbuild plugin instances","Default: []","Append the provided Rsbuild plugins to the configuration."]},{"l":"html","p":["Type: false or (defaultOptions: HtmlConfig) = HtmlConfig","Default: defaultOptions = defaultOptions","By default, Rsbuild will attempt to load an HTML template from the public/index.html file. To use Rsbuild's built-in HTML template instead, set the option to false.","To customize the default HTML template configuration, provide a function extending the default options."]},{"l":"minify","p":["Type: false or an object literal accepting any minify options.","Default: true","Whether or not to minify the code. To disable code minification, set the option to false.","To customize the minimizer configuration, provide an object literal."]},{"l":"optimize","p":["Type: boolean| readable","Default: true","Whether or not to enable Rsbuild production code optimization. This option can be quite useful when debugging an issue with Rsbuild bundling.","When false is provided, most of the optimizations, including minification will be turned off:","When readable is provided, most of the optimizations will still be applied but the outputed bundles will be easier to read:"]},{"l":"sourceMap","p":["Type: false or an object literal accepting any output.sourceMap options.","Default: { js: source-map, css: true }","Whether or not to generate source maps. To disable source map, set the option to false.","To customize the source map configuration, provide an object literal."]},{"l":"react","p":["Type: false or (defaultOptions: PluginReactOptions) = PluginReactOptions","Default: defaultOptions = defaultOptions","Whether or not to transform React code. To disable React code transformation, set the option to false.","To customize plugin-react, provide a function to extend the default options."]},{"l":"svgr","p":["Type: false or (defaultOptions: PluginSvgrOptions) = PluginSvgrOptions","Default: defaultOptions = defaultOptions","Whether or not to handle .svg files with plugin-svgr. When the option is set to false, the .svg files will be handled by the asset/resource rule.","To customize plugin-svgr, provide a function extending the default options."]},{"l":"Typings","p":["When you reference an SVG asset in TypeScript code, TypeScript may prompt that the module is missing a type definition:","To fix this, you need to add type declaration for the SVG assets, create a src/env.d.ts file, and add the type declaration.","For additional information, refer to the plugin documentation."]},{"l":"Import images","p":["By default, plugin-svgr is configured to support named import for ReactComponent:"]},{"l":"compressImage","p":["Type: false or (defaultOptions: PluginImageCompressOptions) = PluginImageCompressOptions","Default: defaultOptions = defaultOptions","Whether or not to compress images with plugin-image-compress. To disable image compression, set the option to false.","To customize plugin-image-compress, provide a function extending the default options."]},{"l":"verbose","p":["Type: boolean","Default: false","Start the Rsbuild process with verbose logging turned on."]},{"l":"Configuration transformers","p":["We do not guarantee that your configuration transformers won't break after an update. It's your responsibility to keep them up to date with new releases.","The predefined options are useful to quickly customize the default build configuration of @workleap/rsbuild-configs, but only covers a subset of an Rsbuild configuration. If you need full control over the configuration, you can provide configuration transformer functions through the transformers option of the defineBuildConfig function. Remember, no locked in❤️✌️.","To view the default build configuration of @workleap/rsbuild-configs, have a look at the build.ts configuration file on GitHub."]},{"l":"transformers","p":["Type: ((config: RsbuildConfig, context: RsbuildConfigTransformerContext) = RsbuildConfig)[]","Default: []"]},{"l":"Execution context","p":["Generic transformers can use the context parameter to gather additional information about their execution context, like the environment they are operating in.","environment: dev | build | storybook","verbose: boolean"]},{"l":"Add a CLI script","p":["To create the bundle files for production, add the following script to the project package.json file:"]},{"l":"Use environment variables"},{"l":"cross-env","p":["We recommend instead to define environment variables using cross-env. With cross-env, the environment variables will be made available to any Node.js files that are executed by the script process ( build in the example below \uD83D\uDC47):","However, there's a catch. When using cross-env, the variables will not be available in the application files because cross-env only makes them available to files that are executed by the process at build time while the application files are executed at runtime by a browser.","To make them accessible to the application files, Rsbuild must be aware of those environment variables and render them into the compiled application files. This is the purpose of the environmentVariables option."]},{"l":"environmentVariables","p":["Type: Recordstring, unknown","Default: {}","First, define the variables with environmentVariables:","Then, use the variables in any application files:","The === true part of DEBUG: process.env.DEBUG === true is very important, otherwise the environment variable value would be true instead of true.","By default, Rsbuild injects a few environment variables into the code using the source.define option. For additional information about these default environment variables, refer to the Rsbuild documentation."]},{"l":"CSS modules typings","p":["When CSS Modules are imported from TypeScript code, TypeScript may prompt that the module is missing a type definition:","To fix this, add a type declaration file for the CSS Modules, by creating a src/env.d.ts file, and adding the corresponding type declaration."]},{"l":"Monorepo","p":["If the solution is a monorepo, ensure that projects referencing the packages that include CSS Modules, also include the necessary type definitions","For example, given the following structure:","Copy the CSS Modules typings into the app web application own env.d.ts file, or include the components package's typings into the apps web application tsconfig.ts configuration file:","For additional information about CSS modules type declaration, refer to the Rsbuild documentation."]},{"i":"try-it","l":"Try it \uD83D\uDE80","p":["To test the new Rsbuild configuration, open a terminal at the root of the project and execute the CLI script added earlier. The build process should complete without outputting any error in the terminal and the bundle files should be available in the /dist folder (or any other distPath you configured)."]}],[{"l":"Configure for Storybook","p":["To configure Rsbuild for Storybook, execute the following steps \uD83D\uDC47"]},{"l":"Install the packages"},{"l":"Configure Rsbuild"},{"l":"Browserslist","p":["First, let's set up Browserlist to define the minimum browser versions supported by the application. Rsbuild will automatically detect and load the browser versions from the nearest .browserslistrc configuration file.","First, create a browserslistrc file at the root of the project:","Then, open the newly created file and extend the default configuration with the shared configuration provided by @workleap/browserslist-config:"]},{"i":"rsbuildconfigts","l":"rsbuild.config.ts","p":["Next, create a configuration file named rsbuild.config.ts under the .storybook folder:","Then, open the newly created file and export the Rsbuild configuration by using the defineStorybookConfig(options) function:"]},{"i":"maints","l":"main.ts","p":["Finally, open the .storybook/main.ts file and set storybook-react-rsbuild as the framework to use:"]},{"l":"Use predefined options","p":["The defineStorybookConfig(options) function can be used as shown in the previous example, however, if you wish to customize the default configuration, the function also accept a few predefined options to help with that \uD83D\uDC47"]},{"l":"plugins","p":["Type: An array of Rsbuild plugin instances","Default: []","Append the provided Rsbuild plugins to the configuration."]},{"l":"sourceMap","p":["Type: false or an object literal accepting any output.sourceMap options.","Default: { js: cheap-module-source-map, css: true }","Whether or not to generate source map. To disable source map, set the option to false.","To customize the source map configuration, provide an object literal."]},{"l":"react","p":["Type: false or (defaultOptions: PluginReactOptions) = PluginReactOptions","Default: defaultOptions = defaultOptions","Whether or not to transform React code. To disable React code transformation, set the option to false.","To customize plugin-react, provide a function to extend the default options."]},{"l":"svgr","p":["Type: false or (defaultOptions: PluginSvgrOptions) = PluginSvgrOptions","Default: defaultOptions = defaultOptions","Whether or not to handle .svg files with plugin-svgr. When the option is set to false, the .svg files will be handled by the asset/resource rule.","To customize plugin-svgr, provide a function extending the default options."]},{"l":"Typings","p":["When an SVG asset in referenced in TypeScript code, TypeScript may prompt that the module is missing a type definition:","To fix this, add a type declaration for the SVG assets, by creating a src/env.d.ts file, and add the type declaration.","For additional information, refer to the plugin documentation."]},{"l":"Import images","p":["By default, plugin-svgr is configured to support named import for ReactComponent:"]},{"l":"verbose","p":["Type: boolean","Default: false","Start the Rsbuild process with verbose logging turned on."]},{"l":"Configuration transformers","p":["We do not guarantee that your configuration transformers won't break after an update. It's your responsibility to keep them up to date with new releases.","The predefined options are useful to quickly customize the default Storybook configuration of @workleap/rsbuild-configs, but only covers a subset of an Rsbuild configuration. If you need full control over the configuration, you can provide configuration transformer functions through the transformers option of the defineStorybookConfig function. Remember, no locked in❤️✌️.","To view the default Storybook configuration of @workleap/rsbuild-configs, have a look at the storybook.ts configuration file on GitHub."]},{"l":"transformers","p":["Type: ((config: RsbuildConfig, context: RsbuildConfigTransformerContext) = RsbuildConfig)[]","Default: []"]},{"l":"Execution context","p":["Generic transformers can use the context parameter to gather additional information about their execution context, like the environment they are operating in.","environment: dev | build | storybook","verbose: boolean"]},{"l":"Add CLI scripts","p":["Add the following scripts to the project package.json file:"]},{"l":"Use environment variables"},{"l":"cross-env","p":["We recommend instead to define environment variables using cross-env. With cross-env, the environment variables will be made available to any Node.js files that are executed by the script process ( dev and build in the example below \uD83D\uDC47):","However, there's a catch. When using cross-env, the variables will not be available in the application files because cross-env only makes them available to files that are executed by the process at build time while the application files are executed at runtime by a browser.","To make them accessible to the application files, Rsbuild must be aware of those environment variables and render them into the compiled application files. This is the purpose of the environmentVariables option."]},{"l":"environmentVariables","p":["Type: Recordstring, unknown","Default: {}","First, define the variables with environmentVariables:","Then, use the variables in any file:","The === true part of DEBUG: process.env.DEBUG === true is very important, otherwise the environment variable value would be true instead of true.","By default, Rsbuild injects a few environment variables into the code using the source.define option. For additional information about these default environment variables, refer to the Rsbuild documentation."]},{"i":"try-it","l":"Try it \uD83D\uDE80","p":["To test the new Rsbuild configuration, open a terminal at the root of the project and execute the CLI scripts added earlier. Either the Storybook development server should start without outputting any error in the terminal or the Storybook application bundle files should be available in the /storybook-static folder (or any other folder you configured)."]}],[{"l":"Migrate from webpack","p":["To migrate from @workleap/webpack-configs to @workleap/rsbuild-configs, execute the following steps \uD83D\uDC47"]},{"l":"Update packages","p":["Open a terminal at the root of the web application project and install the following packages:","Then, using the same terminal, remove the following packages:","If your web application project uses SWC for tests, you may want to keep the @swc/core and @workleap/swc-configs packages."]},{"l":"Update files"},{"i":"webpackdevjs","l":"webpack.dev.js","p":["Rename the file from webpack.dev.js to rsbuild.dev.ts.","Then, open the rsbuild.build.ts file and and apply the following changes:","Replace @workleap/webpack-configs for @workleap/rsbuild-configs.","Remove import { swcConfig } from ./swc.build.js.","Remove the argument of the defineDevConfig function.","Remove // @ts-check.","Before:","After:"]},{"i":"webpackbuildjs","l":"webpack.build.js","p":["Rename the file from webpack.build.js to rsbuild.build.ts.","Then, open the rsbuild.build.ts file and apply the following changes:","Replace @workleap/webpack-configs for @workleap/rsbuild-configs.","Remove import { swcConfig } from ./swc.build.js.","Remove the argument of the defineBuildConfig function.","Remove // @ts-check.","Before:","After:"]},{"i":"postcssconfigts","l":"postcss.config.ts","p":["Delete the postcss.config.ts file."]},{"i":"swcbuildjs","l":"swc.build.js","p":["Delete the swc.build.js file."]},{"i":"swcdevjs","l":"swc.dev.js","p":["Delete the swc.dev.js file."]},{"i":"indexhtml","l":"index.html","p":["Replace %=webpackConfig.output.publicPath% by %=assetPrefix%/(the / is important).","Before:","After:"]},{"l":"Update scripts"},{"l":"dev","p":["Update the dev script to run Rsbuild instead of webpack.","Before:","After:"]},{"l":"build","p":["Update the build script to run Rsbuild instead of webpack.","Before:","After:"]},{"l":"Typings","p":["If you're encountering typing issues, consider adding type declarations for the following","SVGR","CSS Module"]},{"l":"Storybook","p":["Consider using the new Rsbuild Storybook shared configurations."]},{"i":"try-it","l":"Try it \uD83D\uDE80","p":["Start the application in a development environment using the dev and build script. Everything should run smoothly without any warnings or errors outputted in the terminal."]}],[{"l":"Rslib","p":["Rslib is a high-performance build tool powered by Rsbuild and Rspack, Rust-based ports of webpack designed for efficiency and speed. Those new Rslib shared configurations are a modern replacement for previous Workleap's shared tsup configurations."]},{"l":"Main features","p":["The shared configurations offered by @workleap/rslib-configs includes the following features \uD83D\uDC47"]},{"l":"Language support","p":["JavaScript","TypeScript","CSS (with CSS modules and LightningCSS)"]},{"l":"TypeScript features","p":["Emits declaration files"]},{"l":"Framework support","p":["React"]},{"l":"Asset support","p":["SVG as React components"]},{"l":"Development features","p":["Watch mode","Sourcemaps"]},{"l":"Production features","p":["Sourcemaps","Output to /dist"]},{"l":"Target environment","p":["ESM","ESNext"]},{"l":"Getting started","p":["To get started, follow the quick start guide to configure Rsbuild for either a development environment, a production environment or storybook.","If your project is already using @workleap/tsup-configs, follow the migration guide."]}],[{"l":"Configure for development","p":["To configure Rslib for a development environment, execute the following steps \uD83D\uDC47"]},{"l":"Install the packages","p":["Open a terminal at the root of the library project and install the following packages:"]},{"l":"Configure Rslib"},{"i":"tsconfigbuildjson","l":"tsconfig.build.json","p":["First, create a tsconfig.build.json file at the root of the project:","Then, open the newly created tsconfig.build.json file and copy/paste the following content:","@workleap/rslib-config is configured by default to produce bundleless output. Rslib's bundleless mode expects the include option in the TypeScript configuration file to point to the project’s source files folder. If the project's source files are not located in the src folder, update the provided configuration sample to target the correct source folder."]},{"i":"rslibdevts","l":"rslib.dev.ts","p":["Next, create a configuration file named rslib.dev.ts at the root of the project:","Then, open the newly created file and export the Rslib configuration by using the defineDevConfig(options) function:"]},{"l":"Use predefined options","p":["The defineDevConfig(options) function can be used as shown in the previous example, however, if you wish to customize the default configuration, the function also accept a few predefined options to help with that \uD83D\uDC47"]},{"l":"entry","p":["Type: An object literal accepting any source.entry options.","Default: { index: ./src/** } when the bundle option is false, otherwise { index: [./src/index.ts, ./src/index.js] }.","Set Rslib source.entry option."]},{"l":"format","p":["Type: string","Default: esm","Set Rslib lib.format option."]},{"l":"syntax","p":["Type: string","Default: esnext","Set Rslib lib.syntax option."]},{"l":"bundle","p":["Type: boolean","Default: false","Whether or not to ouput a single code bundle. To output a single code bundle, set the option to true.","Tree-shaking is most effective when bundlers can exclude entire files from the final bundle. However, when the bundle option is set to true, bundlers must perform tree-shaking within individual files by removing unused parts. While most modern bundlers support this, it's generally better to follow the lowest common denominator approach by opting for a bundleless output, to produce the most predictable results and not bundling unnecessary code.","For more details on the differences between bundled and bundleless output, refer to the documentation."]},{"l":"tsconfigPath","p":["Type: string","Default: undefined","Set Rslib source.tsconfigPath option. When the bundle option is set to false(default value), the tsconfigPath option is required."]},{"l":"dts","p":["Type: An object literal accepting any lib.dts options.","Default: false","Whether or not to generate TypeScript *.d.ts files. To generate *.d.ts files, set the option to true."]},{"l":"target","p":["Type: string","Default: web","Set Rslib output.target option."]},{"l":"distPath","p":["Type: string","Default: dist","Set Rsbuild output.distPath option."]},{"l":"plugins","p":["Type: An array of Rsbuild plugin instances","Default: []","Append the provided Rsbuild plugins to the configuration."]},{"l":"sourceMap","p":["Type: false or an object literal accepting any output.sourceMap options.","Default: { js: cheap-module-source-map, css: true }","Whether or not to generate source maps. To disable source map, set the option to false.","To customize the source map configuration, provide an object literal."]},{"l":"react","p":["Type: false or (defaultOptions: PluginReactOptions) = PluginReactOptions","Default: defaultOptions = defaultOptions","Whether or not to transform React code. To disable React code transformation, set the option to false.","To customize plugin-react, provide a function to extend the default options."]},{"l":"svgr","p":["Type: false or (defaultOptions: PluginSvgrOptions) = PluginSvgrOptions","Default: defaultOptions = defaultOptions","Whether or not to handle .svg files with plugin-svgr. When the option is set to false, the .svg files will be handled by the asset/resource rule.","To customize the plugin-svgr, provide a function extending the default options."]},{"l":"Typings","p":["When an SVG asset in referenced in TypeScript code, TypeScript may prompt that the module is missing a type definition:","To fix this, add a type declaration for the SVG assets, by creating a src/env.d.ts file, and add the type declaration.","For additional information, refer to the plugin documentation."]},{"l":"Import images","p":["By default, plugin-svgr is configured to support named import for ReactComponent:"]},{"l":"Configuration transformers","p":["We do not guarantee that your configuration transformers won't break after an update. It's your responsibility to keep them up to date with new releases.","The predefined options are useful to quickly customize the default development configuration of @workleap/rslib-configs, but only covers a subset of an Rslib configuration. If you need full control over the configuration, you can provide configuration transformer functions through the transformers option of the defineDevConfig function. Remember, no locked in❤️✌️.","To view the default development configuration of @workleap/rslib-configs, have a look at the dev.ts configuration file on GitHub."]},{"l":"transformers","p":["Type: ((config: RslibConfig, context: RslibConfigTransformerContext) = RslibConfig)[]","Default: []"]},{"l":"Execution context","p":["Generic transformers can use the context parameter to gather additional information about their execution context, like the environment they are operating in.","environment: dev | build | storybook"]},{"l":"Setup nodemon","p":["Nodemon is a utility that will monitor for any changes in the rslib.dev.ts file and restart Rslib watch process whenever a change occurs.","First, add a nodemon.json file at the root of the project:","Then, open the nodemon.json file and copy/paste the following content:","Finally, add a CLI script at the next step of this guide."]},{"l":"Add a CLI script","p":["To initiate the watch process, add the following script to the project package.json file:"]},{"l":"CSS modules typings","p":["When CSS Modules are imported from TypeScript code, TypeScript may prompt that the module is missing a type definition:","To fix this, add a type declaration file for the CSS Modules, by creating a src/env.d.ts file, and adding the corresponding type declaration.","Yes, reference types from @rsbuild/core, it's not a typo."]},{"l":"Monorepo","p":["If the solution is a monorepo, ensure that projects referencing the packages that include CSS Modules, also include the necessary type definitions","For example, given the following structure:","Copy the CSS Modules typings into the app web application own env.d.ts file, or include the components package's typings into the apps web application tsconfig.ts configuration file:","For additional information about CSS modules type declaration, refer to the Rslib/Rsbuild documentation."]},{"i":"try-it","l":"Try it \uD83D\uDE80","p":["To test the new Rslib configuration, open a terminal at the root of the project and execute the CLI script added earlier. The library project should should be compiled without outputting any error in the terminal and watch process should start."]}],[{"l":"Configure for build","p":["To configure Rslib for publication, execute the following steps \uD83D\uDC47"]},{"l":"Install the packages","p":["Open a terminal at the root of the library project and install the following packages:"]},{"l":"Configure Rslib"},{"l":"Publish source code files","p":["First, update the project package.json file to ensure the source files are included in the published package:","The defineBuildConfig function generates source maps for the library code by default. To enable debugging with the original source code, the published package must include the source code files."]},{"i":"tsconfigbuildjson","l":"tsconfig.build.json","p":["Then, create a tsconfig.build.json file at the root of the project:","Then, open the newly created tsconfig.build.json file and copy/paste the following content:","@workleap/rslib-config is configured by default to produce bundleless output. Rslib's bundleless mode expects the include option in the TypeScript configuration file to point to the project’s source files folder. If the project's source files are not located in the src folder, update the provided configuration sample to target the correct source folder."]},{"i":"rslibbuildts","l":"rslib.build.ts","p":["Next, create a configuration file named rslib.build.ts at the root of the project:","Then, open the newly created file and export the Rslib configuration by using the defineBuildConfig(options) function:"]},{"l":"Use predefined options","p":["The defineBuildConfig(options) function can be used as shown in the previous example, however, if you wish to customize the default configuration, the function also accept a few predefined options to help with that \uD83D\uDC47"]},{"l":"entry","p":["Type: An object literal accepting any source.entry options.","Default: { index: ./src/** } when the bundle option is false, otherwise { index: [./src/index.ts, ./src/index.js] }.","Set Rslib source.entry option."]},{"l":"format","p":["Type: string","Default: esm","Set Rslib lib.format option."]},{"l":"syntax","p":["Type: string","Default: esnext","Set Rslib lib.syntax option."]},{"l":"bundle","p":["Type: boolean","Default: false","Whether or not to ouput a single code bundle. To output a single code bundle, set the option to true.","Tree-shaking is most effective when bundlers can exclude entire files from the final bundle. However, when the bundle option is set to true, bundlers must perform tree-shaking within individual files by removing unused parts. While most modern bundlers support this, it's generally better to follow the lowest common denominator approach by opting for a bundleless output, to produce the most predictable results and not bundling unnecessary code.","For more details on the differences between bundled and bundleless output, refer to the documentation."]},{"l":"tsconfigPath","p":["Type: string","Default: undefined","Set Rslib source.tsconfigPath option. When the bundle option is set to false(default value), the tsconfigPath option is required."]},{"l":"dts","p":["Type: An object literal accepting any lib.dts options.","Default: true","Whether or not to generate TypeScript *.d.ts files. To disable the generation of *.d.ts files, set the option to false."]},{"l":"target","p":["Type: string","Default: web","Set Rslib output.target option."]},{"l":"distPath","p":["Type: string","Default: dist","Set Rsbuild output.distPath option."]},{"l":"plugins","p":["Type: An array of Rsbuild plugin instances","Default: []","Append the provided Rsbuild plugins to the configuration."]},{"l":"sourceMap","p":["Type: false or an object literal accepting any output.sourceMap options.","Default: { js: source-map, css: true }","Whether or not to generate source maps. To disable source map, set the option to false.","To customize the source map configuration, provide an object literal."]},{"l":"react","p":["Type: false or (defaultOptions: PluginReactOptions) = PluginReactOptions","Default: defaultOptions = defaultOptions","Whether or not to transform React code. To disable React code transformation, set the option to false.","To customize plugin-react, provide a function to extend the default options."]},{"l":"svgr","p":["Type: false or (defaultOptions: PluginSvgrOptions) = PluginSvgrOptions","Default: defaultOptions = defaultOptions","Whether or not to handle .svg files with plugin-svgr. When the option is set to false, the .svg files will be handled by the asset/resource rule.","To customize the plugin-svgr, provide a function extending the default options."]},{"l":"Typings","p":["When an SVG asset in referenced in TypeScript code, TypeScript may prompt that the module is missing a type definition:","To fix this, add a type declaration for the SVG assets, by creating a src/env.d.ts file, and add the type declaration.","For additional information, refer to the plugin documentation."]},{"l":"Import images","p":["By default, plugin-svgr is configured to support named import for ReactComponent:"]},{"l":"Configuration transformers","p":["We do not guarantee that your configuration transformers won't break after an update. It's your responsibility to keep them up to date with new releases.","The predefined options are useful to quickly customize the default build configuration of @workleap/rslib-configs, but only covers a subset of an Rslib configuration. If you need full control over the configuration, you can provide configuration transformer functions through the transformers option of the defineBuildConfig function. Remember, no locked in❤️✌️.","To view the default build configuration of @workleap/rslib-configs, have a look at the build.ts configuration file on GitHub."]},{"l":"transformers","p":["Type: ((config: RslibConfig, context: RslibConfigTransformerContext) = RslibConfig)[]","Default: []"]},{"l":"Execution context","p":["Generic transformers can use the context parameter to gather additional information about their execution context, like the environment they are operating in.","environment: dev | build | storybook"]},{"l":"Add a CLI script","p":["To create the bundle files for publication, add the following script to the project package.json file:"]},{"l":"CSS modules typings","p":["When CSS Modules are imported from TypeScript code, TypeScript may prompt that the module is missing a type definition:","To fix this, add a type declaration file for the CSS Modules, by creating a src/env.d.ts file, and adding the corresponding type declaration.","Yes, reference types from @rsbuild/core, it's not a typo."]},{"l":"Monorepo","p":["If the solution is a monorepo, ensure that projects referencing the packages that include CSS Modules, also include the necessary type definitions","For example, given the following structure:","Copy the CSS Modules typings into the app web application own env.d.ts file, or include the components package's typings into the apps web application tsconfig.ts configuration file:","For additional information about CSS modules type declaration, refer to the Rslib/Rsbuild documentation."]},{"i":"try-it","l":"Try it \uD83D\uDE80","p":["To test the new Rslib configuration, open a terminal at the root of the project and execute the CLI script added earlier. The build process should complete without outputting any error in the terminal and the outputted files should be available in the /dist folder (or any other distPath you configured)."]}],[{"l":"Configure for Storybook","p":["To configure Rslib for Storybook, execute the following steps \uD83D\uDC47"]},{"l":"Install the packages"},{"l":"Configure Rslib","p":["Rslib Storybook integration is an addon that derives an Rsbuild configuration from an existing Rslib configuration file. This addon automatically reads the Rslib configuration and applies it to Storybook's Rsbuild framework, ensuring that the configuration is unified.","As a result, configuring a Storybook instance for Rslib is very similar to configuring a Storybook instance for Rsbuild."]},{"i":"rslibconfigts","l":"rslib.config.ts","p":["First, create a configuration file named rslib.config.ts under the .storybook folder:","Then, open the newly created file and export the Rslib configuration by using the defineStorybookConfig(options) function:"]},{"i":"maints","l":"main.ts","p":["Finally, open the .storybook/main.ts file and set storybook-react-rsbuild as the framework to use and storybook-addon-rslib as an addon:","For additional information about using Rslib with Storybook, refer to the Rslib documentation."]},{"l":"Use predefined options","p":["The defineStorybookConfig(options) function can be used as shown in the previous example, however, if you wish to customize the default configuration, the function also accept a few predefined options to help with that \uD83D\uDC47"]},{"l":"plugins","p":["Type: An array of Rsbuild plugin instances","Default: []","Append the provided Rsbuild plugins to the configuration."]},{"l":"sourceMap","p":["Type: false or an object literal accepting any output.sourceMap options.","Default: { js: cheap-module-source-map, css: true }","Whether or not to generate source map. To disable source map, set the option to false.","To customize the source map configuration, provide an object literal."]},{"l":"react","p":["Type: false or (defaultOptions: PluginReactOptions) = PluginReactOptions","Default: defaultOptions = defaultOptions","Whether or not to transform React code. To disable React code transformation, set the option to false.","To customize plugin-react, provide a function to extend the default options."]},{"l":"svgr","p":["Type: false or (defaultOptions: PluginSvgrOptions) = PluginSvgrOptions","Default: defaultOptions = defaultOptions","Whether or not to handle .svg files with plugin-svgr. When the option is set to false, the .svg files will be handled by the asset/resource rule.","To customize plugin-svgr, provide a function extending the default options."]},{"l":"Typings","p":["When an SVG asset in referenced in TypeScript code, TypeScript may prompt that the module is missing a type definition:","To fix this, add a type declaration for the SVG assets, by creating a src/env.d.ts file, and add the type declaration.","For additional information, refer to the plugin documentation."]},{"l":"Import images","p":["By default, plugin-svgr is configured to support named import for ReactComponent:"]},{"l":"Configuration transformers","p":["We do not guarantee that your configuration transformers won't break after an update. It's your responsibility to keep them up to date with new releases.","The predefined options are useful to quickly customize the default Storybook configuration of @workleap/rslib-configs, but only covers a subset of an Rslib configuration. If you need full control over the configuration, you can provide configuration transformer functions through the transformers option of the defineStorybookConfig function. Remember, no locked in❤️✌️.","To view the default Storybook configuration of @workleap/rslib-configs, have a look at the storybook.ts configuration file on GitHub."]},{"l":"transformers","p":["Type: ((config: RslibConfig, context: RslibConfigTransformerContext) = RslibConfig)[]","Default: []"]},{"l":"Execution context","p":["Generic transformers can use the context parameter to gather additional information about their execution context, like the environment they are operating in.","environment: dev | build | storybook"]},{"l":"Add CLI scripts","p":["Add the following scripts to the project package.json file:"]},{"i":"try-it","l":"Try it \uD83D\uDE80","p":["To test the new Rslib configuration, open a terminal at the root of the project and execute the CLI scripts added earlier. Either the Storybook development server should start without outputting any error in the terminal or the Storybook application bundle files should be available in the /storybook-static folder (or any other folder you configured)."]}],[{"l":"Migrate from tsup","p":["To migrate from @workleap/tsup-configs to @workleap/rslib-configs, execute the following steps \uD83D\uDC47"]},{"l":"Update packages","p":["Open a terminal at the root of the library project and install the following packages:","Then, using the same terminal, remove the following packages:"]},{"i":"create-a-new-tsconfigbuildjson-file","l":"Create a new tsconfig.build.json file","p":["TBD"]},{"l":"Update files"},{"i":"tsupdevts","l":"tsup.dev.ts","p":["Rename the file from tsup.dev.ts to rslib.dev.ts.","Then, open the rslib.dev.ts file and and apply the following changes:","Replace @workleap/tsup-configs for @workleap/rslib-configs.","Add a tsconfigPath option and reference the previously created tsconfig.build.json file.","Before:","After:"]},{"i":"tsupbuildts","l":"tsup.build.ts","p":["Rename the file from tsup.build.ts to rslib.build.ts.","Then, open the rslib.build.ts file and and apply the following changes:","Replace @workleap/tsup-configs for @workleap/rslib-configs.","Add a tsconfigPath option and reference the previously created tsconfig.build.json file.","Before:","After:"]},{"l":"Update scripts"},{"l":"dev","p":["Update the dev script to run Rslib instead of tsup.","Before:","After:"]},{"l":"build","p":["Update the build script to run Rslib instead of tsup.","Before:","After:"]},{"l":"Typings","p":["If you're encountering typing issues, consider adding type declarations for the following","SVGR","CSS Module"]},{"l":"Storybook","p":["Consider using the new Rslib Storybook shared configurations."]},{"i":"try-it","l":"Try it \uD83D\uDE80","p":["Start the application in a development environment using the dev and build script. Everything should run smoothly without any warnings or errors outputted in the terminal."]}],[{"l":"PostCSS","p":["@workleap/postcss-configs is now in maintenance mode. If you're starting a new project, consider using @workleap/rsbuild-configs instead of @workleap/webpack-configs, which eliminates the need for PostCSS."]},{"l":"Deprecation warning","p":["As we actively work on improving our build time and minimize the number of tools compiling/transpiling frontend code, we expect PostCSS to be one of the first tools that we will deprecate from our technology stack. Therefore, before adding PostCSS to your project, make sure that you really need it.","Here's a couple of ideas to move away from PostCSS:","Prefer native CSS to SCSS.","Avoid CSS nesting, it usually makes code harder to read anyway. If you really need nesting, native support is coming soon.","Force developers to use rem by disabling the use of px with Stylelint.","Prefix CSS properties directly in the codebase rather than relying on Autoprefixer. As browser vendors are now putting experimental features behind a flag rather than using prefixes, there aren't many CSS properties still requiring a prefix."]},{"l":"Main features","p":["The shared configuration offered by @workleap/postcss-configs includes the following features:"]},{"l":"Preset Env","p":["Stage 3","Autoprefixer"]},{"l":"Getting started","p":["To get started, follow the quick start guide to configure your first project."]}],[{"l":"Configure a project","p":["@workleap/postcss-configs is now in maintenance mode. If you're starting a new project, consider using @workleap/rsbuild-configs instead of @workleap/webpack-configs, which eliminates the need for PostCSS.","Execute the following steps to setup PostCSS for a single project \uD83D\uDC47"]},{"l":"Install the packages","p":["Open a terminal at the root of the project and install the following packages:"]},{"l":"Configure PostCSS","p":["First, create a configuration file named postcss.config.ts at the root of the project:","Then, open the newly created file and export the PostCSS configuration by using the defineConfig(options) function:"]},{"l":"Use predefined options","p":["The defineConfig(options) function can be used as-is as shown in the previous example, however, if you wish to customize the default configuration, the function also accepts a few predefined options to help with that \uD83D\uDC47"]},{"l":"browsers","p":["Type: string | string[]","Default: When available, will load the supported browser versions from the closest .browserslistrc file","Set postcss-preset-env browsers option."]},{"l":"presetEnvOptions","p":["Type: An object literal accepting any postcss-preset-env option","Default: { autoprefixer: { flexbox: no-2009 }, stage: 3 }","Forward the provided object literal to the postcss-preset-env plugin."]},{"l":"Extends presetEnvOptions options","p":["When provided, the presetEnvOptions option will override the default postcss-preset-env plugin configuration. If you wish to extend the default configuration rather than overriding it, you can do so by importing the DefaultPresetEnvOptions object:"]},{"l":"Configuration transformers","p":["We do not guarantee that your configuration transformers won't break after an update. It's your responsibility to keep them up to date with new releases.","The predefined options are useful to quickly customize the default configuration of @workleap/postcss-configs, but only covers a subset of a PostCSS configuration. If you need full control over the configuration, you can provide configuration transformer functions through the transformers option of the defineConfig function. Remember, no locked in❤️✌️.","To view the default configuration of @workleap/postcss-configs, have a look at the configuration file on GitHub."]},{"l":"transformers","p":["Type: ((config: PostCSSConfig) = PostCSSConfig)[]","Default: []"]},{"l":"Additional PostCSS plugins","p":["Configuration transformer functions are ideal to configure additional PostCSS plugins:"]},{"l":"Configure webpack","p":["If your project is using @workleap/wepack-config, you don't have to configure postcss-loader as the defineDevConfig and defineBuildConfig functions already takes care of configuring PostCSS.","To integrate with webpack, update your configuration file to include a postcss-loader:"]},{"i":"try-it","l":"Try it \uD83D\uDE80","p":["To test your new PostCSS configuration, create and import a CSS file with the following code:","If you integrated PostCSS with webpack, execute your webpack build and find the outputted .example CSS class in the generated bundle files of your dist folder.","Otherwise, open a terminal at the root of your project and install postcss-cli:","Then, process the file with postcss-cli by executing the following command in the same terminal:","Whether you processed the CSS with webpack or postcss-cli, most of the CSS properties in the .example CSS class should have been prefixed (it can vary based on your Browserslist configuration):"]}],[{"l":"SWC","p":["@workleap/swc-configs is now in maintenance mode, with the exception of the Jest shared configurations, which remain actively maintained. If you're starting a new project, consider using @workleap/rsbuild-configs or @workleap/rslib-configs instead for better performance and modern tooling."]},{"l":"Main features","p":["The shared configurations offered by @workleap/swc-configs includes the following features \uD83D\uDC47"]},{"l":"Language support","p":["JavaScript","TypeScript"]},{"l":"Framework support","p":["React"]},{"l":"Development features","p":["Fast Refresh"]},{"l":"Production features","p":["Minification"]},{"l":"Target environment","p":["ESM","ECMAScript features matching the provided browsers"]},{"l":"Getting started","p":["To get started, follow the quick start guide to configure SWC for either a development environment, a production environment or to run Jest tests."]}],[{"l":"Configure for development","p":["@workleap/swc-configs is now in maintenance mode for the shared development configuration. If you're starting a new project, consider using @workleap/rsbuild-configs instead for better performance and modern tooling which eliminates the needs for a custom SWC configuration.","To configure SWC for a development environment, execute the following steps \uD83D\uDC47"]},{"l":"Install the packages","p":["Open a terminal at the root of the project and install the following packages:"]},{"l":"Configure SWC","p":["First, create a configuration file named swc.dev.js at the root of the project:","Then, open the newly created file and export the SWC configuration by using the defineDevConfig(targets, options) function:"]},{"l":"targets","p":["In the previous code sample, the defineDevConfig(targets, options) function receives a list of minimal browser versions to support through the targets parameter.","The expected behavior for the supported browsers would be for SWC to automatically load the minimal browser versions from the closest .browserslistrc configuration file. However, there is currently an issue preventing SWC from doing so when the configuration file include a query referencing an external Browserslist configuration:","Therefore, @workleap/swc-configs has chosen to delegate the loading of the Browserslist configuration to the consumer by making the targets option required."]},{"l":"browserslistToSwc","p":["To help consumers provide SWC targets from a Browserslist configuration, @workleap/swc-configs offers the browserslistToSwc(options) utility function.","This function can either transform an array of Browserslist queries to SWC targets:","Or load the closest .browserslistrc configuration file and convert the queries into SWC targets:","The browserslistToSwc(options) utility function accepts any option supported by Browserslist JS API in addition to a queries option:","queries: string | string[]"]},{"l":"Use predefined options","p":["The defineDevConfig(targets, options) function can be used as shown in the previous example, however, if you wish to customize the default configuration, the function also accept a few predefined options to help with that \uD83D\uDC47"]},{"l":"baseUrl","p":["Type: string","Sets a base directory from which to resolve module names. This option is usually provided when custom paths are provided. Note that SWC requires the baseUrl to be an absolute path."]},{"l":"fastRefresh","p":["Type: boolean","Default: true","Whether or not to enable Fast Refresh."]},{"l":"parser","p":["Type: ecmascript | typescript","Default: typescript","Whether SWC should expect to parse JavaScript or TypeScript code."]},{"l":"paths","p":["You shouldn't need to define custom paths for your project. If you're defining custom paths to support aliases, consider using the imports field of your project's package.json file instead.","Type: Recordstring, string[]","A series of entries which re-map imports to lookup locations relative to the baseUrl if set."]},{"l":"Configuration transformers","p":["We do not guarantee that your configuration transformers won't break after an update. It's your responsibility to keep them up to date with new releases.","The predefined options are useful to quickly customize the default development configuration of @workleap/swc-configs, but only covers a subset of an SWC configuration. If you need full control over the configuration, you can provide configuration transformer functions through the transformers option of the defineDevConfig function. Remember, no locked in❤️✌️.","To view the default development configuration of @workleap/swc-configs, have a look at the dev.ts configuration file on GitHub."]},{"l":"transformers","p":["Type: ((config: SwcConfig, context: SwcConfigTransformerContext) = SwcConfig)[]","Default: []"]},{"l":"Execution context","p":["Generic transformers can use the context parameter to gather additional information about their execution context, like the environment they are operating in:","environment: dev | build | jest"]},{"l":"Configure webpack","p":["To integrate with webpack, update your configuration file to include an swc-loader:"]},{"i":"try-it","l":"Try it \uD83D\uDE80","p":["To test your new SWC configuration, create a Typescript file with the following code:","If you integrated SWC with webpack, make sure to import the previously created file in one of your webpack entry points, then start the webpack development server. The development server should start without outputting any error to the console.","Otherwise, open a terminal at the root of your project and install @swc/cli:","Then, process the file with @swc/cli by executing the following command in the same terminal:","The generated say.js file should include the following transpiled code:"]}],[{"l":"Configure for build","p":["@workleap/swc-configs is now in maintenance mode for the shared build configuration. If you're starting a new project, consider using @workleap/rsbuild-configs instead for better performance and modern tooling which eliminates the needs for a custom SWC configuration.","To configure SWC for a production environment, execute the following steps \uD83D\uDC47"]},{"l":"Install the packages","p":["Open a terminal at the root of the project and install the following packages:"]},{"l":"Configure SWC","p":["First, create a configuration file named swc.build.js at the root of the project:","Then, open the newly created file and export the SWC configuration by using the defineBuildConfig(targets, options) function:"]},{"l":"targets","p":["In the previous code sample, the defineBuildConfig(targets, options) function receives a list of minimal browser versions to support through the targets parameter.","The expected behavior for the supported browsers would be for SWC to automatically load the minimal browser versions from the closest .browserslistrc configuration file. However, there is currently an issue preventing SWC from doing so when the configuration file include a query referencing an external Browserslist configuration:","Therefore, @workleap/swc-configs has chosen to delegate the loading of the Browserslist configuration to the consumer by making the targets option required."]},{"l":"browserslistToSwc","p":["To help consumers provide SWC targets from a Browserslist configuration, @workleap/swc-configs offers the browserslistToSwc(options) utility function.","This function can either transform an array of Browserslist queries to SWC targets:","Or load the closest .browserslistrc configuration file and convert the queries into SWC targets:","The browserslistToSwc(options) utility function accepts any option supported by Browserslist JS API in addition to a queries option:","queries: string | string[]"]},{"l":"Use predefined options","p":["The defineBuildConfig(targets, options) function can be used as shown in the previous example, however, if you wish to customize the default configuration, the function also accept a few predefined options to help with that \uD83D\uDC47"]},{"l":"baseUrl","p":["Type: string","Sets a base directory from which to resolve module names. This option is usually provided when custom paths are provided. Note that SWC requires the baseUrl to be an absolute path."]},{"l":"parser","p":["Type: ecmascript | typescript","Default: typescript","Whether SWC should expect to parse JavaScript or TypeScript code."]},{"l":"paths","p":["You shouldn't need to define custom paths for your project. If you're defining custom paths to support aliases, consider using the imports field of your project's package.json file instead.","Type: Recordstring, string[]","A series of entries which re-map imports to lookup locations relative to the baseUrl if set."]},{"l":"Configuration transformers","p":["We do not guarantee that your configuration transformers won't break after an update. It's your responsibility to keep them up to date with new releases.","The predefined options are useful to quickly customize the default build configuration of @workleap/swc-configs, but only covers a subset of an SWC configuration. If you need full control over the configuration, you can provide configuration transformer functions through the transformers option of the defineBuildConfig function. Remember, no locked in❤️✌️.","To view the default development configuration of @workleap/swc-configs, have a look at the build.ts configuration file on GitHub."]},{"l":"transformers","p":["Type: ((config: SwcConfig, context: SwcConfigTransformerContext) = SwcConfig)[]","Default: []"]},{"l":"Execution context","p":["Generic transformers can use the context parameter to gather additional information about their execution context, like the environment they are operating in:","environment: dev | build | jest"]},{"l":"Configure webpack","p":["To integrate with webpack, update your configuration file to include an swc-loader:"]},{"i":"try-it","l":"Try it \uD83D\uDE80","p":["To test your new SWC configuration, create a Typescript file with the following code:","If you integrated SWC with webpack, make sure to import the previously created file in one of your webpack entry points, then execute your webpack build and find the transpiled code in the generated bundle files of your dist folder.","Otherwise, open a terminal at the root of your project and install @swc/cli:","Then, process the file with @swc/cli by executing the following command in the same terminal:","Whether you processed the file with webpack or @swc/cli, the transpiled code should be:"]}],[{"l":"Configure for Jest","p":["To configure SWC for a Jest environment, execute the following steps \uD83D\uDC47"]},{"l":"Install the packages","p":["Open a terminal at the root of the project and install the following packages:"]},{"l":"Configure SWC","p":["To use a TypeScript configuration file, make sure that your Jest configuration is also in TypeScript.","First, create a configuration file named swc.jest.ts at the root of the project:","Then, open the newly created file and export the SWC configuration by using the defineJestConfig(options) function:"]},{"l":"Use predefined options","p":["The defineJestConfig(options) function can be used as shown in the previous example, however, if you wish to customize the default configuration, the function also accept a few predefined options to help with that \uD83D\uDC47"]},{"l":"baseUrl","p":["Type: string","Sets a base directory from which to resolve module names. This option is usually provided when custom paths are provided. Note that SWC requires the baseUrl to be an absolute path."]},{"l":"react","p":["Type: boolean","Default: false","Whether or not to transform React code."]},{"l":"parser","p":["Type: ecmascript | typescript","Default: typescript","Whether SWC should expect to parse JavaScript or TypeScript code."]},{"l":"paths","p":["You shouldn't need to define custom paths for your project. If you're defining custom paths to support aliases, consider using the imports field of your project's package.json file instead.","Type: Recordstring, string[]","A series of entries which re-map imports to lookup locations relative to the baseUrl if set."]},{"l":"Configuration transformers","p":["We do not guarantee that your configuration transformers won't break after an update. It's your responsibility to keep them up to date with new releases.","The predefined options are useful to quickly customize the default development configuration of @workleap/swc-configs, but only covers a subset of an SWC configuration. If you need full control over the configuration, you can provide configuration transformer functions through the transformers option of the defineJestConfig function. Remember, no locked in❤️✌️.","To view the default Jest configuration of @workleap/swc-configs, have a look at the jest.ts configuration file on GitHub."]},{"l":"transformers","p":["Type: ((config: SwcConfig, context: SwcConfigTransformerContext) = SwcConfig)[]","Default: []"]},{"l":"Configure Jest","p":["To configure Jest, open the project jest.config.ts file and add the following code:"]},{"i":"try-it","l":"Try it \uD83D\uDE80","p":["To test your new SWC configuration, create a Jest test in Typescript:","Open a terminal and run Jest directly from the CLI:","The test should succeed without any error outputted to the console."]}],[{"l":"Webpack","p":["@workleap/webpack-configs is now in maintenance mode. If you're starting a new project, consider using @workleap/rsbuild-configs instead for better performance and modern tooling."]},{"l":"Main features","p":["The shared configurations offered by @workleap/webpack-configs includes the following features \uD83D\uDC47"]},{"l":"Language support","p":["JavaScript","TypeScript","CSS (with CSS modules and PostCSS)"]},{"l":"Framework support","p":["React"]},{"l":"Asset support","p":["SVG as React components","PNG","JPEG","GIF"]},{"l":"Development features","p":["Development server","File system caching","Fast Refresh or Hot Module Reload","Sourcemap"]},{"l":"Production features","p":["File system caching","Minification","Output to /dist"]},{"l":"Target environment","p":["As per the PostCSS and SWC configurations."]},{"l":"Getting started","p":["To get started, follow the quick start guide to configure webpack for either a development environment or a production environment."]}],[{"l":"Configure for development","p":["@workleap/webpack-configs is now in maintenance mode. If you're starting a new project, consider using @workleap/rsbuild-configs instead for better performance and modern tooling.","To configure webpack for a development environment, execute the following steps \uD83D\uDC47"]},{"l":"Install the packages","p":["Open a terminal at the root of the project and install the following packages:"]},{"l":"Configure webpack"},{"l":"HTML template","p":["First, create a public folder with an index.html file at the root of the project:","Then, open the newly created index.html file and copy/paste the following content:","The content of the public/index.html file is the default template that will be used by HtmlWebpackPlugin."]},{"l":"Reference local assets","p":["To reference local assets such as a favicon.png in the default HTML template, it is recommended to preprend the relative path of every asset with the publicPath option of the webpack config.","First, add the asset to the public folder at the root of the project:","Then, add the assets to the index.html file:","If output.publicPath is set to auto, use href=favicon.png instead."]},{"i":"webpackdevjs","l":"webpack.dev.js","p":["Next, create a configuration file named webpack.dev.js at the root of the project:","Then, open the newly created file and export the webpack configuration by using the defineDevConfig(swcConfig, options) function:"]},{"i":"swcdevjs","l":"swc.dev.js","p":["In the previous code sample, the defineDevConfig(swcConfig, options) function receive an SWC configuration object through the swcConfig parameter.","Although the swc-loader defaults to loading the closest .swcrc configuration file when no configuration object is provided, it lacks support for distinct configuration files by environment like webpack does.","Therefore, @workleap/webpack-configs choosed to delegate the loading of the SWC configuration to the consumer by making the swcConfig option required."]},{"l":"Use predefined options","p":["The defineDevConfig(swcConfig, options) function can be used as shown in the previous example, however, if you wish to customize the default configuration, the function also accept a few predefined options to help with that \uD83D\uDC47"]},{"l":"entry","p":["Type: string","Default: ./src/index.tsx","Set webpack entry option."]},{"l":"https","p":["Type: boolean| ServerOptions","Default: false","Set webpack DevServer https option and format webpack publicPath option accordingly."]},{"l":"host","p":["Type: string","Default: localhost","Set webpack DevServer host option and format webpack publicPath option accordingly."]},{"l":"port","p":["Type: number","Default: 8080","Set webpack DevServer port option and format webpack publicPath option accordingly."]},{"l":"publicPath","p":["Type: string","Default: ${https ? https : http}://${host}:${port}/","Set webpack public path.","Or for an automatic public path:"]},{"l":"cache","p":["Type: boolean","Default: true","Whether or not webpack memory cache is enabled. This will also set maxGenerations to 1 to remove cache entries from memory when they are no longer needed."]},{"l":"moduleRules","p":["Type: An array of webpack moduleRule objects","Default: []","Append the provided webpack module rules to the configuration."]},{"l":"plugins","p":["Type: An array of webpack plugin instances","Default: []","Append the provided webpack plugins to the configuration."]},{"l":"htmlWebpackPlugin","p":["Type: boolean or an object literal accepting any html-webpack-plugin option","Default: { template: ./public/index.html }","To remove the default instance of html-webpack-plugin, set the property to false.","To extend/replace the default html-webpack-plugin configuration, use the defineDevHtmlWebpackPluginConfig(options) function."]},{"l":"fastRefresh","p":["Type: boolean or an object literal accepting any react-refresh-webpack-plugin option","Default: true","Replace webpack HMR by Fast Refresh. Desactivating webpack fast refresh will automatically disable fast refresh for SWC.","To extend/replace the default Fast Refresh configuration, use the defineFastRefreshPluginConfig(options) function.","options: An object literal accepting any react-refresh-webpack-plugin option"]},{"l":"cssModules","p":["Type: boolean","Default: false","Enable css-loader modules feature."]},{"l":"overlay","p":["Type: false","Default: undefined","Whether or not a full-screen overlay should be in the browser when there are compiler errors or warnings."]},{"l":"svgr","p":["Type: boolean or an object literal accepting any @svgr/webpack option","Default: true","Whether or not to handle .svg files with @svgr/webpack. If @svgr/webpack is desactived, the .svg files will be handled by the asset/resource rule.","To extends the @svgr/webpack rule configuration, provide an object literal instead."]},{"l":"verbose","p":["Type: boolean","Default: false","Start the webpack process with verbose logging turned on."]},{"l":"Configuration transformers","p":["We do not guarantee that your configuration transformers won't break after an update. It's your responsibility to keep them up to date with new releases.","The predefined options are useful to quickly customize the default development configuration of @workleap/webpack-configs, but only covers a subset of a webpack configuration. If you need full control over the configuration, you can provide configuration transformer functions through the transformers option of the defineDevConfig function. Remember, no locked in❤️✌️.","To view the default development configuration of @workleap/webpack-configs, have a look at the dev.ts configuration file on GitHub."]},{"l":"transformers","p":["Type: ((config: WebpackConfig, context: WebpackConfigTransformerContext) = WebpackConfig)[]","Default: []"]},{"l":"Execution context","p":["Generic transformers can use the context parameter to gather additional information about their execution context, like the environment they are operating in.","environment: dev | build","verbose: boolean"]},{"l":"Utilities","p":["Modifying a webpack configuration object can be an arduous task, to help with that, @workleap/webpack-configs offer utility functions for modules rules and plugins.","Transformer utilities"]},{"l":"Setup nodemon","p":["Nodemon is a utility that will monitor for any changes in the swc.dev.js and webpack.dev.dev.js files and restart the webpack development server whenever a change occurs.","First, add a nodemon.json file at the root of the project:","Then, open the nodemon.json file and copy/paste the following content:","Finally, add a CLI script at the next step of this guide."]},{"l":"Add a CLI script","p":["To initiate the development server, add the following script to your project package.json file:"]},{"l":"Define environment variables","p":["To deal with environment variables, the webpack documentation suggests using the --env option from its CLI. While that would work, by using webpack --env CLI option, the environment variables would only be made available to the webpack configuration files (.e.g. webpack.dev.js) rather than any Node.js files. Therefore we do not recommend using webpack --env CLI option."]},{"l":"cross-env","p":["We recommend instead to define environment variables using cross-env. With cross-env, the environment variables will be made available to any Node.js files that are executed by the script process ( dev in the example below \uD83D\uDC47):","However, there's a catch. When using cross-env, the variables will not be available in the application files because cross-env only makes them available to files that are executed by the process at build time while the application files are executed at runtime by a browser.","To make them accessible to the application files, webpack must be aware of those environment variables and render them into the compiled application files. This is the purpose of the environmentVariables option."]},{"l":"environmentVariables","p":["Type: Recordstring, unknown","Default: {}","First, define the variables with environmentVariables:","Then, use the variables in any application files:","The === true part of DEBUG: process.env.DEBUG === true is very important, otherwise the environment variable value would be true instead of true."]},{"i":"try-it","l":"Try it \uD83D\uDE80","p":["To test your new webpack configuration, open a terminal at the root of the project and execute the CLI script added earlier. A development server should start without outputting any error in the terminal."]}],[{"l":"Configure for build","p":["@workleap/webpack-configs is now in maintenance mode. If you're starting a new project, consider using @workleap/rsbuild-configs instead for better performance and modern tooling.","To configure webpack for a production environment, execute the following steps \uD83D\uDC47"]},{"l":"Install the packages","p":["Open a terminal at the root of the project and install the following packages:"]},{"l":"Configure webpack"},{"l":"HTML template","p":["First, create a public folder with an index.html file at the root of the project:","Then, open the newly created index.html file and copy/paste the following content:","The content of the public/index.html file is the default template that will be used by HtmlWebpackPlugin."]},{"l":"Reference local assets","p":["To reference local assets such as a favicon.png in the default HTML template, it is recommended to preprend the relative path of every asset with the publicPath of the webpack config.","First, add the asset to the public folder at the root of the project:","Then, add the assets to the index.html file:","If output.publicPath is set to auto, use href=favicon.png instead."]},{"i":"webpackbuildjs","l":"webpack.build.js","p":["Next, create a configuration file named webpack.build.js at the root of the project:","Then, open the newly created file and export the webpack configuration by using the defineBuildConfig(swcConfig, options) function:"]},{"i":"swcbuildjs","l":"swc.build.js","p":["In the previous code sample, the defineBuildConfig(swcConfig, options) function receive an SWC configuration object through the swcConfig parameter.","Although the swc-loader defaults to loading the closest .swcrc configuration file when no configuration object is provided, it lacks support for distinct configuration files by environment like webpack does.","Therefore, @workleap/webpack-configs choosed to delegate the loading of the SWC configuration to the consumer by making the swcConfig option required."]},{"l":"Use predefined options","p":["The defineBuildConfig(swcConfig, options) function can be used as shown in the previous example, however, if you wish to customize the default configuration, the function also accept a few predefined options to help with that \uD83D\uDC47"]},{"l":"entry","p":["Type: string","Default: ./src/index.tsx","Set webpack entry option."]},{"l":"outputPath","p":["Type: string","Default: dist","Set webpack output path."]},{"l":"publicPath","p":["Type: string","Default: http://localhost:8080/","Set webpack public path.","Or for an automatic public path:"]},{"l":"moduleRules","p":["Type: An array of webpack moduleRule objects","Default: []","Append the provided webpack module rules to the configuration."]},{"l":"plugins","p":["Type: An array of webpack plugin instances","Default: []","Append the provided webpack plugins to the configuration."]},{"l":"htmlWebpackPlugin","p":["Type: boolean or an object literal accepting any html-webpack-plugin option","Default: { template: ./public/index.html }","To remove the default instance of html-webpack-plugin, set the property to false.","To extend/replace the default html-webpack-plugin configuration, use the defineBuildHtmlWebpackPluginConfig(options) function."]},{"l":"miniCssExtractPluginOptions","p":["Type: An object literal accepting any mini-css-extract-plugin option","Default: { filename: [name].[fullhash].css }","Forward the provided object literal to the mini-css-extract-plugin."]},{"l":"optimize","p":["Type: boolean| readable","Default: true","Whether or not to enable webpack production optimizations like code minification and tree shaking. This option can be quite useful when debugging an issue with webpack bundling.","When false is provided, most of the optimizations, including minification and tree shaking will be turned off:","When readable is provided, most of the optimizations will still be applied but the resulting code bundles will be easier to read:"]},{"l":"cssModules","p":["Type: boolean","Default: false","Enable css-loader modules feature."]},{"l":"svgr","p":["Type: boolean or an object literal accepting any @svgr/webpack option","Default: true","Whether or not to handle .svg files with @svgr/webpack. If @svgr/webpack is desactived, the .svg files will are handled by the asset/resource rule.","To extends the @svgr/webpack rule configuration, provide an object literal instead."]},{"l":"verbose","p":["Type: boolean","Default: false","Start the webpack process with verbose logging turned on."]},{"l":"Configuration transformers","p":["We do not guarantee that your configuration transformers won't break after an update. It's your responsibility to keep them up to date with new releases.","The predefined options are useful to quickly customize the default build configuration of @workleap/webpack-configs, but only covers a subset of a webpack configuration. If you need full control over the configuration, you can provide configuration transformer functions through the transformers option of the defineBuildConfig function. Remember, no locked in❤️✌️.","To view the default build configuration of @workleap/webpack-configs, have a look at the build.ts configuration file on GitHub."]},{"l":"transformers","p":["Type: ((config: WebpackConfig, context: WebpackConfigTransformerContext) = WebpackConfig)[]","Default: []"]},{"l":"Execution context","p":["Generic transformers can use the context parameter to gather additional information about their execution context, like the environment they are operating in:","environment: dev | build","verbose: boolean"]},{"l":"Utilities","p":["Modifying a webpack configuration object can be an arduous task, to help with that, @workleap/webpack-configs offer utility functions for modules rules and plugins.","Transformer utilities"]},{"l":"Add a CLI script","p":["To create the bundle files for production, add the following script to your project package.json file:"]},{"l":"Use environment variables","p":["To deal with environment variables, the webpack documentation suggests using the --env option from its CLI. While that would work, by using webpack --env CLI option, the environment variables would only be made available to the webpack configuration files (.e.g. webpack.build.js) rather than any Node.js files. Therefore we do not recommend using webpack --env CLI option."]},{"l":"cross-env","p":["We recommend instead to define environment variables using cross-env. With cross-env, the environment variables will be made available to any Node.js files that are executed by the script process ( build in the example below \uD83D\uDC47):","However, there's a catch. When using cross-env, the variables will not be available in the application files because cross-env only makes them available to files that are executed by the process at build time while the application files are executed at runtime by a browser.","To make them accessible to the application files, webpack must be aware of those environment variables and render them into the compiled application files. This is the purpose of the environmentVariables option."]},{"l":"environmentVariables","p":["Type: Recordstring, unknown","Default: {}","First, define the variables with environmentVariables:","Then, use the variables in any application files:","The === true part of DEBUG: process.env.DEBUG === true is very important, otherwise the environment variable value would be true instead of true."]},{"i":"try-it","l":"Try it \uD83D\uDE80","p":["To test your new webpack configuration, open a terminal at the root of the project and execute the CLI script added earlier. The build process should complete without outputting any error in the terminal and the bundle files should be available in the /dist folder (or any other outputPath you configured)."]}],[{"l":"Transformer utilities","p":["@workleap/webpack-configs is now in maintenance mode. If you're starting a new project, consider using @workleap/rsbuild-configs instead for better performance and modern tooling.","We do not guarantee that your configuration transformers won't break after an update. It's your responsibility to keep them up to date with new releases.","To help you write configuration transformers for webpack, @workleap/webpack-configs provide a suite of utility functions."]},{"l":"Module rules","p":["Utility functions for webpack module rules."]},{"l":"matchLoaderName","p":["Returns a matcher function that can be utilized alongside module rules utility functions. The returned matcher function will return true when it encounters a module rule with a loader matching the provided name value."]},{"l":"Parameters","p":["name: A module rule loader name value."]},{"l":"Returns","p":["A ModuleRuleMatcher function."]},{"l":"Usage"},{"l":"matchAssetModuleType","p":["Returns a matcher function that can be utilized alongside module rules utility functions. The returned matcher function will return true when it encounters a module rule with a loader matching the provided asset type value."]},{"i":"parameters-1","l":"Parameters","p":["type: A module rule loader asset type value."]},{"i":"returns-1","l":"Returns","p":["A ModuleRuleMatcher function."]},{"i":"usage-1","l":"Usage"},{"l":"matchTest","p":["Returns a matcher function that can be utilized alongside module rules utility functions. The returned matcher function will return true when it encounters a module rule with a loader matching the provided test value."]},{"i":"parameters-2","l":"Parameters","p":["test: A module rule loader test value."]},{"i":"returns-2","l":"Returns","p":["A ModuleRuleMatcher function."]},{"i":"usage-2","l":"Usage"},{"l":"findModuleRule","p":["Retrieve the first module rule for which the matcher function returns true. If there is more than one match, an error will be thrown."]},{"i":"parameters-3","l":"Parameters","p":["config: A webpack config","matcher: A ModuleRuleMatcher function"]},{"i":"returns-3","l":"Returns","p":["A module rule if a match has been found, otherwise undefined."]},{"i":"usage-3","l":"Usage"},{"l":"findModuleRules","p":["Retrieve any module rules for which the matcher function returns true."]},{"i":"parameters-4","l":"Parameters","p":["config: A webpack config","matcher: A ModuleRuleMatcher function"]},{"i":"returns-4","l":"Returns","p":["An array of module rules"]},{"i":"usage-4","l":"Usage"},{"l":"addBeforeModuleRule","p":["Add the provided module rules before the matching module rule. If no matching rule has been found, an error will be thrown."]},{"i":"parameters-5","l":"Parameters","p":["config: A webpack config","matcher: A ModuleRuleMatcher function","newModuleRules: An array of module rules"]},{"i":"returns-5","l":"Returns","p":["Nothing"]},{"i":"usage-5","l":"Usage"},{"l":"addAfterModuleRule","p":["Add the provided module rules after the matching module rule. If no matching rule has been found, an error will be thrown."]},{"i":"parameters-6","l":"Parameters","p":["config: A webpack config","matcher: A ModuleRuleMatcher function","newModuleRules: An array of module rules"]},{"i":"returns-6","l":"Returns","p":["Nothing"]},{"i":"usage-6","l":"Usage"},{"l":"replaceModuleRule","p":["Replace the matching module rule by the new one. If no matching rule has been found, an error will be thrown."]},{"i":"parameters-7","l":"Parameters","p":["config: A webpack config","matcher: A ModuleRuleMatcher function","newModuleRule: The new module rule"]},{"i":"returns-7","l":"Returns","p":["Nothing"]},{"i":"usage-7","l":"Usage"},{"l":"removeModuleRules","p":["Remove the matching module rules. If no matching rule has been found, an error will be thrown."]},{"i":"parameters-8","l":"Parameters","p":["config: A webpack config","matcher: A ModuleRuleMatcher function"]},{"i":"returns-8","l":"Returns","p":["Nothing"]},{"i":"usage-8","l":"Usage"},{"l":"Plugins","p":["Utility functions for webpack plugins."]},{"l":"matchConstructorName","p":["Returns a matcher function that can be utilized alongside plugin utility functions. The returned matcher function will return true when it encounters a plugin matching the provided constructor name value."]},{"i":"parameters-9","l":"Parameters","p":["name: A plugin constructor name."]},{"i":"returns-9","l":"Returns","p":["A PluginMatcher function."]},{"i":"usage-9","l":"Usage"},{"l":"findPlugin","p":["Retrieve the first plugin for which the matcher function returns true. If there is more than one match, an error will be thrown."]},{"i":"parameters-10","l":"Parameters","p":["config: A webpack config","matcher: A PluginMatcher function"]},{"i":"returns-10","l":"Returns","p":["A plugin if a match has been found, otherwise undefined."]},{"i":"usage-10","l":"Usage"},{"l":"addBeforePlugin","p":["Add the provided plugins before the matching plugin. If no plugin has been found, an error will be thrown."]},{"i":"parameters-11","l":"Parameters","p":["config: A webpack config","matcher: A PluginMatcher function","newPlugins: An array of plugins"]},{"i":"returns-11","l":"Returns","p":["Nothing"]},{"i":"usage-11","l":"Usage"},{"l":"addAfterPlugin","p":["Add the provided plugins after the matching plugin. If no plugin has been found, an error will be thrown."]},{"i":"parameters-12","l":"Parameters","p":["config: A webpack config","matcher: A PluginMatcher function","newPlugins: An array of plugins"]},{"i":"returns-12","l":"Returns","p":["Nothing"]},{"i":"usage-12","l":"Usage"},{"l":"replacePlugin","p":["Replace the matching plugin by the new one. If no plugin has been found, an error will be thrown."]},{"i":"parameters-13","l":"Parameters","p":["config: A webpack config","matcher: A PluginMatcher function","newPlugin: The new plugin instance"]},{"i":"returns-13","l":"Returns","p":["Nothing"]},{"i":"usage-13","l":"Usage"},{"l":"removePlugin","p":["Remove the matching plugin. If no plugin has been found, an error will be thrown."]},{"i":"parameters-14","l":"Parameters","p":["config: A webpack config","matcher: A PluginMatcher function"]},{"i":"returns-14","l":"Returns","p":["Nothing"]},{"i":"usage-14","l":"Usage"}],[{"l":"tsup","p":["@workleap/tsup-configs is now in maintenance mode. If you're starting a new project, consider using @workleap/rslib-configs instead for better performance and modern tooling."]},{"l":"Issues with tsc","p":["tsc, the native TypeScript CLI, pretty much offers everything that we need to compile and bundle our TypeScript libraries. We opted for tsup due to tsc lacks of support for CSS imports, a requirement for enabling Chromatic's TurboSnap feature.","Given that either TurboSnap requirements or tsc CSS imports support change, we will reevaluate this decision."]},{"l":"Main features","p":["The shared configurations offered by @workleap/tsup-configs includes the following features \uD83D\uDC47"]},{"l":"TypeScript features","p":["Emits declaration files"]},{"l":"Development features","p":["Watch mode","Sourcemaps"]},{"l":"Production features","p":["Output to /dist"]},{"l":"Target environment","p":["ESM","ESNext"]},{"l":"Getting started","p":["To get started, follow the quick start guide to configure tsup for either a development environment or a production environment."]}],[{"l":"Configure for development","p":["@workleap/tsup-configs is now in maintenance mode. If you're starting a new project, consider using @workleap/rslib-configs instead for better performance and modern tooling.","To configure tsup for a development environment, execute the following steps \uD83D\uDC47"]},{"l":"Install the packages","p":["Open a terminal at the root of the project and install the following packages:"]},{"l":"Configure tsup","p":["First, create a configuration file named tsup.dev.ts at the root of the project:","Then, open the newly created file and export the tsup configuration by using the defineDevConfig(options) function:"]},{"l":"Use predefined options","p":["The defineDevConfig(options) function can be used as shown in the previous example, however, if you wish to customize the default configuration, the function also accepts any tsup options, no locked in❤️✌️:"]},{"l":"Configuration transformers","p":["We do not guarantee that your configuration transformers won't break after an update. It's your responsibility to keep them up to date with new releases.","Since the predefined options for tsup already covers all the availables options, configuration transformer functions aren't as useful for a tsup configuration as for other tools like SWC or webpack. Nonetheless, they are still valuable, especially for library authors aiming to distribute a default option set that facilitates the configuration of tsup for specific functionalities of their library. Configuration transformer functions can be provided through the transformers option of the defineDevConfig function.","To view the default development configuration of @workleap/tsup-configs, have a look at the dev.ts configuration file on GitHub."]},{"l":"transformers","p":["Type: ((config: TsupConfig, context: TsupConfigTransformerContext) = TsupConfig)[]","Default: []"]},{"l":"Execution context","p":["Generic transformers can use the context parameter to gather additional information about their execution context, like the environment they are operating in:","environment: dev | build"]},{"l":"Add a CLI script","p":["To initiate the development process, add the following script to your project package.json file:"]},{"i":"try-it","l":"Try it \uD83D\uDE80","p":["To test your new tsup configuration, open a terminal at the root of the project and execute the CLI script added previously. A development process should start without outputting any error in the terminal."]}],[{"l":"Configure for build","p":["@workleap/tsup-configs is now in maintenance mode. If you're starting a new project, consider using @workleap/rslib-configs instead for better performance and modern tooling.","To configure tsup for a build environment, execute the following steps \uD83D\uDC47"]},{"l":"Install the packages","p":["Open a terminal at the root of the project and install the following packages:"]},{"l":"Configure tsup","p":["First, create a configuration file named tsup.build.ts at the root of the project:","Then, open the newly created file and export the tsup configuration by using the defineBuildConfig(options) function:"]},{"l":"Use predefined options","p":["The defineBuildConfig(options) function can be used as shown in the previous example, however, if you wish to customize the default configuration, the function also accepts any tsup options, no locked in❤️✌️:"]},{"l":"Configuration transformers","p":["We do not guarantee that your configuration transformers won't break after an update. It's your responsibility to keep them up to date with new releases.","Since the predefined options for tsup already covers all the availables options, configuration transformer functions aren't as useful for a tsup configuration as for other tools like SWC or webpack. Nonetheless, they are still valuable, especially for library authors aiming to distribute a default option set that facilitates the configuration of tsup for specific functionalities of their library. Configuration transformer functions can be provided through the transformers option of the defineBuildConfig function.","To view the default build configuration of @workleap/tsup-configs, have a look at the build.ts configuration file on GitHub."]},{"l":"transformers","p":["Type: ((config: TsupConfig, context: TsupConfigTransformerContext) = TsupConfig)[]","Default: []"]},{"l":"Execution context","p":["Generic transformers can use the context parameter to gather additional information about their execution context, like the environment they are operating in:","environment: dev | build"]},{"l":"Add a CLI script","p":["To build the bundle files for production, add the following script to your project package.json file:"]},{"i":"try-it","l":"Try it \uD83D\uDE80","p":["To test your new tsup configuration, open a terminal at the root of the project and execute the CLI script added previously. The build process should complete without outputting any error in the terminal and the bundle files should be available in the /dist folder (or any other outputDir you configured)."]}],[{"l":"Samples"},{"l":"Rsbuild sample","p":["Web application","Components library"]},{"l":"Webpack sample","p":["Web application","Components library","TypeScript library"]},{"l":"Storybook sample","p":["Storybook"]}],[{"l":"About","p":["To ask a question or propose an idea, feel free to start a new GitHub discussion. If you found a bug, please open a GitHub issue."]},{"l":"Contributing","p":["Have a look at the contributor's documentation."]},{"l":"Acknowledgements","p":["Thanks to the team at Shopify/web-configs for the inspiration to create an umbrella project for all the web configurations."]},{"l":"License","p":["See the LICENSE on GitHub."]}]]
\ No newline at end of file
diff --git a/rsbuild/configure-build/index.html b/rsbuild/configure-build/index.html
index 51d4b565..5f29c111 100644
--- a/rsbuild/configure-build/index.html
+++ b/rsbuild/configure-build/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <meta name="turbo-root" content="/wl-web-configs">
-    <meta name="turbo-cache-control" content="no-cache" data-turbo-track="reload" data-track-token="3.6.0.789492583867">
+    <meta name="turbo-cache-control" content="no-cache" data-turbo-track="reload" data-track-token="3.6.0.790190789202">
 
     <!-- See retype.com -->
     <meta name="generator" content="Retype 3.6.0">
@@ -32,12 +32,12 @@
     <script data-cfasync="false">(function () { var el = document.documentElement, m = localStorage.getItem("doc_theme"), wm = window.matchMedia; if (m === "dark" || (!m && wm && wm("(prefers-color-scheme: dark)").matches)) { el.classList.add("dark") } else { el.classList.remove("dark") } })();</script>
 
     <link href="../../static/favicon.png" rel="icon">
-    <link href="../../resources/css/retype.css?v=3.6.0.789492583867" rel="stylesheet">
+    <link href="../../resources/css/retype.css?v=3.6.0.790190789202" rel="stylesheet">
 
-    <script data-cfasync="false" src="../../resources/js/config.js?v=3.6.0.789492583867" data-turbo-eval="false" defer></script>
+    <script data-cfasync="false" src="../../resources/js/config.js?v=3.6.0.790190789202" data-turbo-eval="false" defer></script>
     <script data-cfasync="false" src="../../resources/js/retype.js?v=3.6.0" data-turbo-eval="false" defer></script>
-    <script id="lunr-js" data-cfasync="false" src="../../resources/js/lunr.js?v=3.6.0.789492583867" data-turbo-eval="false" defer></script>
-    <script id="prism-js" data-cfasync="false" src="../../resources/js/prism.js?v=3.6.0.789492583867" defer></script>
+    <script id="lunr-js" data-cfasync="false" src="../../resources/js/lunr.js?v=3.6.0.790190789202" data-turbo-eval="false" defer></script>
+    <script id="prism-js" data-cfasync="false" src="../../resources/js/prism.js?v=3.6.0.790190789202" defer></script>
 
     <link href="https://gsoft-inc.github.io/wl-idp-docs-hub/static/retype-customization.css" rel="stylesheet" />
 
@@ -312,6 +312,7 @@ <h2>
         <span>Install the packages</span>
     </h2>
 </doc-anchor-target>
+<p>Open a terminal at the root of the web application project and install the following packages:</p>
 <doc-tabs>
 <doc-tab v-cloak id="pnpm">
 <template #title>pnpm</template>
@@ -504,7 +505,7 @@ <h3>
 <div class="codeblock-wrapper"><doc-codeblock>
 <div class="codeblock-title">rsbuild.build.ts</div>
 <pre class="language-typescript" data-line="8"><code v-pre class="language-typescript">import { defineBuildConfig } from &quot;@workleap/rsbuild-configs&quot;;
-import path from &quot;path&quot;;
+import path from &quot;node:path&quot;;
 
 export default defineBuildConfig({
     distPath: path.resolve(&quot;./a-custom-folder&quot;)
@@ -584,7 +585,7 @@ <h3>
 <div class="codeblock-wrapper"><doc-codeblock>
 <div class="codeblock-title">rsbuild.build.ts</div>
 <pre class="language-typescript" data-line="5-10"><code v-pre class="language-typescript">import { defineBuildConfig } from &quot;@workleap/rsbuild-configs&quot;;
-import path from &quot;path&quot;;
+import path from &quot;node:path&quot;;
 
 export default defineBuildConfig({
     html: defaultOptions =&gt; {
@@ -664,7 +665,7 @@ <h3>
 <li><strong>Type</strong>: <code v-pre>false</code> or an object literal accepting any <a href="https://rsbuild.dev/config/output/source-map" class="outbound" target="_blank">output.sourceMap</a> options.</li>
 <li><strong>Default</strong>: <code v-pre>{ js: &quot;source-map&quot;, css: true }</code></li>
 </ul>
-<p>Whether or not to generate <a href="https://rsbuild.dev/config/output/source-map" class="outbound" target="_blank">source map</a>. To disable source map, set the option to <code v-pre>false</code>.</p>
+<p>Whether or not to generate <a href="https://rsbuild.dev/config/output/source-map" class="outbound" target="_blank">source maps</a>. To disable source map, set the option to <code v-pre>false</code>.</p>
 <div class="codeblock-wrapper"><doc-codeblock>
 <div class="codeblock-title">rsbuild.build.ts</div>
 <pre class="language-typescript" data-line="4"><code v-pre class="language-typescript">import { defineBuildConfig } from &quot;@workleap/rsbuild-configs&quot;;
@@ -908,7 +909,9 @@ <h3>
 <p>Generic transformers can use the <code v-pre>context</code> parameter to gather additional information about their execution context, like the <code v-pre>environment</code> they are operating in.</p>
 <div class="codeblock-wrapper"><doc-codeblock>
 <div class="codeblock-title">transformer.ts</div>
-<pre class="language-typescript" data-line="2"><code v-pre class="language-typescript">export const transformer: RsbuildConfigTransformer = (config: RsbuildConfig) =&gt; {
+<pre class="language-typescript" data-line="4"><code v-pre class="language-typescript">import type { RsbuildConfig, RsbuildConfigTransformer } from &quot;@workleap/rsbuild-configs&quot;;
+
+export const transformer: RsbuildConfigTransformer = (config: RsbuildConfig) =&gt; {
     if (context.environment === &quot;build&quot;) {
         config.output = {
             ...(config.output ?? {}),
@@ -929,7 +932,7 @@ <h2>
         <span>Add a CLI script</span>
     </h2>
 </doc-anchor-target>
-<p>To create the bundle files for production, add the following script to your project <code v-pre>package.json</code> file:</p>
+<p>To create the bundle files for production, add the following script to the project <code v-pre>package.json</code> file:</p>
 <div class="codeblock-wrapper"><doc-codeblock>
 <div class="codeblock-title">package.json</div>
 <pre class="language-json"><code v-pre class="language-json">{
@@ -1039,39 +1042,22 @@ <h2>
         <span>CSS modules typings</span>
     </h2>
 </doc-anchor-target>
-<p>When you import CSS Modules in TypeScript code, TypeScript may prompt that the module is missing a type definition:</p>
+<p>When CSS Modules are imported from TypeScript code, TypeScript may prompt that the module is missing a type definition:</p>
 <div class="codeblock-wrapper"><doc-codeblock>
 <pre class="language-bash"><code v-pre class="language-bash">TS2307: Cannot find module './index.module.css' or its corresponding type declarations.</code></pre>
 </doc-codeblock></div>
-<p>To fix this, you need to add a type declaration file for the CSS Modules, please create a <code v-pre>src/env.d.ts</code> file, and add the corresponding type declaration.</p>
+<p>To fix this, add a type declaration file for the CSS Modules, by creating a <code v-pre>src/env.d.ts</code> file, and adding the corresponding type declaration.</p>
 <div class="codeblock-wrapper"><doc-codeblock>
 <div class="codeblock-title">env.d.ts</div>
 <pre class="language-typescript"><code v-pre class="language-typescript">/// &lt;reference types=&quot;@rsbuild/core/types&quot; /&gt;</code></pre>
 </doc-codeblock></div>
-<div class="flex mb-6">
-    <div class="shrink-0 w-1 rounded-tl rounded-bl bg-blue-300"></div>
-    <div class="flex w-full py-4 border border-l-0 border-gray-300 rounded-tr rounded-br doc-alert bg-white dark:bg-dark-700 dark:border-dark-700" role="alert">
-        <div class="flex items-center ml-4 h-7">
-            <svg xmlns="http://www.w3.org/2000/svg" class="mb-px text-blue-300" width="22" height="22" viewBox="0 0 24 24" role="presentation">
-                <g fill="currentColor"><g>
-                    <path d="M12 1C5.93 1 1 5.93 1 12s4.93 11 11 11 11-4.93 11-11S18.07 1 12 1zm0 20c-4.96 0-9-4.04-9-9s4.04-9 9-9 9 4.04 9 9-4.04 9-9 9z"></path>
-                    <path d="M12 11c-.55 0-1 .45-1 1v4c0 .55.45 1 1 1s1-.45 1-1v-4c0-.55-.45-1-1-1zM12.01 7c-.56 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1z"></path>
-                    <path fill="none" d="M0 0h24v24H0z"></path>
-                </g></g>
-            </svg>
-        </div>
-        <div class="pr-5 ml-3 w-full">
-<p>Make sure the project have a dependency on <code v-pre>@rsbuild/core</code>.</p>
-        </div>
-    </div>
-</div>
 <doc-anchor-target id="monorepo">
     <h3>
         <doc-anchor-trigger class="header-anchor-trigger" to="#monorepo">#</doc-anchor-trigger>
         <span>Monorepo</span>
     </h3>
 </doc-anchor-target>
-<p>If your solution is a monorepo, ensure that projects referencing your packages that include CSS Modules, also include the necessary type definitions</p>
+<p>If the solution is a monorepo, ensure that projects referencing the packages that include CSS Modules, also include the necessary type definitions</p>
 <p>For example, given the following structure:</p>
 <div class="codeblock-wrapper"><doc-codeblock>
 <pre class="language-none" data-line="3,7"><code v-pre class="language-none">workspace
@@ -1111,7 +1097,7 @@ <h3>
             </svg>
         </div>
         <div class="pr-5 ml-3 w-full">
-<p>For additional information abour CSS modules type declaration, refer to the Rsbuild <a href="https://rsbuild.dev/guide/basic/css-modules#type-declaration" class="outbound" target="_blank">documentation</a>.</p>
+<p>For additional information about CSS modules type declaration, refer to the Rsbuild <a href="https://rsbuild.dev/guide/basic/css-modules#type-declaration" class="outbound" target="_blank">documentation</a>.</p>
         </div>
     </div>
 </div>
@@ -1121,7 +1107,7 @@ <h2>
         <span>Try it <span class="docs-emoji">&#x1F680;</span></span>
     </h2>
 </doc-anchor-target>
-<p>To test your new Rsbuild configuration, open a terminal at the root of the project and execute the <doc-anchor-trigger to="#add-a-cli-script">CLI script added earlier</doc-anchor-trigger>. The build process should complete without outputting any error in the terminal and the bundle files should be available in the <code v-pre>/dist</code> folder (or any other <code v-pre>distPath</code> you configured).</p>
+<p>To test the new Rsbuild configuration, open a terminal at the root of the project and execute the <doc-anchor-trigger to="#add-a-cli-script">CLI script added earlier</doc-anchor-trigger>. The build process should complete without outputting any error in the terminal and the bundle files should be available in the <code v-pre>/dist</code> folder (or any other <code v-pre>distPath</code> you configured).</p>
 
                                 
                                 <!-- Required only on API pages -->
diff --git a/rsbuild/configure-dev/index.html b/rsbuild/configure-dev/index.html
index faf065dc..2adad493 100644
--- a/rsbuild/configure-dev/index.html
+++ b/rsbuild/configure-dev/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <meta name="turbo-root" content="/wl-web-configs">
-    <meta name="turbo-cache-control" content="no-cache" data-turbo-track="reload" data-track-token="3.6.0.789492583867">
+    <meta name="turbo-cache-control" content="no-cache" data-turbo-track="reload" data-track-token="3.6.0.790190789202">
 
     <!-- See retype.com -->
     <meta name="generator" content="Retype 3.6.0">
@@ -32,12 +32,12 @@
     <script data-cfasync="false">(function () { var el = document.documentElement, m = localStorage.getItem("doc_theme"), wm = window.matchMedia; if (m === "dark" || (!m && wm && wm("(prefers-color-scheme: dark)").matches)) { el.classList.add("dark") } else { el.classList.remove("dark") } })();</script>
 
     <link href="../../static/favicon.png" rel="icon">
-    <link href="../../resources/css/retype.css?v=3.6.0.789492583867" rel="stylesheet">
+    <link href="../../resources/css/retype.css?v=3.6.0.790190789202" rel="stylesheet">
 
-    <script data-cfasync="false" src="../../resources/js/config.js?v=3.6.0.789492583867" data-turbo-eval="false" defer></script>
+    <script data-cfasync="false" src="../../resources/js/config.js?v=3.6.0.790190789202" data-turbo-eval="false" defer></script>
     <script data-cfasync="false" src="../../resources/js/retype.js?v=3.6.0" data-turbo-eval="false" defer></script>
-    <script id="lunr-js" data-cfasync="false" src="../../resources/js/lunr.js?v=3.6.0.789492583867" data-turbo-eval="false" defer></script>
-    <script id="prism-js" data-cfasync="false" src="../../resources/js/prism.js?v=3.6.0.789492583867" defer></script>
+    <script id="lunr-js" data-cfasync="false" src="../../resources/js/lunr.js?v=3.6.0.790190789202" data-turbo-eval="false" defer></script>
+    <script id="prism-js" data-cfasync="false" src="../../resources/js/prism.js?v=3.6.0.790190789202" defer></script>
 
     <link href="https://gsoft-inc.github.io/wl-idp-docs-hub/static/retype-customization.css" rel="stylesheet" />
 
@@ -312,7 +312,7 @@ <h2>
         <span>Install the packages</span>
     </h2>
 </doc-anchor-target>
-<p>Open a terminal at the root of the project and install the following packages:</p>
+<p>Open a terminal at the root of the web application project and install the following packages:</p>
 <doc-tabs>
 <doc-tab v-cloak id="pnpm">
 <template #title>pnpm</template>
@@ -620,7 +620,7 @@ <h3>
 <div class="codeblock-wrapper"><doc-codeblock>
 <div class="codeblock-title">rsbuild.dev.ts</div>
 <pre class="language-typescript" data-line="5-10"><code v-pre class="language-typescript">import { defineDevConfig } from &quot;@workleap/rsbuild-configs&quot;;
-import path from &quot;path&quot;;
+import path from &quot;node:path&quot;;
 
 export default defineDevConfig({
     html: defaultOptions =&gt; {
@@ -714,7 +714,7 @@ <h3>
 <li><strong>Type</strong>: <code v-pre>false</code> or an object literal accepting any <a href="https://rsbuild.dev/config/output/source-map" class="outbound" target="_blank">output.sourceMap</a> options.</li>
 <li><strong>Default</strong>: <code v-pre>{ js: &quot;cheap-module-source-map&quot;, css: true }</code></li>
 </ul>
-<p>Whether or not to generate <a href="https://rsbuild.dev/config/output/source-map" class="outbound" target="_blank">source map</a>. To disable source map, set the option to <code v-pre>false</code>.</p>
+<p>Whether or not to generate <a href="https://rsbuild.dev/config/output/source-map" class="outbound" target="_blank">source maps</a>. To disable source map, set the option to <code v-pre>false</code>.</p>
 <div class="codeblock-wrapper"><doc-codeblock>
 <div class="codeblock-title">rsbuild.dev.ts</div>
 <pre class="language-typescript" data-line="4"><code v-pre class="language-typescript">import { defineDevConfig } from &quot;@workleap/rsbuild-configs&quot;;
@@ -832,11 +832,11 @@ <h4>
         <span>Typings</span>
     </h4>
 </doc-anchor-target>
-<p>When you reference an SVG asset in TypeScript code, TypeScript may prompt that the module is missing a type definition:</p>
+<p>When an SVG asset in referenced in TypeScript code, TypeScript may prompt that the module is missing a type definition:</p>
 <div class="codeblock-wrapper"><doc-codeblock>
 <pre class="language-bash"><code v-pre class="language-bash">TS2307: Cannot find module './logo.svg' or its corresponding type declarations.</code></pre>
 </doc-codeblock></div>
-<p>To fix this, you need to add type declaration for the SVG assets, create a <code v-pre>src/env.d.ts</code> file, and add the type declaration.</p>
+<p>To fix this, add a type declaration for the SVG assets, by creating a <code v-pre>src/env.d.ts</code> file, and add the type declaration.</p>
 <div class="codeblock-wrapper"><doc-codeblock>
 <div class="codeblock-title">src/env.d.ts</div>
 <pre class="language-typescript"><code v-pre class="language-typescript">declare module '*.svg' {
@@ -947,7 +947,9 @@ <h3>
 <p>Generic transformers can use the <code v-pre>context</code> parameter to gather additional information about their execution context, like the <code v-pre>environment</code> they are operating in.</p>
 <div class="codeblock-wrapper"><doc-codeblock>
 <div class="codeblock-title">transformer.ts</div>
-<pre class="language-typescript" data-line="2"><code v-pre class="language-typescript">export const transformer: RsbuildConfigTransformer = (config: RsbuildConfig) =&gt; {
+<pre class="language-typescript" data-line="4"><code v-pre class="language-typescript">import type { RsbuildConfig, RsbuildConfigTransformer } from &quot;@workleap/rsbuild-configs&quot;;
+
+export const transformer: RsbuildConfigTransformer = (config: RsbuildConfig) =&gt; {
     if (context.environment === &quot;dev&quot;) {
         config.tools = config.tools ?? {};
         config.tools.rspack = config.tools.rspack ?? {};
@@ -971,7 +973,7 @@ <h2>
         <span>Setup nodemon</span>
     </h2>
 </doc-anchor-target>
-<p><a href="https://nodemon.io/" class="outbound" target="_blank">Nodemon</a> is a utility that will monitor for any changes in the <code v-pre>rsbuild.dev.dev.ts</code> file and restart the Rsbuild development server whenever a change occurs.</p>
+<p><a href="https://nodemon.io/" class="outbound" target="_blank">Nodemon</a> is a utility that will monitor for any changes in the <code v-pre>rsbuild.dev.ts</code> file and restart the Rsbuild development server whenever a change occurs.</p>
 <p>First, add a <code v-pre>nodemon.json</code> file at the root of the project:</p>
 <div class="codeblock-wrapper"><doc-codeblock>
 <pre class="language-none" data-line="8"><code v-pre class="language-none">web-project
@@ -998,7 +1000,7 @@ <h2>
         <span>Add a CLI script</span>
     </h2>
 </doc-anchor-target>
-<p>To initiate the development server, add the following script to your project <code v-pre>package.json</code> file:</p>
+<p>To initiate the development server, add the following script to the project <code v-pre>package.json</code> file:</p>
 <div class="codeblock-wrapper"><doc-codeblock>
 <div class="codeblock-title">package.json</div>
 <pre class="language-json"><code v-pre class="language-json">{
@@ -1108,39 +1110,22 @@ <h2>
         <span>CSS modules typings</span>
     </h2>
 </doc-anchor-target>
-<p>When you import CSS Modules in TypeScript code, TypeScript may prompt that the module is missing a type definition:</p>
+<p>When CSS Modules are imported from TypeScript code, TypeScript may prompt that the module is missing a type definition:</p>
 <div class="codeblock-wrapper"><doc-codeblock>
 <pre class="language-bash"><code v-pre class="language-bash">TS2307: Cannot find module './index.module.css' or its corresponding type declarations.</code></pre>
 </doc-codeblock></div>
-<p>To fix this, you need to add a type declaration file for the CSS Modules, please create a <code v-pre>src/env.d.ts</code> file, and add the corresponding type declaration.</p>
+<p>To fix this, add a type declaration file for the CSS Modules, by creating a <code v-pre>src/env.d.ts</code> file, and adding the corresponding type declaration.</p>
 <div class="codeblock-wrapper"><doc-codeblock>
 <div class="codeblock-title">env.d.ts</div>
 <pre class="language-typescript"><code v-pre class="language-typescript">/// &lt;reference types=&quot;@rsbuild/core/types&quot; /&gt;</code></pre>
 </doc-codeblock></div>
-<div class="flex mb-6">
-    <div class="shrink-0 w-1 rounded-tl rounded-bl bg-blue-300"></div>
-    <div class="flex w-full py-4 border border-l-0 border-gray-300 rounded-tr rounded-br doc-alert bg-white dark:bg-dark-700 dark:border-dark-700" role="alert">
-        <div class="flex items-center ml-4 h-7">
-            <svg xmlns="http://www.w3.org/2000/svg" class="mb-px text-blue-300" width="22" height="22" viewBox="0 0 24 24" role="presentation">
-                <g fill="currentColor"><g>
-                    <path d="M12 1C5.93 1 1 5.93 1 12s4.93 11 11 11 11-4.93 11-11S18.07 1 12 1zm0 20c-4.96 0-9-4.04-9-9s4.04-9 9-9 9 4.04 9 9-4.04 9-9 9z"></path>
-                    <path d="M12 11c-.55 0-1 .45-1 1v4c0 .55.45 1 1 1s1-.45 1-1v-4c0-.55-.45-1-1-1zM12.01 7c-.56 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1z"></path>
-                    <path fill="none" d="M0 0h24v24H0z"></path>
-                </g></g>
-            </svg>
-        </div>
-        <div class="pr-5 ml-3 w-full">
-<p>Make sure the project have a dependency on <code v-pre>@rsbuild/core</code>.</p>
-        </div>
-    </div>
-</div>
 <doc-anchor-target id="monorepo">
     <h3>
         <doc-anchor-trigger class="header-anchor-trigger" to="#monorepo">#</doc-anchor-trigger>
         <span>Monorepo</span>
     </h3>
 </doc-anchor-target>
-<p>If your solution is a monorepo, ensure that projects referencing your packages that include CSS Modules, also include the necessary type definitions</p>
+<p>If the solution is a monorepo, ensure that projects referencing the packages that include CSS Modules, also include the necessary type definitions</p>
 <p>For example, given the following structure:</p>
 <div class="codeblock-wrapper"><doc-codeblock>
 <pre class="language-none" data-line="3,7"><code v-pre class="language-none">workspace
@@ -1180,7 +1165,7 @@ <h3>
             </svg>
         </div>
         <div class="pr-5 ml-3 w-full">
-<p>For additional information abour CSS modules type declaration, refer to the Rsbuild <a href="https://rsbuild.dev/guide/basic/css-modules#type-declaration" class="outbound" target="_blank">documentation</a>.</p>
+<p>For additional information about CSS modules type declaration, refer to the Rsbuild <a href="https://rsbuild.dev/guide/basic/css-modules#type-declaration" class="outbound" target="_blank">documentation</a>.</p>
         </div>
     </div>
 </div>
@@ -1190,7 +1175,7 @@ <h2>
         <span>Try it <span class="docs-emoji">&#x1F680;</span></span>
     </h2>
 </doc-anchor-target>
-<p>To test your new Rsbuild configuration, open a terminal at the root of the project and execute the <doc-anchor-trigger to="#add-a-cli-script">CLI script added earlier</doc-anchor-trigger>. A development server should start without outputting any error in the terminal.</p>
+<p>To test the new Rsbuild configuration, open a terminal at the root of the project and execute the <doc-anchor-trigger to="#add-a-cli-script">CLI script added earlier</doc-anchor-trigger>. A development server should start without outputting any error in the terminal.</p>
 
                                 
                                 <!-- Required only on API pages -->
diff --git a/rsbuild/configure-storybook/index.html b/rsbuild/configure-storybook/index.html
index 4793e750..8c4f0bdd 100644
--- a/rsbuild/configure-storybook/index.html
+++ b/rsbuild/configure-storybook/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <meta name="turbo-root" content="/wl-web-configs">
-    <meta name="turbo-cache-control" content="no-cache" data-turbo-track="reload" data-track-token="3.6.0.789492583867">
+    <meta name="turbo-cache-control" content="no-cache" data-turbo-track="reload" data-track-token="3.6.0.790190789202">
 
     <!-- See retype.com -->
     <meta name="generator" content="Retype 3.6.0">
@@ -32,12 +32,12 @@
     <script data-cfasync="false">(function () { var el = document.documentElement, m = localStorage.getItem("doc_theme"), wm = window.matchMedia; if (m === "dark" || (!m && wm && wm("(prefers-color-scheme: dark)").matches)) { el.classList.add("dark") } else { el.classList.remove("dark") } })();</script>
 
     <link href="../../static/favicon.png" rel="icon">
-    <link href="../../resources/css/retype.css?v=3.6.0.789492583867" rel="stylesheet">
+    <link href="../../resources/css/retype.css?v=3.6.0.790190789202" rel="stylesheet">
 
-    <script data-cfasync="false" src="../../resources/js/config.js?v=3.6.0.789492583867" data-turbo-eval="false" defer></script>
+    <script data-cfasync="false" src="../../resources/js/config.js?v=3.6.0.790190789202" data-turbo-eval="false" defer></script>
     <script data-cfasync="false" src="../../resources/js/retype.js?v=3.6.0" data-turbo-eval="false" defer></script>
-    <script id="lunr-js" data-cfasync="false" src="../../resources/js/lunr.js?v=3.6.0.789492583867" data-turbo-eval="false" defer></script>
-    <script id="prism-js" data-cfasync="false" src="../../resources/js/prism.js?v=3.6.0.789492583867" defer></script>
+    <script id="lunr-js" data-cfasync="false" src="../../resources/js/lunr.js?v=3.6.0.790190789202" data-turbo-eval="false" defer></script>
+    <script id="prism-js" data-cfasync="false" src="../../resources/js/prism.js?v=3.6.0.790190789202" defer></script>
 
     <link href="https://gsoft-inc.github.io/wl-idp-docs-hub/static/retype-customization.css" rel="stylesheet" />
 
@@ -365,13 +365,13 @@ <h3>
         <span><code v-pre>rsbuild.config.ts</code></span>
     </h3>
 </doc-anchor-target>
-<p>Next, create a configuration file named <code v-pre>rsbuild.config.ts</code> under the <code v-pre>storybook</code> folder:</p>
+<p>Next, create a configuration file named <code v-pre>rsbuild.config.ts</code> under the <code v-pre>.storybook</code> folder:</p>
 <div class="codeblock-wrapper"><doc-codeblock>
 <pre class="language-none" data-line="5"><code v-pre class="language-none">storybook
 ├── .storybook
 ├──── main.ts
 ├──── preview.tsx
-├──── rsbuild.configts
+├──── rsbuild.config.ts
 ├── .browserslistrc
 ├── package.json</code></pre>
 </doc-codeblock></div>
@@ -395,9 +395,7 @@ <h3>
 
 const storybookConfig: StorybookConfig = {
     framework: &quot;storybook-react-rsbuild&quot;,
-    stories: [
-        &quot;../../src/**/*.stories.(tsx|mdx)&quot;
-    ]
+    stories: [&quot;../../src/**/*.stories.(tsx|mdx)&quot;]
 };
 
 export default storybookConfig;</code></pre>
@@ -532,11 +530,17 @@ <h3>
     }
 });</code></pre>
 </doc-codeblock></div>
-<p>When you reference an SVG asset in TypeScript code, TypeScript may prompt that the module is missing a type definition:</p>
+<doc-anchor-target id="typings">
+    <h4>
+        <doc-anchor-trigger class="header-anchor-trigger" to="#typings">#</doc-anchor-trigger>
+        <span>Typings</span>
+    </h4>
+</doc-anchor-target>
+<p>When an SVG asset in referenced in TypeScript code, TypeScript may prompt that the module is missing a type definition:</p>
 <div class="codeblock-wrapper"><doc-codeblock>
 <pre class="language-bash"><code v-pre class="language-bash">TS2307: Cannot find module './logo.svg' or its corresponding type declarations.</code></pre>
 </doc-codeblock></div>
-<p>To fix this, you need to add type declaration for the SVG assets, create a <code v-pre>src/env.d.ts</code> file, and add the type declaration.</p>
+<p>To fix this, add a type declaration for the SVG assets, by creating a <code v-pre>src/env.d.ts</code> file, and add the type declaration.</p>
 <div class="codeblock-wrapper"><doc-codeblock>
 <div class="codeblock-title">src/env.d.ts</div>
 <pre class="language-typescript"><code v-pre class="language-typescript">declare module '*.svg' {
@@ -603,8 +607,8 @@ <h2>
         </div>
     </div>
 </div>
-<p>The <doc-anchor-trigger to="#use-predefined-options">predefined options</doc-anchor-trigger> are useful to quickly customize the <a href="https://github.com/gsoft-inc/wl-web-configs/blob/main/packages/rsbuild-configs/src/storybook.ts" class="outbound" target="_blank">default Storybook configuration</a> of <code v-pre>@workleap/rsbuild-configs</code>, but only covers a subset of an <a href="https://rsbuild.dev/config/index" class="outbound" target="_blank">Rsbuild configuration</a>. If you need full control over the configuration, you can provide configuration transformer functions through the <code v-pre>transformers</code> option of the <code v-pre>defineBuildConfig</code> function. Remember, <strong>no locked in</strong> <span class="docs-emoji">&#x2764;&#xFE0F;</span><span class="docs-emoji">&#x270C;&#xFE0F;</span>.</p>
-<p>To view the default build configuration of <code v-pre>@workleap/rsbuild-configs</code>, have a look at the <a href="https://github.com/gsoft-inc/wl-web-configs/blob/main/packages/rsbuild-configs/src/storybook.ts" class="outbound" target="_blank">storybook.ts configuration file</a> on GitHub.</p>
+<p>The <doc-anchor-trigger to="#use-predefined-options">predefined options</doc-anchor-trigger> are useful to quickly customize the <a href="https://github.com/gsoft-inc/wl-web-configs/blob/main/packages/rsbuild-configs/src/storybook.ts" class="outbound" target="_blank">default Storybook configuration</a> of <code v-pre>@workleap/rsbuild-configs</code>, but only covers a subset of an <a href="https://rsbuild.dev/config/index" class="outbound" target="_blank">Rsbuild configuration</a>. If you need full control over the configuration, you can provide configuration transformer functions through the <code v-pre>transformers</code> option of the <code v-pre>defineStorybookConfig</code> function. Remember, <strong>no locked in</strong> <span class="docs-emoji">&#x2764;&#xFE0F;</span><span class="docs-emoji">&#x270C;&#xFE0F;</span>.</p>
+<p>To view the default Storybook configuration of <code v-pre>@workleap/rsbuild-configs</code>, have a look at the <a href="https://github.com/gsoft-inc/wl-web-configs/blob/main/packages/rsbuild-configs/src/storybook.ts" class="outbound" target="_blank">storybook.ts configuration file</a> on GitHub.</p>
 <doc-anchor-target id="transformers">
     <h3>
         <doc-anchor-trigger class="header-anchor-trigger" to="#transformers">#</doc-anchor-trigger>
@@ -620,7 +624,7 @@ <h3>
 </doc-codeblock></div>
 <div class="codeblock-wrapper"><doc-codeblock>
 <div class="codeblock-title">rsbuild.config.ts</div>
-<pre class="language-typescript" data-line="3-10,13"><code v-pre class="language-typescript">import { defineBuildConfig, type RsbuildConfig, type RsbuildConfigTransformer } from &quot;@workleap/rsbuild-configs&quot;;
+<pre class="language-typescript" data-line="3-10,13"><code v-pre class="language-typescript">import { defineStorybookConfig, type RsbuildConfig, type RsbuildConfigTransformer } from &quot;@workleap/rsbuild-configs&quot;;
 
 const useInlineStylesTransformer: RsbuildConfigTransformer = (config: RsbuildConfig) =&gt; {
     config.output = {
@@ -631,7 +635,7 @@ <h3>
     return config;
 };
 
-export default defineBuildConfig({
+export default defineStorybookConfig({
     transformers: [useInlineStylesTransformer]
 });</code></pre>
 </doc-codeblock></div>
@@ -644,7 +648,9 @@ <h3>
 <p>Generic transformers can use the <code v-pre>context</code> parameter to gather additional information about their execution context, like the <code v-pre>environment</code> they are operating in.</p>
 <div class="codeblock-wrapper"><doc-codeblock>
 <div class="codeblock-title">transformer.ts</div>
-<pre class="language-typescript" data-line="2"><code v-pre class="language-typescript">export const transformer: RsbuildConfigTransformer = (config: RsbuildConfig) =&gt; {
+<pre class="language-typescript" data-line="4"><code v-pre class="language-typescript">import type { RsbuildConfig, RsbuildConfigTransformer } from &quot;@workleap/rsbuild-configs&quot;;
+
+export const transformer: RsbuildConfigTransformer = (config: RsbuildConfig) =&gt; {
     if (context.environment === &quot;storybook&quot;) {
         config.output = {
             ...(config.ouput ?? {}),
@@ -665,7 +671,7 @@ <h2>
         <span>Add CLI scripts</span>
     </h2>
 </doc-anchor-target>
-<p>To create the bundle files for production, add the following scripts to your project <code v-pre>package.json</code> file:</p>
+<p>Add the following scripts to the project <code v-pre>package.json</code> file:</p>
 <div class="codeblock-wrapper"><doc-codeblock>
 <div class="codeblock-title">package.json</div>
 <pre class="language-json"><code v-pre class="language-json">{
@@ -777,7 +783,7 @@ <h2>
         <span>Try it <span class="docs-emoji">&#x1F680;</span></span>
     </h2>
 </doc-anchor-target>
-<p>To test your new Rsbuild configuration, open a terminal at the root of the project and execute the <doc-anchor-trigger to="#add-cli-scripts">CLI scripts added earlier</doc-anchor-trigger>. Either the Storybook development server should start without outputting any error in the terminal or the Storybook application bundle files should be available in the <code v-pre>/storybook-static</code> folder (or any other folder you configured).</p>
+<p>To test the new Rsbuild configuration, open a terminal at the root of the project and execute the <doc-anchor-trigger to="#add-cli-scripts">CLI scripts added earlier</doc-anchor-trigger>. Either the Storybook development server should start without outputting any error in the terminal or the Storybook application bundle files should be available in the <code v-pre>/storybook-static</code> folder (or any other folder you configured).</p>
 
                                 
                                 <!-- Required only on API pages -->
@@ -806,7 +812,7 @@ <h2>
                                         <a class="px-5 py-4 -mx-px h-full flex items-center justify-end break-normal font-medium text-blue-500 dark:text-blue-400 border border-gray-300 hover:border-gray-400 dark:border-dark-650 dark:hover:border-dark-450 rounded-r-lg transition-colors duration-150 relative hover:z-5" href="../../rsbuild/migrate-from-webpack/">
                                             <span>
                                                 <span class="block text-xs font-normal text-right text-gray-400 dark:text-dark-400">Next</span>
-                                                <span class="block mt-1">Migrate from Webpack</span>
+                                                <span class="block mt-1">Migrate from webpack</span>
                                             </span>
                                             <svg xmlns="http://www.w3.org/2000/svg" class="ml-3" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" overflow="visible"><path d="M19.92 12.38a1 1 0 00-.22-1.09l-7-7a.996.996 0 10-1.41 1.41l5.3 5.3H5c-.55 0-1 .45-1 1s.45 1 1 1h11.59l-5.29 5.29a.996.996 0 000 1.41c.19.2.44.3.7.3s.51-.1.71-.29l7-7c.09-.09.16-.21.21-.33z" /><path fill="none" d="M0 0h24v24H0z" /></svg>
                                         </a>
diff --git a/rsbuild/index.html b/rsbuild/index.html
index 2d42e15c..62393fd2 100644
--- a/rsbuild/index.html
+++ b/rsbuild/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <meta name="turbo-root" content="/wl-web-configs">
-    <meta name="turbo-cache-control" content="no-cache" data-turbo-track="reload" data-track-token="3.6.0.789492583867">
+    <meta name="turbo-cache-control" content="no-cache" data-turbo-track="reload" data-track-token="3.6.0.790190789202">
 
     <!-- See retype.com -->
     <meta name="generator" content="Retype 3.6.0">
@@ -32,11 +32,11 @@
     <script data-cfasync="false">(function () { var el = document.documentElement, m = localStorage.getItem("doc_theme"), wm = window.matchMedia; if (m === "dark" || (!m && wm && wm("(prefers-color-scheme: dark)").matches)) { el.classList.add("dark") } else { el.classList.remove("dark") } })();</script>
 
     <link href="../static/favicon.png" rel="icon">
-    <link href="../resources/css/retype.css?v=3.6.0.789492583867" rel="stylesheet">
+    <link href="../resources/css/retype.css?v=3.6.0.790190789202" rel="stylesheet">
 
-    <script data-cfasync="false" src="../resources/js/config.js?v=3.6.0.789492583867" data-turbo-eval="false" defer></script>
+    <script data-cfasync="false" src="../resources/js/config.js?v=3.6.0.790190789202" data-turbo-eval="false" defer></script>
     <script data-cfasync="false" src="../resources/js/retype.js?v=3.6.0" data-turbo-eval="false" defer></script>
-    <script id="lunr-js" data-cfasync="false" src="../resources/js/lunr.js?v=3.6.0.789492583867" data-turbo-eval="false" defer></script>
+    <script id="lunr-js" data-cfasync="false" src="../resources/js/lunr.js?v=3.6.0.790190789202" data-turbo-eval="false" defer></script>
 
     <link href="https://gsoft-inc.github.io/wl-idp-docs-hub/static/retype-customization.css" rel="stylesheet" />
 
@@ -395,11 +395,11 @@ <h2>
                             
                                 <nav class="flex mt-14">
                                     <div class="w-1/2">
-                                        <a class="px-5 py-4 h-full flex items-center break-normal font-medium text-blue-500 dark:text-blue-400 border border-gray-300 hover:border-gray-400 dark:border-dark-650 dark:hover:border-dark-450 rounded-l-lg transition-colors duration-150 relative hover:z-5" href="../swc/configure-jest/">
+                                        <a class="px-5 py-4 h-full flex items-center break-normal font-medium text-blue-500 dark:text-blue-400 border border-gray-300 hover:border-gray-400 dark:border-dark-650 dark:hover:border-dark-450 rounded-l-lg transition-colors duration-150 relative hover:z-5" href="../typescript/advanced-composition/">
                                             <svg xmlns="http://www.w3.org/2000/svg" class="mr-3" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" overflow="visible"><path d="M19 11H7.41l5.29-5.29a.996.996 0 10-1.41-1.41l-7 7a1 1 0 000 1.42l7 7a1.024 1.024 0 001.42-.01.996.996 0 000-1.41L7.41 13H19c.55 0 1-.45 1-1s-.45-1-1-1z" /><path fill="none" d="M0 0h24v24H0z" /></svg>
                                             <span>
                                                 <span class="block text-xs font-normal text-gray-400 dark:text-dark-400">Previous</span>
-                                                <span class="block mt-1">Configure for Jest</span>
+                                                <span class="block mt-1">Advanced composition</span>
                                             </span>
                                         </a>
                                     </div>
diff --git a/rsbuild/migrate-from-webpack/index.html b/rsbuild/migrate-from-webpack/index.html
index 09ee917d..3bd9d3e0 100644
--- a/rsbuild/migrate-from-webpack/index.html
+++ b/rsbuild/migrate-from-webpack/index.html
@@ -4,15 +4,15 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <meta name="turbo-root" content="/wl-web-configs">
-    <meta name="turbo-cache-control" content="no-cache" data-turbo-track="reload" data-track-token="3.6.0.789492583867">
+    <meta name="turbo-cache-control" content="no-cache" data-turbo-track="reload" data-track-token="3.6.0.790190789202">
 
     <!-- See retype.com -->
     <meta name="generator" content="Retype 3.6.0">
 
     <!-- Primary Meta Tags -->
-    <title>Migrate from Webpack - Rsbuild</title>
-    <meta name="title" content="Migrate from Webpack - Rsbuild">
-    <meta name="description" content="To migrate from @squide/firefly-webpack-configs to @squide/firefly-rsbuild-configs, execute the following steps 👇">
+    <title>Migrate from webpack - Rsbuild</title>
+    <meta name="title" content="Migrate from webpack - Rsbuild">
+    <meta name="description" content="To migrate from @workleap/webpack-configs to @workleap/rsbuild-configs, execute the following steps 👇">
 
     <!-- Canonical -->
     <link rel="canonical" href="https://gsoft-inc.github.io/wl-web-configs/rsbuild/migrate-from-webpack/">
@@ -20,24 +20,24 @@
     <!-- Open Graph / Facebook -->
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://gsoft-inc.github.io/wl-web-configs/rsbuild/migrate-from-webpack/">
-    <meta property="og:title" content="Migrate from Webpack - Rsbuild">
-    <meta property="og:description" content="To migrate from @squide/firefly-webpack-configs to @squide/firefly-rsbuild-configs, execute the following steps 👇">
+    <meta property="og:title" content="Migrate from webpack - Rsbuild">
+    <meta property="og:description" content="To migrate from @workleap/webpack-configs to @workleap/rsbuild-configs, execute the following steps 👇">
 
     <!-- Twitter -->
     <meta property="twitter:card" content="summary_large_image">
     <meta property="twitter:url" content="https://gsoft-inc.github.io/wl-web-configs/rsbuild/migrate-from-webpack/">
-    <meta property="twitter:title" content="Migrate from Webpack - Rsbuild">
-    <meta property="twitter:description" content="To migrate from @squide/firefly-webpack-configs to @squide/firefly-rsbuild-configs, execute the following steps 👇">
+    <meta property="twitter:title" content="Migrate from webpack - Rsbuild">
+    <meta property="twitter:description" content="To migrate from @workleap/webpack-configs to @workleap/rsbuild-configs, execute the following steps 👇">
 
     <script data-cfasync="false">(function () { var el = document.documentElement, m = localStorage.getItem("doc_theme"), wm = window.matchMedia; if (m === "dark" || (!m && wm && wm("(prefers-color-scheme: dark)").matches)) { el.classList.add("dark") } else { el.classList.remove("dark") } })();</script>
 
     <link href="../../static/favicon.png" rel="icon">
-    <link href="../../resources/css/retype.css?v=3.6.0.789492583867" rel="stylesheet">
+    <link href="../../resources/css/retype.css?v=3.6.0.790190789202" rel="stylesheet">
 
-    <script data-cfasync="false" src="../../resources/js/config.js?v=3.6.0.789492583867" data-turbo-eval="false" defer></script>
+    <script data-cfasync="false" src="../../resources/js/config.js?v=3.6.0.790190789202" data-turbo-eval="false" defer></script>
     <script data-cfasync="false" src="../../resources/js/retype.js?v=3.6.0" data-turbo-eval="false" defer></script>
-    <script id="lunr-js" data-cfasync="false" src="../../resources/js/lunr.js?v=3.6.0.789492583867" data-turbo-eval="false" defer></script>
-    <script id="prism-js" data-cfasync="false" src="../../resources/js/prism.js?v=3.6.0.789492583867" defer></script>
+    <script id="lunr-js" data-cfasync="false" src="../../resources/js/lunr.js?v=3.6.0.790190789202" data-turbo-eval="false" defer></script>
+    <script id="prism-js" data-cfasync="false" src="../../resources/js/prism.js?v=3.6.0.790190789202" defer></script>
 
     <link href="https://gsoft-inc.github.io/wl-idp-docs-hub/static/retype-customization.css" rel="stylesheet" />
 
@@ -292,7 +292,7 @@
                                         </li>
                                         <li class="pr-4">
                                             <a href="../../rsbuild/migrate-from-webpack/" class="pr-4">
-                                                Migrate from Webpack
+                                                Migrate from webpack
                                             </a>
                                         </li>
                                     </ol>
@@ -302,10 +302,10 @@
 <doc-anchor-target id="migrate-from-webpack" class="break-words">
     <h1>
         <doc-anchor-trigger class="header-anchor-trigger" to="#migrate-from-webpack">#</doc-anchor-trigger>
-        <span>Migrate from Webpack</span>
+        <span>Migrate from webpack</span>
     </h1>
 </doc-anchor-target>
-<p>To migrate from <a href="https://www.npmjs.com/package/@squide/firefly-webpack-configs" class="outbound" target="_blank">@squide/firefly-webpack-configs</a> to <a href="https://www.npmjs.com/package/@workleap/rsbuild-configs" class="outbound" target="_blank">@squide/firefly-rsbuild-configs</a>, execute the following steps <span class="docs-emoji">&#x1F447;</span></p>
+<p>To migrate from <a href="https://www.npmjs.com/package/@workleap/webpack-configs" class="outbound" target="_blank">@workleap/webpack-configs</a> to <a href="https://www.npmjs.com/package/@workleap/rsbuild-configs" class="outbound" target="_blank">@workleap/rsbuild-configs</a>, execute the following steps <span class="docs-emoji">&#x1F447;</span></p>
 <doc-anchor-target id="update-packages">
     <h2>
         <doc-anchor-trigger class="header-anchor-trigger" to="#update-packages">#</doc-anchor-trigger>
@@ -333,7 +333,7 @@ <h2>
 </doc-codeblock></div>
 </doc-tab>
 </doc-tabs>
-<p>Then, in the same terminal, remove the following packages:</p>
+<p>Then, using the same terminal, remove the following packages:</p>
 <doc-tabs>
 <doc-tab v-cloak id="pnpm">
 <template #title>pnpm</template>
@@ -377,7 +377,7 @@ <h2>
     </h2>
 </doc-anchor-target>
 <div class="codeblock-wrapper"><doc-codeblock>
-<pre class="language-none"><code v-pre class="language-none">web-app
+<pre class="language-none"><code v-pre class="language-none">web-project
 ├── public
 ├──── index.html       --&gt;  U
 ├── webpack.dev.js     --&gt;  rsbuild.dev.ts
@@ -387,67 +387,67 @@ <h2>
 ├── swc.dev.js         --&gt;  X
 ├── package.json</code></pre>
 </doc-codeblock></div>
-<doc-anchor-target id="webpackbuildjs">
+<doc-anchor-target id="webpackdevjs">
     <h3>
-        <doc-anchor-trigger class="header-anchor-trigger" to="#webpackbuildjs">#</doc-anchor-trigger>
-        <span><code v-pre>webpack.build.js</code></span>
+        <doc-anchor-trigger class="header-anchor-trigger" to="#webpackdevjs">#</doc-anchor-trigger>
+        <span><code v-pre>webpack.dev.js</code></span>
     </h3>
 </doc-anchor-target>
-<p>Rename the file from <code v-pre>webpack.build.js</code> to <code v-pre>rsbuild.build.ts</code>.</p>
-<p>Then, open the <code v-pre>rsbuild.build.ts</code> file and apply the following changes:</p>
+<p>Rename the file from <code v-pre>webpack.dev.js</code> to <code v-pre>rsbuild.dev.ts</code>.</p>
+<p>Then, open the <code v-pre>rsbuild.build.ts</code> file and and apply the following changes:</p>
 <ul>
 <li>Replace <code v-pre>&quot;@workleap/webpack-configs&quot;</code> for <code v-pre>&quot;@workleap/rsbuild-configs&quot;</code>.</li>
 <li>Remove <code v-pre>import { swcConfig } from &quot;./swc.build.js&quot;</code>.</li>
-<li>Remove the first argument of the <code v-pre>defineBuildHostConfig</code> function.</li>
+<li>Remove the argument of the <code v-pre>defineDevConfig</code> function.</li>
 <li>Remove <code v-pre>// @ts-check</code>.</li>
 </ul>
 <p>Before:</p>
 <div class="codeblock-wrapper"><doc-codeblock>
-<div class="codeblock-title">webpack.build.js</div>
+<div class="codeblock-title">webpack.dev.js</div>
 <pre class="language-javascript"><code v-pre class="language-javascript">// @ts-check
 
-import { defineBuildHostConfig } from &quot;@workleap/webpack-configs&quot;;
-import { swcConfig } from &quot;./swc.build.js&quot;;
+import { defineDevConfig } from &quot;@workleap/webpack-configs&quot;;
+import { swcConfig } from &quot;./swc.dev.js&quot;;
 
-export default defineBuildHostConfig(swcConfig);</code></pre>
+export default defineDevConfig(swcConfig);</code></pre>
 </doc-codeblock></div>
 <p>After:</p>
 <div class="codeblock-wrapper"><doc-codeblock>
-<div class="codeblock-title">rsbuild.build.ts</div>
-<pre class="language-typescript"><code v-pre class="language-typescript">import { defineBuildHostConfig } from &quot;@workleap/rsbuild-configs&quot;;
+<div class="codeblock-title">rsbuild.dev.ts</div>
+<pre class="language-typescript"><code v-pre class="language-typescript">import { defineDevConfig } from &quot;@workleap/rsbuild-configs&quot;;
 
-export default defineBuildHostConfig();</code></pre>
+export default defineDevConfig();</code></pre>
 </doc-codeblock></div>
-<doc-anchor-target id="webpackdevjs">
+<doc-anchor-target id="webpackbuildjs">
     <h3>
-        <doc-anchor-trigger class="header-anchor-trigger" to="#webpackdevjs">#</doc-anchor-trigger>
-        <span><code v-pre>webpack.dev.js</code></span>
+        <doc-anchor-trigger class="header-anchor-trigger" to="#webpackbuildjs">#</doc-anchor-trigger>
+        <span><code v-pre>webpack.build.js</code></span>
     </h3>
 </doc-anchor-target>
-<p>Rename the file from <code v-pre>webpack.dev.js</code> to <code v-pre>rsbuild.dev.ts</code>.</p>
-<p>Then, open the <code v-pre>rsbuild.build.ts</code> file and and apply the following changes:</p>
+<p>Rename the file from <code v-pre>webpack.build.js</code> to <code v-pre>rsbuild.build.ts</code>.</p>
+<p>Then, open the <code v-pre>rsbuild.build.ts</code> file and apply the following changes:</p>
 <ul>
 <li>Replace <code v-pre>&quot;@workleap/webpack-configs&quot;</code> for <code v-pre>&quot;@workleap/rsbuild-configs&quot;</code>.</li>
 <li>Remove <code v-pre>import { swcConfig } from &quot;./swc.build.js&quot;</code>.</li>
-<li>Remove the first argument of the <code v-pre>defineDevHostConfig</code> function.</li>
+<li>Remove the argument of the <code v-pre>defineBuildConfig</code> function.</li>
 <li>Remove <code v-pre>// @ts-check</code>.</li>
 </ul>
 <p>Before:</p>
 <div class="codeblock-wrapper"><doc-codeblock>
-<div class="codeblock-title">webpack.dev.js</div>
+<div class="codeblock-title">webpack.build.js</div>
 <pre class="language-javascript"><code v-pre class="language-javascript">// @ts-check
 
-import { defineDevHostConfig } from &quot;@workleap/webpack-configs&quot;;
-import { swcConfig } from &quot;./swc.dev.js&quot;;
+import { defineBuildConfig } from &quot;@workleap/webpack-configs&quot;;
+import { swcConfig } from &quot;./swc.build.js&quot;;
 
-export default defineDevHostConfig(swcConfig);</code></pre>
+export default defineBuildConfig(swcConfig);</code></pre>
 </doc-codeblock></div>
 <p>After:</p>
 <div class="codeblock-wrapper"><doc-codeblock>
-<div class="codeblock-title">rsbuild.dev.ts</div>
-<pre class="language-typescript"><code v-pre class="language-typescript">import { defineDevHostConfig } from &quot;@workleap/rsbuild-configs&quot;;
+<div class="codeblock-title">rsbuild.build.ts</div>
+<pre class="language-typescript"><code v-pre class="language-typescript">import { defineBuildConfig } from &quot;@workleap/rsbuild-configs&quot;;
 
-export default defineDevHostConfig(8080);</code></pre>
+export default defineBuildConfig();</code></pre>
 </doc-codeblock></div>
 <doc-anchor-target id="postcssconfigts">
     <h3>
@@ -601,10 +601,10 @@ <h2>
                                     </div>
                             
                                     <div class="w-1/2">
-                                        <a class="px-5 py-4 -mx-px h-full flex items-center justify-end break-normal font-medium text-blue-500 dark:text-blue-400 border border-gray-300 hover:border-gray-400 dark:border-dark-650 dark:hover:border-dark-450 rounded-r-lg transition-colors duration-150 relative hover:z-5" href="../../tsup/">
+                                        <a class="px-5 py-4 -mx-px h-full flex items-center justify-end break-normal font-medium text-blue-500 dark:text-blue-400 border border-gray-300 hover:border-gray-400 dark:border-dark-650 dark:hover:border-dark-450 rounded-r-lg transition-colors duration-150 relative hover:z-5" href="../../rslib/">
                                             <span>
                                                 <span class="block text-xs font-normal text-right text-gray-400 dark:text-dark-400">Next</span>
-                                                <span class="block mt-1">tsup</span>
+                                                <span class="block mt-1">Rslib</span>
                                             </span>
                                             <svg xmlns="http://www.w3.org/2000/svg" class="ml-3" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" overflow="visible"><path d="M19.92 12.38a1 1 0 00-.22-1.09l-7-7a.996.996 0 10-1.41 1.41l5.3 5.3H5c-.55 0-1 .45-1 1s.45 1 1 1h11.59l-5.29 5.29a.996.996 0 000 1.41c.19.2.44.3.7.3s.51-.1.71-.29l7-7c.09-.09.16-.21.21-.33z" /><path fill="none" d="M0 0h24v24H0z" /></svg>
                                         </a>
@@ -668,6 +668,6 @@ <h2>
 
     <div id="docs-overlay-target"></div>
 
-    <script data-cfasync="false">window.__DOCS__ = { "title": "Migrate from Webpack", level: 2, icon: "file", hasPrism: true, hasMermaid: false, hasMath: false, tocDepth: 23 }</script>
+    <script data-cfasync="false">window.__DOCS__ = { "title": "Migrate from webpack", level: 2, icon: "file", hasPrism: true, hasMermaid: false, hasMath: false, tocDepth: 23 }</script>
 </body>
 </html>
diff --git a/rslib/configure-build/index.html b/rslib/configure-build/index.html
new file mode 100644
index 00000000..60e54278
--- /dev/null
+++ b/rslib/configure-build/index.html
@@ -0,0 +1,1061 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width,initial-scale=1">
+    <meta name="turbo-root" content="/wl-web-configs">
+    <meta name="turbo-cache-control" content="no-cache" data-turbo-track="reload" data-track-token="3.6.0.790190789202">
+
+    <!-- See retype.com -->
+    <meta name="generator" content="Retype 3.6.0">
+
+    <!-- Primary Meta Tags -->
+    <title>Configure for build - Rslib</title>
+    <meta name="title" content="Configure for build - Rslib">
+    <meta name="description" content="To configure Rslib for publication, execute the following steps 👇">
+
+    <!-- Canonical -->
+    <link rel="canonical" href="https://gsoft-inc.github.io/wl-web-configs/rslib/configure-build/">
+
+    <!-- Open Graph / Facebook -->
+    <meta property="og:type" content="website">
+    <meta property="og:url" content="https://gsoft-inc.github.io/wl-web-configs/rslib/configure-build/">
+    <meta property="og:title" content="Configure for build - Rslib">
+    <meta property="og:description" content="To configure Rslib for publication, execute the following steps 👇">
+
+    <!-- Twitter -->
+    <meta property="twitter:card" content="summary_large_image">
+    <meta property="twitter:url" content="https://gsoft-inc.github.io/wl-web-configs/rslib/configure-build/">
+    <meta property="twitter:title" content="Configure for build - Rslib">
+    <meta property="twitter:description" content="To configure Rslib for publication, execute the following steps 👇">
+
+    <script data-cfasync="false">(function () { var el = document.documentElement, m = localStorage.getItem("doc_theme"), wm = window.matchMedia; if (m === "dark" || (!m && wm && wm("(prefers-color-scheme: dark)").matches)) { el.classList.add("dark") } else { el.classList.remove("dark") } })();</script>
+
+    <link href="../../static/favicon.png" rel="icon">
+    <link href="../../resources/css/retype.css?v=3.6.0.790190789202" rel="stylesheet">
+
+    <script data-cfasync="false" src="../../resources/js/config.js?v=3.6.0.790190789202" data-turbo-eval="false" defer></script>
+    <script data-cfasync="false" src="../../resources/js/retype.js?v=3.6.0" data-turbo-eval="false" defer></script>
+    <script id="lunr-js" data-cfasync="false" src="../../resources/js/lunr.js?v=3.6.0.790190789202" data-turbo-eval="false" defer></script>
+    <script id="prism-js" data-cfasync="false" src="../../resources/js/prism.js?v=3.6.0.790190789202" defer></script>
+
+    <link href="https://gsoft-inc.github.io/wl-idp-docs-hub/static/retype-customization.css" rel="stylesheet" />
+
+</head>
+<body>
+    <div id="docs-app" class="relative text-base antialiased text-gray-700 bg-white font-body dark:bg-dark-850 dark:text-dark-300">
+        <div class="absolute bottom-0 left-0 bg-gray-100 dark:bg-dark-800" style="top: 5rem; right: 50%"></div>
+    
+        <header id="docs-site-header" class="sticky top-0 z-30 flex w-full h-16 bg-white border-b border-gray-200 md:h-20 dark:bg-dark-850 dark:border-dark-650">
+            <div class="container relative flex items-center justify-between pr-6 grow md:justify-start">
+                <!-- Mobile menu button skeleton -->
+                <button v-cloak class="skeleton docs-mobile-menu-button flex items-center justify-center shrink-0 overflow-hidden dark:text-white focus:outline-none rounded-full w-10 h-10 ml-3.5 md:hidden"><svg xmlns="http://www.w3.org/2000/svg" class="mb-px shrink-0" width="24" height="24" viewBox="0 0 24 24" role="presentation" style="margin-bottom: 0px;"><g fill="currentColor"><path d="M2 4h20v2H2zM2 11h20v2H2zM2 18h20v2H2z"></path></g></svg></button>
+                <div v-cloak id="docs-sidebar-toggle"></div>
+        
+                <!-- Logo -->
+                <div class="flex items-center justify-between h-full py-2 md:w-75">
+                    <div class="flex items-center px-2 md:px-6">
+                        <a id="docs-hub-link" href="https://gsoft-inc.github.io/wl-idp-docs-hub/" title="Workleap's IDP homepage">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="12" height="30" viewBox="0 0 12 30" fill="currentColor" aria-label="Home" focusable="false" role="img">
+                                <path d="M10.6763 23.0822C10.4303 23.328 10.0967 23.4661 9.74885 23.4661C9.40103 23.4661 9.06744 23.328 8.82135 23.0822L1.38384 15.6447C1.13806 15.3986 1 15.065 1 14.7172C1 14.3694 1.13806 14.0358 1.38384 13.7897L8.82135 6.35222C9.0703 6.1205 9.39939 5.99432 9.73945 6.0002C10.0795 6.00607 10.404 6.14354 10.6448 6.38372C10.885 6.62452 11.0225 6.94906 11.0284 7.28912C11.0342 7.62917 10.9081 7.95826 10.6763 8.20722L4.16635 14.7172L10.6763 21.2272C10.9221 21.4733 11.0602 21.8069 11.0602 22.1547C11.0602 22.5025 10.9221 22.8361 10.6763 23.0822Z" />
+                            </svg>
+                        </a>
+                        <a id="docs-site-logo" href="../../" class="flex items-center leading-snug text-2xl">
+                            <span class="w-10 mr-2 grow-0 shrink-0 overflow-hidden">
+                                <img class="max-h-10 dark:hidden md:inline-block" src="../../static/logo.png">
+                                <img class="max-h-10 hidden dark:inline-block" src="../../static/logo.png">
+                            </span>
+                            <span class="dark:text-white font-semibold line-clamp-1 md:line-clamp-2">Web configs</span>
+                        </a>
+                    </div>
+        
+                    <span class="hidden h-8 border-r md:inline-block dark:border-dark-650"></span>
+                </div>
+        
+                <div class="flex justify-between md:grow">
+                    <!-- Top Nav -->
+                    <nav class="hidden md:flex">
+                        <ul class="flex flex-col mb-4 md:pl-16 md:mb-0 md:flex-row md:items-center">
+                            <li class="mr-6">
+                                <a class="py-2 md:mb-0 inline-flex items-center text-sm whitespace-nowrap transition-colors duration-200 ease-linear md:text-blue-500 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-200" href="../../">
+                                    <svg xmlns="http://www.w3.org/2000/svg" class="mb-px mr-1" width="18" height="18" viewBox="0 0 24 24" role="presentation">
+                                        <g fill="currentColor">
+                                            <path d="M11.03 2.59a1.501 1.501 0 0 1 1.94 0l7.5 6.363a1.5 1.5 0 0 1 .53 1.144V19.5a1.5 1.5 0 0 1-1.5 1.5h-5.75a.75.75 0 0 1-.75-.75V14h-2v6.25a.75.75 0 0 1-.75.75H4.5A1.5 1.5 0 0 1 3 19.5v-9.403c0-.44.194-.859.53-1.144ZM12 3.734l-7.5 6.363V19.5h5v-6.25a.75.75 0 0 1 .75-.75h3.5a.75.75 0 0 1 .75.75v6.25h5v-9.403Z"/>
+                                        </g>
+                                    </svg>
+                                    <span>Home</span>
+                                </a>
+                            </li>
+                            <li class="mr-6">
+                                <a class="py-2 md:mb-0 inline-flex items-center text-sm whitespace-nowrap transition-colors duration-200 ease-linear md:text-blue-500 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-200" href="https://github.com/gsoft-inc/wl-web-configs/issues" target="_blank">
+                                    <svg xmlns="http://www.w3.org/2000/svg" class="mb-px mr-1" width="18" height="18" viewBox="0 0 24 24" role="presentation">
+                                        <g fill="currentColor">
+                                            <path d="M12 1c6.075 0 11 4.925 11 11s-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1ZM2.5 12a9.5 9.5 0 0 0 9.5 9.5 9.5 9.5 0 0 0 9.5-9.5A9.5 9.5 0 0 0 12 2.5 9.5 9.5 0 0 0 2.5 12Zm9.5 2a2 2 0 1 1-.001-3.999A2 2 0 0 1 12 14Z"/>
+                                        </g>
+                                    </svg>
+                                    <span>Found a bug?</span>
+                                </a>
+                            </li>
+                            <li class="mr-6">
+                                <a class="py-2 md:mb-0 inline-flex items-center text-sm whitespace-nowrap transition-colors duration-200 ease-linear md:text-blue-500 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-200" href="https://github.com/gsoft-inc/wl-web-configs/discussions" target="_blank">
+                                    <svg xmlns="http://www.w3.org/2000/svg" class="mb-px mr-1" width="18" height="18" viewBox="0 0 24 24" role="presentation">
+                                        <g fill="currentColor">
+                                            <path d="M1.75 1h12.5c.966 0 1.75.784 1.75 1.75v9.5A1.75 1.75 0 0 1 14.25 14H8.061l-2.574 2.573A1.458 1.458 0 0 1 3 15.543V14H1.75A1.75 1.75 0 0 1 0 12.25v-9.5C0 1.784.784 1 1.75 1ZM1.5 2.75v9.5c0 .138.112.25.25.25h2a.75.75 0 0 1 .75.75v2.19l2.72-2.72a.749.749 0 0 1 .53-.22h6.5a.25.25 0 0 0 .25-.25v-9.5a.25.25 0 0 0-.25-.25H1.75a.25.25 0 0 0-.25.25Z"/><path d="M22.5 8.75a.25.25 0 0 0-.25-.25h-3.5a.75.75 0 0 1 0-1.5h3.5c.966 0 1.75.784 1.75 1.75v9.5A1.75 1.75 0 0 1 22.25 20H21v1.543a1.457 1.457 0 0 1-2.487 1.03L15.939 20H10.75A1.75 1.75 0 0 1 9 18.25v-1.465a.75.75 0 0 1 1.5 0v1.465c0 .138.112.25.25.25h5.5a.75.75 0 0 1 .53.22l2.72 2.72v-2.19a.75.75 0 0 1 .75-.75h2a.25.25 0 0 0 .25-.25v-9.5Z"/>
+                                        </g>
+                                    </svg>
+                                    <span>Feature requests</span>
+                                </a>
+                            </li>
+                            <li class="mr-6">
+                                <a class="py-2 md:mb-0 inline-flex items-center text-sm whitespace-nowrap transition-colors duration-200 ease-linear md:text-blue-500 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-200" href="https://github.com/gsoft-inc/wl-web-configs/releases" target="_blank">
+                                    <svg xmlns="http://www.w3.org/2000/svg" class="mb-px mr-1" width="18" height="18" viewBox="0 0 24 24" role="presentation">
+                                        <g fill="currentColor">
+                                            <path d="M7.75 6.5a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5Z"/><path d="M2.5 1h8.44a1.5 1.5 0 0 1 1.06.44l10.25 10.25a1.5 1.5 0 0 1 0 2.12l-8.44 8.44a1.5 1.5 0 0 1-2.12 0L1.44 12A1.497 1.497 0 0 1 1 10.94V2.5A1.5 1.5 0 0 1 2.5 1Zm0 1.5v8.44l10.25 10.25 8.44-8.44L10.94 2.5Z"/>
+                                        </g>
+                                    </svg>
+                                    <span>Releases</span>
+                                </a>
+                            </li>
+                            <li class="mr-6">
+                                <a class="py-2 md:mb-0 inline-flex items-center text-sm whitespace-nowrap transition-colors duration-200 ease-linear md:text-blue-500 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-200" href="https://github.com/gsoft-inc/wl-web-configs" target="_blank">
+                                    <svg xmlns="http://www.w3.org/2000/svg" class="mb-px mr-1" width="18" height="18" viewBox="0 0 24 24" role="presentation">
+                                        <g fill="currentColor">
+                                            <symbol id="mark-github-icon-symbol" viewBox="0 0 16 16"><path d="M8 0c4.42 0 8 3.58 8 8a8.013 8.013 0 0 1-5.45 7.59c-.4.08-.55-.17-.55-.38 0-.27.01-1.13.01-2.2 0-.75-.25-1.23-.54-1.48 1.78-.2 3.65-.88 3.65-3.95 0-.88-.31-1.59-.82-2.15.08-.2.36-1.02-.08-2.12 0 0-.67-.22-2.2.82-.64-.18-1.32-.27-2-.27-.68 0-1.36.09-2 .27-1.53-1.03-2.2-.82-2.2-.82-.44 1.1-.16 1.92-.08 2.12-.51.56-.82 1.28-.82 2.15 0 3.06 1.86 3.75 3.64 3.95-.23.2-.44.55-.51 1.07-.46.21-1.61.55-2.33-.66-.15-.24-.6-.83-1.23-.82-.67.01-.27.38.01.53.34.19.73.9.82 1.13.16.45.68 1.31 2.69.94 0 .67.01 1.3.01 1.49 0 .21-.15.45-.55.38A7.995 7.995 0 0 1 0 8c0-4.42 3.58-8 8-8Z"/></symbol><use xlink:href="#mark-github-icon-symbol" />
+                                        </g>
+                                    </svg>
+                                    <span>Github</span>
+                                </a>
+                            </li>
+                            <li class="mr-6">
+                                <a class="py-2 md:mb-0 inline-flex items-center text-sm whitespace-nowrap transition-colors duration-200 ease-linear md:text-blue-500 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-200" href="https://www.npmjs.com/settings/workleap/packages" target="_blank">
+                                    <svg xmlns="http://www.w3.org/2000/svg" class="mb-px mr-1" width="18" height="18" viewBox="0 0 24 24" role="presentation">
+                                        <g fill="currentColor">
+                                            <path d="M0 0H24V24H0V0Z" fill="#CC0000"/><path d="M11.9184 2.57758H2.57764V21.4214H11.9175V7.32958H16.6695V21.4214H21.4215V2.57758H11.9184Z" fill="white"/>
+                                        </g>
+                                    </svg>
+                                    <span>NPM</span>
+                                </a>
+                            </li>
+        
+                        </ul>
+                    </nav>
+        
+                    <!-- Header Right Skeleton -->
+                    <div v-cloak class="flex justify-end grow skeleton">
+        
+                        <!-- Search input mock -->
+                        <div class="relative hidden w-40 lg:block lg:max-w-sm lg:ml-auto">
+                            <div class="absolute flex items-center justify-center h-full pl-3 dark:text-dark-300">
+                                <svg xmlns="http://www.w3.org/2000/svg" class="icon-base" width="16" height="16" viewBox="0 0 24 24" aria-labelledby="icon" role="presentation" style="margin-bottom: 1px;"><g fill="currentColor" ><path d="M21.71 20.29l-3.68-3.68A8.963 8.963 0 0020 11c0-4.96-4.04-9-9-9s-9 4.04-9 9 4.04 9 9 9c2.12 0 4.07-.74 5.61-1.97l3.68 3.68c.2.19.45.29.71.29s.51-.1.71-.29c.39-.39.39-1.03 0-1.42zM4 11c0-3.86 3.14-7 7-7s7 3.14 7 7c0 1.92-.78 3.66-2.04 4.93-.01.01-.02.01-.02.01-.01.01-.01.01-.01.02A6.98 6.98 0 0111 18c-3.86 0-7-3.14-7-7z" ></path></g></svg>
+                            </div>
+                            <input class="w-full h-10 placeholder-gray-400 transition-colors duration-200 ease-in bg-gray-200 border border-transparent rounded md:text-sm hover:bg-white hover:border-gray-300 focus:outline-none focus:bg-white focus:border-gray-500 dark:bg-dark-600 dark:border-dark-600 dark:placeholder-dark-400" style="padding: 0.625rem 0.75rem 0.625rem 2rem" type="text" placeholder="Search">
+                        </div>
+        
+                        <!-- Mobile search button -->
+                        <div class="flex items-center justify-center w-10 h-10 lg:hidden">
+                            <svg xmlns="http://www.w3.org/2000/svg" class="shrink-0 icon-base" width="20" height="20" viewBox="0 0 24 24" aria-labelledby="icon" role="presentation" style="margin-bottom: 0px;"><g fill="currentColor" ><path d="M21.71 20.29l-3.68-3.68A8.963 8.963 0 0020 11c0-4.96-4.04-9-9-9s-9 4.04-9 9 4.04 9 9 9c2.12 0 4.07-.74 5.61-1.97l3.68 3.68c.2.19.45.29.71.29s.51-.1.71-.29c.39-.39.39-1.03 0-1.42zM4 11c0-3.86 3.14-7 7-7s7 3.14 7 7c0 1.92-.78 3.66-2.04 4.93-.01.01-.02.01-.02.01-.01.01-.01.01-.01.02A6.98 6.98 0 0111 18c-3.86 0-7-3.14-7-7z" ></path></g></svg>
+                        </div>
+        
+                        <!-- Dark mode switch placeholder -->
+                        <div class="w-10 h-10 lg:ml-2"></div>
+        
+                        <!-- History button -->
+                        <div class="flex items-center justify-center w-10 h-10" style="margin-right: -0.625rem;">
+                            <svg xmlns="http://www.w3.org/2000/svg" class="shrink-0 icon-base" width="22" height="22" viewBox="0 0 24 24" aria-labelledby="icon" role="presentation" style="margin-bottom: 0px;"><g fill="currentColor" ><g ><path d="M12.01 6.01c-.55 0-1 .45-1 1V12a1 1 0 00.4.8l3 2.22a.985.985 0 001.39-.2.996.996 0 00-.21-1.4l-2.6-1.92V7.01c.02-.55-.43-1-.98-1z"></path><path d="M12.01 1.91c-5.33 0-9.69 4.16-10.05 9.4l-.29-.26a.997.997 0 10-1.34 1.48l1.97 1.79c.19.17.43.26.67.26s.48-.09.67-.26l1.97-1.79a.997.997 0 10-1.34-1.48l-.31.28c.34-4.14 3.82-7.41 8.05-7.41 4.46 0 8.08 3.63 8.08 8.09s-3.63 8.08-8.08 8.08c-2.18 0-4.22-.85-5.75-2.4a.996.996 0 10-1.42 1.4 10.02 10.02 0 007.17 2.99c5.56 0 10.08-4.52 10.08-10.08.01-5.56-4.52-10.09-10.08-10.09z"></path></g></g></svg>
+                        </div>
+                    </div>
+        
+                    <div v-cloak class="flex justify-end grow">
+                        <div id="docs-mobile-search-button"></div>
+                        <doc-search-desktop></doc-search-desktop>
+        
+                        <doc-theme-switch class="lg:ml-2"></doc-theme-switch>
+                        <doc-history></doc-history>
+                    </div>
+                </div>
+            </div>
+        </header>
+    
+        <div class="container relative flex bg-white">
+            <!-- Sidebar Skeleton -->
+            <div v-cloak class="fixed flex flex-col shrink-0 duration-300 ease-in-out bg-gray-100 border-gray-200 sidebar top-20 w-75 border-r h-screen md:sticky transition-transform skeleton dark:bg-dark-800 dark:border-dark-650">
+            
+                <!-- Render this div, if config.showSidebarFilter is `true` -->
+                <div class="flex items-center h-16 px-6">
+                    <input class="w-full h-8 px-3 py-2 transition-colors duration-200 ease-linear bg-white border border-gray-200 rounded shadow-none text-sm focus:outline-none focus:border-gray-600 dark:bg-dark-600 dark:border-dark-600" type="text" placeholder="Filter">
+                </div>
+            
+                <div class="pl-6 mt-1 mb-4">
+                    <div class="w-32 h-3 mb-4 bg-gray-200 rounded-full loading dark:bg-dark-600"></div>
+                    <div class="w-48 h-3 mb-4 bg-gray-200 rounded-full loading dark:bg-dark-600"></div>
+                    <div class="w-40 h-3 mb-4 bg-gray-200 rounded-full loading dark:bg-dark-600"></div>
+                    <div class="w-32 h-3 mb-4 bg-gray-200 rounded-full loading dark:bg-dark-600"></div>
+                    <div class="w-48 h-3 mb-4 bg-gray-200 rounded-full loading dark:bg-dark-600"></div>
+                    <div class="w-40 h-3 mb-4 bg-gray-200 rounded-full loading dark:bg-dark-600"></div>
+                </div>
+            
+            </div>
+            
+            <!-- Sidebar component -->
+            <doc-sidebar v-cloak>
+                <template #sidebar-footer>
+                    <div class="shrink-0 mt-auto border-t md:bg-transparent md:border-none dark:border-dark-650">
+            
+                        <div class="py-3 px-6 md:hidden border-b dark:border-dark-650">
+                            <nav>
+                                <ul class="flex flex-wrap justify-center items-center">
+                                    <li class="mr-6">
+                                        <a class="block py-1 inline-flex items-center text-sm whitespace-nowrap transition-colors duration-200 ease-linear md:text-blue-500 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-200" href="../../">
+                                            <svg xmlns="http://www.w3.org/2000/svg" class="mb-px mr-1" width="18" height="18" viewBox="0 0 24 24" role="presentation">
+                                                <g fill="currentColor">
+                                                    <path d="M11.03 2.59a1.501 1.501 0 0 1 1.94 0l7.5 6.363a1.5 1.5 0 0 1 .53 1.144V19.5a1.5 1.5 0 0 1-1.5 1.5h-5.75a.75.75 0 0 1-.75-.75V14h-2v6.25a.75.75 0 0 1-.75.75H4.5A1.5 1.5 0 0 1 3 19.5v-9.403c0-.44.194-.859.53-1.144ZM12 3.734l-7.5 6.363V19.5h5v-6.25a.75.75 0 0 1 .75-.75h3.5a.75.75 0 0 1 .75.75v6.25h5v-9.403Z"/>
+                                                </g>
+                                            </svg>
+                                            <span>Home</span>
+                                        </a>
+                                    </li>
+                                    <li class="mr-6">
+                                        <a class="block py-1 inline-flex items-center text-sm whitespace-nowrap transition-colors duration-200 ease-linear md:text-blue-500 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-200" href="https://github.com/gsoft-inc/wl-web-configs/issues" target="_blank">
+                                            <svg xmlns="http://www.w3.org/2000/svg" class="mb-px mr-1" width="18" height="18" viewBox="0 0 24 24" role="presentation">
+                                                <g fill="currentColor">
+                                                    <path d="M12 1c6.075 0 11 4.925 11 11s-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1ZM2.5 12a9.5 9.5 0 0 0 9.5 9.5 9.5 9.5 0 0 0 9.5-9.5A9.5 9.5 0 0 0 12 2.5 9.5 9.5 0 0 0 2.5 12Zm9.5 2a2 2 0 1 1-.001-3.999A2 2 0 0 1 12 14Z"/>
+                                                </g>
+                                            </svg>
+                                            <span>Found a bug?</span>
+                                        </a>
+                                    </li>
+                                    <li class="mr-6">
+                                        <a class="block py-1 inline-flex items-center text-sm whitespace-nowrap transition-colors duration-200 ease-linear md:text-blue-500 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-200" href="https://github.com/gsoft-inc/wl-web-configs/discussions" target="_blank">
+                                            <svg xmlns="http://www.w3.org/2000/svg" class="mb-px mr-1" width="18" height="18" viewBox="0 0 24 24" role="presentation">
+                                                <g fill="currentColor">
+                                                    <path d="M1.75 1h12.5c.966 0 1.75.784 1.75 1.75v9.5A1.75 1.75 0 0 1 14.25 14H8.061l-2.574 2.573A1.458 1.458 0 0 1 3 15.543V14H1.75A1.75 1.75 0 0 1 0 12.25v-9.5C0 1.784.784 1 1.75 1ZM1.5 2.75v9.5c0 .138.112.25.25.25h2a.75.75 0 0 1 .75.75v2.19l2.72-2.72a.749.749 0 0 1 .53-.22h6.5a.25.25 0 0 0 .25-.25v-9.5a.25.25 0 0 0-.25-.25H1.75a.25.25 0 0 0-.25.25Z"/><path d="M22.5 8.75a.25.25 0 0 0-.25-.25h-3.5a.75.75 0 0 1 0-1.5h3.5c.966 0 1.75.784 1.75 1.75v9.5A1.75 1.75 0 0 1 22.25 20H21v1.543a1.457 1.457 0 0 1-2.487 1.03L15.939 20H10.75A1.75 1.75 0 0 1 9 18.25v-1.465a.75.75 0 0 1 1.5 0v1.465c0 .138.112.25.25.25h5.5a.75.75 0 0 1 .53.22l2.72 2.72v-2.19a.75.75 0 0 1 .75-.75h2a.25.25 0 0 0 .25-.25v-9.5Z"/>
+                                                </g>
+                                            </svg>
+                                            <span>Feature requests</span>
+                                        </a>
+                                    </li>
+                                    <li class="mr-6">
+                                        <a class="block py-1 inline-flex items-center text-sm whitespace-nowrap transition-colors duration-200 ease-linear md:text-blue-500 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-200" href="https://github.com/gsoft-inc/wl-web-configs/releases" target="_blank">
+                                            <svg xmlns="http://www.w3.org/2000/svg" class="mb-px mr-1" width="18" height="18" viewBox="0 0 24 24" role="presentation">
+                                                <g fill="currentColor">
+                                                    <path d="M7.75 6.5a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5Z"/><path d="M2.5 1h8.44a1.5 1.5 0 0 1 1.06.44l10.25 10.25a1.5 1.5 0 0 1 0 2.12l-8.44 8.44a1.5 1.5 0 0 1-2.12 0L1.44 12A1.497 1.497 0 0 1 1 10.94V2.5A1.5 1.5 0 0 1 2.5 1Zm0 1.5v8.44l10.25 10.25 8.44-8.44L10.94 2.5Z"/>
+                                                </g>
+                                            </svg>
+                                            <span>Releases</span>
+                                        </a>
+                                    </li>
+                                    <li class="mr-6">
+                                        <a class="block py-1 inline-flex items-center text-sm whitespace-nowrap transition-colors duration-200 ease-linear md:text-blue-500 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-200" href="https://github.com/gsoft-inc/wl-web-configs" target="_blank">
+                                            <svg xmlns="http://www.w3.org/2000/svg" class="mb-px mr-1" width="18" height="18" viewBox="0 0 24 24" role="presentation">
+                                                <g fill="currentColor">
+                                                    <symbol id="mark-github-icon-symbol" viewBox="0 0 16 16"><path d="M8 0c4.42 0 8 3.58 8 8a8.013 8.013 0 0 1-5.45 7.59c-.4.08-.55-.17-.55-.38 0-.27.01-1.13.01-2.2 0-.75-.25-1.23-.54-1.48 1.78-.2 3.65-.88 3.65-3.95 0-.88-.31-1.59-.82-2.15.08-.2.36-1.02-.08-2.12 0 0-.67-.22-2.2.82-.64-.18-1.32-.27-2-.27-.68 0-1.36.09-2 .27-1.53-1.03-2.2-.82-2.2-.82-.44 1.1-.16 1.92-.08 2.12-.51.56-.82 1.28-.82 2.15 0 3.06 1.86 3.75 3.64 3.95-.23.2-.44.55-.51 1.07-.46.21-1.61.55-2.33-.66-.15-.24-.6-.83-1.23-.82-.67.01-.27.38.01.53.34.19.73.9.82 1.13.16.45.68 1.31 2.69.94 0 .67.01 1.3.01 1.49 0 .21-.15.45-.55.38A7.995 7.995 0 0 1 0 8c0-4.42 3.58-8 8-8Z"/></symbol><use xlink:href="#mark-github-icon-symbol" />
+                                                </g>
+                                            </svg>
+                                            <span>Github</span>
+                                        </a>
+                                    </li>
+                                    <li class="mr-6">
+                                        <a class="block py-1 inline-flex items-center text-sm whitespace-nowrap transition-colors duration-200 ease-linear md:text-blue-500 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-200" href="https://www.npmjs.com/settings/workleap/packages" target="_blank">
+                                            <svg xmlns="http://www.w3.org/2000/svg" class="mb-px mr-1" width="18" height="18" viewBox="0 0 24 24" role="presentation">
+                                                <g fill="currentColor">
+                                                    <path d="M0 0H24V24H0V0Z" fill="#CC0000"/><path d="M11.9184 2.57758H2.57764V21.4214H11.9175V7.32958H16.6695V21.4214H21.4215V2.57758H11.9184Z" fill="white"/>
+                                                </g>
+                                            </svg>
+                                            <span>NPM</span>
+                                        </a>
+                                    </li>
+            
+                                </ul>
+                            </nav>
+                        </div>
+                    </div>
+                </template>
+            </doc-sidebar>
+    
+            <div class="grow min-w-0 dark:bg-dark-850">
+                <!-- Render "toolbar" template here on api pages --><!-- Render page content -->
+                <div class="flex">
+                    <div class="min-w-0 p-4 grow md:px-16">
+                        <main class="relative pb-12 lg:pt-2">
+                            <div class="docs-markdown" id="docs-content">
+                                <!-- Rendered if sidebar right is enabled -->
+                                <div id="docs-sidebar-right-toggle"></div>
+                                <nav class="breadcrumb" aria-label="Breadcrumb">
+                                    <ol role="list">
+                                        <li class="pr-4">
+                                            <a href="../../rslib/" class="pr-4">
+                                                Rslib
+                                            </a>
+                                            <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" width="18" height="18" viewBox="0 0 24 24" aria-hidden="true">
+                                                <path d="M8.72 18.78a.75.75 0 0 1 0-1.06L14.44 12 8.72 6.28a.751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018l6.25 6.25a.75.75 0 0 1 0 1.06l-6.25 6.25a.75.75 0 0 1-1.06 0Z"/>
+                                            </svg>
+                                        </li>
+                                        <li class="pr-4">
+                                            <a href="../../rslib/configure-build/" class="pr-4">
+                                                Configure for build
+                                            </a>
+                                        </li>
+                                    </ol>
+                                </nav>
+                
+                                <!-- Page content  -->
+<doc-anchor-target id="configure-for-build" class="break-words">
+    <h1>
+        <doc-anchor-trigger class="header-anchor-trigger" to="#configure-for-build">#</doc-anchor-trigger>
+        <span>Configure for build</span>
+    </h1>
+</doc-anchor-target>
+<p>To configure <a href="https://lib.rsbuild.dev" class="outbound" target="_blank">Rslib</a> for publication, execute the following steps <span class="docs-emoji">&#x1F447;</span></p>
+<doc-anchor-target id="install-the-packages">
+    <h2>
+        <doc-anchor-trigger class="header-anchor-trigger" to="#install-the-packages">#</doc-anchor-trigger>
+        <span>Install the packages</span>
+    </h2>
+</doc-anchor-target>
+<p>Open a terminal at the root of the library project and install the following packages:</p>
+<doc-tabs>
+<doc-tab v-cloak id="pnpm">
+<template #title>pnpm</template>
+<div class="codeblock-wrapper"><doc-codeblock>
+<pre class="language-bash"><code v-pre class="language-bash">pnpm add -D @workleap/rslib-configs @rslib/core @rsbuild/core</code></pre>
+</doc-codeblock></div>
+</doc-tab>
+<doc-tab v-cloak id="yarn">
+<template #title>yarn</template>
+<div class="codeblock-wrapper"><doc-codeblock>
+<pre class="language-bash"><code v-pre class="language-bash">yarn add -D @workleap/rslib-configs @rslib/core @rsbuild/core</code></pre>
+</doc-codeblock></div>
+</doc-tab>
+<doc-tab v-cloak id="npm">
+<template #title>npm</template>
+<div class="codeblock-wrapper"><doc-codeblock>
+<pre class="language-bash"><code v-pre class="language-bash">npm install -D @workleap/rslib-configs @rslib/core @rsbuild/core</code></pre>
+</doc-codeblock></div>
+</doc-tab>
+</doc-tabs>
+<doc-anchor-target id="configure-rslib">
+    <h2>
+        <doc-anchor-trigger class="header-anchor-trigger" to="#configure-rslib">#</doc-anchor-trigger>
+        <span>Configure Rslib</span>
+    </h2>
+</doc-anchor-target>
+<doc-anchor-target id="publish-source-code-files">
+    <h3>
+        <doc-anchor-trigger class="header-anchor-trigger" to="#publish-source-code-files">#</doc-anchor-trigger>
+        <span>Publish source code files</span>
+    </h3>
+</doc-anchor-target>
+<p>First, update the project <code v-pre>package.json</code> file to ensure the source files are included in the published package:</p>
+<div class="codeblock-wrapper"><doc-codeblock>
+<div class="codeblock-title">package.json</div>
+<pre class="language-json" data-line="3"><code v-pre class="language-json">{
+    &quot;files&quot;: [
+        &quot;src&quot;,
+        &quot;dist&quot;,
+        &quot;CHANGELOG.md&quot;,
+        &quot;README.md&quot;
+    ]
+}</code></pre>
+</doc-codeblock></div>
+<div class="flex mb-6">
+    <div class="shrink-0 w-1 rounded-tl rounded-bl bg-blue-300"></div>
+    <div class="flex w-full py-4 border border-l-0 border-gray-300 rounded-tr rounded-br doc-alert bg-white dark:bg-dark-700 dark:border-dark-700" role="alert">
+        <div class="flex items-center ml-4 h-7">
+            <svg xmlns="http://www.w3.org/2000/svg" class="mb-px text-blue-300" width="22" height="22" viewBox="0 0 24 24" role="presentation">
+                <g fill="currentColor"><g>
+                    <path d="M12 1C5.93 1 1 5.93 1 12s4.93 11 11 11 11-4.93 11-11S18.07 1 12 1zm0 20c-4.96 0-9-4.04-9-9s4.04-9 9-9 9 4.04 9 9-4.04 9-9 9z"></path>
+                    <path d="M12 11c-.55 0-1 .45-1 1v4c0 .55.45 1 1 1s1-.45 1-1v-4c0-.55-.45-1-1-1zM12.01 7c-.56 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1z"></path>
+                    <path fill="none" d="M0 0h24v24H0z"></path>
+                </g></g>
+            </svg>
+        </div>
+        <div class="pr-5 ml-3 w-full">
+<p>The <code v-pre>defineBuildConfig</code> function generates source maps for the library code by default. To enable debugging with the original source code, the published package must include the source code files.</p>
+        </div>
+    </div>
+</div>
+<doc-anchor-target id="tsconfigbuildjson">
+    <h3>
+        <doc-anchor-trigger class="header-anchor-trigger" to="#tsconfigbuildjson">#</doc-anchor-trigger>
+        <span><code v-pre>tsconfig.build.json</code></span>
+    </h3>
+</doc-anchor-target>
+<p>Then, create a <code v-pre>tsconfig.build.json</code> file at the root of the project:</p>
+<div class="codeblock-wrapper"><doc-codeblock>
+<pre class="language-none" data-line="6"><code v-pre class="language-none">library-project
+├── src
+├──── ...
+├── package.json
+├── tsconfig.json
+├── tsconfig.build.json</code></pre>
+</doc-codeblock></div>
+<p>Then, open the newly created <code v-pre>tsconfig.build.json</code> file and copy/paste the following content:</p>
+<div class="codeblock-wrapper"><doc-codeblock>
+<div class="codeblock-title">tsconfig.build.json</div>
+<pre class="language-json" data-line="3"><code v-pre class="language-json">{
+    &quot;extends&quot;: &quot;@workleap/typescript-configs/library.json&quot;,
+    &quot;include&quot;: [&quot;src&quot;],
+    &quot;exclude&quot;: [&quot;dist&quot;, &quot;node_modules&quot;]
+}</code></pre>
+</doc-codeblock></div>
+<div class="flex mb-6">
+    <div class="shrink-0 w-1 rounded-tl rounded-bl bg-blue-300"></div>
+    <div class="flex w-full py-4 border border-l-0 border-gray-300 rounded-tr rounded-br doc-alert bg-white dark:bg-dark-700 dark:border-dark-700" role="alert">
+        <div class="flex items-center ml-4 h-7">
+            <svg xmlns="http://www.w3.org/2000/svg" class="mb-px text-blue-300" width="22" height="22" viewBox="0 0 24 24" role="presentation">
+                <g fill="currentColor"><g>
+                    <path d="M12 1C5.93 1 1 5.93 1 12s4.93 11 11 11 11-4.93 11-11S18.07 1 12 1zm0 20c-4.96 0-9-4.04-9-9s4.04-9 9-9 9 4.04 9 9-4.04 9-9 9z"></path>
+                    <path d="M12 11c-.55 0-1 .45-1 1v4c0 .55.45 1 1 1s1-.45 1-1v-4c0-.55-.45-1-1-1zM12.01 7c-.56 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1z"></path>
+                    <path fill="none" d="M0 0h24v24H0z"></path>
+                </g></g>
+            </svg>
+        </div>
+        <div class="pr-5 ml-3 w-full">
+<p><code v-pre>@workleap/rslib-config</code> is configured by default to produce <a href="https://lib.rsbuild.dev/guide/basic/output-structure#bundle--bundleless" class="outbound" target="_blank">bundleless</a> output. Rslib&#x27;s bundleless mode expects the <code v-pre>include</code> option in the TypeScript configuration file to point to the project’s source files folder. If the project&#x27;s source files are not located in the <code v-pre>src</code> folder, update the provided configuration sample to target the correct source folder.</p>
+        </div>
+    </div>
+</div>
+<doc-anchor-target id="rslibbuildts">
+    <h3>
+        <doc-anchor-trigger class="header-anchor-trigger" to="#rslibbuildts">#</doc-anchor-trigger>
+        <span><code v-pre>rslib.build.ts</code></span>
+    </h3>
+</doc-anchor-target>
+<p>Next, create a configuration file named <code v-pre>rslib.build.ts</code> at the root of the project:</p>
+<div class="codeblock-wrapper"><doc-codeblock>
+<pre class="language-none" data-line="7"><code v-pre class="language-none">library-project
+├── src
+├──── ...
+├── package.json
+├── tsconfig.json
+├── tsconfig.build.json
+├── rslib.build.ts</code></pre>
+</doc-codeblock></div>
+<p>Then, open the newly created file and export the Rslib configuration by using the <code v-pre>defineBuildConfig(options)</code> function:</p>
+<div class="codeblock-wrapper"><doc-codeblock>
+<div class="codeblock-title">rslib.build.ts</div>
+<pre class="language-typescript"><code v-pre class="language-typescript">import { defineBuildConfig } from &quot;@workleap/rslib-configs&quot;;
+
+export default defineBuildConfig();</code></pre>
+</doc-codeblock></div>
+<doc-anchor-target id="use-predefined-options">
+    <h2>
+        <doc-anchor-trigger class="header-anchor-trigger" to="#use-predefined-options">#</doc-anchor-trigger>
+        <span>Use predefined options</span>
+    </h2>
+</doc-anchor-target>
+<p>The <code v-pre>defineBuildConfig(options)</code> function can be used as shown in the previous example, however, if you wish to customize the default configuration, the function also accept a few predefined options to help with that <span class="docs-emoji">&#x1F447;</span></p>
+<doc-anchor-target id="entry">
+    <h3>
+        <doc-anchor-trigger class="header-anchor-trigger" to="#entry">#</doc-anchor-trigger>
+        <span><code v-pre>entry</code></span>
+    </h3>
+</doc-anchor-target>
+<ul>
+<li><strong>Type</strong>: An object literal accepting any <a href="https://rsbuild.dev/config/source/entry" class="outbound" target="_blank">source.entry</a> options.</li>
+<li><strong>Default</strong>: <code v-pre>{ index: &quot;./src/**&quot; }</code> when the <a href="https://lib.rsbuild.dev/config/lib/bundle" class="outbound" target="_blank">bundle</a> option is <code v-pre>false</code>, otherwise <code v-pre>{ index: [&quot;./src/index.ts&quot;, &quot;./src/index.js&quot;] }</code>.</li>
+</ul>
+<p>Set Rslib <a href="https://rsbuild.dev/config/source/entry" class="outbound" target="_blank">source.entry</a> option.</p>
+<div class="codeblock-wrapper"><doc-codeblock>
+<div class="codeblock-title">rslib.build.ts</div>
+<pre class="language-typescript" data-line="5"><code v-pre class="language-typescript">import { defineBuildConfig } from &quot;@workleap/rslib-configs&quot;;
+
+export default defineBuildConfig({
+    entry: {
+        index: &quot;./src/another-entry.tsx&quot;
+    }
+});</code></pre>
+</doc-codeblock></div>
+<doc-anchor-target id="format">
+    <h3>
+        <doc-anchor-trigger class="header-anchor-trigger" to="#format">#</doc-anchor-trigger>
+        <span><code v-pre>format</code></span>
+    </h3>
+</doc-anchor-target>
+<ul>
+<li><strong>Type</strong>: <code v-pre>string</code></li>
+<li><strong>Default</strong>: <code v-pre>esm</code></li>
+</ul>
+<p>Set Rslib <a href="https://lib.rsbuild.dev/config/lib/format" class="outbound" target="_blank">lib.format</a> option.</p>
+<div class="codeblock-wrapper"><doc-codeblock>
+<div class="codeblock-title">rslib.build.ts</div>
+<pre class="language-typescript" data-line="4"><code v-pre class="language-typescript">import { defineBuildConfig } from &quot;@workleap/rslib-configs&quot;;
+
+export default defineBuildConfig({
+    format: &quot;cjs&quot;
+});</code></pre>
+</doc-codeblock></div>
+<doc-anchor-target id="syntax">
+    <h3>
+        <doc-anchor-trigger class="header-anchor-trigger" to="#syntax">#</doc-anchor-trigger>
+        <span><code v-pre>syntax</code></span>
+    </h3>
+</doc-anchor-target>
+<ul>
+<li><strong>Type</strong>: <code v-pre>string</code></li>
+<li><strong>Default</strong>: <code v-pre>esnext</code></li>
+</ul>
+<p>Set Rslib <a href="https://lib.rsbuild.dev/config/lib/syntax" class="outbound" target="_blank">lib.syntax</a> option.</p>
+<div class="codeblock-wrapper"><doc-codeblock>
+<div class="codeblock-title">rslib.build.ts</div>
+<pre class="language-typescript" data-line="4"><code v-pre class="language-typescript">import { defineBuildConfig } from &quot;@workleap/rslib-configs&quot;;
+
+export default defineBuildConfig({
+    syntax: &quot;es2024&quot;
+});</code></pre>
+</doc-codeblock></div>
+<doc-anchor-target id="bundle">
+    <h3>
+        <doc-anchor-trigger class="header-anchor-trigger" to="#bundle">#</doc-anchor-trigger>
+        <span><code v-pre>bundle</code></span>
+    </h3>
+</doc-anchor-target>
+<ul>
+<li><strong>Type</strong>: <code v-pre>boolean</code></li>
+<li><strong>Default</strong>: <code v-pre>false</code></li>
+</ul>
+<p>Whether or not to ouput a single code <a href="https://lib.rsbuild.dev/config/lib/bundle" class="outbound" target="_blank">bundle</a>. To output a single code bundle, set the option to <code v-pre>true</code>.</p>
+<div class="codeblock-wrapper"><doc-codeblock>
+<div class="codeblock-title">rslib.build.ts</div>
+<pre class="language-typescript" data-line="4"><code v-pre class="language-typescript">import { defineBuildConfig } from &quot;@workleap/rslib-configs&quot;;
+
+export default defineBuildConfig({
+    bundle: true
+});</code></pre>
+</doc-codeblock></div>
+<div class="flex mb-6">
+    <div class="shrink-0 w-1 rounded-tl rounded-bl bg-blue-300"></div>
+    <div class="flex w-full py-4 border border-l-0 border-gray-300 rounded-tr rounded-br doc-alert bg-white dark:bg-dark-700 dark:border-dark-700" role="alert">
+        <div class="flex items-center ml-4 h-7">
+            <svg xmlns="http://www.w3.org/2000/svg" class="mb-px text-blue-300" width="22" height="22" viewBox="0 0 24 24" role="presentation">
+                <g fill="currentColor"><g>
+                    <path d="M12 1C5.93 1 1 5.93 1 12s4.93 11 11 11 11-4.93 11-11S18.07 1 12 1zm0 20c-4.96 0-9-4.04-9-9s4.04-9 9-9 9 4.04 9 9-4.04 9-9 9z"></path>
+                    <path d="M12 11c-.55 0-1 .45-1 1v4c0 .55.45 1 1 1s1-.45 1-1v-4c0-.55-.45-1-1-1zM12.01 7c-.56 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1z"></path>
+                    <path fill="none" d="M0 0h24v24H0z"></path>
+                </g></g>
+            </svg>
+        </div>
+        <div class="pr-5 ml-3 w-full">
+<p>Tree-shaking is most effective when bundlers can exclude entire files from the final bundle. However, when the <code v-pre>bundle</code> option is set to <code v-pre>true</code>, bundlers must perform tree-shaking within individual files by removing unused parts. While most modern bundlers support this, it&#x27;s generally better to follow the lowest common denominator approach by opting for a <a href="https://lib.rsbuild.dev/guide/basic/output-structure#bundle--bundleless" class="outbound" target="_blank">bundleless</a> output, to produce the most predictable results and not bundling unnecessary code.</p>
+<p>For more details on the differences between bundled and bundleless output, refer to the <a href="https://lib.rsbuild.dev/guide/basic/output-structure#bundle--bundleless" class="outbound" target="_blank">documentation</a>.</p>
+        </div>
+    </div>
+</div>
+<doc-anchor-target id="tsconfigpath">
+    <h3>
+        <doc-anchor-trigger class="header-anchor-trigger" to="#tsconfigpath">#</doc-anchor-trigger>
+        <span><code v-pre>tsconfigPath</code></span>
+    </h3>
+</doc-anchor-target>
+<ul>
+<li><strong>Type</strong>: <code v-pre>string</code></li>
+<li><strong>Default</strong>: <code v-pre>undefined</code></li>
+</ul>
+<p>Set Rslib <a href="https://rsbuild.dev/config/source/tsconfig-path" class="outbound" target="_blank">source.tsconfigPath</a> option. When the <code v-pre>bundle</code> option is set to <code v-pre>false</code> (default value), the <code v-pre>tsconfigPath</code> option is required.</p>
+<div class="codeblock-wrapper"><doc-codeblock>
+<div class="codeblock-title">rslib.build.ts</div>
+<pre class="language-typescript" data-line="4"><code v-pre class="language-typescript">import { defineBuildConfig } from &quot;@workleap/rslib-configs&quot;;
+
+export default defineBuildConfig({
+    tsconfigPath: path.resolve(&quot;./tsconfig.build.json&quot;)
+});</code></pre>
+</doc-codeblock></div>
+<doc-anchor-target id="dts">
+    <h3>
+        <doc-anchor-trigger class="header-anchor-trigger" to="#dts">#</doc-anchor-trigger>
+        <span><code v-pre>dts</code></span>
+    </h3>
+</doc-anchor-target>
+<ul>
+<li><strong>Type</strong>: An object literal accepting any <a href="https://lib.rsbuild.dev/config/lib/dts" class="outbound" target="_blank">lib.dts</a> options.</li>
+<li><strong>Default</strong>: <code v-pre>true</code></li>
+</ul>
+<p>Whether or not to generate TypeScript <a href="https://lib.rsbuild.dev/config/lib/dts" class="outbound" target="_blank">*.d.ts</a> files. To disable the generation of <code v-pre>*.d.ts</code> files, set the option to <code v-pre>false</code>.</p>
+<div class="codeblock-wrapper"><doc-codeblock>
+<div class="codeblock-title">rslib.build.ts</div>
+<pre class="language-typescript" data-line="4"><code v-pre class="language-typescript">import { defineBuildConfig } from &quot;@workleap/rslib-configs&quot;;
+
+export default defineBuildConfig({
+    dts: false
+});</code></pre>
+</doc-codeblock></div>
+<doc-anchor-target id="target">
+    <h3>
+        <doc-anchor-trigger class="header-anchor-trigger" to="#target">#</doc-anchor-trigger>
+        <span><code v-pre>target</code></span>
+    </h3>
+</doc-anchor-target>
+<ul>
+<li><strong>Type</strong>: <code v-pre>string</code></li>
+<li><strong>Default</strong>: <code v-pre>web</code></li>
+</ul>
+<p>Set Rslib <a href="https://rsbuild.dev/config/output/target" class="outbound" target="_blank">output.target</a> option.</p>
+<div class="codeblock-wrapper"><doc-codeblock>
+<div class="codeblock-title">rslib.build.ts</div>
+<pre class="language-typescript" data-line="4"><code v-pre class="language-typescript">import { defineBuildConfig } from &quot;@workleap/rslib-configs&quot;;
+
+export default defineBuildConfig({
+    target: &quot;node&quot;
+});</code></pre>
+</doc-codeblock></div>
+<doc-anchor-target id="distpath">
+    <h3>
+        <doc-anchor-trigger class="header-anchor-trigger" to="#distpath">#</doc-anchor-trigger>
+        <span><code v-pre>distPath</code></span>
+    </h3>
+</doc-anchor-target>
+<ul>
+<li><strong>Type</strong>: <code v-pre>string</code></li>
+<li><strong>Default</strong>: <code v-pre>dist</code></li>
+</ul>
+<p>Set Rsbuild <a href="https://rsbuild.dev/config/output/dist-path" class="outbound" target="_blank">output.distPath</a> option.</p>
+<div class="codeblock-wrapper"><doc-codeblock>
+<div class="codeblock-title">rslib.build.ts</div>
+<pre class="language-typescript" data-line="5"><code v-pre class="language-typescript">import { defineBuildConfig } from &quot;@workleap/rslib-configs&quot;;
+import path from &quot;node:path&quot;;
+
+export default defineBuildConfig({
+    distPath: path.resolve(&quot;./a-custom-folder&quot;)
+});</code></pre>
+</doc-codeblock></div>
+<doc-anchor-target id="plugins">
+    <h3>
+        <doc-anchor-trigger class="header-anchor-trigger" to="#plugins">#</doc-anchor-trigger>
+        <span><code v-pre>plugins</code></span>
+    </h3>
+</doc-anchor-target>
+<ul>
+<li><strong>Type</strong>: An array of Rsbuild <a href="https://rsbuild.dev/plugins/list/index" class="outbound" target="_blank">plugin instances</a></li>
+<li><strong>Default</strong>: <code v-pre>[]</code></li>
+</ul>
+<p>Append the provided Rsbuild plugins to the configuration.</p>
+<div class="codeblock-wrapper"><doc-codeblock>
+<div class="codeblock-title">rslib.build.ts</div>
+<pre class="language-typescript" data-line="5"><code v-pre class="language-typescript">import { defineBuildConfig } from &quot;@workleap/rslib-configs&quot;;
+import { pluginAssetsRetry } from &quot;@rsbuild/plugin-assets-retry&quot;;
+
+export default defineBuildConfig({
+    plugins: [pluginAssetsRetry()]
+});</code></pre>
+</doc-codeblock></div>
+<doc-anchor-target id="sourcemap">
+    <h3>
+        <doc-anchor-trigger class="header-anchor-trigger" to="#sourcemap">#</doc-anchor-trigger>
+        <span><code v-pre>sourceMap</code></span>
+    </h3>
+</doc-anchor-target>
+<ul>
+<li><strong>Type</strong>: <code v-pre>false</code> or an object literal accepting any <a href="https://rsbuild.dev/config/output/source-map" class="outbound" target="_blank">output.sourceMap</a> options.</li>
+<li><strong>Default</strong>: <code v-pre>{ js: &quot;source-map&quot;, css: true }</code></li>
+</ul>
+<p>Whether or not to generate <a href="https://rsbuild.dev/config/output/source-map" class="outbound" target="_blank">source maps</a>. To disable source map, set the option to <code v-pre>false</code>.</p>
+<div class="codeblock-wrapper"><doc-codeblock>
+<div class="codeblock-title">rslib.build.ts</div>
+<pre class="language-typescript" data-line="4"><code v-pre class="language-typescript">import { defineBuildConfig } from &quot;@workleap/rslib-configs&quot;;
+
+export default defineBuildConfig({
+    sourceMap: false
+});</code></pre>
+</doc-codeblock></div>
+<p>To customize the source map <a href="https://rsbuild.dev/config/output/source-map" class="outbound" target="_blank">configuration</a>, provide an object literal.</p>
+<div class="codeblock-wrapper"><doc-codeblock>
+<div class="codeblock-title">rslib.build.ts</div>
+<pre class="language-typescript" data-line="4-6"><code v-pre class="language-typescript">import { defineBuildConfig } from &quot;@workleap/rslib-configs&quot;;
+
+export default defineBuildConfig({
+    sourceMap: {
+        css: false
+    }
+});</code></pre>
+</doc-codeblock></div>
+<doc-anchor-target id="react">
+    <h3>
+        <doc-anchor-trigger class="header-anchor-trigger" to="#react">#</doc-anchor-trigger>
+        <span><code v-pre>react</code></span>
+    </h3>
+</doc-anchor-target>
+<ul>
+<li><strong>Type</strong>: <code v-pre>false</code> or <code v-pre>(defaultOptions: PluginReactOptions) =&gt; PluginReactOptions</code></li>
+<li><strong>Default</strong>: <code v-pre>defaultOptions =&gt; defaultOptions</code></li>
+</ul>
+<p>Whether or not to transform React code. To disable React code transformation, set the option to <code v-pre>false</code>.</p>
+<div class="codeblock-wrapper"><doc-codeblock>
+<div class="codeblock-title">rslib.build.ts</div>
+<pre class="language-typescript" data-line="4"><code v-pre class="language-typescript">import { defineBuildConfig } from &quot;@workleap/rslib-configs&quot;;
+
+export default defineBuildConfig({
+    react: false
+});</code></pre>
+</doc-codeblock></div>
+<p>To customize <a href="https://rsbuild.dev/plugins/list/plugin-react" class="outbound" target="_blank">plugin-react</a>, provide a function to extend the default options.</p>
+<div class="codeblock-wrapper"><doc-codeblock>
+<div class="codeblock-title">rslib.build.ts</div>
+<pre class="language-typescript" data-line="4-12"><code v-pre class="language-typescript">import { defineBuildConfig } from &quot;@workleap/rslib-configs&quot;;
+
+export default defineBuildConfig({
+    react: defaultOptions =&gt; {
+        return {
+            ...defaultOptions,
+            swcReactOptions: {
+                ...(defaultOptions.swcReactOptions ?? {}),
+                runtime: &quot;classic&quot;
+            }
+        };
+    }
+});</code></pre>
+</doc-codeblock></div>
+<doc-anchor-target id="svgr">
+    <h3>
+        <doc-anchor-trigger class="header-anchor-trigger" to="#svgr">#</doc-anchor-trigger>
+        <span><code v-pre>svgr</code></span>
+    </h3>
+</doc-anchor-target>
+<ul>
+<li><strong>Type</strong>: <code v-pre>false</code> or <code v-pre>(defaultOptions: PluginSvgrOptions) =&gt; PluginSvgrOptions</code></li>
+<li><strong>Default</strong>: <code v-pre>defaultOptions =&gt; defaultOptions</code></li>
+</ul>
+<p>Whether or not to handle <code v-pre>.svg</code> files with <a href="https://rsbuild.dev/plugins/list/plugin-svgr" class="outbound" target="_blank">plugin-svgr</a>. When the option is set to <code v-pre>false</code>, the <code v-pre>.svg</code> files will be handled by the <code v-pre>asset/resource</code> rule.</p>
+<div class="codeblock-wrapper"><doc-codeblock>
+<div class="codeblock-title">rslib.build.ts</div>
+<pre class="language-typescript" data-line="4"><code v-pre class="language-typescript">import { defineBuildConfig } from &quot;@workleap/rslib-configs&quot;;
+
+export default defineBuildConfig({
+    svgr: false
+});</code></pre>
+</doc-codeblock></div>
+<p>To customize the <a href="https://rsbuild.dev/plugins/list/plugin-svgr" class="outbound" target="_blank">plugin-svgr</a>, provide a function extending the default options.</p>
+<div class="codeblock-wrapper"><doc-codeblock>
+<div class="codeblock-title">rslib.build.ts</div>
+<pre class="language-typescript" data-line="4-13"><code v-pre class="language-typescript">import { defineBuildConfig } from &quot;@workleap/rslib-configs&quot;;
+
+export default defineBuildConfig({
+    svgr: defaultOptions =&gt; {
+        return {
+            svgrOptions: {
+                ...(defaultOptions.svgrOptions ?? {}),
+                ref: true
+            }
+            ...defaultOptions,
+
+        }
+    }
+});</code></pre>
+</doc-codeblock></div>
+<doc-anchor-target id="typings">
+    <h4>
+        <doc-anchor-trigger class="header-anchor-trigger" to="#typings">#</doc-anchor-trigger>
+        <span>Typings</span>
+    </h4>
+</doc-anchor-target>
+<p>When an SVG asset in referenced in TypeScript code, TypeScript may prompt that the module is missing a type definition:</p>
+<div class="codeblock-wrapper"><doc-codeblock>
+<pre class="language-bash"><code v-pre class="language-bash">TS2307: Cannot find module './logo.svg' or its corresponding type declarations.</code></pre>
+</doc-codeblock></div>
+<p>To fix this, add a type declaration for the SVG assets, by creating a <code v-pre>src/env.d.ts</code> file, and add the type declaration.</p>
+<div class="codeblock-wrapper"><doc-codeblock>
+<div class="codeblock-title">src/env.d.ts</div>
+<pre class="language-typescript"><code v-pre class="language-typescript">declare module '*.svg' {
+  export const ReactComponent: React.FunctionComponent&lt;
+    React.SVGProps&lt;SVGSVGElement&gt;
+  &gt;;
+}
+declare module '*.svg?react' {
+  const ReactComponent: React.FunctionComponent&lt;React.SVGProps&lt;SVGSVGElement&gt;&gt;;
+  export default ReactComponent;
+}</code></pre>
+</doc-codeblock></div>
+<p>For additional information, refer to the plugin <a href="https://rsbuild.dev/plugins/list/plugin-svgr#type-declaration" class="outbound" target="_blank">documentation</a>.</p>
+<doc-anchor-target id="import-images">
+    <h4>
+        <doc-anchor-trigger class="header-anchor-trigger" to="#import-images">#</doc-anchor-trigger>
+        <span>Import images</span>
+    </h4>
+</doc-anchor-target>
+<p>By default, <code v-pre>plugin-svgr</code> is configured to support <a href="https://rsbuild.dev/plugins/list/plugin-svgr#named-import" class="outbound" target="_blank">named import</a> for <code v-pre>ReactComponent</code>:</p>
+<div class="codeblock-wrapper"><doc-codeblock>
+<pre class="language-tsx"><code v-pre class="language-tsx">import { ReactComponent as Logo } from &quot;./logo.svg&quot;;
+
+export const App = () =&gt; &lt;Logo /&gt;;</code></pre>
+</doc-codeblock></div>
+<doc-anchor-target id="configuration-transformers">
+    <h2>
+        <doc-anchor-trigger class="header-anchor-trigger" to="#configuration-transformers">#</doc-anchor-trigger>
+        <span>Configuration transformers</span>
+    </h2>
+</doc-anchor-target>
+<div class="flex mb-6">
+    <div class="shrink-0 w-1 rounded-tl rounded-bl bg-yellow-500"></div>
+    <div class="flex w-full py-4 border border-l-0 border-gray-300 rounded-tr rounded-br doc-alert bg-white dark:bg-dark-700 dark:border-dark-700" role="alert">
+        <div class="flex items-center ml-4 h-7">
+            <svg xmlns="http://www.w3.org/2000/svg" class="mb-px text-yellow-500" width="22" height="22" viewBox="0 0 24 24" role="presentation">
+                <g fill="currentColor"><g>
+                    <path d="M22.48 15.59L14.01 1.45A2.968 2.968 0 0012.16.09c-.78-.19-1.58-.07-2.27.35-.41.25-.76.6-1.01 1.01v.01L.4 15.6c-.83 1.43-.33 3.27 1.1 4.1.45.26.95.4 1.48.4h16.95c.8-.01 1.55-.33 2.11-.9.56-.57.87-1.33.86-2.13a3.04 3.04 0 00-.42-1.48zm-1.87 2.21c-.19.19-.44.3-.69.3H2.99c-.17 0-.34-.05-.49-.13a.992.992 0 01-.37-1.35L10.6 2.48c.08-.14.2-.25.34-.33a.992.992 0 011.37.33l8.46 14.13c.09.15.13.32.13.49 0 .26-.1.51-.29.7z"></path>
+                    <path d="M11.45 12.1c.55 0 1-.45 1-1v-4c0-.55-.45-1-1-1s-1 .45-1 1v4c0 .56.45 1 1 1zM11.46 14.1c-.56 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1z"></path>
+                </g></g>
+            </svg>
+        </div>
+        <div class="pr-5 ml-3 w-full">
+<p>We do not guarantee that your configuration transformers won&#x27;t break after an update. It&#x27;s your responsibility to keep them up to date with new releases.</p>
+        </div>
+    </div>
+</div>
+<p>The <doc-anchor-trigger to="#use-predefined-options">predefined options</doc-anchor-trigger> are useful to quickly customize the <a href="https://github.com/gsoft-inc/wl-web-configs/blob/main/packages/rslib-configs/src/build.ts" class="outbound" target="_blank">default build configuration</a> of <code v-pre>@workleap/rslib-configs</code>, but only covers a subset of an <a href="https://lib.rsbuild.dev/config/index" class="outbound" target="_blank">Rslib configuration</a>. If you need full control over the configuration, you can provide configuration transformer functions through the <code v-pre>transformers</code> option of the <code v-pre>defineBuildConfig</code> function. Remember, <strong>no locked in</strong> <span class="docs-emoji">&#x2764;&#xFE0F;</span><span class="docs-emoji">&#x270C;&#xFE0F;</span>.</p>
+<p>To view the default build configuration of <code v-pre>@workleap/rslib-configs</code>, have a look at the <a href="https://github.com/gsoft-inc/wl-web-configs/blob/main/packages/rslib-configs/src/build.ts" class="outbound" target="_blank">build.ts configuration file</a> on GitHub.</p>
+<doc-anchor-target id="transformers">
+    <h3>
+        <doc-anchor-trigger class="header-anchor-trigger" to="#transformers">#</doc-anchor-trigger>
+        <span><code v-pre>transformers</code></span>
+    </h3>
+</doc-anchor-target>
+<ul>
+<li><strong>Type</strong>: <code v-pre>((config: RslibConfig, context: RslibConfigTransformerContext) =&gt; RslibConfig)[]</code></li>
+<li><strong>Default</strong>: <code v-pre>[]</code></li>
+</ul>
+<div class="codeblock-wrapper"><doc-codeblock>
+<pre class="language-typescript"><code v-pre class="language-typescript">transformer(config: RslibConfig, context: RslibConfigTransformerContext) =&gt; RslibConfig</code></pre>
+</doc-codeblock></div>
+<div class="codeblock-wrapper"><doc-codeblock>
+<div class="codeblock-title">rslib.build.ts</div>
+<pre class="language-typescript" data-line="3-13,16"><code v-pre class="language-typescript">import { defineBuildConfig, type RslibConfig, type RslibConfigTransformer } from &quot;@workleap/rslib-configs&quot;;
+
+const forceNamedChunkIdsTransformer: RslibConfigTransformer = (config: RslibConfig) =&gt; {
+    config.tools = config.tools ?? {};
+    config.tools.rspack = config.tools.rspack ?? {};
+
+    config.tools.rspack.optimization = {
+        ...(config.tools.rspack.optimization ?? {}),
+        chunkIds: &quot;named&quot;
+    };
+
+    return config;
+};
+
+export default defineBuildConfig({
+    transformers: [forceNamedChunkIdsTransformer]
+});</code></pre>
+</doc-codeblock></div>
+<doc-anchor-target id="execution-context">
+    <h3>
+        <doc-anchor-trigger class="header-anchor-trigger" to="#execution-context">#</doc-anchor-trigger>
+        <span>Execution context</span>
+    </h3>
+</doc-anchor-target>
+<p>Generic transformers can use the <code v-pre>context</code> parameter to gather additional information about their execution context, like the <code v-pre>environment</code> they are operating in.</p>
+<div class="codeblock-wrapper"><doc-codeblock>
+<div class="codeblock-title">transformer.ts</div>
+<pre class="language-typescript" data-line="4"><code v-pre class="language-typescript">import type { RslibConfig, RslibConfigTransformer } from &quot;@workleap/rslib-configs&quot;;
+
+export const transformer: RslibConfigTransformer = (config: RslibConfig) =&gt; {
+    if (context.environment === &quot;build&quot;) {
+        config.tools = config.tools ?? {};
+        config.tools.rspack = config.tools.rspack ?? {};
+
+        config.tools.rspack.optimization = {
+            ...(config.tools.rspack.optimization ?? {}),
+            chunkIds: &quot;named&quot;
+        };
+    }
+
+    return config;
+}</code></pre>
+</doc-codeblock></div>
+<ul>
+<li><code v-pre>environment</code>: <code v-pre>&quot;dev&quot; | &quot;build&quot; | &quot;storybook&quot;</code></li>
+</ul>
+<doc-anchor-target id="add-a-cli-script">
+    <h2>
+        <doc-anchor-trigger class="header-anchor-trigger" to="#add-a-cli-script">#</doc-anchor-trigger>
+        <span>Add a CLI script</span>
+    </h2>
+</doc-anchor-target>
+<p>To create the bundle files for publication, add the following script to the project <code v-pre>package.json</code> file:</p>
+<div class="codeblock-wrapper"><doc-codeblock>
+<div class="codeblock-title">package.json</div>
+<pre class="language-json"><code v-pre class="language-json">{
+    &quot;build&quot;: &quot;rslib build -c rslib.build.ts&quot;
+}</code></pre>
+</doc-codeblock></div>
+<doc-anchor-target id="css-modules-typings">
+    <h2>
+        <doc-anchor-trigger class="header-anchor-trigger" to="#css-modules-typings">#</doc-anchor-trigger>
+        <span>CSS modules typings</span>
+    </h2>
+</doc-anchor-target>
+<p>When CSS Modules are imported from TypeScript code, TypeScript may prompt that the module is missing a type definition:</p>
+<div class="codeblock-wrapper"><doc-codeblock>
+<pre class="language-bash"><code v-pre class="language-bash">TS2307: Cannot find module './index.module.css' or its corresponding type declarations.</code></pre>
+</doc-codeblock></div>
+<p>To fix this, add a type declaration file for the CSS Modules, by creating a <code v-pre>src/env.d.ts</code> file, and adding the corresponding type declaration.</p>
+<div class="codeblock-wrapper"><doc-codeblock>
+<div class="codeblock-title">env.d.ts</div>
+<pre class="language-typescript"><code v-pre class="language-typescript">/// &lt;reference types=&quot;@rsbuild/core/types&quot; /&gt;</code></pre>
+</doc-codeblock></div>
+<div class="flex mb-6">
+    <div class="shrink-0 w-1 rounded-tl rounded-bl bg-blue-300"></div>
+    <div class="flex w-full py-4 border border-l-0 border-gray-300 rounded-tr rounded-br doc-alert bg-white dark:bg-dark-700 dark:border-dark-700" role="alert">
+        <div class="flex items-center ml-4 h-7">
+            <svg xmlns="http://www.w3.org/2000/svg" class="mb-px text-blue-300" width="22" height="22" viewBox="0 0 24 24" role="presentation">
+                <g fill="currentColor"><g>
+                    <path d="M12 1C5.93 1 1 5.93 1 12s4.93 11 11 11 11-4.93 11-11S18.07 1 12 1zm0 20c-4.96 0-9-4.04-9-9s4.04-9 9-9 9 4.04 9 9-4.04 9-9 9z"></path>
+                    <path d="M12 11c-.55 0-1 .45-1 1v4c0 .55.45 1 1 1s1-.45 1-1v-4c0-.55-.45-1-1-1zM12.01 7c-.56 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1z"></path>
+                    <path fill="none" d="M0 0h24v24H0z"></path>
+                </g></g>
+            </svg>
+        </div>
+        <div class="pr-5 ml-3 w-full">
+<p>Yes, reference types from <code v-pre>@rsbuild/core</code>, it&#x27;s not a typo.</p>
+        </div>
+    </div>
+</div>
+<doc-anchor-target id="monorepo">
+    <h3>
+        <doc-anchor-trigger class="header-anchor-trigger" to="#monorepo">#</doc-anchor-trigger>
+        <span>Monorepo</span>
+    </h3>
+</doc-anchor-target>
+<p>If the solution is a monorepo, ensure that projects referencing the packages that include CSS Modules, also include the necessary type definitions</p>
+<p>For example, given the following structure:</p>
+<div class="codeblock-wrapper"><doc-codeblock>
+<pre class="language-none" data-line="3,7"><code v-pre class="language-none">workspace
+├── app
+├──── tsconfig.ts
+├── packages
+├──── components
+├────── src
+├───────── Button.tsx
+├───────── Button.module.css
+├───────── env.d.ts
+├───────── tsconfig.ts
+├── package.json</code></pre>
+</doc-codeblock></div>
+<p>Copy the CSS Modules typings into the <code v-pre>app</code> web application own <code v-pre>env.d.ts</code> file, or include the <code v-pre>components</code> package&#x27;s typings into the <code v-pre>apps</code> web application <code v-pre>tsconfig.ts</code> configuration file:</p>
+<div class="codeblock-wrapper"><doc-codeblock>
+<div class="codeblock-title">app/tsconfig.ts</div>
+<pre class="language-json" data-line="5"><code v-pre class="language-json">{
+    &quot;extends&quot;: &quot;@workleap/typescript-configs/web-application.json&quot;,
+    &quot;include&quot;: [
+        &quot;.&quot;,
+        &quot;../**/src/env.d.ts&quot;
+    ],
+    &quot;exclude&quot;: [&quot;public&quot;, &quot;dist&quot;, &quot;node_modules&quot;]
+}</code></pre>
+</doc-codeblock></div>
+<div class="flex mb-6">
+    <div class="shrink-0 w-1 rounded-tl rounded-bl bg-blue-300"></div>
+    <div class="flex w-full py-4 border border-l-0 border-gray-300 rounded-tr rounded-br doc-alert bg-white dark:bg-dark-700 dark:border-dark-700" role="alert">
+        <div class="flex items-center ml-4 h-7">
+            <svg xmlns="http://www.w3.org/2000/svg" class="mb-px text-blue-300" width="22" height="22" viewBox="0 0 24 24" role="presentation">
+                <g fill="currentColor"><g>
+                    <path d="M12 1C5.93 1 1 5.93 1 12s4.93 11 11 11 11-4.93 11-11S18.07 1 12 1zm0 20c-4.96 0-9-4.04-9-9s4.04-9 9-9 9 4.04 9 9-4.04 9-9 9z"></path>
+                    <path d="M12 11c-.55 0-1 .45-1 1v4c0 .55.45 1 1 1s1-.45 1-1v-4c0-.55-.45-1-1-1zM12.01 7c-.56 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1z"></path>
+                    <path fill="none" d="M0 0h24v24H0z"></path>
+                </g></g>
+            </svg>
+        </div>
+        <div class="pr-5 ml-3 w-full">
+<p>For additional information about CSS modules type declaration, refer to the Rslib/Rsbuild <a href="https://rsbuild.dev/guide/basic/css-modules#type-declaration" class="outbound" target="_blank">documentation</a>.</p>
+        </div>
+    </div>
+</div>
+<doc-anchor-target id="try-it">
+    <h2>
+        <doc-anchor-trigger class="header-anchor-trigger" to="#try-it">#</doc-anchor-trigger>
+        <span>Try it <span class="docs-emoji">&#x1F680;</span></span>
+    </h2>
+</doc-anchor-target>
+<p>To test the new Rslib configuration, open a terminal at the root of the project and execute the <doc-anchor-trigger to="#add-a-cli-script">CLI script added earlier</doc-anchor-trigger>. The build process should complete without outputting any error in the terminal and the outputted files should be available in the <code v-pre>/dist</code> folder (or any other <code v-pre>distPath</code> you configured).</p>
+
+                                
+                                <!-- Required only on API pages -->
+                                <doc-toolbar-member-filter-no-results></doc-toolbar-member-filter-no-results>
+                            </div>
+                            <footer class="clear-both">
+                                <div class="flex flex-wrap items-center justify-between mt-14">
+                                    <a class="my-2.5 inline-flex items-center text-sm whitespace-nowrap text-blue-500 dark:text-blue-400 hover:text-blue-700 hover:underline" href="https://github.com/gsoft-inc/wl-web-configs/blob/main/docs/rslib/configure-build.md" target="_blank" rel="noopener">
+                                        <svg class="mr-1.5" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="currentColor" overflow="visible"><path d="M20 12c-.55 0-1 .45-1 1v7c0 .55-.45 1-1 1H4c-.55 0-1-.45-1-1V6c0-.55.45-1 1-1h7c.55 0 1-.45 1-1s-.45-1-1-1H4C2.35 3 1 4.35 1 6v14c0 1.65 1.35 3 3 3h14c1.65 0 3-1.35 3-3v-7c0-.55-.45-1-1-1z" /><path d="M22.21 1.79c-1.18-1.18-3.24-1.18-4.41 0l-9.5 9.5c-.13.13-.22.29-.26.46l-1 4c-.08.34.01.7.26.95.18.2.44.3.7.3.08 0 .16-.01.24-.03l4-1c.18-.04.34-.13.46-.26l9.5-9.5c1.22-1.22 1.22-3.2.01-4.42zm-1.42 3l-9.3 9.3-2.11.53.53-2.11 9.3-9.3c.42-.42 1.16-.42 1.59 0 .43.43.43 1.15-.01 1.58z" /><path fill="none" d="M0 0h24v24H0z" /></svg>
+                                        <span>Edit this page</span>
+                                    </a>
+                                </div>
+                            
+                                <nav class="flex mt-14">
+                                    <div class="w-1/2">
+                                        <a class="px-5 py-4 h-full flex items-center break-normal font-medium text-blue-500 dark:text-blue-400 border border-gray-300 hover:border-gray-400 dark:border-dark-650 dark:hover:border-dark-450 rounded-l-lg transition-colors duration-150 relative hover:z-5" href="../../rslib/configure-dev/">
+                                            <svg xmlns="http://www.w3.org/2000/svg" class="mr-3" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" overflow="visible"><path d="M19 11H7.41l5.29-5.29a.996.996 0 10-1.41-1.41l-7 7a1 1 0 000 1.42l7 7a1.024 1.024 0 001.42-.01.996.996 0 000-1.41L7.41 13H19c.55 0 1-.45 1-1s-.45-1-1-1z" /><path fill="none" d="M0 0h24v24H0z" /></svg>
+                                            <span>
+                                                <span class="block text-xs font-normal text-gray-400 dark:text-dark-400">Previous</span>
+                                                <span class="block mt-1">Configure for development</span>
+                                            </span>
+                                        </a>
+                                    </div>
+                            
+                                    <div class="w-1/2">
+                                        <a class="px-5 py-4 -mx-px h-full flex items-center justify-end break-normal font-medium text-blue-500 dark:text-blue-400 border border-gray-300 hover:border-gray-400 dark:border-dark-650 dark:hover:border-dark-450 rounded-r-lg transition-colors duration-150 relative hover:z-5" href="../../rslib/configure-storybook/">
+                                            <span>
+                                                <span class="block text-xs font-normal text-right text-gray-400 dark:text-dark-400">Next</span>
+                                                <span class="block mt-1">Configure for Storybook</span>
+                                            </span>
+                                            <svg xmlns="http://www.w3.org/2000/svg" class="ml-3" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" overflow="visible"><path d="M19.92 12.38a1 1 0 00-.22-1.09l-7-7a.996.996 0 10-1.41 1.41l5.3 5.3H5c-.55 0-1 .45-1 1s.45 1 1 1h11.59l-5.29 5.29a.996.996 0 000 1.41c.19.2.44.3.7.3s.51-.1.71-.29l7-7c.09-.09.16-.21.21-.33z" /><path fill="none" d="M0 0h24v24H0z" /></svg>
+                                        </a>
+                                    </div>
+                                </nav>
+                            </footer>
+                        </main>
+                
+                        <div class="border-t dark:border-dark-650 pt-6 mb-8">
+                            <footer class="flex flex-wrap items-center justify-between">
+                                <div>
+                                    <ul class="flex flex-wrap items-center text-sm">
+                                        <li>
+                                            <a class="inline-flex items-center mr-4 py-2 text-sm whitespace-nowrap transition-colors duration-200 ease-linear text-blue-500 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-200 md:mb-0" href="../../about/">
+                                                <svg xmlns="http://www.w3.org/2000/svg" class="mb-px mr-1" width="18" height="18" viewBox="0 0 24 24" role="presentation">
+                                                    <g fill="currentColor">
+                                                        <path d="M10.97 8.265a1.45 1.45 0 0 0-.487.57.75.75 0 0 1-1.341-.67c.2-.402.513-.826.997-1.148C10.627 6.69 11.244 6.5 12 6.5c.658 0 1.369.195 1.934.619a2.45 2.45 0 0 1 1.004 2.006c0 1.033-.513 1.72-1.027 2.215-.19.183-.399.358-.579.508l-.147.123a4.329 4.329 0 0 0-.435.409v1.37a.75.75 0 1 1-1.5 0v-1.473c0-.237.067-.504.247-.736.22-.28.486-.517.718-.714l.183-.153.001-.001c.172-.143.324-.27.47-.412.368-.355.569-.676.569-1.136a.953.953 0 0 0-.404-.806C12.766 8.118 12.384 8 12 8c-.494 0-.814.121-1.03.265ZM13 17a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"/><path d="M12 1c6.075 0 11 4.925 11 11s-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1ZM2.5 12a9.5 9.5 0 0 0 9.5 9.5 9.5 9.5 0 0 0 9.5-9.5A9.5 9.5 0 0 0 12 2.5 9.5 9.5 0 0 0 2.5 12Z"/>
+                                                    </g>
+                                                </svg>
+                                                <span>About</span>
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a class="inline-flex items-center mr-4 py-2 text-sm whitespace-nowrap transition-colors duration-200 ease-linear text-blue-500 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-200 md:mb-0" href="https://github.com/gsoft-inc/wl-web-configs/blob/main/LICENSE" target="_blank">
+                                                <svg xmlns="http://www.w3.org/2000/svg" class="mb-px mr-1" width="18" height="18" viewBox="0 0 24 24" role="presentation">
+                                                    <g fill="currentColor">
+                                                        <path d="M16.53 9.78a.75.75 0 0 0-1.06-1.06L11 13.19l-1.97-1.97a.75.75 0 0 0-1.06 1.06l2.5 2.5a.75.75 0 0 0 1.06 0l5-5Z"/><path d="m12.54.637 8.25 2.675A1.75 1.75 0 0 1 22 4.976V10c0 6.19-3.771 10.704-9.401 12.83a1.704 1.704 0 0 1-1.198 0C5.77 20.705 2 16.19 2 10V4.976c0-.758.489-1.43 1.21-1.664L11.46.637a1.748 1.748 0 0 1 1.08 0Zm-.617 1.426-8.25 2.676a.249.249 0 0 0-.173.237V10c0 5.46 3.28 9.483 8.43 11.426a.199.199 0 0 0 .14 0C17.22 19.483 20.5 15.461 20.5 10V4.976a.25.25 0 0 0-.173-.237l-8.25-2.676a.253.253 0 0 0-.154 0Z"/>
+                                                    </g>
+                                                </svg>
+                                                <span>License</span>
+                                            </a>
+                                        </li>
+                                    </ul>
+                                </div>
+                                <div class="docs-copyright py-2 text-gray-500 dark:text-dark-350 text-sm leading-relaxed"><p>© Copyright 2025 - Workleap</p></div>
+                            </footer>
+                        </div>
+                    </div>
+                
+                    <!-- Rendered if sidebar right is enabled -->
+                    <!-- Sidebar right skeleton-->
+                    <div v-cloak class="fixed top-0 bottom-0 right-0 translate-x-full bg-white border-gray-200 lg:sticky lg:border-l lg:shrink-0 lg:pt-6 lg:transform-none sm:w-1/2 lg:w-64 lg:z-0 md:w-104 sidebar-right skeleton dark:bg-dark-850 dark:border-dark-650">
+                        <div class="pl-5">
+                            <div class="w-32 h-3 mb-4 bg-gray-200 dark:bg-dark-600 rounded-full loading"></div>
+                            <div class="w-48 h-3 mb-4 bg-gray-200 dark:bg-dark-600 rounded-full loading"></div>
+                            <div class="w-40 h-3 mb-4 bg-gray-200 dark:bg-dark-600 rounded-full loading"></div>
+                        </div>
+                    </div>
+                
+                    <!-- User should be able to hide sidebar right -->
+                    <doc-sidebar-right v-cloak></doc-sidebar-right>
+                </div>
+
+            </div>
+        </div>
+    
+        <doc-search-mobile></doc-search-mobile>
+        <doc-back-to-top></doc-back-to-top>
+    </div>
+
+
+    <div id="docs-overlay-target"></div>
+
+    <script data-cfasync="false">window.__DOCS__ = { "title": "Configure for build", level: 2, icon: "file", hasPrism: true, hasMermaid: false, hasMath: false, tocDepth: 23 }</script>
+</body>
+</html>
diff --git a/rslib/configure-dev/index.html b/rslib/configure-dev/index.html
new file mode 100644
index 00000000..796ffbd7
--- /dev/null
+++ b/rslib/configure-dev/index.html
@@ -0,0 +1,1052 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width,initial-scale=1">
+    <meta name="turbo-root" content="/wl-web-configs">
+    <meta name="turbo-cache-control" content="no-cache" data-turbo-track="reload" data-track-token="3.6.0.790190789202">
+
+    <!-- See retype.com -->
+    <meta name="generator" content="Retype 3.6.0">
+
+    <!-- Primary Meta Tags -->
+    <title>Configure for development - Rslib</title>
+    <meta name="title" content="Configure for development - Rslib">
+    <meta name="description" content="To configure Rslib for a development environment, execute the following steps 👇">
+
+    <!-- Canonical -->
+    <link rel="canonical" href="https://gsoft-inc.github.io/wl-web-configs/rslib/configure-dev/">
+
+    <!-- Open Graph / Facebook -->
+    <meta property="og:type" content="website">
+    <meta property="og:url" content="https://gsoft-inc.github.io/wl-web-configs/rslib/configure-dev/">
+    <meta property="og:title" content="Configure for development - Rslib">
+    <meta property="og:description" content="To configure Rslib for a development environment, execute the following steps 👇">
+
+    <!-- Twitter -->
+    <meta property="twitter:card" content="summary_large_image">
+    <meta property="twitter:url" content="https://gsoft-inc.github.io/wl-web-configs/rslib/configure-dev/">
+    <meta property="twitter:title" content="Configure for development - Rslib">
+    <meta property="twitter:description" content="To configure Rslib for a development environment, execute the following steps 👇">
+
+    <script data-cfasync="false">(function () { var el = document.documentElement, m = localStorage.getItem("doc_theme"), wm = window.matchMedia; if (m === "dark" || (!m && wm && wm("(prefers-color-scheme: dark)").matches)) { el.classList.add("dark") } else { el.classList.remove("dark") } })();</script>
+
+    <link href="../../static/favicon.png" rel="icon">
+    <link href="../../resources/css/retype.css?v=3.6.0.790190789202" rel="stylesheet">
+
+    <script data-cfasync="false" src="../../resources/js/config.js?v=3.6.0.790190789202" data-turbo-eval="false" defer></script>
+    <script data-cfasync="false" src="../../resources/js/retype.js?v=3.6.0" data-turbo-eval="false" defer></script>
+    <script id="lunr-js" data-cfasync="false" src="../../resources/js/lunr.js?v=3.6.0.790190789202" data-turbo-eval="false" defer></script>
+    <script id="prism-js" data-cfasync="false" src="../../resources/js/prism.js?v=3.6.0.790190789202" defer></script>
+
+    <link href="https://gsoft-inc.github.io/wl-idp-docs-hub/static/retype-customization.css" rel="stylesheet" />
+
+</head>
+<body>
+    <div id="docs-app" class="relative text-base antialiased text-gray-700 bg-white font-body dark:bg-dark-850 dark:text-dark-300">
+        <div class="absolute bottom-0 left-0 bg-gray-100 dark:bg-dark-800" style="top: 5rem; right: 50%"></div>
+    
+        <header id="docs-site-header" class="sticky top-0 z-30 flex w-full h-16 bg-white border-b border-gray-200 md:h-20 dark:bg-dark-850 dark:border-dark-650">
+            <div class="container relative flex items-center justify-between pr-6 grow md:justify-start">
+                <!-- Mobile menu button skeleton -->
+                <button v-cloak class="skeleton docs-mobile-menu-button flex items-center justify-center shrink-0 overflow-hidden dark:text-white focus:outline-none rounded-full w-10 h-10 ml-3.5 md:hidden"><svg xmlns="http://www.w3.org/2000/svg" class="mb-px shrink-0" width="24" height="24" viewBox="0 0 24 24" role="presentation" style="margin-bottom: 0px;"><g fill="currentColor"><path d="M2 4h20v2H2zM2 11h20v2H2zM2 18h20v2H2z"></path></g></svg></button>
+                <div v-cloak id="docs-sidebar-toggle"></div>
+        
+                <!-- Logo -->
+                <div class="flex items-center justify-between h-full py-2 md:w-75">
+                    <div class="flex items-center px-2 md:px-6">
+                        <a id="docs-hub-link" href="https://gsoft-inc.github.io/wl-idp-docs-hub/" title="Workleap's IDP homepage">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="12" height="30" viewBox="0 0 12 30" fill="currentColor" aria-label="Home" focusable="false" role="img">
+                                <path d="M10.6763 23.0822C10.4303 23.328 10.0967 23.4661 9.74885 23.4661C9.40103 23.4661 9.06744 23.328 8.82135 23.0822L1.38384 15.6447C1.13806 15.3986 1 15.065 1 14.7172C1 14.3694 1.13806 14.0358 1.38384 13.7897L8.82135 6.35222C9.0703 6.1205 9.39939 5.99432 9.73945 6.0002C10.0795 6.00607 10.404 6.14354 10.6448 6.38372C10.885 6.62452 11.0225 6.94906 11.0284 7.28912C11.0342 7.62917 10.9081 7.95826 10.6763 8.20722L4.16635 14.7172L10.6763 21.2272C10.9221 21.4733 11.0602 21.8069 11.0602 22.1547C11.0602 22.5025 10.9221 22.8361 10.6763 23.0822Z" />
+                            </svg>
+                        </a>
+                        <a id="docs-site-logo" href="../../" class="flex items-center leading-snug text-2xl">
+                            <span class="w-10 mr-2 grow-0 shrink-0 overflow-hidden">
+                                <img class="max-h-10 dark:hidden md:inline-block" src="../../static/logo.png">
+                                <img class="max-h-10 hidden dark:inline-block" src="../../static/logo.png">
+                            </span>
+                            <span class="dark:text-white font-semibold line-clamp-1 md:line-clamp-2">Web configs</span>
+                        </a>
+                    </div>
+        
+                    <span class="hidden h-8 border-r md:inline-block dark:border-dark-650"></span>
+                </div>
+        
+                <div class="flex justify-between md:grow">
+                    <!-- Top Nav -->
+                    <nav class="hidden md:flex">
+                        <ul class="flex flex-col mb-4 md:pl-16 md:mb-0 md:flex-row md:items-center">
+                            <li class="mr-6">
+                                <a class="py-2 md:mb-0 inline-flex items-center text-sm whitespace-nowrap transition-colors duration-200 ease-linear md:text-blue-500 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-200" href="../../">
+                                    <svg xmlns="http://www.w3.org/2000/svg" class="mb-px mr-1" width="18" height="18" viewBox="0 0 24 24" role="presentation">
+                                        <g fill="currentColor">
+                                            <path d="M11.03 2.59a1.501 1.501 0 0 1 1.94 0l7.5 6.363a1.5 1.5 0 0 1 .53 1.144V19.5a1.5 1.5 0 0 1-1.5 1.5h-5.75a.75.75 0 0 1-.75-.75V14h-2v6.25a.75.75 0 0 1-.75.75H4.5A1.5 1.5 0 0 1 3 19.5v-9.403c0-.44.194-.859.53-1.144ZM12 3.734l-7.5 6.363V19.5h5v-6.25a.75.75 0 0 1 .75-.75h3.5a.75.75 0 0 1 .75.75v6.25h5v-9.403Z"/>
+                                        </g>
+                                    </svg>
+                                    <span>Home</span>
+                                </a>
+                            </li>
+                            <li class="mr-6">
+                                <a class="py-2 md:mb-0 inline-flex items-center text-sm whitespace-nowrap transition-colors duration-200 ease-linear md:text-blue-500 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-200" href="https://github.com/gsoft-inc/wl-web-configs/issues" target="_blank">
+                                    <svg xmlns="http://www.w3.org/2000/svg" class="mb-px mr-1" width="18" height="18" viewBox="0 0 24 24" role="presentation">
+                                        <g fill="currentColor">
+                                            <path d="M12 1c6.075 0 11 4.925 11 11s-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1ZM2.5 12a9.5 9.5 0 0 0 9.5 9.5 9.5 9.5 0 0 0 9.5-9.5A9.5 9.5 0 0 0 12 2.5 9.5 9.5 0 0 0 2.5 12Zm9.5 2a2 2 0 1 1-.001-3.999A2 2 0 0 1 12 14Z"/>
+                                        </g>
+                                    </svg>
+                                    <span>Found a bug?</span>
+                                </a>
+                            </li>
+                            <li class="mr-6">
+                                <a class="py-2 md:mb-0 inline-flex items-center text-sm whitespace-nowrap transition-colors duration-200 ease-linear md:text-blue-500 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-200" href="https://github.com/gsoft-inc/wl-web-configs/discussions" target="_blank">
+                                    <svg xmlns="http://www.w3.org/2000/svg" class="mb-px mr-1" width="18" height="18" viewBox="0 0 24 24" role="presentation">
+                                        <g fill="currentColor">
+                                            <path d="M1.75 1h12.5c.966 0 1.75.784 1.75 1.75v9.5A1.75 1.75 0 0 1 14.25 14H8.061l-2.574 2.573A1.458 1.458 0 0 1 3 15.543V14H1.75A1.75 1.75 0 0 1 0 12.25v-9.5C0 1.784.784 1 1.75 1ZM1.5 2.75v9.5c0 .138.112.25.25.25h2a.75.75 0 0 1 .75.75v2.19l2.72-2.72a.749.749 0 0 1 .53-.22h6.5a.25.25 0 0 0 .25-.25v-9.5a.25.25 0 0 0-.25-.25H1.75a.25.25 0 0 0-.25.25Z"/><path d="M22.5 8.75a.25.25 0 0 0-.25-.25h-3.5a.75.75 0 0 1 0-1.5h3.5c.966 0 1.75.784 1.75 1.75v9.5A1.75 1.75 0 0 1 22.25 20H21v1.543a1.457 1.457 0 0 1-2.487 1.03L15.939 20H10.75A1.75 1.75 0 0 1 9 18.25v-1.465a.75.75 0 0 1 1.5 0v1.465c0 .138.112.25.25.25h5.5a.75.75 0 0 1 .53.22l2.72 2.72v-2.19a.75.75 0 0 1 .75-.75h2a.25.25 0 0 0 .25-.25v-9.5Z"/>
+                                        </g>
+                                    </svg>
+                                    <span>Feature requests</span>
+                                </a>
+                            </li>
+                            <li class="mr-6">
+                                <a class="py-2 md:mb-0 inline-flex items-center text-sm whitespace-nowrap transition-colors duration-200 ease-linear md:text-blue-500 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-200" href="https://github.com/gsoft-inc/wl-web-configs/releases" target="_blank">
+                                    <svg xmlns="http://www.w3.org/2000/svg" class="mb-px mr-1" width="18" height="18" viewBox="0 0 24 24" role="presentation">
+                                        <g fill="currentColor">
+                                            <path d="M7.75 6.5a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5Z"/><path d="M2.5 1h8.44a1.5 1.5 0 0 1 1.06.44l10.25 10.25a1.5 1.5 0 0 1 0 2.12l-8.44 8.44a1.5 1.5 0 0 1-2.12 0L1.44 12A1.497 1.497 0 0 1 1 10.94V2.5A1.5 1.5 0 0 1 2.5 1Zm0 1.5v8.44l10.25 10.25 8.44-8.44L10.94 2.5Z"/>
+                                        </g>
+                                    </svg>
+                                    <span>Releases</span>
+                                </a>
+                            </li>
+                            <li class="mr-6">
+                                <a class="py-2 md:mb-0 inline-flex items-center text-sm whitespace-nowrap transition-colors duration-200 ease-linear md:text-blue-500 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-200" href="https://github.com/gsoft-inc/wl-web-configs" target="_blank">
+                                    <svg xmlns="http://www.w3.org/2000/svg" class="mb-px mr-1" width="18" height="18" viewBox="0 0 24 24" role="presentation">
+                                        <g fill="currentColor">
+                                            <symbol id="mark-github-icon-symbol" viewBox="0 0 16 16"><path d="M8 0c4.42 0 8 3.58 8 8a8.013 8.013 0 0 1-5.45 7.59c-.4.08-.55-.17-.55-.38 0-.27.01-1.13.01-2.2 0-.75-.25-1.23-.54-1.48 1.78-.2 3.65-.88 3.65-3.95 0-.88-.31-1.59-.82-2.15.08-.2.36-1.02-.08-2.12 0 0-.67-.22-2.2.82-.64-.18-1.32-.27-2-.27-.68 0-1.36.09-2 .27-1.53-1.03-2.2-.82-2.2-.82-.44 1.1-.16 1.92-.08 2.12-.51.56-.82 1.28-.82 2.15 0 3.06 1.86 3.75 3.64 3.95-.23.2-.44.55-.51 1.07-.46.21-1.61.55-2.33-.66-.15-.24-.6-.83-1.23-.82-.67.01-.27.38.01.53.34.19.73.9.82 1.13.16.45.68 1.31 2.69.94 0 .67.01 1.3.01 1.49 0 .21-.15.45-.55.38A7.995 7.995 0 0 1 0 8c0-4.42 3.58-8 8-8Z"/></symbol><use xlink:href="#mark-github-icon-symbol" />
+                                        </g>
+                                    </svg>
+                                    <span>Github</span>
+                                </a>
+                            </li>
+                            <li class="mr-6">
+                                <a class="py-2 md:mb-0 inline-flex items-center text-sm whitespace-nowrap transition-colors duration-200 ease-linear md:text-blue-500 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-200" href="https://www.npmjs.com/settings/workleap/packages" target="_blank">
+                                    <svg xmlns="http://www.w3.org/2000/svg" class="mb-px mr-1" width="18" height="18" viewBox="0 0 24 24" role="presentation">
+                                        <g fill="currentColor">
+                                            <path d="M0 0H24V24H0V0Z" fill="#CC0000"/><path d="M11.9184 2.57758H2.57764V21.4214H11.9175V7.32958H16.6695V21.4214H21.4215V2.57758H11.9184Z" fill="white"/>
+                                        </g>
+                                    </svg>
+                                    <span>NPM</span>
+                                </a>
+                            </li>
+        
+                        </ul>
+                    </nav>
+        
+                    <!-- Header Right Skeleton -->
+                    <div v-cloak class="flex justify-end grow skeleton">
+        
+                        <!-- Search input mock -->
+                        <div class="relative hidden w-40 lg:block lg:max-w-sm lg:ml-auto">
+                            <div class="absolute flex items-center justify-center h-full pl-3 dark:text-dark-300">
+                                <svg xmlns="http://www.w3.org/2000/svg" class="icon-base" width="16" height="16" viewBox="0 0 24 24" aria-labelledby="icon" role="presentation" style="margin-bottom: 1px;"><g fill="currentColor" ><path d="M21.71 20.29l-3.68-3.68A8.963 8.963 0 0020 11c0-4.96-4.04-9-9-9s-9 4.04-9 9 4.04 9 9 9c2.12 0 4.07-.74 5.61-1.97l3.68 3.68c.2.19.45.29.71.29s.51-.1.71-.29c.39-.39.39-1.03 0-1.42zM4 11c0-3.86 3.14-7 7-7s7 3.14 7 7c0 1.92-.78 3.66-2.04 4.93-.01.01-.02.01-.02.01-.01.01-.01.01-.01.02A6.98 6.98 0 0111 18c-3.86 0-7-3.14-7-7z" ></path></g></svg>
+                            </div>
+                            <input class="w-full h-10 placeholder-gray-400 transition-colors duration-200 ease-in bg-gray-200 border border-transparent rounded md:text-sm hover:bg-white hover:border-gray-300 focus:outline-none focus:bg-white focus:border-gray-500 dark:bg-dark-600 dark:border-dark-600 dark:placeholder-dark-400" style="padding: 0.625rem 0.75rem 0.625rem 2rem" type="text" placeholder="Search">
+                        </div>
+        
+                        <!-- Mobile search button -->
+                        <div class="flex items-center justify-center w-10 h-10 lg:hidden">
+                            <svg xmlns="http://www.w3.org/2000/svg" class="shrink-0 icon-base" width="20" height="20" viewBox="0 0 24 24" aria-labelledby="icon" role="presentation" style="margin-bottom: 0px;"><g fill="currentColor" ><path d="M21.71 20.29l-3.68-3.68A8.963 8.963 0 0020 11c0-4.96-4.04-9-9-9s-9 4.04-9 9 4.04 9 9 9c2.12 0 4.07-.74 5.61-1.97l3.68 3.68c.2.19.45.29.71.29s.51-.1.71-.29c.39-.39.39-1.03 0-1.42zM4 11c0-3.86 3.14-7 7-7s7 3.14 7 7c0 1.92-.78 3.66-2.04 4.93-.01.01-.02.01-.02.01-.01.01-.01.01-.01.02A6.98 6.98 0 0111 18c-3.86 0-7-3.14-7-7z" ></path></g></svg>
+                        </div>
+        
+                        <!-- Dark mode switch placeholder -->
+                        <div class="w-10 h-10 lg:ml-2"></div>
+        
+                        <!-- History button -->
+                        <div class="flex items-center justify-center w-10 h-10" style="margin-right: -0.625rem;">
+                            <svg xmlns="http://www.w3.org/2000/svg" class="shrink-0 icon-base" width="22" height="22" viewBox="0 0 24 24" aria-labelledby="icon" role="presentation" style="margin-bottom: 0px;"><g fill="currentColor" ><g ><path d="M12.01 6.01c-.55 0-1 .45-1 1V12a1 1 0 00.4.8l3 2.22a.985.985 0 001.39-.2.996.996 0 00-.21-1.4l-2.6-1.92V7.01c.02-.55-.43-1-.98-1z"></path><path d="M12.01 1.91c-5.33 0-9.69 4.16-10.05 9.4l-.29-.26a.997.997 0 10-1.34 1.48l1.97 1.79c.19.17.43.26.67.26s.48-.09.67-.26l1.97-1.79a.997.997 0 10-1.34-1.48l-.31.28c.34-4.14 3.82-7.41 8.05-7.41 4.46 0 8.08 3.63 8.08 8.09s-3.63 8.08-8.08 8.08c-2.18 0-4.22-.85-5.75-2.4a.996.996 0 10-1.42 1.4 10.02 10.02 0 007.17 2.99c5.56 0 10.08-4.52 10.08-10.08.01-5.56-4.52-10.09-10.08-10.09z"></path></g></g></svg>
+                        </div>
+                    </div>
+        
+                    <div v-cloak class="flex justify-end grow">
+                        <div id="docs-mobile-search-button"></div>
+                        <doc-search-desktop></doc-search-desktop>
+        
+                        <doc-theme-switch class="lg:ml-2"></doc-theme-switch>
+                        <doc-history></doc-history>
+                    </div>
+                </div>
+            </div>
+        </header>
+    
+        <div class="container relative flex bg-white">
+            <!-- Sidebar Skeleton -->
+            <div v-cloak class="fixed flex flex-col shrink-0 duration-300 ease-in-out bg-gray-100 border-gray-200 sidebar top-20 w-75 border-r h-screen md:sticky transition-transform skeleton dark:bg-dark-800 dark:border-dark-650">
+            
+                <!-- Render this div, if config.showSidebarFilter is `true` -->
+                <div class="flex items-center h-16 px-6">
+                    <input class="w-full h-8 px-3 py-2 transition-colors duration-200 ease-linear bg-white border border-gray-200 rounded shadow-none text-sm focus:outline-none focus:border-gray-600 dark:bg-dark-600 dark:border-dark-600" type="text" placeholder="Filter">
+                </div>
+            
+                <div class="pl-6 mt-1 mb-4">
+                    <div class="w-32 h-3 mb-4 bg-gray-200 rounded-full loading dark:bg-dark-600"></div>
+                    <div class="w-48 h-3 mb-4 bg-gray-200 rounded-full loading dark:bg-dark-600"></div>
+                    <div class="w-40 h-3 mb-4 bg-gray-200 rounded-full loading dark:bg-dark-600"></div>
+                    <div class="w-32 h-3 mb-4 bg-gray-200 rounded-full loading dark:bg-dark-600"></div>
+                    <div class="w-48 h-3 mb-4 bg-gray-200 rounded-full loading dark:bg-dark-600"></div>
+                    <div class="w-40 h-3 mb-4 bg-gray-200 rounded-full loading dark:bg-dark-600"></div>
+                </div>
+            
+            </div>
+            
+            <!-- Sidebar component -->
+            <doc-sidebar v-cloak>
+                <template #sidebar-footer>
+                    <div class="shrink-0 mt-auto border-t md:bg-transparent md:border-none dark:border-dark-650">
+            
+                        <div class="py-3 px-6 md:hidden border-b dark:border-dark-650">
+                            <nav>
+                                <ul class="flex flex-wrap justify-center items-center">
+                                    <li class="mr-6">
+                                        <a class="block py-1 inline-flex items-center text-sm whitespace-nowrap transition-colors duration-200 ease-linear md:text-blue-500 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-200" href="../../">
+                                            <svg xmlns="http://www.w3.org/2000/svg" class="mb-px mr-1" width="18" height="18" viewBox="0 0 24 24" role="presentation">
+                                                <g fill="currentColor">
+                                                    <path d="M11.03 2.59a1.501 1.501 0 0 1 1.94 0l7.5 6.363a1.5 1.5 0 0 1 .53 1.144V19.5a1.5 1.5 0 0 1-1.5 1.5h-5.75a.75.75 0 0 1-.75-.75V14h-2v6.25a.75.75 0 0 1-.75.75H4.5A1.5 1.5 0 0 1 3 19.5v-9.403c0-.44.194-.859.53-1.144ZM12 3.734l-7.5 6.363V19.5h5v-6.25a.75.75 0 0 1 .75-.75h3.5a.75.75 0 0 1 .75.75v6.25h5v-9.403Z"/>
+                                                </g>
+                                            </svg>
+                                            <span>Home</span>
+                                        </a>
+                                    </li>
+                                    <li class="mr-6">
+                                        <a class="block py-1 inline-flex items-center text-sm whitespace-nowrap transition-colors duration-200 ease-linear md:text-blue-500 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-200" href="https://github.com/gsoft-inc/wl-web-configs/issues" target="_blank">
+                                            <svg xmlns="http://www.w3.org/2000/svg" class="mb-px mr-1" width="18" height="18" viewBox="0 0 24 24" role="presentation">
+                                                <g fill="currentColor">
+                                                    <path d="M12 1c6.075 0 11 4.925 11 11s-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1ZM2.5 12a9.5 9.5 0 0 0 9.5 9.5 9.5 9.5 0 0 0 9.5-9.5A9.5 9.5 0 0 0 12 2.5 9.5 9.5 0 0 0 2.5 12Zm9.5 2a2 2 0 1 1-.001-3.999A2 2 0 0 1 12 14Z"/>
+                                                </g>
+                                            </svg>
+                                            <span>Found a bug?</span>
+                                        </a>
+                                    </li>
+                                    <li class="mr-6">
+                                        <a class="block py-1 inline-flex items-center text-sm whitespace-nowrap transition-colors duration-200 ease-linear md:text-blue-500 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-200" href="https://github.com/gsoft-inc/wl-web-configs/discussions" target="_blank">
+                                            <svg xmlns="http://www.w3.org/2000/svg" class="mb-px mr-1" width="18" height="18" viewBox="0 0 24 24" role="presentation">
+                                                <g fill="currentColor">
+                                                    <path d="M1.75 1h12.5c.966 0 1.75.784 1.75 1.75v9.5A1.75 1.75 0 0 1 14.25 14H8.061l-2.574 2.573A1.458 1.458 0 0 1 3 15.543V14H1.75A1.75 1.75 0 0 1 0 12.25v-9.5C0 1.784.784 1 1.75 1ZM1.5 2.75v9.5c0 .138.112.25.25.25h2a.75.75 0 0 1 .75.75v2.19l2.72-2.72a.749.749 0 0 1 .53-.22h6.5a.25.25 0 0 0 .25-.25v-9.5a.25.25 0 0 0-.25-.25H1.75a.25.25 0 0 0-.25.25Z"/><path d="M22.5 8.75a.25.25 0 0 0-.25-.25h-3.5a.75.75 0 0 1 0-1.5h3.5c.966 0 1.75.784 1.75 1.75v9.5A1.75 1.75 0 0 1 22.25 20H21v1.543a1.457 1.457 0 0 1-2.487 1.03L15.939 20H10.75A1.75 1.75 0 0 1 9 18.25v-1.465a.75.75 0 0 1 1.5 0v1.465c0 .138.112.25.25.25h5.5a.75.75 0 0 1 .53.22l2.72 2.72v-2.19a.75.75 0 0 1 .75-.75h2a.25.25 0 0 0 .25-.25v-9.5Z"/>
+                                                </g>
+                                            </svg>
+                                            <span>Feature requests</span>
+                                        </a>
+                                    </li>
+                                    <li class="mr-6">
+                                        <a class="block py-1 inline-flex items-center text-sm whitespace-nowrap transition-colors duration-200 ease-linear md:text-blue-500 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-200" href="https://github.com/gsoft-inc/wl-web-configs/releases" target="_blank">
+                                            <svg xmlns="http://www.w3.org/2000/svg" class="mb-px mr-1" width="18" height="18" viewBox="0 0 24 24" role="presentation">
+                                                <g fill="currentColor">
+                                                    <path d="M7.75 6.5a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5Z"/><path d="M2.5 1h8.44a1.5 1.5 0 0 1 1.06.44l10.25 10.25a1.5 1.5 0 0 1 0 2.12l-8.44 8.44a1.5 1.5 0 0 1-2.12 0L1.44 12A1.497 1.497 0 0 1 1 10.94V2.5A1.5 1.5 0 0 1 2.5 1Zm0 1.5v8.44l10.25 10.25 8.44-8.44L10.94 2.5Z"/>
+                                                </g>
+                                            </svg>
+                                            <span>Releases</span>
+                                        </a>
+                                    </li>
+                                    <li class="mr-6">
+                                        <a class="block py-1 inline-flex items-center text-sm whitespace-nowrap transition-colors duration-200 ease-linear md:text-blue-500 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-200" href="https://github.com/gsoft-inc/wl-web-configs" target="_blank">
+                                            <svg xmlns="http://www.w3.org/2000/svg" class="mb-px mr-1" width="18" height="18" viewBox="0 0 24 24" role="presentation">
+                                                <g fill="currentColor">
+                                                    <symbol id="mark-github-icon-symbol" viewBox="0 0 16 16"><path d="M8 0c4.42 0 8 3.58 8 8a8.013 8.013 0 0 1-5.45 7.59c-.4.08-.55-.17-.55-.38 0-.27.01-1.13.01-2.2 0-.75-.25-1.23-.54-1.48 1.78-.2 3.65-.88 3.65-3.95 0-.88-.31-1.59-.82-2.15.08-.2.36-1.02-.08-2.12 0 0-.67-.22-2.2.82-.64-.18-1.32-.27-2-.27-.68 0-1.36.09-2 .27-1.53-1.03-2.2-.82-2.2-.82-.44 1.1-.16 1.92-.08 2.12-.51.56-.82 1.28-.82 2.15 0 3.06 1.86 3.75 3.64 3.95-.23.2-.44.55-.51 1.07-.46.21-1.61.55-2.33-.66-.15-.24-.6-.83-1.23-.82-.67.01-.27.38.01.53.34.19.73.9.82 1.13.16.45.68 1.31 2.69.94 0 .67.01 1.3.01 1.49 0 .21-.15.45-.55.38A7.995 7.995 0 0 1 0 8c0-4.42 3.58-8 8-8Z"/></symbol><use xlink:href="#mark-github-icon-symbol" />
+                                                </g>
+                                            </svg>
+                                            <span>Github</span>
+                                        </a>
+                                    </li>
+                                    <li class="mr-6">
+                                        <a class="block py-1 inline-flex items-center text-sm whitespace-nowrap transition-colors duration-200 ease-linear md:text-blue-500 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-200" href="https://www.npmjs.com/settings/workleap/packages" target="_blank">
+                                            <svg xmlns="http://www.w3.org/2000/svg" class="mb-px mr-1" width="18" height="18" viewBox="0 0 24 24" role="presentation">
+                                                <g fill="currentColor">
+                                                    <path d="M0 0H24V24H0V0Z" fill="#CC0000"/><path d="M11.9184 2.57758H2.57764V21.4214H11.9175V7.32958H16.6695V21.4214H21.4215V2.57758H11.9184Z" fill="white"/>
+                                                </g>
+                                            </svg>
+                                            <span>NPM</span>
+                                        </a>
+                                    </li>
+            
+                                </ul>
+                            </nav>
+                        </div>
+                    </div>
+                </template>
+            </doc-sidebar>
+    
+            <div class="grow min-w-0 dark:bg-dark-850">
+                <!-- Render "toolbar" template here on api pages --><!-- Render page content -->
+                <div class="flex">
+                    <div class="min-w-0 p-4 grow md:px-16">
+                        <main class="relative pb-12 lg:pt-2">
+                            <div class="docs-markdown" id="docs-content">
+                                <!-- Rendered if sidebar right is enabled -->
+                                <div id="docs-sidebar-right-toggle"></div>
+                                <nav class="breadcrumb" aria-label="Breadcrumb">
+                                    <ol role="list">
+                                        <li class="pr-4">
+                                            <a href="../../rslib/" class="pr-4">
+                                                Rslib
+                                            </a>
+                                            <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" width="18" height="18" viewBox="0 0 24 24" aria-hidden="true">
+                                                <path d="M8.72 18.78a.75.75 0 0 1 0-1.06L14.44 12 8.72 6.28a.751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018l6.25 6.25a.75.75 0 0 1 0 1.06l-6.25 6.25a.75.75 0 0 1-1.06 0Z"/>
+                                            </svg>
+                                        </li>
+                                        <li class="pr-4">
+                                            <a href="../../rslib/configure-dev/" class="pr-4">
+                                                Configure for development
+                                            </a>
+                                        </li>
+                                    </ol>
+                                </nav>
+                
+                                <!-- Page content  -->
+<doc-anchor-target id="configure-for-development" class="break-words">
+    <h1>
+        <doc-anchor-trigger class="header-anchor-trigger" to="#configure-for-development">#</doc-anchor-trigger>
+        <span>Configure for development</span>
+    </h1>
+</doc-anchor-target>
+<p>To configure <a href="https://lib.rsbuild.dev" class="outbound" target="_blank">Rslib</a> for a development environment, execute the following steps <span class="docs-emoji">&#x1F447;</span></p>
+<doc-anchor-target id="install-the-packages">
+    <h2>
+        <doc-anchor-trigger class="header-anchor-trigger" to="#install-the-packages">#</doc-anchor-trigger>
+        <span>Install the packages</span>
+    </h2>
+</doc-anchor-target>
+<p>Open a terminal at the root of the library project and install the following packages:</p>
+<doc-tabs>
+<doc-tab v-cloak id="pnpm">
+<template #title>pnpm</template>
+<div class="codeblock-wrapper"><doc-codeblock>
+<pre class="language-bash"><code v-pre class="language-bash">pnpm add -D @workleap/rslib-configs @rslib/core @rsbuild/core</code></pre>
+</doc-codeblock></div>
+</doc-tab>
+<doc-tab v-cloak id="yarn">
+<template #title>yarn</template>
+<div class="codeblock-wrapper"><doc-codeblock>
+<pre class="language-bash"><code v-pre class="language-bash">yarn add -D @workleap/rslib-configs @rslib/core @rsbuild/core</code></pre>
+</doc-codeblock></div>
+</doc-tab>
+<doc-tab v-cloak id="npm">
+<template #title>npm</template>
+<div class="codeblock-wrapper"><doc-codeblock>
+<pre class="language-bash"><code v-pre class="language-bash">npm install -D @workleap/rslib-configs @rslib/core @rsbuild/core</code></pre>
+</doc-codeblock></div>
+</doc-tab>
+</doc-tabs>
+<doc-anchor-target id="configure-rslib">
+    <h2>
+        <doc-anchor-trigger class="header-anchor-trigger" to="#configure-rslib">#</doc-anchor-trigger>
+        <span>Configure Rslib</span>
+    </h2>
+</doc-anchor-target>
+<doc-anchor-target id="tsconfigbuildjson">
+    <h3>
+        <doc-anchor-trigger class="header-anchor-trigger" to="#tsconfigbuildjson">#</doc-anchor-trigger>
+        <span><code v-pre>tsconfig.build.json</code></span>
+    </h3>
+</doc-anchor-target>
+<p>First, create a <code v-pre>tsconfig.build.json</code> file at the root of the project:</p>
+<div class="codeblock-wrapper"><doc-codeblock>
+<pre class="language-none" data-line="6"><code v-pre class="language-none">library-project
+├── src
+├──── ...
+├── package.json
+├── tsconfig.json
+├── tsconfig.build.json</code></pre>
+</doc-codeblock></div>
+<p>Then, open the newly created <code v-pre>tsconfig.build.json</code> file and copy/paste the following content:</p>
+<div class="codeblock-wrapper"><doc-codeblock>
+<div class="codeblock-title">tsconfig.build.json</div>
+<pre class="language-json" data-line="3"><code v-pre class="language-json">{
+    &quot;extends&quot;: &quot;@workleap/typescript-configs/library.json&quot;,
+    &quot;include&quot;: [&quot;src&quot;],
+    &quot;exclude&quot;: [&quot;dist&quot;, &quot;node_modules&quot;]
+}</code></pre>
+</doc-codeblock></div>
+<div class="flex mb-6">
+    <div class="shrink-0 w-1 rounded-tl rounded-bl bg-blue-300"></div>
+    <div class="flex w-full py-4 border border-l-0 border-gray-300 rounded-tr rounded-br doc-alert bg-white dark:bg-dark-700 dark:border-dark-700" role="alert">
+        <div class="flex items-center ml-4 h-7">
+            <svg xmlns="http://www.w3.org/2000/svg" class="mb-px text-blue-300" width="22" height="22" viewBox="0 0 24 24" role="presentation">
+                <g fill="currentColor"><g>
+                    <path d="M12 1C5.93 1 1 5.93 1 12s4.93 11 11 11 11-4.93 11-11S18.07 1 12 1zm0 20c-4.96 0-9-4.04-9-9s4.04-9 9-9 9 4.04 9 9-4.04 9-9 9z"></path>
+                    <path d="M12 11c-.55 0-1 .45-1 1v4c0 .55.45 1 1 1s1-.45 1-1v-4c0-.55-.45-1-1-1zM12.01 7c-.56 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1z"></path>
+                    <path fill="none" d="M0 0h24v24H0z"></path>
+                </g></g>
+            </svg>
+        </div>
+        <div class="pr-5 ml-3 w-full">
+<p><code v-pre>@workleap/rslib-config</code> is configured by default to produce <a href="https://lib.rsbuild.dev/guide/basic/output-structure#bundle--bundleless" class="outbound" target="_blank">bundleless</a> output. Rslib&#x27;s bundleless mode expects the <code v-pre>include</code> option in the TypeScript configuration file to point to the project’s source files folder. If the project&#x27;s source files are not located in the <code v-pre>src</code> folder, update the provided configuration sample to target the correct source folder.</p>
+        </div>
+    </div>
+</div>
+<doc-anchor-target id="rslibdevts">
+    <h3>
+        <doc-anchor-trigger class="header-anchor-trigger" to="#rslibdevts">#</doc-anchor-trigger>
+        <span><code v-pre>rslib.dev.ts</code></span>
+    </h3>
+</doc-anchor-target>
+<p>Next, create a configuration file named <code v-pre>rslib.dev.ts</code> at the root of the project:</p>
+<div class="codeblock-wrapper"><doc-codeblock>
+<pre class="language-none" data-line="7"><code v-pre class="language-none">library-project
+├── src
+├──── ...
+├── package.json
+├── tsconfig.json
+├── tsconfig.build.json
+├── rslib.dev.ts</code></pre>
+</doc-codeblock></div>
+<p>Then, open the newly created file and export the Rslib configuration by using the <code v-pre>defineDevConfig(options)</code> function:</p>
+<div class="codeblock-wrapper"><doc-codeblock>
+<div class="codeblock-title">rslib.dev.ts</div>
+<pre class="language-typescript"><code v-pre class="language-typescript">import { defineDevConfig } from &quot;@workleap/rslib-configs&quot;;
+
+export default defineDevConfig();</code></pre>
+</doc-codeblock></div>
+<doc-anchor-target id="use-predefined-options">
+    <h2>
+        <doc-anchor-trigger class="header-anchor-trigger" to="#use-predefined-options">#</doc-anchor-trigger>
+        <span>Use predefined options</span>
+    </h2>
+</doc-anchor-target>
+<p>The <code v-pre>defineDevConfig(options)</code> function can be used as shown in the previous example, however, if you wish to customize the default configuration, the function also accept a few predefined options to help with that <span class="docs-emoji">&#x1F447;</span></p>
+<doc-anchor-target id="entry">
+    <h3>
+        <doc-anchor-trigger class="header-anchor-trigger" to="#entry">#</doc-anchor-trigger>
+        <span><code v-pre>entry</code></span>
+    </h3>
+</doc-anchor-target>
+<ul>
+<li><strong>Type</strong>: An object literal accepting any <a href="https://rsbuild.dev/config/source/entry" class="outbound" target="_blank">source.entry</a> options.</li>
+<li><strong>Default</strong>: <code v-pre>{ index: &quot;./src/**&quot; }</code> when the <a href="https://lib.rsbuild.dev/config/lib/bundle" class="outbound" target="_blank">bundle</a> option is <code v-pre>false</code>, otherwise <code v-pre>{ index: [&quot;./src/index.ts&quot;, &quot;./src/index.js&quot;] }</code>.</li>
+</ul>
+<p>Set Rslib <a href="https://rsbuild.dev/config/source/entry" class="outbound" target="_blank">source.entry</a> option.</p>
+<div class="codeblock-wrapper"><doc-codeblock>
+<div class="codeblock-title">rslib.dev.ts</div>
+<pre class="language-typescript" data-line="5"><code v-pre class="language-typescript">import { defineDevConfig } from &quot;@workleap/rslib-configs&quot;;
+
+export default defineDevConfig({
+    entry: {
+        index: &quot;./src/another-entry.tsx&quot;
+    }
+});</code></pre>
+</doc-codeblock></div>
+<doc-anchor-target id="format">
+    <h3>
+        <doc-anchor-trigger class="header-anchor-trigger" to="#format">#</doc-anchor-trigger>
+        <span><code v-pre>format</code></span>
+    </h3>
+</doc-anchor-target>
+<ul>
+<li><strong>Type</strong>: <code v-pre>string</code></li>
+<li><strong>Default</strong>: <code v-pre>esm</code></li>
+</ul>
+<p>Set Rslib <a href="https://lib.rsbuild.dev/config/lib/format" class="outbound" target="_blank">lib.format</a> option.</p>
+<div class="codeblock-wrapper"><doc-codeblock>
+<div class="codeblock-title">rslib.dev.ts</div>
+<pre class="language-typescript" data-line="4"><code v-pre class="language-typescript">import { defineDevConfig } from &quot;@workleap/rslib-configs&quot;;
+
+export default defineDevConfig({
+    format: &quot;cjs&quot;
+});</code></pre>
+</doc-codeblock></div>
+<doc-anchor-target id="syntax">
+    <h3>
+        <doc-anchor-trigger class="header-anchor-trigger" to="#syntax">#</doc-anchor-trigger>
+        <span><code v-pre>syntax</code></span>
+    </h3>
+</doc-anchor-target>
+<ul>
+<li><strong>Type</strong>: <code v-pre>string</code></li>
+<li><strong>Default</strong>: <code v-pre>esnext</code></li>
+</ul>
+<p>Set Rslib <a href="https://lib.rsbuild.dev/config/lib/syntax" class="outbound" target="_blank">lib.syntax</a> option.</p>
+<div class="codeblock-wrapper"><doc-codeblock>
+<div class="codeblock-title">rslib.dev.ts</div>
+<pre class="language-typescript" data-line="4"><code v-pre class="language-typescript">import { defineDevConfig } from &quot;@workleap/rslib-configs&quot;;
+
+export default defineDevConfig({
+    syntax: &quot;es2024&quot;
+});</code></pre>
+</doc-codeblock></div>
+<doc-anchor-target id="bundle">
+    <h3>
+        <doc-anchor-trigger class="header-anchor-trigger" to="#bundle">#</doc-anchor-trigger>
+        <span><code v-pre>bundle</code></span>
+    </h3>
+</doc-anchor-target>
+<ul>
+<li><strong>Type</strong>: <code v-pre>boolean</code></li>
+<li><strong>Default</strong>: <code v-pre>false</code></li>
+</ul>
+<p>Whether or not to ouput a single code <a href="https://lib.rsbuild.dev/config/lib/bundle" class="outbound" target="_blank">bundle</a>. To output a single code bundle, set the option to <code v-pre>true</code>.</p>
+<div class="codeblock-wrapper"><doc-codeblock>
+<div class="codeblock-title">rslib.dev.ts</div>
+<pre class="language-typescript" data-line="4"><code v-pre class="language-typescript">import { defineDevConfig } from &quot;@workleap/rslib-configs&quot;;
+
+export default defineDevConfig({
+    bundle: true
+});</code></pre>
+</doc-codeblock></div>
+<div class="flex mb-6">
+    <div class="shrink-0 w-1 rounded-tl rounded-bl bg-blue-300"></div>
+    <div class="flex w-full py-4 border border-l-0 border-gray-300 rounded-tr rounded-br doc-alert bg-white dark:bg-dark-700 dark:border-dark-700" role="alert">
+        <div class="flex items-center ml-4 h-7">
+            <svg xmlns="http://www.w3.org/2000/svg" class="mb-px text-blue-300" width="22" height="22" viewBox="0 0 24 24" role="presentation">
+                <g fill="currentColor"><g>
+                    <path d="M12 1C5.93 1 1 5.93 1 12s4.93 11 11 11 11-4.93 11-11S18.07 1 12 1zm0 20c-4.96 0-9-4.04-9-9s4.04-9 9-9 9 4.04 9 9-4.04 9-9 9z"></path>
+                    <path d="M12 11c-.55 0-1 .45-1 1v4c0 .55.45 1 1 1s1-.45 1-1v-4c0-.55-.45-1-1-1zM12.01 7c-.56 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1z"></path>
+                    <path fill="none" d="M0 0h24v24H0z"></path>
+                </g></g>
+            </svg>
+        </div>
+        <div class="pr-5 ml-3 w-full">
+<p>Tree-shaking is most effective when bundlers can exclude entire files from the final bundle. However, when the <code v-pre>bundle</code> option is set to <code v-pre>true</code>, bundlers must perform tree-shaking within individual files by removing unused parts. While most modern bundlers support this, it&#x27;s generally better to follow the lowest common denominator approach by opting for a <a href="https://lib.rsbuild.dev/guide/basic/output-structure#bundle--bundleless" class="outbound" target="_blank">bundleless</a> output, to produce the most predictable results and not bundling unnecessary code.</p>
+<p>For more details on the differences between bundled and bundleless output, refer to the <a href="https://lib.rsbuild.dev/guide/basic/output-structure#bundle--bundleless" class="outbound" target="_blank">documentation</a>.</p>
+        </div>
+    </div>
+</div>
+<doc-anchor-target id="tsconfigpath">
+    <h3>
+        <doc-anchor-trigger class="header-anchor-trigger" to="#tsconfigpath">#</doc-anchor-trigger>
+        <span><code v-pre>tsconfigPath</code></span>
+    </h3>
+</doc-anchor-target>
+<ul>
+<li><strong>Type</strong>: <code v-pre>string</code></li>
+<li><strong>Default</strong>: <code v-pre>undefined</code></li>
+</ul>
+<p>Set Rslib <a href="https://rsbuild.dev/config/source/tsconfig-path" class="outbound" target="_blank">source.tsconfigPath</a> option. When the <code v-pre>bundle</code> option is set to <code v-pre>false</code> (default value), the <code v-pre>tsconfigPath</code> option is required.</p>
+<div class="codeblock-wrapper"><doc-codeblock>
+<div class="codeblock-title">rslib.dev.ts</div>
+<pre class="language-typescript" data-line="5"><code v-pre class="language-typescript">import { defineDevConfig } from &quot;@workleap/rslib-configs&quot;;
+import path from &quot;node:path&quot;;
+
+export default defineDevConfig({
+    tsconfigPath: path.resolve(&quot;./tsconfig.build.json&quot;)
+});</code></pre>
+</doc-codeblock></div>
+<doc-anchor-target id="dts">
+    <h3>
+        <doc-anchor-trigger class="header-anchor-trigger" to="#dts">#</doc-anchor-trigger>
+        <span><code v-pre>dts</code></span>
+    </h3>
+</doc-anchor-target>
+<ul>
+<li><strong>Type</strong>: An object literal accepting any <a href="https://lib.rsbuild.dev/config/lib/dts" class="outbound" target="_blank">lib.dts</a> options.</li>
+<li><strong>Default</strong>: <code v-pre>false</code></li>
+</ul>
+<p>Whether or not to generate TypeScript <a href="https://lib.rsbuild.dev/config/lib/dts" class="outbound" target="_blank">*.d.ts</a> files. To generate <code v-pre>*.d.ts</code> files, set the option to <code v-pre>true</code>.</p>
+<div class="codeblock-wrapper"><doc-codeblock>
+<div class="codeblock-title">rslib.dev.ts</div>
+<pre class="language-typescript" data-line="4"><code v-pre class="language-typescript">import { defineDevConfig } from &quot;@workleap/rslib-configs&quot;;
+
+export default defineDevConfig({
+    dts: true
+});</code></pre>
+</doc-codeblock></div>
+<doc-anchor-target id="target">
+    <h3>
+        <doc-anchor-trigger class="header-anchor-trigger" to="#target">#</doc-anchor-trigger>
+        <span><code v-pre>target</code></span>
+    </h3>
+</doc-anchor-target>
+<ul>
+<li><strong>Type</strong>: <code v-pre>string</code></li>
+<li><strong>Default</strong>: <code v-pre>web</code></li>
+</ul>
+<p>Set Rslib <a href="https://rsbuild.dev/config/output/target" class="outbound" target="_blank">output.target</a> option.</p>
+<div class="codeblock-wrapper"><doc-codeblock>
+<div class="codeblock-title">rslib.dev.ts</div>
+<pre class="language-typescript" data-line="4"><code v-pre class="language-typescript">import { defineDevConfig } from &quot;@workleap/rslib-configs&quot;;
+
+export default defineDevConfig({
+    target: &quot;node&quot;
+});</code></pre>
+</doc-codeblock></div>
+<doc-anchor-target id="distpath">
+    <h3>
+        <doc-anchor-trigger class="header-anchor-trigger" to="#distpath">#</doc-anchor-trigger>
+        <span><code v-pre>distPath</code></span>
+    </h3>
+</doc-anchor-target>
+<ul>
+<li><strong>Type</strong>: <code v-pre>string</code></li>
+<li><strong>Default</strong>: <code v-pre>dist</code></li>
+</ul>
+<p>Set Rsbuild <a href="https://rsbuild.dev/config/output/dist-path" class="outbound" target="_blank">output.distPath</a> option.</p>
+<div class="codeblock-wrapper"><doc-codeblock>
+<div class="codeblock-title">rslib.build.ts</div>
+<pre class="language-typescript" data-line="5"><code v-pre class="language-typescript">import { defineDevConfig } from &quot;@workleap/rslib-configs&quot;;
+import path from &quot;node:path&quot;;
+
+export default defineDevConfig({
+    distPath: path.resolve(&quot;./a-custom-folder&quot;)
+});</code></pre>
+</doc-codeblock></div>
+<doc-anchor-target id="plugins">
+    <h3>
+        <doc-anchor-trigger class="header-anchor-trigger" to="#plugins">#</doc-anchor-trigger>
+        <span><code v-pre>plugins</code></span>
+    </h3>
+</doc-anchor-target>
+<ul>
+<li><strong>Type</strong>: An array of Rsbuild <a href="https://rsbuild.dev/plugins/list/index" class="outbound" target="_blank">plugin instances</a></li>
+<li><strong>Default</strong>: <code v-pre>[]</code></li>
+</ul>
+<p>Append the provided Rsbuild plugins to the configuration.</p>
+<div class="codeblock-wrapper"><doc-codeblock>
+<div class="codeblock-title">rslib.dev.ts</div>
+<pre class="language-typescript" data-line="5"><code v-pre class="language-typescript">import { defineDevConfig } from &quot;@workleap/rslib-configs&quot;;
+import { pluginAssetsRetry } from &quot;@rsbuild/plugin-assets-retry&quot;;
+
+export default defineDevConfig({
+    plugins: [pluginAssetsRetry()]
+});</code></pre>
+</doc-codeblock></div>
+<doc-anchor-target id="sourcemap">
+    <h3>
+        <doc-anchor-trigger class="header-anchor-trigger" to="#sourcemap">#</doc-anchor-trigger>
+        <span><code v-pre>sourceMap</code></span>
+    </h3>
+</doc-anchor-target>
+<ul>
+<li><strong>Type</strong>: <code v-pre>false</code> or an object literal accepting any <a href="https://rsbuild.dev/config/output/source-map" class="outbound" target="_blank">output.sourceMap</a> options.</li>
+<li><strong>Default</strong>: <code v-pre>{ js: &quot;cheap-module-source-map&quot;, css: true }</code></li>
+</ul>
+<p>Whether or not to generate <a href="https://rsbuild.dev/config/output/source-map" class="outbound" target="_blank">source maps</a>. To disable source map, set the option to <code v-pre>false</code>.</p>
+<div class="codeblock-wrapper"><doc-codeblock>
+<div class="codeblock-title">rslib.dev.ts</div>
+<pre class="language-typescript" data-line="4"><code v-pre class="language-typescript">import { defineDevConfig } from &quot;@workleap/rslib-configs&quot;;
+
+export default defineDevConfig({
+    sourceMap: false
+});</code></pre>
+</doc-codeblock></div>
+<p>To customize the source map <a href="https://rsbuild.dev/config/output/source-map" class="outbound" target="_blank">configuration</a>, provide an object literal.</p>
+<div class="codeblock-wrapper"><doc-codeblock>
+<div class="codeblock-title">rslib.dev.ts</div>
+<pre class="language-typescript" data-line="4-6"><code v-pre class="language-typescript">import { defineDevConfig } from &quot;@workleap/rslib-configs&quot;;
+
+export default defineDevConfig({
+    sourceMap: {
+        css: false
+    }
+});</code></pre>
+</doc-codeblock></div>
+<doc-anchor-target id="react">
+    <h3>
+        <doc-anchor-trigger class="header-anchor-trigger" to="#react">#</doc-anchor-trigger>
+        <span><code v-pre>react</code></span>
+    </h3>
+</doc-anchor-target>
+<ul>
+<li><strong>Type</strong>: <code v-pre>false</code> or <code v-pre>(defaultOptions: PluginReactOptions) =&gt; PluginReactOptions</code></li>
+<li><strong>Default</strong>: <code v-pre>defaultOptions =&gt; defaultOptions</code></li>
+</ul>
+<p>Whether or not to transform React code. To disable React code transformation, set the option to <code v-pre>false</code>.</p>
+<div class="codeblock-wrapper"><doc-codeblock>
+<div class="codeblock-title">rslib.dev.ts</div>
+<pre class="language-typescript" data-line="4"><code v-pre class="language-typescript">import { defineDevConfig } from &quot;@workleap/rslib-configs&quot;;
+
+export default defineDevConfig({
+    react: false
+});</code></pre>
+</doc-codeblock></div>
+<p>To customize <a href="https://rsbuild.dev/plugins/list/plugin-react" class="outbound" target="_blank">plugin-react</a>, provide a function to extend the default options.</p>
+<div class="codeblock-wrapper"><doc-codeblock>
+<div class="codeblock-title">rslib.dev.ts</div>
+<pre class="language-typescript" data-line="4-12"><code v-pre class="language-typescript">import { defineDevConfig } from &quot;@workleap/rslib-configs&quot;;
+
+export default defineDevConfig({
+    react: defaultOptions =&gt; {
+        return {
+            ...defaultOptions,
+            swcReactOptions: {
+                ...(defaultOptions.swcReactOptions ?? {}),
+                runtime: &quot;classic&quot;
+            }
+        };
+    }
+});</code></pre>
+</doc-codeblock></div>
+<doc-anchor-target id="svgr">
+    <h3>
+        <doc-anchor-trigger class="header-anchor-trigger" to="#svgr">#</doc-anchor-trigger>
+        <span><code v-pre>svgr</code></span>
+    </h3>
+</doc-anchor-target>
+<ul>
+<li><strong>Type</strong>: <code v-pre>false</code> or <code v-pre>(defaultOptions: PluginSvgrOptions) =&gt; PluginSvgrOptions</code></li>
+<li><strong>Default</strong>: <code v-pre>defaultOptions =&gt; defaultOptions</code></li>
+</ul>
+<p>Whether or not to handle <code v-pre>.svg</code> files with <a href="https://rsbuild.dev/plugins/list/plugin-svgr" class="outbound" target="_blank">plugin-svgr</a>. When the option is set to <code v-pre>false</code>, the <code v-pre>.svg</code> files will be handled by the <code v-pre>asset/resource</code> rule.</p>
+<div class="codeblock-wrapper"><doc-codeblock>
+<div class="codeblock-title">rslib.dev.ts</div>
+<pre class="language-typescript" data-line="4"><code v-pre class="language-typescript">import { defineDevConfig } from &quot;@workleap/rslib-configs&quot;;
+
+export default defineDevConfig({
+    svgr: false
+});</code></pre>
+</doc-codeblock></div>
+<p>To customize the <a href="https://rsbuild.dev/plugins/list/plugin-svgr" class="outbound" target="_blank">plugin-svgr</a>, provide a function extending the default options.</p>
+<div class="codeblock-wrapper"><doc-codeblock>
+<div class="codeblock-title">rslib.dev.ts</div>
+<pre class="language-typescript" data-line="4-13"><code v-pre class="language-typescript">import { defineDevConfig } from &quot;@workleap/rslib-configs&quot;;
+
+export default defineDevConfig({
+    svgr: defaultOptions =&gt; {
+        return {
+            svgrOptions: {
+                ...(defaultOptions.svgrOptions ?? {}),
+                ref: true
+            }
+            ...defaultOptions,
+
+        }
+    }
+});</code></pre>
+</doc-codeblock></div>
+<doc-anchor-target id="typings">
+    <h4>
+        <doc-anchor-trigger class="header-anchor-trigger" to="#typings">#</doc-anchor-trigger>
+        <span>Typings</span>
+    </h4>
+</doc-anchor-target>
+<p>When an SVG asset in referenced in TypeScript code, TypeScript may prompt that the module is missing a type definition:</p>
+<div class="codeblock-wrapper"><doc-codeblock>
+<pre class="language-bash"><code v-pre class="language-bash">TS2307: Cannot find module './logo.svg' or its corresponding type declarations.</code></pre>
+</doc-codeblock></div>
+<p>To fix this, add a type declaration for the SVG assets, by creating a <code v-pre>src/env.d.ts</code> file, and add the type declaration.</p>
+<div class="codeblock-wrapper"><doc-codeblock>
+<div class="codeblock-title">src/env.d.ts</div>
+<pre class="language-typescript"><code v-pre class="language-typescript">declare module '*.svg' {
+  export const ReactComponent: React.FunctionComponent&lt;
+    React.SVGProps&lt;SVGSVGElement&gt;
+  &gt;;
+}
+declare module '*.svg?react' {
+  const ReactComponent: React.FunctionComponent&lt;React.SVGProps&lt;SVGSVGElement&gt;&gt;;
+  export default ReactComponent;
+}</code></pre>
+</doc-codeblock></div>
+<p>For additional information, refer to the plugin <a href="https://rsbuild.dev/plugins/list/plugin-svgr#type-declaration" class="outbound" target="_blank">documentation</a>.</p>
+<doc-anchor-target id="import-images">
+    <h4>
+        <doc-anchor-trigger class="header-anchor-trigger" to="#import-images">#</doc-anchor-trigger>
+        <span>Import images</span>
+    </h4>
+</doc-anchor-target>
+<p>By default, <code v-pre>plugin-svgr</code> is configured to support <a href="https://rsbuild.dev/plugins/list/plugin-svgr#named-import" class="outbound" target="_blank">named import</a> for <code v-pre>ReactComponent</code>:</p>
+<div class="codeblock-wrapper"><doc-codeblock>
+<pre class="language-tsx"><code v-pre class="language-tsx">import { ReactComponent as Logo } from &quot;./logo.svg&quot;;
+
+export const App = () =&gt; &lt;Logo /&gt;;</code></pre>
+</doc-codeblock></div>
+<doc-anchor-target id="configuration-transformers">
+    <h2>
+        <doc-anchor-trigger class="header-anchor-trigger" to="#configuration-transformers">#</doc-anchor-trigger>
+        <span>Configuration transformers</span>
+    </h2>
+</doc-anchor-target>
+<div class="flex mb-6">
+    <div class="shrink-0 w-1 rounded-tl rounded-bl bg-yellow-500"></div>
+    <div class="flex w-full py-4 border border-l-0 border-gray-300 rounded-tr rounded-br doc-alert bg-white dark:bg-dark-700 dark:border-dark-700" role="alert">
+        <div class="flex items-center ml-4 h-7">
+            <svg xmlns="http://www.w3.org/2000/svg" class="mb-px text-yellow-500" width="22" height="22" viewBox="0 0 24 24" role="presentation">
+                <g fill="currentColor"><g>
+                    <path d="M22.48 15.59L14.01 1.45A2.968 2.968 0 0012.16.09c-.78-.19-1.58-.07-2.27.35-.41.25-.76.6-1.01 1.01v.01L.4 15.6c-.83 1.43-.33 3.27 1.1 4.1.45.26.95.4 1.48.4h16.95c.8-.01 1.55-.33 2.11-.9.56-.57.87-1.33.86-2.13a3.04 3.04 0 00-.42-1.48zm-1.87 2.21c-.19.19-.44.3-.69.3H2.99c-.17 0-.34-.05-.49-.13a.992.992 0 01-.37-1.35L10.6 2.48c.08-.14.2-.25.34-.33a.992.992 0 011.37.33l8.46 14.13c.09.15.13.32.13.49 0 .26-.1.51-.29.7z"></path>
+                    <path d="M11.45 12.1c.55 0 1-.45 1-1v-4c0-.55-.45-1-1-1s-1 .45-1 1v4c0 .56.45 1 1 1zM11.46 14.1c-.56 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1z"></path>
+                </g></g>
+            </svg>
+        </div>
+        <div class="pr-5 ml-3 w-full">
+<p>We do not guarantee that your configuration transformers won&#x27;t break after an update. It&#x27;s your responsibility to keep them up to date with new releases.</p>
+        </div>
+    </div>
+</div>
+<p>The <doc-anchor-trigger to="#use-predefined-options">predefined options</doc-anchor-trigger> are useful to quickly customize the <a href="https://github.com/gsoft-inc/wl-web-configs/blob/main/packages/rslib-configs/src/dev.ts" class="outbound" target="_blank">default development configuration</a> of <code v-pre>@workleap/rslib-configs</code>, but only covers a subset of an <a href="https://lib.rsbuild.dev/config/index" class="outbound" target="_blank">Rslib configuration</a>. If you need full control over the configuration, you can provide configuration transformer functions through the <code v-pre>transformers</code> option of the <code v-pre>defineDevConfig</code> function. Remember, <strong>no locked in</strong> <span class="docs-emoji">&#x2764;&#xFE0F;</span><span class="docs-emoji">&#x270C;&#xFE0F;</span>.</p>
+<p>To view the default development configuration of <code v-pre>@workleap/rslib-configs</code>, have a look at the <a href="https://github.com/gsoft-inc/wl-web-configs/blob/main/packages/rslib-configs/src/dev.ts" class="outbound" target="_blank">dev.ts configuration file</a> on GitHub.</p>
+<doc-anchor-target id="transformers">
+    <h3>
+        <doc-anchor-trigger class="header-anchor-trigger" to="#transformers">#</doc-anchor-trigger>
+        <span><code v-pre>transformers</code></span>
+    </h3>
+</doc-anchor-target>
+<ul>
+<li><strong>Type</strong>: <code v-pre>((config: RslibConfig, context: RslibConfigTransformerContext) =&gt; RslibConfig)[]</code></li>
+<li><strong>Default</strong>: <code v-pre>[]</code></li>
+</ul>
+<div class="codeblock-wrapper"><doc-codeblock>
+<pre class="language-typescript"><code v-pre class="language-typescript">transformer(config: RslibConfig, context: RslibConfigTransformerContext) =&gt; RslibConfig</code></pre>
+</doc-codeblock></div>
+<div class="codeblock-wrapper"><doc-codeblock>
+<div class="codeblock-title">rslib.dev.ts</div>
+<pre class="language-typescript" data-line="3-13,16"><code v-pre class="language-typescript">import { defineDevConfig, type RslibConfig, type RslibConfigTransformer } from &quot;@workleap/rslib-configs&quot;;
+
+const forceNamedChunkIdsTransformer: RslibConfigTransformer = (config: RslibConfig) =&gt; {
+    config.tools = config.tools ?? {};
+    config.tools.rspack = config.tools.rspack ?? {};
+
+    config.tools.rspack.optimization = {
+        ...(config.tools.rspack.optimization ?? {}),
+        chunkIds: &quot;named&quot;
+    };
+
+    return config;
+};
+
+export default defineDevConfig({
+    transformers: [forceNamedChunkIdsTransformer]
+});</code></pre>
+</doc-codeblock></div>
+<doc-anchor-target id="execution-context">
+    <h3>
+        <doc-anchor-trigger class="header-anchor-trigger" to="#execution-context">#</doc-anchor-trigger>
+        <span>Execution context</span>
+    </h3>
+</doc-anchor-target>
+<p>Generic transformers can use the <code v-pre>context</code> parameter to gather additional information about their execution context, like the <code v-pre>environment</code> they are operating in.</p>
+<div class="codeblock-wrapper"><doc-codeblock>
+<div class="codeblock-title">transformer.ts</div>
+<pre class="language-typescript" data-line="4"><code v-pre class="language-typescript">import type { RslibConfig, RslibConfigTransformer } from &quot;@workleap/rslib-configs&quot;;
+
+export const transformer: RslibConfigTransformer = (config: RslibConfig) =&gt; {
+    if (context.environment === &quot;dev&quot;) {
+        config.tools = config.tools ?? {};
+        config.tools.rspack = config.tools.rspack ?? {};
+
+        config.tools.rspack.optimization = {
+            ...(config.tools.rspack.optimization ?? {}),
+            chunkIds: &quot;named&quot;
+        };
+    }
+
+    return config;
+}</code></pre>
+</doc-codeblock></div>
+<ul>
+<li><code v-pre>environment</code>: <code v-pre>&quot;dev&quot; | &quot;build&quot; | &quot;storybook&quot;</code></li>
+</ul>
+<doc-anchor-target id="setup-nodemon">
+    <h2>
+        <doc-anchor-trigger class="header-anchor-trigger" to="#setup-nodemon">#</doc-anchor-trigger>
+        <span>Setup nodemon</span>
+    </h2>
+</doc-anchor-target>
+<p><a href="https://nodemon.io/" class="outbound" target="_blank">Nodemon</a> is a utility that will monitor for any changes in the <code v-pre>rslib.dev.ts</code> file and restart Rslib watch process whenever a change occurs.</p>
+<p>First, add a <code v-pre>nodemon.json</code> file at the root of the project:</p>
+<div class="codeblock-wrapper"><doc-codeblock>
+<pre class="language-none" data-line="5"><code v-pre class="language-none">library-project
+├── src
+├──── ...
+├── package.json
+├── rslib.dev.ts
+├── nodemon.json</code></pre>
+</doc-codeblock></div>
+<p>Then, open the <code v-pre>nodemon.json</code> file and copy/paste the following content:</p>
+<div class="codeblock-wrapper"><doc-codeblock>
+<div class="codeblock-title">nodemon.json</div>
+<pre class="language-json"><code v-pre class="language-json">{
+    &quot;watch&quot;: [&quot;rslib.dev.ts&quot;],
+    &quot;exec&quot;: &quot;rslib build -w -c ./rslib.dev.ts&quot;
+}</code></pre>
+</doc-codeblock></div>
+<p>Finally, add a CLI script at the <doc-anchor-trigger to="#add-a-cli-script">next step</doc-anchor-trigger> of this guide.</p>
+<doc-anchor-target id="add-a-cli-script">
+    <h2>
+        <doc-anchor-trigger class="header-anchor-trigger" to="#add-a-cli-script">#</doc-anchor-trigger>
+        <span>Add a CLI script</span>
+    </h2>
+</doc-anchor-target>
+<p>To initiate the watch process, add the following script to the project <code v-pre>package.json</code> file:</p>
+<div class="codeblock-wrapper"><doc-codeblock>
+<div class="codeblock-title">package.json</div>
+<pre class="language-json"><code v-pre class="language-json">{
+    &quot;dev&quot;: &quot;nodemon&quot;
+}</code></pre>
+</doc-codeblock></div>
+<doc-anchor-target id="css-modules-typings">
+    <h2>
+        <doc-anchor-trigger class="header-anchor-trigger" to="#css-modules-typings">#</doc-anchor-trigger>
+        <span>CSS modules typings</span>
+    </h2>
+</doc-anchor-target>
+<p>When CSS Modules are imported from TypeScript code, TypeScript may prompt that the module is missing a type definition:</p>
+<div class="codeblock-wrapper"><doc-codeblock>
+<pre class="language-bash"><code v-pre class="language-bash">TS2307: Cannot find module './index.module.css' or its corresponding type declarations.</code></pre>
+</doc-codeblock></div>
+<p>To fix this, add a type declaration file for the CSS Modules, by creating a <code v-pre>src/env.d.ts</code> file, and adding the corresponding type declaration.</p>
+<div class="codeblock-wrapper"><doc-codeblock>
+<div class="codeblock-title">env.d.ts</div>
+<pre class="language-typescript"><code v-pre class="language-typescript">/// &lt;reference types=&quot;@rsbuild/core/types&quot; /&gt;</code></pre>
+</doc-codeblock></div>
+<div class="flex mb-6">
+    <div class="shrink-0 w-1 rounded-tl rounded-bl bg-blue-300"></div>
+    <div class="flex w-full py-4 border border-l-0 border-gray-300 rounded-tr rounded-br doc-alert bg-white dark:bg-dark-700 dark:border-dark-700" role="alert">
+        <div class="flex items-center ml-4 h-7">
+            <svg xmlns="http://www.w3.org/2000/svg" class="mb-px text-blue-300" width="22" height="22" viewBox="0 0 24 24" role="presentation">
+                <g fill="currentColor"><g>
+                    <path d="M12 1C5.93 1 1 5.93 1 12s4.93 11 11 11 11-4.93 11-11S18.07 1 12 1zm0 20c-4.96 0-9-4.04-9-9s4.04-9 9-9 9 4.04 9 9-4.04 9-9 9z"></path>
+                    <path d="M12 11c-.55 0-1 .45-1 1v4c0 .55.45 1 1 1s1-.45 1-1v-4c0-.55-.45-1-1-1zM12.01 7c-.56 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1z"></path>
+                    <path fill="none" d="M0 0h24v24H0z"></path>
+                </g></g>
+            </svg>
+        </div>
+        <div class="pr-5 ml-3 w-full">
+<p>Yes, reference types from <code v-pre>@rsbuild/core</code>, it&#x27;s not a typo.</p>
+        </div>
+    </div>
+</div>
+<doc-anchor-target id="monorepo">
+    <h3>
+        <doc-anchor-trigger class="header-anchor-trigger" to="#monorepo">#</doc-anchor-trigger>
+        <span>Monorepo</span>
+    </h3>
+</doc-anchor-target>
+<p>If the solution is a monorepo, ensure that projects referencing the packages that include CSS Modules, also include the necessary type definitions</p>
+<p>For example, given the following structure:</p>
+<div class="codeblock-wrapper"><doc-codeblock>
+<pre class="language-none" data-line="3,7"><code v-pre class="language-none">workspace
+├── app
+├──── tsconfig.ts
+├── packages
+├──── components
+├────── src
+├───────── Button.tsx
+├───────── Button.module.css
+├───────── env.d.ts
+├───────── tsconfig.ts
+├── package.json</code></pre>
+</doc-codeblock></div>
+<p>Copy the CSS Modules typings into the <code v-pre>app</code> web application own <code v-pre>env.d.ts</code> file, or include the <code v-pre>components</code> package&#x27;s typings into the <code v-pre>apps</code> web application <code v-pre>tsconfig.ts</code> configuration file:</p>
+<div class="codeblock-wrapper"><doc-codeblock>
+<div class="codeblock-title">app/tsconfig.ts</div>
+<pre class="language-json" data-line="5"><code v-pre class="language-json">{
+    &quot;extends&quot;: &quot;@workleap/typescript-configs/web-application.json&quot;,
+    &quot;include&quot;: [
+        &quot;.&quot;,
+        &quot;../**/src/env.d.ts&quot;
+    ],
+    &quot;exclude&quot;: [&quot;public&quot;, &quot;dist&quot;, &quot;node_modules&quot;]
+}</code></pre>
+</doc-codeblock></div>
+<div class="flex mb-6">
+    <div class="shrink-0 w-1 rounded-tl rounded-bl bg-blue-300"></div>
+    <div class="flex w-full py-4 border border-l-0 border-gray-300 rounded-tr rounded-br doc-alert bg-white dark:bg-dark-700 dark:border-dark-700" role="alert">
+        <div class="flex items-center ml-4 h-7">
+            <svg xmlns="http://www.w3.org/2000/svg" class="mb-px text-blue-300" width="22" height="22" viewBox="0 0 24 24" role="presentation">
+                <g fill="currentColor"><g>
+                    <path d="M12 1C5.93 1 1 5.93 1 12s4.93 11 11 11 11-4.93 11-11S18.07 1 12 1zm0 20c-4.96 0-9-4.04-9-9s4.04-9 9-9 9 4.04 9 9-4.04 9-9 9z"></path>
+                    <path d="M12 11c-.55 0-1 .45-1 1v4c0 .55.45 1 1 1s1-.45 1-1v-4c0-.55-.45-1-1-1zM12.01 7c-.56 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1z"></path>
+                    <path fill="none" d="M0 0h24v24H0z"></path>
+                </g></g>
+            </svg>
+        </div>
+        <div class="pr-5 ml-3 w-full">
+<p>For additional information about CSS modules type declaration, refer to the Rslib/Rsbuild <a href="https://rsbuild.dev/guide/basic/css-modules#type-declaration" class="outbound" target="_blank">documentation</a>.</p>
+        </div>
+    </div>
+</div>
+<doc-anchor-target id="try-it">
+    <h2>
+        <doc-anchor-trigger class="header-anchor-trigger" to="#try-it">#</doc-anchor-trigger>
+        <span>Try it <span class="docs-emoji">&#x1F680;</span></span>
+    </h2>
+</doc-anchor-target>
+<p>To test the new Rslib configuration, open a terminal at the root of the project and execute the <doc-anchor-trigger to="#add-a-cli-script">CLI script added earlier</doc-anchor-trigger>. The library project should should be compiled without outputting any error in the terminal and watch process should start.</p>
+
+                                
+                                <!-- Required only on API pages -->
+                                <doc-toolbar-member-filter-no-results></doc-toolbar-member-filter-no-results>
+                            </div>
+                            <footer class="clear-both">
+                                <div class="flex flex-wrap items-center justify-between mt-14">
+                                    <a class="my-2.5 inline-flex items-center text-sm whitespace-nowrap text-blue-500 dark:text-blue-400 hover:text-blue-700 hover:underline" href="https://github.com/gsoft-inc/wl-web-configs/blob/main/docs/rslib/configure-dev.md" target="_blank" rel="noopener">
+                                        <svg class="mr-1.5" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="currentColor" overflow="visible"><path d="M20 12c-.55 0-1 .45-1 1v7c0 .55-.45 1-1 1H4c-.55 0-1-.45-1-1V6c0-.55.45-1 1-1h7c.55 0 1-.45 1-1s-.45-1-1-1H4C2.35 3 1 4.35 1 6v14c0 1.65 1.35 3 3 3h14c1.65 0 3-1.35 3-3v-7c0-.55-.45-1-1-1z" /><path d="M22.21 1.79c-1.18-1.18-3.24-1.18-4.41 0l-9.5 9.5c-.13.13-.22.29-.26.46l-1 4c-.08.34.01.7.26.95.18.2.44.3.7.3.08 0 .16-.01.24-.03l4-1c.18-.04.34-.13.46-.26l9.5-9.5c1.22-1.22 1.22-3.2.01-4.42zm-1.42 3l-9.3 9.3-2.11.53.53-2.11 9.3-9.3c.42-.42 1.16-.42 1.59 0 .43.43.43 1.15-.01 1.58z" /><path fill="none" d="M0 0h24v24H0z" /></svg>
+                                        <span>Edit this page</span>
+                                    </a>
+                                </div>
+                            
+                                <nav class="flex mt-14">
+                                    <div class="w-1/2">
+                                        <a class="px-5 py-4 h-full flex items-center break-normal font-medium text-blue-500 dark:text-blue-400 border border-gray-300 hover:border-gray-400 dark:border-dark-650 dark:hover:border-dark-450 rounded-l-lg transition-colors duration-150 relative hover:z-5" href="../../rslib/">
+                                            <svg xmlns="http://www.w3.org/2000/svg" class="mr-3" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" overflow="visible"><path d="M19 11H7.41l5.29-5.29a.996.996 0 10-1.41-1.41l-7 7a1 1 0 000 1.42l7 7a1.024 1.024 0 001.42-.01.996.996 0 000-1.41L7.41 13H19c.55 0 1-.45 1-1s-.45-1-1-1z" /><path fill="none" d="M0 0h24v24H0z" /></svg>
+                                            <span>
+                                                <span class="block text-xs font-normal text-gray-400 dark:text-dark-400">Previous</span>
+                                                <span class="block mt-1">Rslib</span>
+                                            </span>
+                                        </a>
+                                    </div>
+                            
+                                    <div class="w-1/2">
+                                        <a class="px-5 py-4 -mx-px h-full flex items-center justify-end break-normal font-medium text-blue-500 dark:text-blue-400 border border-gray-300 hover:border-gray-400 dark:border-dark-650 dark:hover:border-dark-450 rounded-r-lg transition-colors duration-150 relative hover:z-5" href="../../rslib/configure-build/">
+                                            <span>
+                                                <span class="block text-xs font-normal text-right text-gray-400 dark:text-dark-400">Next</span>
+                                                <span class="block mt-1">Configure for build</span>
+                                            </span>
+                                            <svg xmlns="http://www.w3.org/2000/svg" class="ml-3" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" overflow="visible"><path d="M19.92 12.38a1 1 0 00-.22-1.09l-7-7a.996.996 0 10-1.41 1.41l5.3 5.3H5c-.55 0-1 .45-1 1s.45 1 1 1h11.59l-5.29 5.29a.996.996 0 000 1.41c.19.2.44.3.7.3s.51-.1.71-.29l7-7c.09-.09.16-.21.21-.33z" /><path fill="none" d="M0 0h24v24H0z" /></svg>
+                                        </a>
+                                    </div>
+                                </nav>
+                            </footer>
+                        </main>
+                
+                        <div class="border-t dark:border-dark-650 pt-6 mb-8">
+                            <footer class="flex flex-wrap items-center justify-between">
+                                <div>
+                                    <ul class="flex flex-wrap items-center text-sm">
+                                        <li>
+                                            <a class="inline-flex items-center mr-4 py-2 text-sm whitespace-nowrap transition-colors duration-200 ease-linear text-blue-500 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-200 md:mb-0" href="../../about/">
+                                                <svg xmlns="http://www.w3.org/2000/svg" class="mb-px mr-1" width="18" height="18" viewBox="0 0 24 24" role="presentation">
+                                                    <g fill="currentColor">
+                                                        <path d="M10.97 8.265a1.45 1.45 0 0 0-.487.57.75.75 0 0 1-1.341-.67c.2-.402.513-.826.997-1.148C10.627 6.69 11.244 6.5 12 6.5c.658 0 1.369.195 1.934.619a2.45 2.45 0 0 1 1.004 2.006c0 1.033-.513 1.72-1.027 2.215-.19.183-.399.358-.579.508l-.147.123a4.329 4.329 0 0 0-.435.409v1.37a.75.75 0 1 1-1.5 0v-1.473c0-.237.067-.504.247-.736.22-.28.486-.517.718-.714l.183-.153.001-.001c.172-.143.324-.27.47-.412.368-.355.569-.676.569-1.136a.953.953 0 0 0-.404-.806C12.766 8.118 12.384 8 12 8c-.494 0-.814.121-1.03.265ZM13 17a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"/><path d="M12 1c6.075 0 11 4.925 11 11s-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1ZM2.5 12a9.5 9.5 0 0 0 9.5 9.5 9.5 9.5 0 0 0 9.5-9.5A9.5 9.5 0 0 0 12 2.5 9.5 9.5 0 0 0 2.5 12Z"/>
+                                                    </g>
+                                                </svg>
+                                                <span>About</span>
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a class="inline-flex items-center mr-4 py-2 text-sm whitespace-nowrap transition-colors duration-200 ease-linear text-blue-500 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-200 md:mb-0" href="https://github.com/gsoft-inc/wl-web-configs/blob/main/LICENSE" target="_blank">
+                                                <svg xmlns="http://www.w3.org/2000/svg" class="mb-px mr-1" width="18" height="18" viewBox="0 0 24 24" role="presentation">
+                                                    <g fill="currentColor">
+                                                        <path d="M16.53 9.78a.75.75 0 0 0-1.06-1.06L11 13.19l-1.97-1.97a.75.75 0 0 0-1.06 1.06l2.5 2.5a.75.75 0 0 0 1.06 0l5-5Z"/><path d="m12.54.637 8.25 2.675A1.75 1.75 0 0 1 22 4.976V10c0 6.19-3.771 10.704-9.401 12.83a1.704 1.704 0 0 1-1.198 0C5.77 20.705 2 16.19 2 10V4.976c0-.758.489-1.43 1.21-1.664L11.46.637a1.748 1.748 0 0 1 1.08 0Zm-.617 1.426-8.25 2.676a.249.249 0 0 0-.173.237V10c0 5.46 3.28 9.483 8.43 11.426a.199.199 0 0 0 .14 0C17.22 19.483 20.5 15.461 20.5 10V4.976a.25.25 0 0 0-.173-.237l-8.25-2.676a.253.253 0 0 0-.154 0Z"/>
+                                                    </g>
+                                                </svg>
+                                                <span>License</span>
+                                            </a>
+                                        </li>
+                                    </ul>
+                                </div>
+                                <div class="docs-copyright py-2 text-gray-500 dark:text-dark-350 text-sm leading-relaxed"><p>© Copyright 2025 - Workleap</p></div>
+                            </footer>
+                        </div>
+                    </div>
+                
+                    <!-- Rendered if sidebar right is enabled -->
+                    <!-- Sidebar right skeleton-->
+                    <div v-cloak class="fixed top-0 bottom-0 right-0 translate-x-full bg-white border-gray-200 lg:sticky lg:border-l lg:shrink-0 lg:pt-6 lg:transform-none sm:w-1/2 lg:w-64 lg:z-0 md:w-104 sidebar-right skeleton dark:bg-dark-850 dark:border-dark-650">
+                        <div class="pl-5">
+                            <div class="w-32 h-3 mb-4 bg-gray-200 dark:bg-dark-600 rounded-full loading"></div>
+                            <div class="w-48 h-3 mb-4 bg-gray-200 dark:bg-dark-600 rounded-full loading"></div>
+                            <div class="w-40 h-3 mb-4 bg-gray-200 dark:bg-dark-600 rounded-full loading"></div>
+                        </div>
+                    </div>
+                
+                    <!-- User should be able to hide sidebar right -->
+                    <doc-sidebar-right v-cloak></doc-sidebar-right>
+                </div>
+
+            </div>
+        </div>
+    
+        <doc-search-mobile></doc-search-mobile>
+        <doc-back-to-top></doc-back-to-top>
+    </div>
+
+
+    <div id="docs-overlay-target"></div>
+
+    <script data-cfasync="false">window.__DOCS__ = { "title": "Configure for development", level: 2, icon: "file", hasPrism: true, hasMermaid: false, hasMath: false, tocDepth: 23 }</script>
+</body>
+</html>
diff --git a/rslib/configure-storybook/index.html b/rslib/configure-storybook/index.html
new file mode 100644
index 00000000..baa3d724
--- /dev/null
+++ b/rslib/configure-storybook/index.html
@@ -0,0 +1,761 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width,initial-scale=1">
+    <meta name="turbo-root" content="/wl-web-configs">
+    <meta name="turbo-cache-control" content="no-cache" data-turbo-track="reload" data-track-token="3.6.0.790190789202">
+
+    <!-- See retype.com -->
+    <meta name="generator" content="Retype 3.6.0">
+
+    <!-- Primary Meta Tags -->
+    <title>Configure for Storybook - Rslib</title>
+    <meta name="title" content="Configure for Storybook - Rslib">
+    <meta name="description" content="To configure Rslib for Storybook, execute the following steps 👇">
+
+    <!-- Canonical -->
+    <link rel="canonical" href="https://gsoft-inc.github.io/wl-web-configs/rslib/configure-storybook/">
+
+    <!-- Open Graph / Facebook -->
+    <meta property="og:type" content="website">
+    <meta property="og:url" content="https://gsoft-inc.github.io/wl-web-configs/rslib/configure-storybook/">
+    <meta property="og:title" content="Configure for Storybook - Rslib">
+    <meta property="og:description" content="To configure Rslib for Storybook, execute the following steps 👇">
+
+    <!-- Twitter -->
+    <meta property="twitter:card" content="summary_large_image">
+    <meta property="twitter:url" content="https://gsoft-inc.github.io/wl-web-configs/rslib/configure-storybook/">
+    <meta property="twitter:title" content="Configure for Storybook - Rslib">
+    <meta property="twitter:description" content="To configure Rslib for Storybook, execute the following steps 👇">
+
+    <script data-cfasync="false">(function () { var el = document.documentElement, m = localStorage.getItem("doc_theme"), wm = window.matchMedia; if (m === "dark" || (!m && wm && wm("(prefers-color-scheme: dark)").matches)) { el.classList.add("dark") } else { el.classList.remove("dark") } })();</script>
+
+    <link href="../../static/favicon.png" rel="icon">
+    <link href="../../resources/css/retype.css?v=3.6.0.790190789202" rel="stylesheet">
+
+    <script data-cfasync="false" src="../../resources/js/config.js?v=3.6.0.790190789202" data-turbo-eval="false" defer></script>
+    <script data-cfasync="false" src="../../resources/js/retype.js?v=3.6.0" data-turbo-eval="false" defer></script>
+    <script id="lunr-js" data-cfasync="false" src="../../resources/js/lunr.js?v=3.6.0.790190789202" data-turbo-eval="false" defer></script>
+    <script id="prism-js" data-cfasync="false" src="../../resources/js/prism.js?v=3.6.0.790190789202" defer></script>
+
+    <link href="https://gsoft-inc.github.io/wl-idp-docs-hub/static/retype-customization.css" rel="stylesheet" />
+
+</head>
+<body>
+    <div id="docs-app" class="relative text-base antialiased text-gray-700 bg-white font-body dark:bg-dark-850 dark:text-dark-300">
+        <div class="absolute bottom-0 left-0 bg-gray-100 dark:bg-dark-800" style="top: 5rem; right: 50%"></div>
+    
+        <header id="docs-site-header" class="sticky top-0 z-30 flex w-full h-16 bg-white border-b border-gray-200 md:h-20 dark:bg-dark-850 dark:border-dark-650">
+            <div class="container relative flex items-center justify-between pr-6 grow md:justify-start">
+                <!-- Mobile menu button skeleton -->
+                <button v-cloak class="skeleton docs-mobile-menu-button flex items-center justify-center shrink-0 overflow-hidden dark:text-white focus:outline-none rounded-full w-10 h-10 ml-3.5 md:hidden"><svg xmlns="http://www.w3.org/2000/svg" class="mb-px shrink-0" width="24" height="24" viewBox="0 0 24 24" role="presentation" style="margin-bottom: 0px;"><g fill="currentColor"><path d="M2 4h20v2H2zM2 11h20v2H2zM2 18h20v2H2z"></path></g></svg></button>
+                <div v-cloak id="docs-sidebar-toggle"></div>
+        
+                <!-- Logo -->
+                <div class="flex items-center justify-between h-full py-2 md:w-75">
+                    <div class="flex items-center px-2 md:px-6">
+                        <a id="docs-hub-link" href="https://gsoft-inc.github.io/wl-idp-docs-hub/" title="Workleap's IDP homepage">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="12" height="30" viewBox="0 0 12 30" fill="currentColor" aria-label="Home" focusable="false" role="img">
+                                <path d="M10.6763 23.0822C10.4303 23.328 10.0967 23.4661 9.74885 23.4661C9.40103 23.4661 9.06744 23.328 8.82135 23.0822L1.38384 15.6447C1.13806 15.3986 1 15.065 1 14.7172C1 14.3694 1.13806 14.0358 1.38384 13.7897L8.82135 6.35222C9.0703 6.1205 9.39939 5.99432 9.73945 6.0002C10.0795 6.00607 10.404 6.14354 10.6448 6.38372C10.885 6.62452 11.0225 6.94906 11.0284 7.28912C11.0342 7.62917 10.9081 7.95826 10.6763 8.20722L4.16635 14.7172L10.6763 21.2272C10.9221 21.4733 11.0602 21.8069 11.0602 22.1547C11.0602 22.5025 10.9221 22.8361 10.6763 23.0822Z" />
+                            </svg>
+                        </a>
+                        <a id="docs-site-logo" href="../../" class="flex items-center leading-snug text-2xl">
+                            <span class="w-10 mr-2 grow-0 shrink-0 overflow-hidden">
+                                <img class="max-h-10 dark:hidden md:inline-block" src="../../static/logo.png">
+                                <img class="max-h-10 hidden dark:inline-block" src="../../static/logo.png">
+                            </span>
+                            <span class="dark:text-white font-semibold line-clamp-1 md:line-clamp-2">Web configs</span>
+                        </a>
+                    </div>
+        
+                    <span class="hidden h-8 border-r md:inline-block dark:border-dark-650"></span>
+                </div>
+        
+                <div class="flex justify-between md:grow">
+                    <!-- Top Nav -->
+                    <nav class="hidden md:flex">
+                        <ul class="flex flex-col mb-4 md:pl-16 md:mb-0 md:flex-row md:items-center">
+                            <li class="mr-6">
+                                <a class="py-2 md:mb-0 inline-flex items-center text-sm whitespace-nowrap transition-colors duration-200 ease-linear md:text-blue-500 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-200" href="../../">
+                                    <svg xmlns="http://www.w3.org/2000/svg" class="mb-px mr-1" width="18" height="18" viewBox="0 0 24 24" role="presentation">
+                                        <g fill="currentColor">
+                                            <path d="M11.03 2.59a1.501 1.501 0 0 1 1.94 0l7.5 6.363a1.5 1.5 0 0 1 .53 1.144V19.5a1.5 1.5 0 0 1-1.5 1.5h-5.75a.75.75 0 0 1-.75-.75V14h-2v6.25a.75.75 0 0 1-.75.75H4.5A1.5 1.5 0 0 1 3 19.5v-9.403c0-.44.194-.859.53-1.144ZM12 3.734l-7.5 6.363V19.5h5v-6.25a.75.75 0 0 1 .75-.75h3.5a.75.75 0 0 1 .75.75v6.25h5v-9.403Z"/>
+                                        </g>
+                                    </svg>
+                                    <span>Home</span>
+                                </a>
+                            </li>
+                            <li class="mr-6">
+                                <a class="py-2 md:mb-0 inline-flex items-center text-sm whitespace-nowrap transition-colors duration-200 ease-linear md:text-blue-500 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-200" href="https://github.com/gsoft-inc/wl-web-configs/issues" target="_blank">
+                                    <svg xmlns="http://www.w3.org/2000/svg" class="mb-px mr-1" width="18" height="18" viewBox="0 0 24 24" role="presentation">
+                                        <g fill="currentColor">
+                                            <path d="M12 1c6.075 0 11 4.925 11 11s-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1ZM2.5 12a9.5 9.5 0 0 0 9.5 9.5 9.5 9.5 0 0 0 9.5-9.5A9.5 9.5 0 0 0 12 2.5 9.5 9.5 0 0 0 2.5 12Zm9.5 2a2 2 0 1 1-.001-3.999A2 2 0 0 1 12 14Z"/>
+                                        </g>
+                                    </svg>
+                                    <span>Found a bug?</span>
+                                </a>
+                            </li>
+                            <li class="mr-6">
+                                <a class="py-2 md:mb-0 inline-flex items-center text-sm whitespace-nowrap transition-colors duration-200 ease-linear md:text-blue-500 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-200" href="https://github.com/gsoft-inc/wl-web-configs/discussions" target="_blank">
+                                    <svg xmlns="http://www.w3.org/2000/svg" class="mb-px mr-1" width="18" height="18" viewBox="0 0 24 24" role="presentation">
+                                        <g fill="currentColor">
+                                            <path d="M1.75 1h12.5c.966 0 1.75.784 1.75 1.75v9.5A1.75 1.75 0 0 1 14.25 14H8.061l-2.574 2.573A1.458 1.458 0 0 1 3 15.543V14H1.75A1.75 1.75 0 0 1 0 12.25v-9.5C0 1.784.784 1 1.75 1ZM1.5 2.75v9.5c0 .138.112.25.25.25h2a.75.75 0 0 1 .75.75v2.19l2.72-2.72a.749.749 0 0 1 .53-.22h6.5a.25.25 0 0 0 .25-.25v-9.5a.25.25 0 0 0-.25-.25H1.75a.25.25 0 0 0-.25.25Z"/><path d="M22.5 8.75a.25.25 0 0 0-.25-.25h-3.5a.75.75 0 0 1 0-1.5h3.5c.966 0 1.75.784 1.75 1.75v9.5A1.75 1.75 0 0 1 22.25 20H21v1.543a1.457 1.457 0 0 1-2.487 1.03L15.939 20H10.75A1.75 1.75 0 0 1 9 18.25v-1.465a.75.75 0 0 1 1.5 0v1.465c0 .138.112.25.25.25h5.5a.75.75 0 0 1 .53.22l2.72 2.72v-2.19a.75.75 0 0 1 .75-.75h2a.25.25 0 0 0 .25-.25v-9.5Z"/>
+                                        </g>
+                                    </svg>
+                                    <span>Feature requests</span>
+                                </a>
+                            </li>
+                            <li class="mr-6">
+                                <a class="py-2 md:mb-0 inline-flex items-center text-sm whitespace-nowrap transition-colors duration-200 ease-linear md:text-blue-500 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-200" href="https://github.com/gsoft-inc/wl-web-configs/releases" target="_blank">
+                                    <svg xmlns="http://www.w3.org/2000/svg" class="mb-px mr-1" width="18" height="18" viewBox="0 0 24 24" role="presentation">
+                                        <g fill="currentColor">
+                                            <path d="M7.75 6.5a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5Z"/><path d="M2.5 1h8.44a1.5 1.5 0 0 1 1.06.44l10.25 10.25a1.5 1.5 0 0 1 0 2.12l-8.44 8.44a1.5 1.5 0 0 1-2.12 0L1.44 12A1.497 1.497 0 0 1 1 10.94V2.5A1.5 1.5 0 0 1 2.5 1Zm0 1.5v8.44l10.25 10.25 8.44-8.44L10.94 2.5Z"/>
+                                        </g>
+                                    </svg>
+                                    <span>Releases</span>
+                                </a>
+                            </li>
+                            <li class="mr-6">
+                                <a class="py-2 md:mb-0 inline-flex items-center text-sm whitespace-nowrap transition-colors duration-200 ease-linear md:text-blue-500 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-200" href="https://github.com/gsoft-inc/wl-web-configs" target="_blank">
+                                    <svg xmlns="http://www.w3.org/2000/svg" class="mb-px mr-1" width="18" height="18" viewBox="0 0 24 24" role="presentation">
+                                        <g fill="currentColor">
+                                            <symbol id="mark-github-icon-symbol" viewBox="0 0 16 16"><path d="M8 0c4.42 0 8 3.58 8 8a8.013 8.013 0 0 1-5.45 7.59c-.4.08-.55-.17-.55-.38 0-.27.01-1.13.01-2.2 0-.75-.25-1.23-.54-1.48 1.78-.2 3.65-.88 3.65-3.95 0-.88-.31-1.59-.82-2.15.08-.2.36-1.02-.08-2.12 0 0-.67-.22-2.2.82-.64-.18-1.32-.27-2-.27-.68 0-1.36.09-2 .27-1.53-1.03-2.2-.82-2.2-.82-.44 1.1-.16 1.92-.08 2.12-.51.56-.82 1.28-.82 2.15 0 3.06 1.86 3.75 3.64 3.95-.23.2-.44.55-.51 1.07-.46.21-1.61.55-2.33-.66-.15-.24-.6-.83-1.23-.82-.67.01-.27.38.01.53.34.19.73.9.82 1.13.16.45.68 1.31 2.69.94 0 .67.01 1.3.01 1.49 0 .21-.15.45-.55.38A7.995 7.995 0 0 1 0 8c0-4.42 3.58-8 8-8Z"/></symbol><use xlink:href="#mark-github-icon-symbol" />
+                                        </g>
+                                    </svg>
+                                    <span>Github</span>
+                                </a>
+                            </li>
+                            <li class="mr-6">
+                                <a class="py-2 md:mb-0 inline-flex items-center text-sm whitespace-nowrap transition-colors duration-200 ease-linear md:text-blue-500 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-200" href="https://www.npmjs.com/settings/workleap/packages" target="_blank">
+                                    <svg xmlns="http://www.w3.org/2000/svg" class="mb-px mr-1" width="18" height="18" viewBox="0 0 24 24" role="presentation">
+                                        <g fill="currentColor">
+                                            <path d="M0 0H24V24H0V0Z" fill="#CC0000"/><path d="M11.9184 2.57758H2.57764V21.4214H11.9175V7.32958H16.6695V21.4214H21.4215V2.57758H11.9184Z" fill="white"/>
+                                        </g>
+                                    </svg>
+                                    <span>NPM</span>
+                                </a>
+                            </li>
+        
+                        </ul>
+                    </nav>
+        
+                    <!-- Header Right Skeleton -->
+                    <div v-cloak class="flex justify-end grow skeleton">
+        
+                        <!-- Search input mock -->
+                        <div class="relative hidden w-40 lg:block lg:max-w-sm lg:ml-auto">
+                            <div class="absolute flex items-center justify-center h-full pl-3 dark:text-dark-300">
+                                <svg xmlns="http://www.w3.org/2000/svg" class="icon-base" width="16" height="16" viewBox="0 0 24 24" aria-labelledby="icon" role="presentation" style="margin-bottom: 1px;"><g fill="currentColor" ><path d="M21.71 20.29l-3.68-3.68A8.963 8.963 0 0020 11c0-4.96-4.04-9-9-9s-9 4.04-9 9 4.04 9 9 9c2.12 0 4.07-.74 5.61-1.97l3.68 3.68c.2.19.45.29.71.29s.51-.1.71-.29c.39-.39.39-1.03 0-1.42zM4 11c0-3.86 3.14-7 7-7s7 3.14 7 7c0 1.92-.78 3.66-2.04 4.93-.01.01-.02.01-.02.01-.01.01-.01.01-.01.02A6.98 6.98 0 0111 18c-3.86 0-7-3.14-7-7z" ></path></g></svg>
+                            </div>
+                            <input class="w-full h-10 placeholder-gray-400 transition-colors duration-200 ease-in bg-gray-200 border border-transparent rounded md:text-sm hover:bg-white hover:border-gray-300 focus:outline-none focus:bg-white focus:border-gray-500 dark:bg-dark-600 dark:border-dark-600 dark:placeholder-dark-400" style="padding: 0.625rem 0.75rem 0.625rem 2rem" type="text" placeholder="Search">
+                        </div>
+        
+                        <!-- Mobile search button -->
+                        <div class="flex items-center justify-center w-10 h-10 lg:hidden">
+                            <svg xmlns="http://www.w3.org/2000/svg" class="shrink-0 icon-base" width="20" height="20" viewBox="0 0 24 24" aria-labelledby="icon" role="presentation" style="margin-bottom: 0px;"><g fill="currentColor" ><path d="M21.71 20.29l-3.68-3.68A8.963 8.963 0 0020 11c0-4.96-4.04-9-9-9s-9 4.04-9 9 4.04 9 9 9c2.12 0 4.07-.74 5.61-1.97l3.68 3.68c.2.19.45.29.71.29s.51-.1.71-.29c.39-.39.39-1.03 0-1.42zM4 11c0-3.86 3.14-7 7-7s7 3.14 7 7c0 1.92-.78 3.66-2.04 4.93-.01.01-.02.01-.02.01-.01.01-.01.01-.01.02A6.98 6.98 0 0111 18c-3.86 0-7-3.14-7-7z" ></path></g></svg>
+                        </div>
+        
+                        <!-- Dark mode switch placeholder -->
+                        <div class="w-10 h-10 lg:ml-2"></div>
+        
+                        <!-- History button -->
+                        <div class="flex items-center justify-center w-10 h-10" style="margin-right: -0.625rem;">
+                            <svg xmlns="http://www.w3.org/2000/svg" class="shrink-0 icon-base" width="22" height="22" viewBox="0 0 24 24" aria-labelledby="icon" role="presentation" style="margin-bottom: 0px;"><g fill="currentColor" ><g ><path d="M12.01 6.01c-.55 0-1 .45-1 1V12a1 1 0 00.4.8l3 2.22a.985.985 0 001.39-.2.996.996 0 00-.21-1.4l-2.6-1.92V7.01c.02-.55-.43-1-.98-1z"></path><path d="M12.01 1.91c-5.33 0-9.69 4.16-10.05 9.4l-.29-.26a.997.997 0 10-1.34 1.48l1.97 1.79c.19.17.43.26.67.26s.48-.09.67-.26l1.97-1.79a.997.997 0 10-1.34-1.48l-.31.28c.34-4.14 3.82-7.41 8.05-7.41 4.46 0 8.08 3.63 8.08 8.09s-3.63 8.08-8.08 8.08c-2.18 0-4.22-.85-5.75-2.4a.996.996 0 10-1.42 1.4 10.02 10.02 0 007.17 2.99c5.56 0 10.08-4.52 10.08-10.08.01-5.56-4.52-10.09-10.08-10.09z"></path></g></g></svg>
+                        </div>
+                    </div>
+        
+                    <div v-cloak class="flex justify-end grow">
+                        <div id="docs-mobile-search-button"></div>
+                        <doc-search-desktop></doc-search-desktop>
+        
+                        <doc-theme-switch class="lg:ml-2"></doc-theme-switch>
+                        <doc-history></doc-history>
+                    </div>
+                </div>
+            </div>
+        </header>
+    
+        <div class="container relative flex bg-white">
+            <!-- Sidebar Skeleton -->
+            <div v-cloak class="fixed flex flex-col shrink-0 duration-300 ease-in-out bg-gray-100 border-gray-200 sidebar top-20 w-75 border-r h-screen md:sticky transition-transform skeleton dark:bg-dark-800 dark:border-dark-650">
+            
+                <!-- Render this div, if config.showSidebarFilter is `true` -->
+                <div class="flex items-center h-16 px-6">
+                    <input class="w-full h-8 px-3 py-2 transition-colors duration-200 ease-linear bg-white border border-gray-200 rounded shadow-none text-sm focus:outline-none focus:border-gray-600 dark:bg-dark-600 dark:border-dark-600" type="text" placeholder="Filter">
+                </div>
+            
+                <div class="pl-6 mt-1 mb-4">
+                    <div class="w-32 h-3 mb-4 bg-gray-200 rounded-full loading dark:bg-dark-600"></div>
+                    <div class="w-48 h-3 mb-4 bg-gray-200 rounded-full loading dark:bg-dark-600"></div>
+                    <div class="w-40 h-3 mb-4 bg-gray-200 rounded-full loading dark:bg-dark-600"></div>
+                    <div class="w-32 h-3 mb-4 bg-gray-200 rounded-full loading dark:bg-dark-600"></div>
+                    <div class="w-48 h-3 mb-4 bg-gray-200 rounded-full loading dark:bg-dark-600"></div>
+                    <div class="w-40 h-3 mb-4 bg-gray-200 rounded-full loading dark:bg-dark-600"></div>
+                </div>
+            
+            </div>
+            
+            <!-- Sidebar component -->
+            <doc-sidebar v-cloak>
+                <template #sidebar-footer>
+                    <div class="shrink-0 mt-auto border-t md:bg-transparent md:border-none dark:border-dark-650">
+            
+                        <div class="py-3 px-6 md:hidden border-b dark:border-dark-650">
+                            <nav>
+                                <ul class="flex flex-wrap justify-center items-center">
+                                    <li class="mr-6">
+                                        <a class="block py-1 inline-flex items-center text-sm whitespace-nowrap transition-colors duration-200 ease-linear md:text-blue-500 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-200" href="../../">
+                                            <svg xmlns="http://www.w3.org/2000/svg" class="mb-px mr-1" width="18" height="18" viewBox="0 0 24 24" role="presentation">
+                                                <g fill="currentColor">
+                                                    <path d="M11.03 2.59a1.501 1.501 0 0 1 1.94 0l7.5 6.363a1.5 1.5 0 0 1 .53 1.144V19.5a1.5 1.5 0 0 1-1.5 1.5h-5.75a.75.75 0 0 1-.75-.75V14h-2v6.25a.75.75 0 0 1-.75.75H4.5A1.5 1.5 0 0 1 3 19.5v-9.403c0-.44.194-.859.53-1.144ZM12 3.734l-7.5 6.363V19.5h5v-6.25a.75.75 0 0 1 .75-.75h3.5a.75.75 0 0 1 .75.75v6.25h5v-9.403Z"/>
+                                                </g>
+                                            </svg>
+                                            <span>Home</span>
+                                        </a>
+                                    </li>
+                                    <li class="mr-6">
+                                        <a class="block py-1 inline-flex items-center text-sm whitespace-nowrap transition-colors duration-200 ease-linear md:text-blue-500 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-200" href="https://github.com/gsoft-inc/wl-web-configs/issues" target="_blank">
+                                            <svg xmlns="http://www.w3.org/2000/svg" class="mb-px mr-1" width="18" height="18" viewBox="0 0 24 24" role="presentation">
+                                                <g fill="currentColor">
+                                                    <path d="M12 1c6.075 0 11 4.925 11 11s-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1ZM2.5 12a9.5 9.5 0 0 0 9.5 9.5 9.5 9.5 0 0 0 9.5-9.5A9.5 9.5 0 0 0 12 2.5 9.5 9.5 0 0 0 2.5 12Zm9.5 2a2 2 0 1 1-.001-3.999A2 2 0 0 1 12 14Z"/>
+                                                </g>
+                                            </svg>
+                                            <span>Found a bug?</span>
+                                        </a>
+                                    </li>
+                                    <li class="mr-6">
+                                        <a class="block py-1 inline-flex items-center text-sm whitespace-nowrap transition-colors duration-200 ease-linear md:text-blue-500 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-200" href="https://github.com/gsoft-inc/wl-web-configs/discussions" target="_blank">
+                                            <svg xmlns="http://www.w3.org/2000/svg" class="mb-px mr-1" width="18" height="18" viewBox="0 0 24 24" role="presentation">
+                                                <g fill="currentColor">
+                                                    <path d="M1.75 1h12.5c.966 0 1.75.784 1.75 1.75v9.5A1.75 1.75 0 0 1 14.25 14H8.061l-2.574 2.573A1.458 1.458 0 0 1 3 15.543V14H1.75A1.75 1.75 0 0 1 0 12.25v-9.5C0 1.784.784 1 1.75 1ZM1.5 2.75v9.5c0 .138.112.25.25.25h2a.75.75 0 0 1 .75.75v2.19l2.72-2.72a.749.749 0 0 1 .53-.22h6.5a.25.25 0 0 0 .25-.25v-9.5a.25.25 0 0 0-.25-.25H1.75a.25.25 0 0 0-.25.25Z"/><path d="M22.5 8.75a.25.25 0 0 0-.25-.25h-3.5a.75.75 0 0 1 0-1.5h3.5c.966 0 1.75.784 1.75 1.75v9.5A1.75 1.75 0 0 1 22.25 20H21v1.543a1.457 1.457 0 0 1-2.487 1.03L15.939 20H10.75A1.75 1.75 0 0 1 9 18.25v-1.465a.75.75 0 0 1 1.5 0v1.465c0 .138.112.25.25.25h5.5a.75.75 0 0 1 .53.22l2.72 2.72v-2.19a.75.75 0 0 1 .75-.75h2a.25.25 0 0 0 .25-.25v-9.5Z"/>
+                                                </g>
+                                            </svg>
+                                            <span>Feature requests</span>
+                                        </a>
+                                    </li>
+                                    <li class="mr-6">
+                                        <a class="block py-1 inline-flex items-center text-sm whitespace-nowrap transition-colors duration-200 ease-linear md:text-blue-500 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-200" href="https://github.com/gsoft-inc/wl-web-configs/releases" target="_blank">
+                                            <svg xmlns="http://www.w3.org/2000/svg" class="mb-px mr-1" width="18" height="18" viewBox="0 0 24 24" role="presentation">
+                                                <g fill="currentColor">
+                                                    <path d="M7.75 6.5a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5Z"/><path d="M2.5 1h8.44a1.5 1.5 0 0 1 1.06.44l10.25 10.25a1.5 1.5 0 0 1 0 2.12l-8.44 8.44a1.5 1.5 0 0 1-2.12 0L1.44 12A1.497 1.497 0 0 1 1 10.94V2.5A1.5 1.5 0 0 1 2.5 1Zm0 1.5v8.44l10.25 10.25 8.44-8.44L10.94 2.5Z"/>
+                                                </g>
+                                            </svg>
+                                            <span>Releases</span>
+                                        </a>
+                                    </li>
+                                    <li class="mr-6">
+                                        <a class="block py-1 inline-flex items-center text-sm whitespace-nowrap transition-colors duration-200 ease-linear md:text-blue-500 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-200" href="https://github.com/gsoft-inc/wl-web-configs" target="_blank">
+                                            <svg xmlns="http://www.w3.org/2000/svg" class="mb-px mr-1" width="18" height="18" viewBox="0 0 24 24" role="presentation">
+                                                <g fill="currentColor">
+                                                    <symbol id="mark-github-icon-symbol" viewBox="0 0 16 16"><path d="M8 0c4.42 0 8 3.58 8 8a8.013 8.013 0 0 1-5.45 7.59c-.4.08-.55-.17-.55-.38 0-.27.01-1.13.01-2.2 0-.75-.25-1.23-.54-1.48 1.78-.2 3.65-.88 3.65-3.95 0-.88-.31-1.59-.82-2.15.08-.2.36-1.02-.08-2.12 0 0-.67-.22-2.2.82-.64-.18-1.32-.27-2-.27-.68 0-1.36.09-2 .27-1.53-1.03-2.2-.82-2.2-.82-.44 1.1-.16 1.92-.08 2.12-.51.56-.82 1.28-.82 2.15 0 3.06 1.86 3.75 3.64 3.95-.23.2-.44.55-.51 1.07-.46.21-1.61.55-2.33-.66-.15-.24-.6-.83-1.23-.82-.67.01-.27.38.01.53.34.19.73.9.82 1.13.16.45.68 1.31 2.69.94 0 .67.01 1.3.01 1.49 0 .21-.15.45-.55.38A7.995 7.995 0 0 1 0 8c0-4.42 3.58-8 8-8Z"/></symbol><use xlink:href="#mark-github-icon-symbol" />
+                                                </g>
+                                            </svg>
+                                            <span>Github</span>
+                                        </a>
+                                    </li>
+                                    <li class="mr-6">
+                                        <a class="block py-1 inline-flex items-center text-sm whitespace-nowrap transition-colors duration-200 ease-linear md:text-blue-500 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-200" href="https://www.npmjs.com/settings/workleap/packages" target="_blank">
+                                            <svg xmlns="http://www.w3.org/2000/svg" class="mb-px mr-1" width="18" height="18" viewBox="0 0 24 24" role="presentation">
+                                                <g fill="currentColor">
+                                                    <path d="M0 0H24V24H0V0Z" fill="#CC0000"/><path d="M11.9184 2.57758H2.57764V21.4214H11.9175V7.32958H16.6695V21.4214H21.4215V2.57758H11.9184Z" fill="white"/>
+                                                </g>
+                                            </svg>
+                                            <span>NPM</span>
+                                        </a>
+                                    </li>
+            
+                                </ul>
+                            </nav>
+                        </div>
+                    </div>
+                </template>
+            </doc-sidebar>
+    
+            <div class="grow min-w-0 dark:bg-dark-850">
+                <!-- Render "toolbar" template here on api pages --><!-- Render page content -->
+                <div class="flex">
+                    <div class="min-w-0 p-4 grow md:px-16">
+                        <main class="relative pb-12 lg:pt-2">
+                            <div class="docs-markdown" id="docs-content">
+                                <!-- Rendered if sidebar right is enabled -->
+                                <div id="docs-sidebar-right-toggle"></div>
+                                <nav class="breadcrumb" aria-label="Breadcrumb">
+                                    <ol role="list">
+                                        <li class="pr-4">
+                                            <a href="../../rslib/" class="pr-4">
+                                                Rslib
+                                            </a>
+                                            <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" width="18" height="18" viewBox="0 0 24 24" aria-hidden="true">
+                                                <path d="M8.72 18.78a.75.75 0 0 1 0-1.06L14.44 12 8.72 6.28a.751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018l6.25 6.25a.75.75 0 0 1 0 1.06l-6.25 6.25a.75.75 0 0 1-1.06 0Z"/>
+                                            </svg>
+                                        </li>
+                                        <li class="pr-4">
+                                            <a href="../../rslib/configure-storybook/" class="pr-4">
+                                                Configure for Storybook
+                                            </a>
+                                        </li>
+                                    </ol>
+                                </nav>
+                
+                                <!-- Page content  -->
+<doc-anchor-target id="configure-for-storybook" class="break-words">
+    <h1>
+        <doc-anchor-trigger class="header-anchor-trigger" to="#configure-for-storybook">#</doc-anchor-trigger>
+        <span>Configure for Storybook</span>
+    </h1>
+</doc-anchor-target>
+<p>To configure <a href="https://lib.rsbuild.dev/" class="outbound" target="_blank">Rslib</a> for Storybook, execute the following steps <span class="docs-emoji">&#x1F447;</span></p>
+<doc-anchor-target id="install-the-packages">
+    <h2>
+        <doc-anchor-trigger class="header-anchor-trigger" to="#install-the-packages">#</doc-anchor-trigger>
+        <span>Install the packages</span>
+    </h2>
+</doc-anchor-target>
+<doc-tabs>
+<doc-tab v-cloak id="pnpm">
+<template #title>pnpm</template>
+<div class="codeblock-wrapper"><doc-codeblock>
+<pre class="language-bash"><code v-pre class="language-bash">pnpm add -D @workleap/rslib-configs @rslib/core @rsbuild/core storybook-react-rsbuild storybook-addon-rslib</code></pre>
+</doc-codeblock></div>
+</doc-tab>
+<doc-tab v-cloak id="yarn">
+<template #title>yarn</template>
+<div class="codeblock-wrapper"><doc-codeblock>
+<pre class="language-bash"><code v-pre class="language-bash">yarn add -D @workleap/rslib-configs @rslib/core @rsbuild/core storybook-react-rsbuild storybook-addon-rslib</code></pre>
+</doc-codeblock></div>
+</doc-tab>
+<doc-tab v-cloak id="npm">
+<template #title>npm</template>
+<div class="codeblock-wrapper"><doc-codeblock>
+<pre class="language-bash"><code v-pre class="language-bash">npm install -D @workleap/rslib-configs @rslib/core @rsbuild/core storybook-react-rsbuild storybook-addon-rslib</code></pre>
+</doc-codeblock></div>
+</doc-tab>
+</doc-tabs>
+<doc-anchor-target id="configure-rslib">
+    <h2>
+        <doc-anchor-trigger class="header-anchor-trigger" to="#configure-rslib">#</doc-anchor-trigger>
+        <span>Configure Rslib</span>
+    </h2>
+</doc-anchor-target>
+<p><a href="https://lib.rsbuild.dev/guide/advanced/storybook" class="outbound" target="_blank">Rslib Storybook integration</a> is an addon that derives an Rsbuild configuration from an existing Rslib configuration file. This addon automatically reads the Rslib configuration and applies it to Storybook&#x27;s Rsbuild framework, ensuring that the configuration is unified.</p>
+<p>As a result, configuring a Storybook instance for Rslib is very similar to <a href="https://storybook.rsbuild.dev/guide/index.html" class="outbound" target="_blank">configuring a Storybook instance for Rsbuild</a>.</p>
+<doc-anchor-target id="rslibconfigts">
+    <h3>
+        <doc-anchor-trigger class="header-anchor-trigger" to="#rslibconfigts">#</doc-anchor-trigger>
+        <span><code v-pre>rslib.config.ts</code></span>
+    </h3>
+</doc-anchor-target>
+<p>First, create a configuration file named <code v-pre>rslib.config.ts</code> under the <code v-pre>.storybook</code> folder:</p>
+<div class="codeblock-wrapper"><doc-codeblock>
+<pre class="language-none" data-line="5"><code v-pre class="language-none">storybook
+├── .storybook
+├──── main.ts
+├──── preview.tsx
+├──── rslib.config.ts
+├── package.json</code></pre>
+</doc-codeblock></div>
+<p>Then, open the newly created file and <code v-pre>export</code> the Rslib configuration by using the <code v-pre>defineStorybookConfig(options)</code> function:</p>
+<div class="codeblock-wrapper"><doc-codeblock>
+<div class="codeblock-title">rslib.config.ts</div>
+<pre class="language-typescript"><code v-pre class="language-typescript">import { defineStorybookConfig } from &quot;@workleap/rslib-configs&quot;;
+
+export default defineStorybookConfig();</code></pre>
+</doc-codeblock></div>
+<doc-anchor-target id="maints">
+    <h3>
+        <doc-anchor-trigger class="header-anchor-trigger" to="#maints">#</doc-anchor-trigger>
+        <span><code v-pre>main.ts</code></span>
+    </h3>
+</doc-anchor-target>
+<p>Finally, open the <code v-pre>.storybook/main.ts</code> file and set <code v-pre>storybook-react-rsbuild</code> as the framework to use and <code v-pre>storybook-addon-rslib</code> as an addon:</p>
+<div class="codeblock-wrapper"><doc-codeblock>
+<div class="codeblock-title">main.ts</div>
+<pre class="language-typescript" data-line="4-5"><code v-pre class="language-typescript">import type { StorybookConfig } from &quot;storybook-react-rsbuild&quot;;
+
+const storybookConfig: StorybookConfig = {
+    framework: &quot;storybook-react-rsbuild&quot;,
+    addons: [&quot;storybook-addon-rslib&quot;],
+    stories: [&quot;../../src/**/*.stories.(tsx|mdx)&quot;]
+};
+
+export default storybookConfig;</code></pre>
+</doc-codeblock></div>
+<div class="flex mb-6">
+    <div class="shrink-0 w-1 rounded-tl rounded-bl bg-blue-300"></div>
+    <div class="flex w-full py-4 border border-l-0 border-gray-300 rounded-tr rounded-br doc-alert bg-white dark:bg-dark-700 dark:border-dark-700" role="alert">
+        <div class="flex items-center ml-4 h-7">
+            <svg xmlns="http://www.w3.org/2000/svg" class="mb-px text-blue-300" width="22" height="22" viewBox="0 0 24 24" role="presentation">
+                <g fill="currentColor"><g>
+                    <path d="M12 1C5.93 1 1 5.93 1 12s4.93 11 11 11 11-4.93 11-11S18.07 1 12 1zm0 20c-4.96 0-9-4.04-9-9s4.04-9 9-9 9 4.04 9 9-4.04 9-9 9z"></path>
+                    <path d="M12 11c-.55 0-1 .45-1 1v4c0 .55.45 1 1 1s1-.45 1-1v-4c0-.55-.45-1-1-1zM12.01 7c-.56 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1z"></path>
+                    <path fill="none" d="M0 0h24v24H0z"></path>
+                </g></g>
+            </svg>
+        </div>
+        <div class="pr-5 ml-3 w-full">
+<p>For additional information about using Rslib with Storybook, refer to the Rslib <a href="https://lib.rsbuild.dev/guide/advanced/storybook" class="outbound" target="_blank">documentation</a>.</p>
+        </div>
+    </div>
+</div>
+<doc-anchor-target id="use-predefined-options">
+    <h2>
+        <doc-anchor-trigger class="header-anchor-trigger" to="#use-predefined-options">#</doc-anchor-trigger>
+        <span>Use predefined options</span>
+    </h2>
+</doc-anchor-target>
+<p>The <code v-pre>defineStorybookConfig(options)</code> function can be used as shown in the previous example, however, if you wish to customize the default configuration, the function also accept a few predefined options to help with that <span class="docs-emoji">&#x1F447;</span></p>
+<doc-anchor-target id="plugins">
+    <h3>
+        <doc-anchor-trigger class="header-anchor-trigger" to="#plugins">#</doc-anchor-trigger>
+        <span><code v-pre>plugins</code></span>
+    </h3>
+</doc-anchor-target>
+<ul>
+<li><strong>Type</strong>: An array of Rsbuild <a href="https://rsbuild.dev/plugins/list/index" class="outbound" target="_blank">plugin instances</a></li>
+<li><strong>Default</strong>: <code v-pre>[]</code></li>
+</ul>
+<p>Append the provided Rsbuild plugins to the configuration.</p>
+<div class="codeblock-wrapper"><doc-codeblock>
+<div class="codeblock-title">rslib.config.ts</div>
+<pre class="language-typescript" data-line="5"><code v-pre class="language-typescript">import { defineStorybookConfig } from &quot;@workleap/rslib-configs&quot;;
+import { pluginAssetsRetry } from &quot;@rsbuild/plugin-assets-retry&quot;;
+
+export default defineStorybookConfig({
+    plugins: [pluginAssetsRetry()]
+});</code></pre>
+</doc-codeblock></div>
+<doc-anchor-target id="sourcemap">
+    <h3>
+        <doc-anchor-trigger class="header-anchor-trigger" to="#sourcemap">#</doc-anchor-trigger>
+        <span><code v-pre>sourceMap</code></span>
+    </h3>
+</doc-anchor-target>
+<ul>
+<li><strong>Type</strong>: <code v-pre>false</code> or an object literal accepting any <a href="https://rsbuild.dev/config/output/source-map" class="outbound" target="_blank">output.sourceMap</a> options.</li>
+<li><strong>Default</strong>: <code v-pre>{ js: &quot;cheap-module-source-map&quot;, css: true }</code></li>
+</ul>
+<p>Whether or not to generate <a href="https://rsbuild.dev/config/output/source-map" class="outbound" target="_blank">source map</a>. To disable source map, set the option to <code v-pre>false</code>.</p>
+<div class="codeblock-wrapper"><doc-codeblock>
+<div class="codeblock-title">rslib.config.ts</div>
+<pre class="language-typescript" data-line="4"><code v-pre class="language-typescript">import { defineStorybookConfig } from &quot;@workleap/rslib-configs&quot;;
+
+export default defineStorybookConfig({
+    sourceMap: false
+});</code></pre>
+</doc-codeblock></div>
+<p>To customize the source map <a href="https://rsbuild.dev/config/output/source-map" class="outbound" target="_blank">configuration</a>, provide an object literal.</p>
+<div class="codeblock-wrapper"><doc-codeblock>
+<div class="codeblock-title">rslib.config.ts</div>
+<pre class="language-typescript" data-line="4-6"><code v-pre class="language-typescript">import { defineStorybookConfig } from &quot;@workleap/rslib-configs&quot;;
+
+export default defineStorybookConfig({
+    sourceMap: {
+        css: false
+    }
+});</code></pre>
+</doc-codeblock></div>
+<doc-anchor-target id="react">
+    <h3>
+        <doc-anchor-trigger class="header-anchor-trigger" to="#react">#</doc-anchor-trigger>
+        <span><code v-pre>react</code></span>
+    </h3>
+</doc-anchor-target>
+<ul>
+<li><strong>Type</strong>: <code v-pre>false</code> or <code v-pre>(defaultOptions: PluginReactOptions) =&gt; PluginReactOptions</code></li>
+<li><strong>Default</strong>: <code v-pre>defaultOptions =&gt; defaultOptions</code></li>
+</ul>
+<p>Whether or not to transform React code. To disable React code transformation, set the option to <code v-pre>false</code>.</p>
+<div class="codeblock-wrapper"><doc-codeblock>
+<div class="codeblock-title">rslib.config.ts</div>
+<pre class="language-typescript" data-line="4"><code v-pre class="language-typescript">import { defineStorybookConfig } from &quot;@workleap/rslib-configs&quot;;
+
+export default defineStorybookConfig({
+    react: false
+});</code></pre>
+</doc-codeblock></div>
+<p>To customize <a href="https://rsbuild.dev/plugins/list/plugin-react" class="outbound" target="_blank">plugin-react</a>, provide a function to extend the default options.</p>
+<div class="codeblock-wrapper"><doc-codeblock>
+<div class="codeblock-title">rslib.config.ts</div>
+<pre class="language-typescript" data-line="4-12"><code v-pre class="language-typescript">import { defineStorybookConfig } from &quot;@workleap/rslib-configs&quot;;
+
+export default defineStorybookConfig({
+    react: defaultOptions =&gt; {
+        return {
+            ...defaultOptions,
+            swcReactOptions: {
+                ...(defaultOptions.swcReactOptions ?? {}),
+                runtime: &quot;classic&quot;
+            }
+        };
+    }
+});</code></pre>
+</doc-codeblock></div>
+<doc-anchor-target id="svgr">
+    <h3>
+        <doc-anchor-trigger class="header-anchor-trigger" to="#svgr">#</doc-anchor-trigger>
+        <span><code v-pre>svgr</code></span>
+    </h3>
+</doc-anchor-target>
+<ul>
+<li><strong>Type</strong>: <code v-pre>false</code> or <code v-pre>(defaultOptions: PluginSvgrOptions) =&gt; PluginSvgrOptions</code></li>
+<li><strong>Default</strong>: <code v-pre>defaultOptions =&gt; defaultOptions</code></li>
+</ul>
+<p>Whether or not to handle <code v-pre>.svg</code> files with <a href="https://rsbuild.dev/plugins/list/plugin-svgr" class="outbound" target="_blank">plugin-svgr</a>. When the option is set to <code v-pre>false</code>, the <code v-pre>.svg</code> files will be handled by the <code v-pre>asset/resource</code> rule.</p>
+<div class="codeblock-wrapper"><doc-codeblock>
+<div class="codeblock-title">rslib.config.ts</div>
+<pre class="language-typescript" data-line="4"><code v-pre class="language-typescript">import { defineStorybookConfig } from &quot;@workleap/rslib-configs&quot;;
+
+export default defineStorybookConfig({
+    svgr: false
+});</code></pre>
+</doc-codeblock></div>
+<p>To customize <a href="https://rsbuild.dev/plugins/list/plugin-svgr" class="outbound" target="_blank">plugin-svgr</a>, provide a function extending the default options.</p>
+<div class="codeblock-wrapper"><doc-codeblock>
+<div class="codeblock-title">rslib.config.ts</div>
+<pre class="language-typescript" data-line="4-13"><code v-pre class="language-typescript">import { defineStorybookConfig } from &quot;@workleap/rslib-configs&quot;;
+
+export default defineStorybookConfig({
+    svgr: defaultOptions =&gt; {
+        return {
+            svgrOptions: {
+                ...(defaultOptions.svgrOptions ?? {}),
+                ref: true
+            }
+            ...defaultOptions,
+
+        }
+    }
+});</code></pre>
+</doc-codeblock></div>
+<doc-anchor-target id="typings">
+    <h4>
+        <doc-anchor-trigger class="header-anchor-trigger" to="#typings">#</doc-anchor-trigger>
+        <span>Typings</span>
+    </h4>
+</doc-anchor-target>
+<p>When an SVG asset in referenced in TypeScript code, TypeScript may prompt that the module is missing a type definition:</p>
+<div class="codeblock-wrapper"><doc-codeblock>
+<pre class="language-bash"><code v-pre class="language-bash">TS2307: Cannot find module './logo.svg' or its corresponding type declarations.</code></pre>
+</doc-codeblock></div>
+<p>To fix this, add a type declaration for the SVG assets, by creating a <code v-pre>src/env.d.ts</code> file, and add the type declaration.</p>
+<div class="codeblock-wrapper"><doc-codeblock>
+<div class="codeblock-title">src/env.d.ts</div>
+<pre class="language-typescript"><code v-pre class="language-typescript">declare module '*.svg' {
+  export const ReactComponent: React.FunctionComponent&lt;
+    React.SVGProps&lt;SVGSVGElement&gt;
+  &gt;;
+}
+declare module '*.svg?react' {
+  const ReactComponent: React.FunctionComponent&lt;React.SVGProps&lt;SVGSVGElement&gt;&gt;;
+  export default ReactComponent;
+}</code></pre>
+</doc-codeblock></div>
+<p>For additional information, refer to the plugin <a href="https://rsbuild.dev/plugins/list/plugin-svgr#type-declaration" class="outbound" target="_blank">documentation</a>.</p>
+<doc-anchor-target id="import-images">
+    <h4>
+        <doc-anchor-trigger class="header-anchor-trigger" to="#import-images">#</doc-anchor-trigger>
+        <span>Import images</span>
+    </h4>
+</doc-anchor-target>
+<p>By default, <code v-pre>plugin-svgr</code> is configured to support <a href="https://rsbuild.dev/plugins/list/plugin-svgr#named-import" class="outbound" target="_blank">named import</a> for <code v-pre>ReactComponent</code>:</p>
+<div class="codeblock-wrapper"><doc-codeblock>
+<pre class="language-tsx"><code v-pre class="language-tsx">import { ReactComponent as Logo } from &quot;./logo.svg&quot;;
+
+export const App = () =&gt; &lt;Logo /&gt;;</code></pre>
+</doc-codeblock></div>
+<doc-anchor-target id="configuration-transformers">
+    <h2>
+        <doc-anchor-trigger class="header-anchor-trigger" to="#configuration-transformers">#</doc-anchor-trigger>
+        <span>Configuration transformers</span>
+    </h2>
+</doc-anchor-target>
+<div class="flex mb-6">
+    <div class="shrink-0 w-1 rounded-tl rounded-bl bg-yellow-500"></div>
+    <div class="flex w-full py-4 border border-l-0 border-gray-300 rounded-tr rounded-br doc-alert bg-white dark:bg-dark-700 dark:border-dark-700" role="alert">
+        <div class="flex items-center ml-4 h-7">
+            <svg xmlns="http://www.w3.org/2000/svg" class="mb-px text-yellow-500" width="22" height="22" viewBox="0 0 24 24" role="presentation">
+                <g fill="currentColor"><g>
+                    <path d="M22.48 15.59L14.01 1.45A2.968 2.968 0 0012.16.09c-.78-.19-1.58-.07-2.27.35-.41.25-.76.6-1.01 1.01v.01L.4 15.6c-.83 1.43-.33 3.27 1.1 4.1.45.26.95.4 1.48.4h16.95c.8-.01 1.55-.33 2.11-.9.56-.57.87-1.33.86-2.13a3.04 3.04 0 00-.42-1.48zm-1.87 2.21c-.19.19-.44.3-.69.3H2.99c-.17 0-.34-.05-.49-.13a.992.992 0 01-.37-1.35L10.6 2.48c.08-.14.2-.25.34-.33a.992.992 0 011.37.33l8.46 14.13c.09.15.13.32.13.49 0 .26-.1.51-.29.7z"></path>
+                    <path d="M11.45 12.1c.55 0 1-.45 1-1v-4c0-.55-.45-1-1-1s-1 .45-1 1v4c0 .56.45 1 1 1zM11.46 14.1c-.56 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1z"></path>
+                </g></g>
+            </svg>
+        </div>
+        <div class="pr-5 ml-3 w-full">
+<p>We do not guarantee that your configuration transformers won&#x27;t break after an update. It&#x27;s your responsibility to keep them up to date with new releases.</p>
+        </div>
+    </div>
+</div>
+<p>The <doc-anchor-trigger to="#use-predefined-options">predefined options</doc-anchor-trigger> are useful to quickly customize the <a href="https://github.com/gsoft-inc/wl-web-configs/blob/main/packages/rslib-configs/src/storybook.ts" class="outbound" target="_blank">default Storybook configuration</a> of <code v-pre>@workleap/rslib-configs</code>, but only covers a subset of an <a href="https://lib.rsbuild.dev/config/index" class="outbound" target="_blank">Rslib configuration</a>. If you need full control over the configuration, you can provide configuration transformer functions through the <code v-pre>transformers</code> option of the <code v-pre>defineStorybookConfig</code> function. Remember, <strong>no locked in</strong> <span class="docs-emoji">&#x2764;&#xFE0F;</span><span class="docs-emoji">&#x270C;&#xFE0F;</span>.</p>
+<p>To view the default Storybook configuration of <code v-pre>@workleap/rslib-configs</code>, have a look at the <a href="https://github.com/gsoft-inc/wl-web-configs/blob/main/packages/rslib-configs/src/storybook.ts" class="outbound" target="_blank">storybook.ts configuration file</a> on GitHub.</p>
+<doc-anchor-target id="transformers">
+    <h3>
+        <doc-anchor-trigger class="header-anchor-trigger" to="#transformers">#</doc-anchor-trigger>
+        <span><code v-pre>transformers</code></span>
+    </h3>
+</doc-anchor-target>
+<ul>
+<li><strong>Type</strong>: <code v-pre>((config: RslibConfig, context: RslibConfigTransformerContext) =&gt; RslibConfig)[]</code></li>
+<li><strong>Default</strong>: <code v-pre>[]</code></li>
+</ul>
+<div class="codeblock-wrapper"><doc-codeblock>
+<pre class="language-typescript"><code v-pre class="language-typescript">transformer(config: RslibConfig, context: RslibConfigTransformerContext) =&gt; RslibConfig</code></pre>
+</doc-codeblock></div>
+<div class="codeblock-wrapper"><doc-codeblock>
+<div class="codeblock-title">rslib.config.ts</div>
+<pre class="language-typescript" data-line="3-10,13"><code v-pre class="language-typescript">import { defineStorybookConfig, type RslibConfig, type RslibConfigTransformer } from &quot;@workleap/rslib-configs&quot;;
+
+const useInlineStylesTransformer: RslibConfigTransformer = (config: RslibConfig) =&gt; {
+    config.output = {
+        ...(config.ouput ?? {}),
+        inlineStyles: true
+    };
+
+    return config;
+};
+
+export default defineStorybookConfig({
+    transformers: [useInlineStylesTransformer]
+});</code></pre>
+</doc-codeblock></div>
+<doc-anchor-target id="execution-context">
+    <h3>
+        <doc-anchor-trigger class="header-anchor-trigger" to="#execution-context">#</doc-anchor-trigger>
+        <span>Execution context</span>
+    </h3>
+</doc-anchor-target>
+<p>Generic transformers can use the <code v-pre>context</code> parameter to gather additional information about their execution context, like the <code v-pre>environment</code> they are operating in.</p>
+<div class="codeblock-wrapper"><doc-codeblock>
+<div class="codeblock-title">transformer.ts</div>
+<pre class="language-typescript" data-line="4"><code v-pre class="language-typescript">import type { RslibConfig, RslibConfigTransformer } from &quot;@workleap/rslib-configs&quot;;
+
+export const transformer: RslibConfigTransformer = (config: RslibConfig) =&gt; {
+    if (context.environment === &quot;storybook&quot;) {
+        config.output = {
+            ...(config.ouput ?? {}),
+            inlineStyles: true
+        };
+    }
+
+    return config;
+}</code></pre>
+</doc-codeblock></div>
+<ul>
+<li><code v-pre>environment</code>: <code v-pre>&quot;dev&quot; | &quot;build&quot; | &quot;storybook&quot;</code></li>
+</ul>
+<doc-anchor-target id="add-cli-scripts">
+    <h2>
+        <doc-anchor-trigger class="header-anchor-trigger" to="#add-cli-scripts">#</doc-anchor-trigger>
+        <span>Add CLI scripts</span>
+    </h2>
+</doc-anchor-target>
+<p>Add the following scripts to the project <code v-pre>package.json</code> file:</p>
+<div class="codeblock-wrapper"><doc-codeblock>
+<div class="codeblock-title">package.json</div>
+<pre class="language-json"><code v-pre class="language-json">{
+    &quot;dev&quot;: &quot;storybook dev -p 6006&quot;,
+    &quot;build&quot;: &quot;storybook build&quot;
+}</code></pre>
+</doc-codeblock></div>
+<doc-anchor-target id="try-it">
+    <h2>
+        <doc-anchor-trigger class="header-anchor-trigger" to="#try-it">#</doc-anchor-trigger>
+        <span>Try it <span class="docs-emoji">&#x1F680;</span></span>
+    </h2>
+</doc-anchor-target>
+<p>To test the new Rslib configuration, open a terminal at the root of the project and execute the <doc-anchor-trigger to="#add-cli-scripts">CLI scripts added earlier</doc-anchor-trigger>. Either the Storybook development server should start without outputting any error in the terminal or the Storybook application bundle files should be available in the <code v-pre>/storybook-static</code> folder (or any other folder you configured).</p>
+
+                                
+                                <!-- Required only on API pages -->
+                                <doc-toolbar-member-filter-no-results></doc-toolbar-member-filter-no-results>
+                            </div>
+                            <footer class="clear-both">
+                                <div class="flex flex-wrap items-center justify-between mt-14">
+                                    <a class="my-2.5 inline-flex items-center text-sm whitespace-nowrap text-blue-500 dark:text-blue-400 hover:text-blue-700 hover:underline" href="https://github.com/gsoft-inc/wl-web-configs/blob/main/docs/rslib/configure-storybook.md" target="_blank" rel="noopener">
+                                        <svg class="mr-1.5" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="currentColor" overflow="visible"><path d="M20 12c-.55 0-1 .45-1 1v7c0 .55-.45 1-1 1H4c-.55 0-1-.45-1-1V6c0-.55.45-1 1-1h7c.55 0 1-.45 1-1s-.45-1-1-1H4C2.35 3 1 4.35 1 6v14c0 1.65 1.35 3 3 3h14c1.65 0 3-1.35 3-3v-7c0-.55-.45-1-1-1z" /><path d="M22.21 1.79c-1.18-1.18-3.24-1.18-4.41 0l-9.5 9.5c-.13.13-.22.29-.26.46l-1 4c-.08.34.01.7.26.95.18.2.44.3.7.3.08 0 .16-.01.24-.03l4-1c.18-.04.34-.13.46-.26l9.5-9.5c1.22-1.22 1.22-3.2.01-4.42zm-1.42 3l-9.3 9.3-2.11.53.53-2.11 9.3-9.3c.42-.42 1.16-.42 1.59 0 .43.43.43 1.15-.01 1.58z" /><path fill="none" d="M0 0h24v24H0z" /></svg>
+                                        <span>Edit this page</span>
+                                    </a>
+                                </div>
+                            
+                                <nav class="flex mt-14">
+                                    <div class="w-1/2">
+                                        <a class="px-5 py-4 h-full flex items-center break-normal font-medium text-blue-500 dark:text-blue-400 border border-gray-300 hover:border-gray-400 dark:border-dark-650 dark:hover:border-dark-450 rounded-l-lg transition-colors duration-150 relative hover:z-5" href="../../rslib/configure-build/">
+                                            <svg xmlns="http://www.w3.org/2000/svg" class="mr-3" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" overflow="visible"><path d="M19 11H7.41l5.29-5.29a.996.996 0 10-1.41-1.41l-7 7a1 1 0 000 1.42l7 7a1.024 1.024 0 001.42-.01.996.996 0 000-1.41L7.41 13H19c.55 0 1-.45 1-1s-.45-1-1-1z" /><path fill="none" d="M0 0h24v24H0z" /></svg>
+                                            <span>
+                                                <span class="block text-xs font-normal text-gray-400 dark:text-dark-400">Previous</span>
+                                                <span class="block mt-1">Configure for build</span>
+                                            </span>
+                                        </a>
+                                    </div>
+                            
+                                    <div class="w-1/2">
+                                        <a class="px-5 py-4 -mx-px h-full flex items-center justify-end break-normal font-medium text-blue-500 dark:text-blue-400 border border-gray-300 hover:border-gray-400 dark:border-dark-650 dark:hover:border-dark-450 rounded-r-lg transition-colors duration-150 relative hover:z-5" href="../../rslib/migrate-from-tsup/">
+                                            <span>
+                                                <span class="block text-xs font-normal text-right text-gray-400 dark:text-dark-400">Next</span>
+                                                <span class="block mt-1">Migrate from tsup</span>
+                                            </span>
+                                            <svg xmlns="http://www.w3.org/2000/svg" class="ml-3" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" overflow="visible"><path d="M19.92 12.38a1 1 0 00-.22-1.09l-7-7a.996.996 0 10-1.41 1.41l5.3 5.3H5c-.55 0-1 .45-1 1s.45 1 1 1h11.59l-5.29 5.29a.996.996 0 000 1.41c.19.2.44.3.7.3s.51-.1.71-.29l7-7c.09-.09.16-.21.21-.33z" /><path fill="none" d="M0 0h24v24H0z" /></svg>
+                                        </a>
+                                    </div>
+                                </nav>
+                            </footer>
+                        </main>
+                
+                        <div class="border-t dark:border-dark-650 pt-6 mb-8">
+                            <footer class="flex flex-wrap items-center justify-between">
+                                <div>
+                                    <ul class="flex flex-wrap items-center text-sm">
+                                        <li>
+                                            <a class="inline-flex items-center mr-4 py-2 text-sm whitespace-nowrap transition-colors duration-200 ease-linear text-blue-500 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-200 md:mb-0" href="../../about/">
+                                                <svg xmlns="http://www.w3.org/2000/svg" class="mb-px mr-1" width="18" height="18" viewBox="0 0 24 24" role="presentation">
+                                                    <g fill="currentColor">
+                                                        <path d="M10.97 8.265a1.45 1.45 0 0 0-.487.57.75.75 0 0 1-1.341-.67c.2-.402.513-.826.997-1.148C10.627 6.69 11.244 6.5 12 6.5c.658 0 1.369.195 1.934.619a2.45 2.45 0 0 1 1.004 2.006c0 1.033-.513 1.72-1.027 2.215-.19.183-.399.358-.579.508l-.147.123a4.329 4.329 0 0 0-.435.409v1.37a.75.75 0 1 1-1.5 0v-1.473c0-.237.067-.504.247-.736.22-.28.486-.517.718-.714l.183-.153.001-.001c.172-.143.324-.27.47-.412.368-.355.569-.676.569-1.136a.953.953 0 0 0-.404-.806C12.766 8.118 12.384 8 12 8c-.494 0-.814.121-1.03.265ZM13 17a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"/><path d="M12 1c6.075 0 11 4.925 11 11s-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1ZM2.5 12a9.5 9.5 0 0 0 9.5 9.5 9.5 9.5 0 0 0 9.5-9.5A9.5 9.5 0 0 0 12 2.5 9.5 9.5 0 0 0 2.5 12Z"/>
+                                                    </g>
+                                                </svg>
+                                                <span>About</span>
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a class="inline-flex items-center mr-4 py-2 text-sm whitespace-nowrap transition-colors duration-200 ease-linear text-blue-500 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-200 md:mb-0" href="https://github.com/gsoft-inc/wl-web-configs/blob/main/LICENSE" target="_blank">
+                                                <svg xmlns="http://www.w3.org/2000/svg" class="mb-px mr-1" width="18" height="18" viewBox="0 0 24 24" role="presentation">
+                                                    <g fill="currentColor">
+                                                        <path d="M16.53 9.78a.75.75 0 0 0-1.06-1.06L11 13.19l-1.97-1.97a.75.75 0 0 0-1.06 1.06l2.5 2.5a.75.75 0 0 0 1.06 0l5-5Z"/><path d="m12.54.637 8.25 2.675A1.75 1.75 0 0 1 22 4.976V10c0 6.19-3.771 10.704-9.401 12.83a1.704 1.704 0 0 1-1.198 0C5.77 20.705 2 16.19 2 10V4.976c0-.758.489-1.43 1.21-1.664L11.46.637a1.748 1.748 0 0 1 1.08 0Zm-.617 1.426-8.25 2.676a.249.249 0 0 0-.173.237V10c0 5.46 3.28 9.483 8.43 11.426a.199.199 0 0 0 .14 0C17.22 19.483 20.5 15.461 20.5 10V4.976a.25.25 0 0 0-.173-.237l-8.25-2.676a.253.253 0 0 0-.154 0Z"/>
+                                                    </g>
+                                                </svg>
+                                                <span>License</span>
+                                            </a>
+                                        </li>
+                                    </ul>
+                                </div>
+                                <div class="docs-copyright py-2 text-gray-500 dark:text-dark-350 text-sm leading-relaxed"><p>© Copyright 2025 - Workleap</p></div>
+                            </footer>
+                        </div>
+                    </div>
+                
+                    <!-- Rendered if sidebar right is enabled -->
+                    <!-- Sidebar right skeleton-->
+                    <div v-cloak class="fixed top-0 bottom-0 right-0 translate-x-full bg-white border-gray-200 lg:sticky lg:border-l lg:shrink-0 lg:pt-6 lg:transform-none sm:w-1/2 lg:w-64 lg:z-0 md:w-104 sidebar-right skeleton dark:bg-dark-850 dark:border-dark-650">
+                        <div class="pl-5">
+                            <div class="w-32 h-3 mb-4 bg-gray-200 dark:bg-dark-600 rounded-full loading"></div>
+                            <div class="w-48 h-3 mb-4 bg-gray-200 dark:bg-dark-600 rounded-full loading"></div>
+                            <div class="w-40 h-3 mb-4 bg-gray-200 dark:bg-dark-600 rounded-full loading"></div>
+                        </div>
+                    </div>
+                
+                    <!-- User should be able to hide sidebar right -->
+                    <doc-sidebar-right v-cloak></doc-sidebar-right>
+                </div>
+
+            </div>
+        </div>
+    
+        <doc-search-mobile></doc-search-mobile>
+        <doc-back-to-top></doc-back-to-top>
+    </div>
+
+
+    <div id="docs-overlay-target"></div>
+
+    <script data-cfasync="false">window.__DOCS__ = { "title": "Configure for Storybook", level: 2, icon: "file", hasPrism: true, hasMermaid: false, hasMath: false, tocDepth: 23 }</script>
+</body>
+</html>
diff --git a/rslib/index.html b/rslib/index.html
new file mode 100644
index 00000000..66e1f956
--- /dev/null
+++ b/rslib/index.html
@@ -0,0 +1,485 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width,initial-scale=1">
+    <meta name="turbo-root" content="/wl-web-configs">
+    <meta name="turbo-cache-control" content="no-cache" data-turbo-track="reload" data-track-token="3.6.0.790190789202">
+
+    <!-- See retype.com -->
+    <meta name="generator" content="Retype 3.6.0">
+
+    <!-- Primary Meta Tags -->
+    <title>Rslib</title>
+    <meta name="title" content="Rslib">
+    <meta name="description" content="Rslib is a high-performance build tool powered by Rsbuild and Rspack, Rust-based ports of webpack designed for efficiency and speed.">
+
+    <!-- Canonical -->
+    <link rel="canonical" href="https://gsoft-inc.github.io/wl-web-configs/rslib/">
+
+    <!-- Open Graph / Facebook -->
+    <meta property="og:type" content="website">
+    <meta property="og:url" content="https://gsoft-inc.github.io/wl-web-configs/rslib/">
+    <meta property="og:title" content="Rslib">
+    <meta property="og:description" content="Rslib is a high-performance build tool powered by Rsbuild and Rspack, Rust-based ports of webpack designed for efficiency and speed.">
+
+    <!-- Twitter -->
+    <meta property="twitter:card" content="summary_large_image">
+    <meta property="twitter:url" content="https://gsoft-inc.github.io/wl-web-configs/rslib/">
+    <meta property="twitter:title" content="Rslib">
+    <meta property="twitter:description" content="Rslib is a high-performance build tool powered by Rsbuild and Rspack, Rust-based ports of webpack designed for efficiency and speed.">
+
+    <script data-cfasync="false">(function () { var el = document.documentElement, m = localStorage.getItem("doc_theme"), wm = window.matchMedia; if (m === "dark" || (!m && wm && wm("(prefers-color-scheme: dark)").matches)) { el.classList.add("dark") } else { el.classList.remove("dark") } })();</script>
+
+    <link href="../static/favicon.png" rel="icon">
+    <link href="../resources/css/retype.css?v=3.6.0.790190789202" rel="stylesheet">
+
+    <script data-cfasync="false" src="../resources/js/config.js?v=3.6.0.790190789202" data-turbo-eval="false" defer></script>
+    <script data-cfasync="false" src="../resources/js/retype.js?v=3.6.0" data-turbo-eval="false" defer></script>
+    <script id="lunr-js" data-cfasync="false" src="../resources/js/lunr.js?v=3.6.0.790190789202" data-turbo-eval="false" defer></script>
+
+    <link href="https://gsoft-inc.github.io/wl-idp-docs-hub/static/retype-customization.css" rel="stylesheet" />
+
+</head>
+<body>
+    <div id="docs-app" class="relative text-base antialiased text-gray-700 bg-white font-body dark:bg-dark-850 dark:text-dark-300">
+        <div class="absolute bottom-0 left-0 bg-gray-100 dark:bg-dark-800" style="top: 5rem; right: 50%"></div>
+    
+        <header id="docs-site-header" class="sticky top-0 z-30 flex w-full h-16 bg-white border-b border-gray-200 md:h-20 dark:bg-dark-850 dark:border-dark-650">
+            <div class="container relative flex items-center justify-between pr-6 grow md:justify-start">
+                <!-- Mobile menu button skeleton -->
+                <button v-cloak class="skeleton docs-mobile-menu-button flex items-center justify-center shrink-0 overflow-hidden dark:text-white focus:outline-none rounded-full w-10 h-10 ml-3.5 md:hidden"><svg xmlns="http://www.w3.org/2000/svg" class="mb-px shrink-0" width="24" height="24" viewBox="0 0 24 24" role="presentation" style="margin-bottom: 0px;"><g fill="currentColor"><path d="M2 4h20v2H2zM2 11h20v2H2zM2 18h20v2H2z"></path></g></svg></button>
+                <div v-cloak id="docs-sidebar-toggle"></div>
+        
+                <!-- Logo -->
+                <div class="flex items-center justify-between h-full py-2 md:w-75">
+                    <div class="flex items-center px-2 md:px-6">
+                        <a id="docs-hub-link" href="https://gsoft-inc.github.io/wl-idp-docs-hub/" title="Workleap's IDP homepage">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="12" height="30" viewBox="0 0 12 30" fill="currentColor" aria-label="Home" focusable="false" role="img">
+                                <path d="M10.6763 23.0822C10.4303 23.328 10.0967 23.4661 9.74885 23.4661C9.40103 23.4661 9.06744 23.328 8.82135 23.0822L1.38384 15.6447C1.13806 15.3986 1 15.065 1 14.7172C1 14.3694 1.13806 14.0358 1.38384 13.7897L8.82135 6.35222C9.0703 6.1205 9.39939 5.99432 9.73945 6.0002C10.0795 6.00607 10.404 6.14354 10.6448 6.38372C10.885 6.62452 11.0225 6.94906 11.0284 7.28912C11.0342 7.62917 10.9081 7.95826 10.6763 8.20722L4.16635 14.7172L10.6763 21.2272C10.9221 21.4733 11.0602 21.8069 11.0602 22.1547C11.0602 22.5025 10.9221 22.8361 10.6763 23.0822Z" />
+                            </svg>
+                        </a>
+                        <a id="docs-site-logo" href="../" class="flex items-center leading-snug text-2xl">
+                            <span class="w-10 mr-2 grow-0 shrink-0 overflow-hidden">
+                                <img class="max-h-10 dark:hidden md:inline-block" src="../static/logo.png">
+                                <img class="max-h-10 hidden dark:inline-block" src="../static/logo.png">
+                            </span>
+                            <span class="dark:text-white font-semibold line-clamp-1 md:line-clamp-2">Web configs</span>
+                        </a>
+                    </div>
+        
+                    <span class="hidden h-8 border-r md:inline-block dark:border-dark-650"></span>
+                </div>
+        
+                <div class="flex justify-between md:grow">
+                    <!-- Top Nav -->
+                    <nav class="hidden md:flex">
+                        <ul class="flex flex-col mb-4 md:pl-16 md:mb-0 md:flex-row md:items-center">
+                            <li class="mr-6">
+                                <a class="py-2 md:mb-0 inline-flex items-center text-sm whitespace-nowrap transition-colors duration-200 ease-linear md:text-blue-500 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-200" href="../">
+                                    <svg xmlns="http://www.w3.org/2000/svg" class="mb-px mr-1" width="18" height="18" viewBox="0 0 24 24" role="presentation">
+                                        <g fill="currentColor">
+                                            <path d="M11.03 2.59a1.501 1.501 0 0 1 1.94 0l7.5 6.363a1.5 1.5 0 0 1 .53 1.144V19.5a1.5 1.5 0 0 1-1.5 1.5h-5.75a.75.75 0 0 1-.75-.75V14h-2v6.25a.75.75 0 0 1-.75.75H4.5A1.5 1.5 0 0 1 3 19.5v-9.403c0-.44.194-.859.53-1.144ZM12 3.734l-7.5 6.363V19.5h5v-6.25a.75.75 0 0 1 .75-.75h3.5a.75.75 0 0 1 .75.75v6.25h5v-9.403Z"/>
+                                        </g>
+                                    </svg>
+                                    <span>Home</span>
+                                </a>
+                            </li>
+                            <li class="mr-6">
+                                <a class="py-2 md:mb-0 inline-flex items-center text-sm whitespace-nowrap transition-colors duration-200 ease-linear md:text-blue-500 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-200" href="https://github.com/gsoft-inc/wl-web-configs/issues" target="_blank">
+                                    <svg xmlns="http://www.w3.org/2000/svg" class="mb-px mr-1" width="18" height="18" viewBox="0 0 24 24" role="presentation">
+                                        <g fill="currentColor">
+                                            <path d="M12 1c6.075 0 11 4.925 11 11s-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1ZM2.5 12a9.5 9.5 0 0 0 9.5 9.5 9.5 9.5 0 0 0 9.5-9.5A9.5 9.5 0 0 0 12 2.5 9.5 9.5 0 0 0 2.5 12Zm9.5 2a2 2 0 1 1-.001-3.999A2 2 0 0 1 12 14Z"/>
+                                        </g>
+                                    </svg>
+                                    <span>Found a bug?</span>
+                                </a>
+                            </li>
+                            <li class="mr-6">
+                                <a class="py-2 md:mb-0 inline-flex items-center text-sm whitespace-nowrap transition-colors duration-200 ease-linear md:text-blue-500 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-200" href="https://github.com/gsoft-inc/wl-web-configs/discussions" target="_blank">
+                                    <svg xmlns="http://www.w3.org/2000/svg" class="mb-px mr-1" width="18" height="18" viewBox="0 0 24 24" role="presentation">
+                                        <g fill="currentColor">
+                                            <path d="M1.75 1h12.5c.966 0 1.75.784 1.75 1.75v9.5A1.75 1.75 0 0 1 14.25 14H8.061l-2.574 2.573A1.458 1.458 0 0 1 3 15.543V14H1.75A1.75 1.75 0 0 1 0 12.25v-9.5C0 1.784.784 1 1.75 1ZM1.5 2.75v9.5c0 .138.112.25.25.25h2a.75.75 0 0 1 .75.75v2.19l2.72-2.72a.749.749 0 0 1 .53-.22h6.5a.25.25 0 0 0 .25-.25v-9.5a.25.25 0 0 0-.25-.25H1.75a.25.25 0 0 0-.25.25Z"/><path d="M22.5 8.75a.25.25 0 0 0-.25-.25h-3.5a.75.75 0 0 1 0-1.5h3.5c.966 0 1.75.784 1.75 1.75v9.5A1.75 1.75 0 0 1 22.25 20H21v1.543a1.457 1.457 0 0 1-2.487 1.03L15.939 20H10.75A1.75 1.75 0 0 1 9 18.25v-1.465a.75.75 0 0 1 1.5 0v1.465c0 .138.112.25.25.25h5.5a.75.75 0 0 1 .53.22l2.72 2.72v-2.19a.75.75 0 0 1 .75-.75h2a.25.25 0 0 0 .25-.25v-9.5Z"/>
+                                        </g>
+                                    </svg>
+                                    <span>Feature requests</span>
+                                </a>
+                            </li>
+                            <li class="mr-6">
+                                <a class="py-2 md:mb-0 inline-flex items-center text-sm whitespace-nowrap transition-colors duration-200 ease-linear md:text-blue-500 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-200" href="https://github.com/gsoft-inc/wl-web-configs/releases" target="_blank">
+                                    <svg xmlns="http://www.w3.org/2000/svg" class="mb-px mr-1" width="18" height="18" viewBox="0 0 24 24" role="presentation">
+                                        <g fill="currentColor">
+                                            <path d="M7.75 6.5a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5Z"/><path d="M2.5 1h8.44a1.5 1.5 0 0 1 1.06.44l10.25 10.25a1.5 1.5 0 0 1 0 2.12l-8.44 8.44a1.5 1.5 0 0 1-2.12 0L1.44 12A1.497 1.497 0 0 1 1 10.94V2.5A1.5 1.5 0 0 1 2.5 1Zm0 1.5v8.44l10.25 10.25 8.44-8.44L10.94 2.5Z"/>
+                                        </g>
+                                    </svg>
+                                    <span>Releases</span>
+                                </a>
+                            </li>
+                            <li class="mr-6">
+                                <a class="py-2 md:mb-0 inline-flex items-center text-sm whitespace-nowrap transition-colors duration-200 ease-linear md:text-blue-500 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-200" href="https://github.com/gsoft-inc/wl-web-configs" target="_blank">
+                                    <svg xmlns="http://www.w3.org/2000/svg" class="mb-px mr-1" width="18" height="18" viewBox="0 0 24 24" role="presentation">
+                                        <g fill="currentColor">
+                                            <symbol id="mark-github-icon-symbol" viewBox="0 0 16 16"><path d="M8 0c4.42 0 8 3.58 8 8a8.013 8.013 0 0 1-5.45 7.59c-.4.08-.55-.17-.55-.38 0-.27.01-1.13.01-2.2 0-.75-.25-1.23-.54-1.48 1.78-.2 3.65-.88 3.65-3.95 0-.88-.31-1.59-.82-2.15.08-.2.36-1.02-.08-2.12 0 0-.67-.22-2.2.82-.64-.18-1.32-.27-2-.27-.68 0-1.36.09-2 .27-1.53-1.03-2.2-.82-2.2-.82-.44 1.1-.16 1.92-.08 2.12-.51.56-.82 1.28-.82 2.15 0 3.06 1.86 3.75 3.64 3.95-.23.2-.44.55-.51 1.07-.46.21-1.61.55-2.33-.66-.15-.24-.6-.83-1.23-.82-.67.01-.27.38.01.53.34.19.73.9.82 1.13.16.45.68 1.31 2.69.94 0 .67.01 1.3.01 1.49 0 .21-.15.45-.55.38A7.995 7.995 0 0 1 0 8c0-4.42 3.58-8 8-8Z"/></symbol><use xlink:href="#mark-github-icon-symbol" />
+                                        </g>
+                                    </svg>
+                                    <span>Github</span>
+                                </a>
+                            </li>
+                            <li class="mr-6">
+                                <a class="py-2 md:mb-0 inline-flex items-center text-sm whitespace-nowrap transition-colors duration-200 ease-linear md:text-blue-500 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-200" href="https://www.npmjs.com/settings/workleap/packages" target="_blank">
+                                    <svg xmlns="http://www.w3.org/2000/svg" class="mb-px mr-1" width="18" height="18" viewBox="0 0 24 24" role="presentation">
+                                        <g fill="currentColor">
+                                            <path d="M0 0H24V24H0V0Z" fill="#CC0000"/><path d="M11.9184 2.57758H2.57764V21.4214H11.9175V7.32958H16.6695V21.4214H21.4215V2.57758H11.9184Z" fill="white"/>
+                                        </g>
+                                    </svg>
+                                    <span>NPM</span>
+                                </a>
+                            </li>
+        
+                        </ul>
+                    </nav>
+        
+                    <!-- Header Right Skeleton -->
+                    <div v-cloak class="flex justify-end grow skeleton">
+        
+                        <!-- Search input mock -->
+                        <div class="relative hidden w-40 lg:block lg:max-w-sm lg:ml-auto">
+                            <div class="absolute flex items-center justify-center h-full pl-3 dark:text-dark-300">
+                                <svg xmlns="http://www.w3.org/2000/svg" class="icon-base" width="16" height="16" viewBox="0 0 24 24" aria-labelledby="icon" role="presentation" style="margin-bottom: 1px;"><g fill="currentColor" ><path d="M21.71 20.29l-3.68-3.68A8.963 8.963 0 0020 11c0-4.96-4.04-9-9-9s-9 4.04-9 9 4.04 9 9 9c2.12 0 4.07-.74 5.61-1.97l3.68 3.68c.2.19.45.29.71.29s.51-.1.71-.29c.39-.39.39-1.03 0-1.42zM4 11c0-3.86 3.14-7 7-7s7 3.14 7 7c0 1.92-.78 3.66-2.04 4.93-.01.01-.02.01-.02.01-.01.01-.01.01-.01.02A6.98 6.98 0 0111 18c-3.86 0-7-3.14-7-7z" ></path></g></svg>
+                            </div>
+                            <input class="w-full h-10 placeholder-gray-400 transition-colors duration-200 ease-in bg-gray-200 border border-transparent rounded md:text-sm hover:bg-white hover:border-gray-300 focus:outline-none focus:bg-white focus:border-gray-500 dark:bg-dark-600 dark:border-dark-600 dark:placeholder-dark-400" style="padding: 0.625rem 0.75rem 0.625rem 2rem" type="text" placeholder="Search">
+                        </div>
+        
+                        <!-- Mobile search button -->
+                        <div class="flex items-center justify-center w-10 h-10 lg:hidden">
+                            <svg xmlns="http://www.w3.org/2000/svg" class="shrink-0 icon-base" width="20" height="20" viewBox="0 0 24 24" aria-labelledby="icon" role="presentation" style="margin-bottom: 0px;"><g fill="currentColor" ><path d="M21.71 20.29l-3.68-3.68A8.963 8.963 0 0020 11c0-4.96-4.04-9-9-9s-9 4.04-9 9 4.04 9 9 9c2.12 0 4.07-.74 5.61-1.97l3.68 3.68c.2.19.45.29.71.29s.51-.1.71-.29c.39-.39.39-1.03 0-1.42zM4 11c0-3.86 3.14-7 7-7s7 3.14 7 7c0 1.92-.78 3.66-2.04 4.93-.01.01-.02.01-.02.01-.01.01-.01.01-.01.02A6.98 6.98 0 0111 18c-3.86 0-7-3.14-7-7z" ></path></g></svg>
+                        </div>
+        
+                        <!-- Dark mode switch placeholder -->
+                        <div class="w-10 h-10 lg:ml-2"></div>
+        
+                        <!-- History button -->
+                        <div class="flex items-center justify-center w-10 h-10" style="margin-right: -0.625rem;">
+                            <svg xmlns="http://www.w3.org/2000/svg" class="shrink-0 icon-base" width="22" height="22" viewBox="0 0 24 24" aria-labelledby="icon" role="presentation" style="margin-bottom: 0px;"><g fill="currentColor" ><g ><path d="M12.01 6.01c-.55 0-1 .45-1 1V12a1 1 0 00.4.8l3 2.22a.985.985 0 001.39-.2.996.996 0 00-.21-1.4l-2.6-1.92V7.01c.02-.55-.43-1-.98-1z"></path><path d="M12.01 1.91c-5.33 0-9.69 4.16-10.05 9.4l-.29-.26a.997.997 0 10-1.34 1.48l1.97 1.79c.19.17.43.26.67.26s.48-.09.67-.26l1.97-1.79a.997.997 0 10-1.34-1.48l-.31.28c.34-4.14 3.82-7.41 8.05-7.41 4.46 0 8.08 3.63 8.08 8.09s-3.63 8.08-8.08 8.08c-2.18 0-4.22-.85-5.75-2.4a.996.996 0 10-1.42 1.4 10.02 10.02 0 007.17 2.99c5.56 0 10.08-4.52 10.08-10.08.01-5.56-4.52-10.09-10.08-10.09z"></path></g></g></svg>
+                        </div>
+                    </div>
+        
+                    <div v-cloak class="flex justify-end grow">
+                        <div id="docs-mobile-search-button"></div>
+                        <doc-search-desktop></doc-search-desktop>
+        
+                        <doc-theme-switch class="lg:ml-2"></doc-theme-switch>
+                        <doc-history></doc-history>
+                    </div>
+                </div>
+            </div>
+        </header>
+    
+        <div class="container relative flex bg-white">
+            <!-- Sidebar Skeleton -->
+            <div v-cloak class="fixed flex flex-col shrink-0 duration-300 ease-in-out bg-gray-100 border-gray-200 sidebar top-20 w-75 border-r h-screen md:sticky transition-transform skeleton dark:bg-dark-800 dark:border-dark-650">
+            
+                <!-- Render this div, if config.showSidebarFilter is `true` -->
+                <div class="flex items-center h-16 px-6">
+                    <input class="w-full h-8 px-3 py-2 transition-colors duration-200 ease-linear bg-white border border-gray-200 rounded shadow-none text-sm focus:outline-none focus:border-gray-600 dark:bg-dark-600 dark:border-dark-600" type="text" placeholder="Filter">
+                </div>
+            
+                <div class="pl-6 mt-1 mb-4">
+                    <div class="w-32 h-3 mb-4 bg-gray-200 rounded-full loading dark:bg-dark-600"></div>
+                    <div class="w-48 h-3 mb-4 bg-gray-200 rounded-full loading dark:bg-dark-600"></div>
+                    <div class="w-40 h-3 mb-4 bg-gray-200 rounded-full loading dark:bg-dark-600"></div>
+                    <div class="w-32 h-3 mb-4 bg-gray-200 rounded-full loading dark:bg-dark-600"></div>
+                    <div class="w-48 h-3 mb-4 bg-gray-200 rounded-full loading dark:bg-dark-600"></div>
+                    <div class="w-40 h-3 mb-4 bg-gray-200 rounded-full loading dark:bg-dark-600"></div>
+                </div>
+            
+            </div>
+            
+            <!-- Sidebar component -->
+            <doc-sidebar v-cloak>
+                <template #sidebar-footer>
+                    <div class="shrink-0 mt-auto border-t md:bg-transparent md:border-none dark:border-dark-650">
+            
+                        <div class="py-3 px-6 md:hidden border-b dark:border-dark-650">
+                            <nav>
+                                <ul class="flex flex-wrap justify-center items-center">
+                                    <li class="mr-6">
+                                        <a class="block py-1 inline-flex items-center text-sm whitespace-nowrap transition-colors duration-200 ease-linear md:text-blue-500 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-200" href="../">
+                                            <svg xmlns="http://www.w3.org/2000/svg" class="mb-px mr-1" width="18" height="18" viewBox="0 0 24 24" role="presentation">
+                                                <g fill="currentColor">
+                                                    <path d="M11.03 2.59a1.501 1.501 0 0 1 1.94 0l7.5 6.363a1.5 1.5 0 0 1 .53 1.144V19.5a1.5 1.5 0 0 1-1.5 1.5h-5.75a.75.75 0 0 1-.75-.75V14h-2v6.25a.75.75 0 0 1-.75.75H4.5A1.5 1.5 0 0 1 3 19.5v-9.403c0-.44.194-.859.53-1.144ZM12 3.734l-7.5 6.363V19.5h5v-6.25a.75.75 0 0 1 .75-.75h3.5a.75.75 0 0 1 .75.75v6.25h5v-9.403Z"/>
+                                                </g>
+                                            </svg>
+                                            <span>Home</span>
+                                        </a>
+                                    </li>
+                                    <li class="mr-6">
+                                        <a class="block py-1 inline-flex items-center text-sm whitespace-nowrap transition-colors duration-200 ease-linear md:text-blue-500 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-200" href="https://github.com/gsoft-inc/wl-web-configs/issues" target="_blank">
+                                            <svg xmlns="http://www.w3.org/2000/svg" class="mb-px mr-1" width="18" height="18" viewBox="0 0 24 24" role="presentation">
+                                                <g fill="currentColor">
+                                                    <path d="M12 1c6.075 0 11 4.925 11 11s-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1ZM2.5 12a9.5 9.5 0 0 0 9.5 9.5 9.5 9.5 0 0 0 9.5-9.5A9.5 9.5 0 0 0 12 2.5 9.5 9.5 0 0 0 2.5 12Zm9.5 2a2 2 0 1 1-.001-3.999A2 2 0 0 1 12 14Z"/>
+                                                </g>
+                                            </svg>
+                                            <span>Found a bug?</span>
+                                        </a>
+                                    </li>
+                                    <li class="mr-6">
+                                        <a class="block py-1 inline-flex items-center text-sm whitespace-nowrap transition-colors duration-200 ease-linear md:text-blue-500 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-200" href="https://github.com/gsoft-inc/wl-web-configs/discussions" target="_blank">
+                                            <svg xmlns="http://www.w3.org/2000/svg" class="mb-px mr-1" width="18" height="18" viewBox="0 0 24 24" role="presentation">
+                                                <g fill="currentColor">
+                                                    <path d="M1.75 1h12.5c.966 0 1.75.784 1.75 1.75v9.5A1.75 1.75 0 0 1 14.25 14H8.061l-2.574 2.573A1.458 1.458 0 0 1 3 15.543V14H1.75A1.75 1.75 0 0 1 0 12.25v-9.5C0 1.784.784 1 1.75 1ZM1.5 2.75v9.5c0 .138.112.25.25.25h2a.75.75 0 0 1 .75.75v2.19l2.72-2.72a.749.749 0 0 1 .53-.22h6.5a.25.25 0 0 0 .25-.25v-9.5a.25.25 0 0 0-.25-.25H1.75a.25.25 0 0 0-.25.25Z"/><path d="M22.5 8.75a.25.25 0 0 0-.25-.25h-3.5a.75.75 0 0 1 0-1.5h3.5c.966 0 1.75.784 1.75 1.75v9.5A1.75 1.75 0 0 1 22.25 20H21v1.543a1.457 1.457 0 0 1-2.487 1.03L15.939 20H10.75A1.75 1.75 0 0 1 9 18.25v-1.465a.75.75 0 0 1 1.5 0v1.465c0 .138.112.25.25.25h5.5a.75.75 0 0 1 .53.22l2.72 2.72v-2.19a.75.75 0 0 1 .75-.75h2a.25.25 0 0 0 .25-.25v-9.5Z"/>
+                                                </g>
+                                            </svg>
+                                            <span>Feature requests</span>
+                                        </a>
+                                    </li>
+                                    <li class="mr-6">
+                                        <a class="block py-1 inline-flex items-center text-sm whitespace-nowrap transition-colors duration-200 ease-linear md:text-blue-500 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-200" href="https://github.com/gsoft-inc/wl-web-configs/releases" target="_blank">
+                                            <svg xmlns="http://www.w3.org/2000/svg" class="mb-px mr-1" width="18" height="18" viewBox="0 0 24 24" role="presentation">
+                                                <g fill="currentColor">
+                                                    <path d="M7.75 6.5a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5Z"/><path d="M2.5 1h8.44a1.5 1.5 0 0 1 1.06.44l10.25 10.25a1.5 1.5 0 0 1 0 2.12l-8.44 8.44a1.5 1.5 0 0 1-2.12 0L1.44 12A1.497 1.497 0 0 1 1 10.94V2.5A1.5 1.5 0 0 1 2.5 1Zm0 1.5v8.44l10.25 10.25 8.44-8.44L10.94 2.5Z"/>
+                                                </g>
+                                            </svg>
+                                            <span>Releases</span>
+                                        </a>
+                                    </li>
+                                    <li class="mr-6">
+                                        <a class="block py-1 inline-flex items-center text-sm whitespace-nowrap transition-colors duration-200 ease-linear md:text-blue-500 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-200" href="https://github.com/gsoft-inc/wl-web-configs" target="_blank">
+                                            <svg xmlns="http://www.w3.org/2000/svg" class="mb-px mr-1" width="18" height="18" viewBox="0 0 24 24" role="presentation">
+                                                <g fill="currentColor">
+                                                    <symbol id="mark-github-icon-symbol" viewBox="0 0 16 16"><path d="M8 0c4.42 0 8 3.58 8 8a8.013 8.013 0 0 1-5.45 7.59c-.4.08-.55-.17-.55-.38 0-.27.01-1.13.01-2.2 0-.75-.25-1.23-.54-1.48 1.78-.2 3.65-.88 3.65-3.95 0-.88-.31-1.59-.82-2.15.08-.2.36-1.02-.08-2.12 0 0-.67-.22-2.2.82-.64-.18-1.32-.27-2-.27-.68 0-1.36.09-2 .27-1.53-1.03-2.2-.82-2.2-.82-.44 1.1-.16 1.92-.08 2.12-.51.56-.82 1.28-.82 2.15 0 3.06 1.86 3.75 3.64 3.95-.23.2-.44.55-.51 1.07-.46.21-1.61.55-2.33-.66-.15-.24-.6-.83-1.23-.82-.67.01-.27.38.01.53.34.19.73.9.82 1.13.16.45.68 1.31 2.69.94 0 .67.01 1.3.01 1.49 0 .21-.15.45-.55.38A7.995 7.995 0 0 1 0 8c0-4.42 3.58-8 8-8Z"/></symbol><use xlink:href="#mark-github-icon-symbol" />
+                                                </g>
+                                            </svg>
+                                            <span>Github</span>
+                                        </a>
+                                    </li>
+                                    <li class="mr-6">
+                                        <a class="block py-1 inline-flex items-center text-sm whitespace-nowrap transition-colors duration-200 ease-linear md:text-blue-500 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-200" href="https://www.npmjs.com/settings/workleap/packages" target="_blank">
+                                            <svg xmlns="http://www.w3.org/2000/svg" class="mb-px mr-1" width="18" height="18" viewBox="0 0 24 24" role="presentation">
+                                                <g fill="currentColor">
+                                                    <path d="M0 0H24V24H0V0Z" fill="#CC0000"/><path d="M11.9184 2.57758H2.57764V21.4214H11.9175V7.32958H16.6695V21.4214H21.4215V2.57758H11.9184Z" fill="white"/>
+                                                </g>
+                                            </svg>
+                                            <span>NPM</span>
+                                        </a>
+                                    </li>
+            
+                                </ul>
+                            </nav>
+                        </div>
+                    </div>
+                </template>
+            </doc-sidebar>
+    
+            <div class="grow min-w-0 dark:bg-dark-850">
+                <!-- Render "toolbar" template here on api pages --><!-- Render page content -->
+                <div class="flex">
+                    <div class="min-w-0 p-4 grow md:px-16">
+                        <main class="relative pb-12 lg:pt-2">
+                            <div class="docs-markdown" id="docs-content">
+                                <!-- Rendered if sidebar right is enabled -->
+                                <div id="docs-sidebar-right-toggle"></div>
+                                <!-- Page content  -->
+<doc-anchor-target id="rslib" class="break-words">
+    <h1>
+        <doc-anchor-trigger class="header-anchor-trigger" to="#rslib">#</doc-anchor-trigger>
+        <span>Rslib</span>
+    </h1>
+</doc-anchor-target>
+<!-- !!!warning Before you continue...
+
+The preferred way for using `@workleap/webpack-configs` is **not** by installing the library manually, but rather by **scaffolding** your application with Workleap's [foundry-cli](https://github.com/gsoft-inc/wl-foundry-cli).
+
++++ pnpm
+```bash
+pnpm create @workleap/project@latest <output-directory>
+```
++++ yarn
+```bash
+yarn create @workleap/project@latest <output-directory>
+```
++++ npm
+```bash
+npm create @workleap/project@latest <output-directory>
+```
++++
+!!! -->
+<p><a href="https://lib.rsbuild.dev/" class="outbound" target="_blank">Rslib</a> is a high-performance build tool powered by <a href="https://rsbuild.dev/" class="outbound" target="_blank">Rsbuild</a> and <a href="https://rspack.dev/" class="outbound" target="_blank">Rspack</a>, Rust-based ports of webpack designed for efficiency and speed. Those new Rslib shared configurations are a modern replacement for previous Workleap&#x27;s shared <a href="../tsup/">tsup configurations</a>.</p>
+<doc-anchor-target id="main-features">
+    <h2>
+        <doc-anchor-trigger class="header-anchor-trigger" to="#main-features">#</doc-anchor-trigger>
+        <span>Main features</span>
+    </h2>
+</doc-anchor-target>
+<p>The shared configurations offered by <code v-pre>@workleap/rslib-configs</code> includes the following features <span class="docs-emoji">&#x1F447;</span></p>
+<doc-anchor-target id="language-support">
+    <h3>
+        <doc-anchor-trigger class="header-anchor-trigger" to="#language-support">#</doc-anchor-trigger>
+        <span>Language support</span>
+    </h3>
+</doc-anchor-target>
+<ul>
+<li>JavaScript</li>
+<li>TypeScript</li>
+<li>CSS (with CSS modules and LightningCSS)</li>
+</ul>
+<doc-anchor-target id="typescript-features">
+    <h3>
+        <doc-anchor-trigger class="header-anchor-trigger" to="#typescript-features">#</doc-anchor-trigger>
+        <span>TypeScript features</span>
+    </h3>
+</doc-anchor-target>
+<ul>
+<li>Emits declaration files</li>
+</ul>
+<doc-anchor-target id="framework-support">
+    <h3>
+        <doc-anchor-trigger class="header-anchor-trigger" to="#framework-support">#</doc-anchor-trigger>
+        <span>Framework support</span>
+    </h3>
+</doc-anchor-target>
+<ul>
+<li>React</li>
+</ul>
+<doc-anchor-target id="asset-support">
+    <h3>
+        <doc-anchor-trigger class="header-anchor-trigger" to="#asset-support">#</doc-anchor-trigger>
+        <span>Asset support</span>
+    </h3>
+</doc-anchor-target>
+<ul>
+<li>SVG as React components</li>
+</ul>
+<doc-anchor-target id="development-features">
+    <h3>
+        <doc-anchor-trigger class="header-anchor-trigger" to="#development-features">#</doc-anchor-trigger>
+        <span>Development features</span>
+    </h3>
+</doc-anchor-target>
+<ul>
+<li>Watch mode</li>
+<li>Sourcemaps</li>
+</ul>
+<doc-anchor-target id="production-features">
+    <h3>
+        <doc-anchor-trigger class="header-anchor-trigger" to="#production-features">#</doc-anchor-trigger>
+        <span>Production features</span>
+    </h3>
+</doc-anchor-target>
+<ul>
+<li>Sourcemaps</li>
+<li>Output to <code v-pre>/dist</code></li>
+</ul>
+<doc-anchor-target id="target-environment">
+    <h3>
+        <doc-anchor-trigger class="header-anchor-trigger" to="#target-environment">#</doc-anchor-trigger>
+        <span>Target environment</span>
+    </h3>
+</doc-anchor-target>
+<ul>
+<li>ESM</li>
+<li>ESNext</li>
+</ul>
+<doc-anchor-target id="getting-started">
+    <h2>
+        <doc-anchor-trigger class="header-anchor-trigger" to="#getting-started">#</doc-anchor-trigger>
+        <span>Getting started</span>
+    </h2>
+</doc-anchor-target>
+<p>To get started, follow the quick start guide to configure Rsbuild for either a <a href="configure-dev/">development environment</a>, a <a href="configure-build/">production environment</a> or <a href="configure-storybook/">storybook</a>.</p>
+<p>If your project is already using <code v-pre>@workleap/tsup-configs</code>, follow the <a href="migrate-from-tsup/">migration guide</a>.</p>
+
+                                
+                                <!-- Required only on API pages -->
+                                <doc-toolbar-member-filter-no-results></doc-toolbar-member-filter-no-results>
+                            </div>
+                            <footer class="clear-both">
+                                <div class="flex flex-wrap items-center justify-between mt-14">
+                                    <a class="my-2.5 inline-flex items-center text-sm whitespace-nowrap text-blue-500 dark:text-blue-400 hover:text-blue-700 hover:underline" href="https://github.com/gsoft-inc/wl-web-configs/blob/main/docs/rslib/default.md" target="_blank" rel="noopener">
+                                        <svg class="mr-1.5" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="currentColor" overflow="visible"><path d="M20 12c-.55 0-1 .45-1 1v7c0 .55-.45 1-1 1H4c-.55 0-1-.45-1-1V6c0-.55.45-1 1-1h7c.55 0 1-.45 1-1s-.45-1-1-1H4C2.35 3 1 4.35 1 6v14c0 1.65 1.35 3 3 3h14c1.65 0 3-1.35 3-3v-7c0-.55-.45-1-1-1z" /><path d="M22.21 1.79c-1.18-1.18-3.24-1.18-4.41 0l-9.5 9.5c-.13.13-.22.29-.26.46l-1 4c-.08.34.01.7.26.95.18.2.44.3.7.3.08 0 .16-.01.24-.03l4-1c.18-.04.34-.13.46-.26l9.5-9.5c1.22-1.22 1.22-3.2.01-4.42zm-1.42 3l-9.3 9.3-2.11.53.53-2.11 9.3-9.3c.42-.42 1.16-.42 1.59 0 .43.43.43 1.15-.01 1.58z" /><path fill="none" d="M0 0h24v24H0z" /></svg>
+                                        <span>Edit this page</span>
+                                    </a>
+                                </div>
+                            
+                                <nav class="flex mt-14">
+                                    <div class="w-1/2">
+                                        <a class="px-5 py-4 h-full flex items-center break-normal font-medium text-blue-500 dark:text-blue-400 border border-gray-300 hover:border-gray-400 dark:border-dark-650 dark:hover:border-dark-450 rounded-l-lg transition-colors duration-150 relative hover:z-5" href="../rsbuild/migrate-from-webpack/">
+                                            <svg xmlns="http://www.w3.org/2000/svg" class="mr-3" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" overflow="visible"><path d="M19 11H7.41l5.29-5.29a.996.996 0 10-1.41-1.41l-7 7a1 1 0 000 1.42l7 7a1.024 1.024 0 001.42-.01.996.996 0 000-1.41L7.41 13H19c.55 0 1-.45 1-1s-.45-1-1-1z" /><path fill="none" d="M0 0h24v24H0z" /></svg>
+                                            <span>
+                                                <span class="block text-xs font-normal text-gray-400 dark:text-dark-400">Previous</span>
+                                                <span class="block mt-1">Migrate from webpack</span>
+                                            </span>
+                                        </a>
+                                    </div>
+                            
+                                    <div class="w-1/2">
+                                        <a class="px-5 py-4 -mx-px h-full flex items-center justify-end break-normal font-medium text-blue-500 dark:text-blue-400 border border-gray-300 hover:border-gray-400 dark:border-dark-650 dark:hover:border-dark-450 rounded-r-lg transition-colors duration-150 relative hover:z-5" href="../rslib/configure-dev/">
+                                            <span>
+                                                <span class="block text-xs font-normal text-right text-gray-400 dark:text-dark-400">Next</span>
+                                                <span class="block mt-1">Configure for development</span>
+                                            </span>
+                                            <svg xmlns="http://www.w3.org/2000/svg" class="ml-3" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" overflow="visible"><path d="M19.92 12.38a1 1 0 00-.22-1.09l-7-7a.996.996 0 10-1.41 1.41l5.3 5.3H5c-.55 0-1 .45-1 1s.45 1 1 1h11.59l-5.29 5.29a.996.996 0 000 1.41c.19.2.44.3.7.3s.51-.1.71-.29l7-7c.09-.09.16-.21.21-.33z" /><path fill="none" d="M0 0h24v24H0z" /></svg>
+                                        </a>
+                                    </div>
+                                </nav>
+                            </footer>
+                        </main>
+                
+                        <div class="border-t dark:border-dark-650 pt-6 mb-8">
+                            <footer class="flex flex-wrap items-center justify-between">
+                                <div>
+                                    <ul class="flex flex-wrap items-center text-sm">
+                                        <li>
+                                            <a class="inline-flex items-center mr-4 py-2 text-sm whitespace-nowrap transition-colors duration-200 ease-linear text-blue-500 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-200 md:mb-0" href="../about/">
+                                                <svg xmlns="http://www.w3.org/2000/svg" class="mb-px mr-1" width="18" height="18" viewBox="0 0 24 24" role="presentation">
+                                                    <g fill="currentColor">
+                                                        <path d="M10.97 8.265a1.45 1.45 0 0 0-.487.57.75.75 0 0 1-1.341-.67c.2-.402.513-.826.997-1.148C10.627 6.69 11.244 6.5 12 6.5c.658 0 1.369.195 1.934.619a2.45 2.45 0 0 1 1.004 2.006c0 1.033-.513 1.72-1.027 2.215-.19.183-.399.358-.579.508l-.147.123a4.329 4.329 0 0 0-.435.409v1.37a.75.75 0 1 1-1.5 0v-1.473c0-.237.067-.504.247-.736.22-.28.486-.517.718-.714l.183-.153.001-.001c.172-.143.324-.27.47-.412.368-.355.569-.676.569-1.136a.953.953 0 0 0-.404-.806C12.766 8.118 12.384 8 12 8c-.494 0-.814.121-1.03.265ZM13 17a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"/><path d="M12 1c6.075 0 11 4.925 11 11s-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1ZM2.5 12a9.5 9.5 0 0 0 9.5 9.5 9.5 9.5 0 0 0 9.5-9.5A9.5 9.5 0 0 0 12 2.5 9.5 9.5 0 0 0 2.5 12Z"/>
+                                                    </g>
+                                                </svg>
+                                                <span>About</span>
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a class="inline-flex items-center mr-4 py-2 text-sm whitespace-nowrap transition-colors duration-200 ease-linear text-blue-500 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-200 md:mb-0" href="https://github.com/gsoft-inc/wl-web-configs/blob/main/LICENSE" target="_blank">
+                                                <svg xmlns="http://www.w3.org/2000/svg" class="mb-px mr-1" width="18" height="18" viewBox="0 0 24 24" role="presentation">
+                                                    <g fill="currentColor">
+                                                        <path d="M16.53 9.78a.75.75 0 0 0-1.06-1.06L11 13.19l-1.97-1.97a.75.75 0 0 0-1.06 1.06l2.5 2.5a.75.75 0 0 0 1.06 0l5-5Z"/><path d="m12.54.637 8.25 2.675A1.75 1.75 0 0 1 22 4.976V10c0 6.19-3.771 10.704-9.401 12.83a1.704 1.704 0 0 1-1.198 0C5.77 20.705 2 16.19 2 10V4.976c0-.758.489-1.43 1.21-1.664L11.46.637a1.748 1.748 0 0 1 1.08 0Zm-.617 1.426-8.25 2.676a.249.249 0 0 0-.173.237V10c0 5.46 3.28 9.483 8.43 11.426a.199.199 0 0 0 .14 0C17.22 19.483 20.5 15.461 20.5 10V4.976a.25.25 0 0 0-.173-.237l-8.25-2.676a.253.253 0 0 0-.154 0Z"/>
+                                                    </g>
+                                                </svg>
+                                                <span>License</span>
+                                            </a>
+                                        </li>
+                                    </ul>
+                                </div>
+                                <div class="docs-copyright py-2 text-gray-500 dark:text-dark-350 text-sm leading-relaxed"><p>© Copyright 2025 - Workleap</p></div>
+                            </footer>
+                        </div>
+                    </div>
+                
+                    <!-- Rendered if sidebar right is enabled -->
+                    <!-- Sidebar right skeleton-->
+                    <div v-cloak class="fixed top-0 bottom-0 right-0 translate-x-full bg-white border-gray-200 lg:sticky lg:border-l lg:shrink-0 lg:pt-6 lg:transform-none sm:w-1/2 lg:w-64 lg:z-0 md:w-104 sidebar-right skeleton dark:bg-dark-850 dark:border-dark-650">
+                        <div class="pl-5">
+                            <div class="w-32 h-3 mb-4 bg-gray-200 dark:bg-dark-600 rounded-full loading"></div>
+                            <div class="w-48 h-3 mb-4 bg-gray-200 dark:bg-dark-600 rounded-full loading"></div>
+                            <div class="w-40 h-3 mb-4 bg-gray-200 dark:bg-dark-600 rounded-full loading"></div>
+                        </div>
+                    </div>
+                
+                    <!-- User should be able to hide sidebar right -->
+                    <doc-sidebar-right v-cloak></doc-sidebar-right>
+                </div>
+
+            </div>
+        </div>
+    
+        <doc-search-mobile></doc-search-mobile>
+        <doc-back-to-top></doc-back-to-top>
+    </div>
+
+
+    <div id="docs-overlay-target"></div>
+
+    <script data-cfasync="false">window.__DOCS__ = { "title": "Rslib", level: 1, icon: "file", hasPrism: false, hasMermaid: false, hasMath: false, tocDepth: 23 }</script>
+</body>
+</html>
diff --git a/rslib/migrate-from-tsup/index.html b/rslib/migrate-from-tsup/index.html
new file mode 100644
index 00000000..ca1575cd
--- /dev/null
+++ b/rslib/migrate-from-tsup/index.html
@@ -0,0 +1,602 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width,initial-scale=1">
+    <meta name="turbo-root" content="/wl-web-configs">
+    <meta name="turbo-cache-control" content="no-cache" data-turbo-track="reload" data-track-token="3.6.0.790190789202">
+
+    <!-- See retype.com -->
+    <meta name="generator" content="Retype 3.6.0">
+
+    <!-- Primary Meta Tags -->
+    <title>Migrate from tsup - Rslib</title>
+    <meta name="title" content="Migrate from tsup - Rslib">
+    <meta name="description" content="To migrate from @workleap/tsup-configs to @workleap/rslib-configs, execute the following steps 👇">
+
+    <!-- Canonical -->
+    <link rel="canonical" href="https://gsoft-inc.github.io/wl-web-configs/rslib/migrate-from-tsup/">
+
+    <!-- Open Graph / Facebook -->
+    <meta property="og:type" content="website">
+    <meta property="og:url" content="https://gsoft-inc.github.io/wl-web-configs/rslib/migrate-from-tsup/">
+    <meta property="og:title" content="Migrate from tsup - Rslib">
+    <meta property="og:description" content="To migrate from @workleap/tsup-configs to @workleap/rslib-configs, execute the following steps 👇">
+
+    <!-- Twitter -->
+    <meta property="twitter:card" content="summary_large_image">
+    <meta property="twitter:url" content="https://gsoft-inc.github.io/wl-web-configs/rslib/migrate-from-tsup/">
+    <meta property="twitter:title" content="Migrate from tsup - Rslib">
+    <meta property="twitter:description" content="To migrate from @workleap/tsup-configs to @workleap/rslib-configs, execute the following steps 👇">
+
+    <script data-cfasync="false">(function () { var el = document.documentElement, m = localStorage.getItem("doc_theme"), wm = window.matchMedia; if (m === "dark" || (!m && wm && wm("(prefers-color-scheme: dark)").matches)) { el.classList.add("dark") } else { el.classList.remove("dark") } })();</script>
+
+    <link href="../../static/favicon.png" rel="icon">
+    <link href="../../resources/css/retype.css?v=3.6.0.790190789202" rel="stylesheet">
+
+    <script data-cfasync="false" src="../../resources/js/config.js?v=3.6.0.790190789202" data-turbo-eval="false" defer></script>
+    <script data-cfasync="false" src="../../resources/js/retype.js?v=3.6.0" data-turbo-eval="false" defer></script>
+    <script id="lunr-js" data-cfasync="false" src="../../resources/js/lunr.js?v=3.6.0.790190789202" data-turbo-eval="false" defer></script>
+    <script id="prism-js" data-cfasync="false" src="../../resources/js/prism.js?v=3.6.0.790190789202" defer></script>
+
+    <link href="https://gsoft-inc.github.io/wl-idp-docs-hub/static/retype-customization.css" rel="stylesheet" />
+
+</head>
+<body>
+    <div id="docs-app" class="relative text-base antialiased text-gray-700 bg-white font-body dark:bg-dark-850 dark:text-dark-300">
+        <div class="absolute bottom-0 left-0 bg-gray-100 dark:bg-dark-800" style="top: 5rem; right: 50%"></div>
+    
+        <header id="docs-site-header" class="sticky top-0 z-30 flex w-full h-16 bg-white border-b border-gray-200 md:h-20 dark:bg-dark-850 dark:border-dark-650">
+            <div class="container relative flex items-center justify-between pr-6 grow md:justify-start">
+                <!-- Mobile menu button skeleton -->
+                <button v-cloak class="skeleton docs-mobile-menu-button flex items-center justify-center shrink-0 overflow-hidden dark:text-white focus:outline-none rounded-full w-10 h-10 ml-3.5 md:hidden"><svg xmlns="http://www.w3.org/2000/svg" class="mb-px shrink-0" width="24" height="24" viewBox="0 0 24 24" role="presentation" style="margin-bottom: 0px;"><g fill="currentColor"><path d="M2 4h20v2H2zM2 11h20v2H2zM2 18h20v2H2z"></path></g></svg></button>
+                <div v-cloak id="docs-sidebar-toggle"></div>
+        
+                <!-- Logo -->
+                <div class="flex items-center justify-between h-full py-2 md:w-75">
+                    <div class="flex items-center px-2 md:px-6">
+                        <a id="docs-hub-link" href="https://gsoft-inc.github.io/wl-idp-docs-hub/" title="Workleap's IDP homepage">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="12" height="30" viewBox="0 0 12 30" fill="currentColor" aria-label="Home" focusable="false" role="img">
+                                <path d="M10.6763 23.0822C10.4303 23.328 10.0967 23.4661 9.74885 23.4661C9.40103 23.4661 9.06744 23.328 8.82135 23.0822L1.38384 15.6447C1.13806 15.3986 1 15.065 1 14.7172C1 14.3694 1.13806 14.0358 1.38384 13.7897L8.82135 6.35222C9.0703 6.1205 9.39939 5.99432 9.73945 6.0002C10.0795 6.00607 10.404 6.14354 10.6448 6.38372C10.885 6.62452 11.0225 6.94906 11.0284 7.28912C11.0342 7.62917 10.9081 7.95826 10.6763 8.20722L4.16635 14.7172L10.6763 21.2272C10.9221 21.4733 11.0602 21.8069 11.0602 22.1547C11.0602 22.5025 10.9221 22.8361 10.6763 23.0822Z" />
+                            </svg>
+                        </a>
+                        <a id="docs-site-logo" href="../../" class="flex items-center leading-snug text-2xl">
+                            <span class="w-10 mr-2 grow-0 shrink-0 overflow-hidden">
+                                <img class="max-h-10 dark:hidden md:inline-block" src="../../static/logo.png">
+                                <img class="max-h-10 hidden dark:inline-block" src="../../static/logo.png">
+                            </span>
+                            <span class="dark:text-white font-semibold line-clamp-1 md:line-clamp-2">Web configs</span>
+                        </a>
+                    </div>
+        
+                    <span class="hidden h-8 border-r md:inline-block dark:border-dark-650"></span>
+                </div>
+        
+                <div class="flex justify-between md:grow">
+                    <!-- Top Nav -->
+                    <nav class="hidden md:flex">
+                        <ul class="flex flex-col mb-4 md:pl-16 md:mb-0 md:flex-row md:items-center">
+                            <li class="mr-6">
+                                <a class="py-2 md:mb-0 inline-flex items-center text-sm whitespace-nowrap transition-colors duration-200 ease-linear md:text-blue-500 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-200" href="../../">
+                                    <svg xmlns="http://www.w3.org/2000/svg" class="mb-px mr-1" width="18" height="18" viewBox="0 0 24 24" role="presentation">
+                                        <g fill="currentColor">
+                                            <path d="M11.03 2.59a1.501 1.501 0 0 1 1.94 0l7.5 6.363a1.5 1.5 0 0 1 .53 1.144V19.5a1.5 1.5 0 0 1-1.5 1.5h-5.75a.75.75 0 0 1-.75-.75V14h-2v6.25a.75.75 0 0 1-.75.75H4.5A1.5 1.5 0 0 1 3 19.5v-9.403c0-.44.194-.859.53-1.144ZM12 3.734l-7.5 6.363V19.5h5v-6.25a.75.75 0 0 1 .75-.75h3.5a.75.75 0 0 1 .75.75v6.25h5v-9.403Z"/>
+                                        </g>
+                                    </svg>
+                                    <span>Home</span>
+                                </a>
+                            </li>
+                            <li class="mr-6">
+                                <a class="py-2 md:mb-0 inline-flex items-center text-sm whitespace-nowrap transition-colors duration-200 ease-linear md:text-blue-500 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-200" href="https://github.com/gsoft-inc/wl-web-configs/issues" target="_blank">
+                                    <svg xmlns="http://www.w3.org/2000/svg" class="mb-px mr-1" width="18" height="18" viewBox="0 0 24 24" role="presentation">
+                                        <g fill="currentColor">
+                                            <path d="M12 1c6.075 0 11 4.925 11 11s-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1ZM2.5 12a9.5 9.5 0 0 0 9.5 9.5 9.5 9.5 0 0 0 9.5-9.5A9.5 9.5 0 0 0 12 2.5 9.5 9.5 0 0 0 2.5 12Zm9.5 2a2 2 0 1 1-.001-3.999A2 2 0 0 1 12 14Z"/>
+                                        </g>
+                                    </svg>
+                                    <span>Found a bug?</span>
+                                </a>
+                            </li>
+                            <li class="mr-6">
+                                <a class="py-2 md:mb-0 inline-flex items-center text-sm whitespace-nowrap transition-colors duration-200 ease-linear md:text-blue-500 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-200" href="https://github.com/gsoft-inc/wl-web-configs/discussions" target="_blank">
+                                    <svg xmlns="http://www.w3.org/2000/svg" class="mb-px mr-1" width="18" height="18" viewBox="0 0 24 24" role="presentation">
+                                        <g fill="currentColor">
+                                            <path d="M1.75 1h12.5c.966 0 1.75.784 1.75 1.75v9.5A1.75 1.75 0 0 1 14.25 14H8.061l-2.574 2.573A1.458 1.458 0 0 1 3 15.543V14H1.75A1.75 1.75 0 0 1 0 12.25v-9.5C0 1.784.784 1 1.75 1ZM1.5 2.75v9.5c0 .138.112.25.25.25h2a.75.75 0 0 1 .75.75v2.19l2.72-2.72a.749.749 0 0 1 .53-.22h6.5a.25.25 0 0 0 .25-.25v-9.5a.25.25 0 0 0-.25-.25H1.75a.25.25 0 0 0-.25.25Z"/><path d="M22.5 8.75a.25.25 0 0 0-.25-.25h-3.5a.75.75 0 0 1 0-1.5h3.5c.966 0 1.75.784 1.75 1.75v9.5A1.75 1.75 0 0 1 22.25 20H21v1.543a1.457 1.457 0 0 1-2.487 1.03L15.939 20H10.75A1.75 1.75 0 0 1 9 18.25v-1.465a.75.75 0 0 1 1.5 0v1.465c0 .138.112.25.25.25h5.5a.75.75 0 0 1 .53.22l2.72 2.72v-2.19a.75.75 0 0 1 .75-.75h2a.25.25 0 0 0 .25-.25v-9.5Z"/>
+                                        </g>
+                                    </svg>
+                                    <span>Feature requests</span>
+                                </a>
+                            </li>
+                            <li class="mr-6">
+                                <a class="py-2 md:mb-0 inline-flex items-center text-sm whitespace-nowrap transition-colors duration-200 ease-linear md:text-blue-500 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-200" href="https://github.com/gsoft-inc/wl-web-configs/releases" target="_blank">
+                                    <svg xmlns="http://www.w3.org/2000/svg" class="mb-px mr-1" width="18" height="18" viewBox="0 0 24 24" role="presentation">
+                                        <g fill="currentColor">
+                                            <path d="M7.75 6.5a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5Z"/><path d="M2.5 1h8.44a1.5 1.5 0 0 1 1.06.44l10.25 10.25a1.5 1.5 0 0 1 0 2.12l-8.44 8.44a1.5 1.5 0 0 1-2.12 0L1.44 12A1.497 1.497 0 0 1 1 10.94V2.5A1.5 1.5 0 0 1 2.5 1Zm0 1.5v8.44l10.25 10.25 8.44-8.44L10.94 2.5Z"/>
+                                        </g>
+                                    </svg>
+                                    <span>Releases</span>
+                                </a>
+                            </li>
+                            <li class="mr-6">
+                                <a class="py-2 md:mb-0 inline-flex items-center text-sm whitespace-nowrap transition-colors duration-200 ease-linear md:text-blue-500 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-200" href="https://github.com/gsoft-inc/wl-web-configs" target="_blank">
+                                    <svg xmlns="http://www.w3.org/2000/svg" class="mb-px mr-1" width="18" height="18" viewBox="0 0 24 24" role="presentation">
+                                        <g fill="currentColor">
+                                            <symbol id="mark-github-icon-symbol" viewBox="0 0 16 16"><path d="M8 0c4.42 0 8 3.58 8 8a8.013 8.013 0 0 1-5.45 7.59c-.4.08-.55-.17-.55-.38 0-.27.01-1.13.01-2.2 0-.75-.25-1.23-.54-1.48 1.78-.2 3.65-.88 3.65-3.95 0-.88-.31-1.59-.82-2.15.08-.2.36-1.02-.08-2.12 0 0-.67-.22-2.2.82-.64-.18-1.32-.27-2-.27-.68 0-1.36.09-2 .27-1.53-1.03-2.2-.82-2.2-.82-.44 1.1-.16 1.92-.08 2.12-.51.56-.82 1.28-.82 2.15 0 3.06 1.86 3.75 3.64 3.95-.23.2-.44.55-.51 1.07-.46.21-1.61.55-2.33-.66-.15-.24-.6-.83-1.23-.82-.67.01-.27.38.01.53.34.19.73.9.82 1.13.16.45.68 1.31 2.69.94 0 .67.01 1.3.01 1.49 0 .21-.15.45-.55.38A7.995 7.995 0 0 1 0 8c0-4.42 3.58-8 8-8Z"/></symbol><use xlink:href="#mark-github-icon-symbol" />
+                                        </g>
+                                    </svg>
+                                    <span>Github</span>
+                                </a>
+                            </li>
+                            <li class="mr-6">
+                                <a class="py-2 md:mb-0 inline-flex items-center text-sm whitespace-nowrap transition-colors duration-200 ease-linear md:text-blue-500 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-200" href="https://www.npmjs.com/settings/workleap/packages" target="_blank">
+                                    <svg xmlns="http://www.w3.org/2000/svg" class="mb-px mr-1" width="18" height="18" viewBox="0 0 24 24" role="presentation">
+                                        <g fill="currentColor">
+                                            <path d="M0 0H24V24H0V0Z" fill="#CC0000"/><path d="M11.9184 2.57758H2.57764V21.4214H11.9175V7.32958H16.6695V21.4214H21.4215V2.57758H11.9184Z" fill="white"/>
+                                        </g>
+                                    </svg>
+                                    <span>NPM</span>
+                                </a>
+                            </li>
+        
+                        </ul>
+                    </nav>
+        
+                    <!-- Header Right Skeleton -->
+                    <div v-cloak class="flex justify-end grow skeleton">
+        
+                        <!-- Search input mock -->
+                        <div class="relative hidden w-40 lg:block lg:max-w-sm lg:ml-auto">
+                            <div class="absolute flex items-center justify-center h-full pl-3 dark:text-dark-300">
+                                <svg xmlns="http://www.w3.org/2000/svg" class="icon-base" width="16" height="16" viewBox="0 0 24 24" aria-labelledby="icon" role="presentation" style="margin-bottom: 1px;"><g fill="currentColor" ><path d="M21.71 20.29l-3.68-3.68A8.963 8.963 0 0020 11c0-4.96-4.04-9-9-9s-9 4.04-9 9 4.04 9 9 9c2.12 0 4.07-.74 5.61-1.97l3.68 3.68c.2.19.45.29.71.29s.51-.1.71-.29c.39-.39.39-1.03 0-1.42zM4 11c0-3.86 3.14-7 7-7s7 3.14 7 7c0 1.92-.78 3.66-2.04 4.93-.01.01-.02.01-.02.01-.01.01-.01.01-.01.02A6.98 6.98 0 0111 18c-3.86 0-7-3.14-7-7z" ></path></g></svg>
+                            </div>
+                            <input class="w-full h-10 placeholder-gray-400 transition-colors duration-200 ease-in bg-gray-200 border border-transparent rounded md:text-sm hover:bg-white hover:border-gray-300 focus:outline-none focus:bg-white focus:border-gray-500 dark:bg-dark-600 dark:border-dark-600 dark:placeholder-dark-400" style="padding: 0.625rem 0.75rem 0.625rem 2rem" type="text" placeholder="Search">
+                        </div>
+        
+                        <!-- Mobile search button -->
+                        <div class="flex items-center justify-center w-10 h-10 lg:hidden">
+                            <svg xmlns="http://www.w3.org/2000/svg" class="shrink-0 icon-base" width="20" height="20" viewBox="0 0 24 24" aria-labelledby="icon" role="presentation" style="margin-bottom: 0px;"><g fill="currentColor" ><path d="M21.71 20.29l-3.68-3.68A8.963 8.963 0 0020 11c0-4.96-4.04-9-9-9s-9 4.04-9 9 4.04 9 9 9c2.12 0 4.07-.74 5.61-1.97l3.68 3.68c.2.19.45.29.71.29s.51-.1.71-.29c.39-.39.39-1.03 0-1.42zM4 11c0-3.86 3.14-7 7-7s7 3.14 7 7c0 1.92-.78 3.66-2.04 4.93-.01.01-.02.01-.02.01-.01.01-.01.01-.01.02A6.98 6.98 0 0111 18c-3.86 0-7-3.14-7-7z" ></path></g></svg>
+                        </div>
+        
+                        <!-- Dark mode switch placeholder -->
+                        <div class="w-10 h-10 lg:ml-2"></div>
+        
+                        <!-- History button -->
+                        <div class="flex items-center justify-center w-10 h-10" style="margin-right: -0.625rem;">
+                            <svg xmlns="http://www.w3.org/2000/svg" class="shrink-0 icon-base" width="22" height="22" viewBox="0 0 24 24" aria-labelledby="icon" role="presentation" style="margin-bottom: 0px;"><g fill="currentColor" ><g ><path d="M12.01 6.01c-.55 0-1 .45-1 1V12a1 1 0 00.4.8l3 2.22a.985.985 0 001.39-.2.996.996 0 00-.21-1.4l-2.6-1.92V7.01c.02-.55-.43-1-.98-1z"></path><path d="M12.01 1.91c-5.33 0-9.69 4.16-10.05 9.4l-.29-.26a.997.997 0 10-1.34 1.48l1.97 1.79c.19.17.43.26.67.26s.48-.09.67-.26l1.97-1.79a.997.997 0 10-1.34-1.48l-.31.28c.34-4.14 3.82-7.41 8.05-7.41 4.46 0 8.08 3.63 8.08 8.09s-3.63 8.08-8.08 8.08c-2.18 0-4.22-.85-5.75-2.4a.996.996 0 10-1.42 1.4 10.02 10.02 0 007.17 2.99c5.56 0 10.08-4.52 10.08-10.08.01-5.56-4.52-10.09-10.08-10.09z"></path></g></g></svg>
+                        </div>
+                    </div>
+        
+                    <div v-cloak class="flex justify-end grow">
+                        <div id="docs-mobile-search-button"></div>
+                        <doc-search-desktop></doc-search-desktop>
+        
+                        <doc-theme-switch class="lg:ml-2"></doc-theme-switch>
+                        <doc-history></doc-history>
+                    </div>
+                </div>
+            </div>
+        </header>
+    
+        <div class="container relative flex bg-white">
+            <!-- Sidebar Skeleton -->
+            <div v-cloak class="fixed flex flex-col shrink-0 duration-300 ease-in-out bg-gray-100 border-gray-200 sidebar top-20 w-75 border-r h-screen md:sticky transition-transform skeleton dark:bg-dark-800 dark:border-dark-650">
+            
+                <!-- Render this div, if config.showSidebarFilter is `true` -->
+                <div class="flex items-center h-16 px-6">
+                    <input class="w-full h-8 px-3 py-2 transition-colors duration-200 ease-linear bg-white border border-gray-200 rounded shadow-none text-sm focus:outline-none focus:border-gray-600 dark:bg-dark-600 dark:border-dark-600" type="text" placeholder="Filter">
+                </div>
+            
+                <div class="pl-6 mt-1 mb-4">
+                    <div class="w-32 h-3 mb-4 bg-gray-200 rounded-full loading dark:bg-dark-600"></div>
+                    <div class="w-48 h-3 mb-4 bg-gray-200 rounded-full loading dark:bg-dark-600"></div>
+                    <div class="w-40 h-3 mb-4 bg-gray-200 rounded-full loading dark:bg-dark-600"></div>
+                    <div class="w-32 h-3 mb-4 bg-gray-200 rounded-full loading dark:bg-dark-600"></div>
+                    <div class="w-48 h-3 mb-4 bg-gray-200 rounded-full loading dark:bg-dark-600"></div>
+                    <div class="w-40 h-3 mb-4 bg-gray-200 rounded-full loading dark:bg-dark-600"></div>
+                </div>
+            
+            </div>
+            
+            <!-- Sidebar component -->
+            <doc-sidebar v-cloak>
+                <template #sidebar-footer>
+                    <div class="shrink-0 mt-auto border-t md:bg-transparent md:border-none dark:border-dark-650">
+            
+                        <div class="py-3 px-6 md:hidden border-b dark:border-dark-650">
+                            <nav>
+                                <ul class="flex flex-wrap justify-center items-center">
+                                    <li class="mr-6">
+                                        <a class="block py-1 inline-flex items-center text-sm whitespace-nowrap transition-colors duration-200 ease-linear md:text-blue-500 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-200" href="../../">
+                                            <svg xmlns="http://www.w3.org/2000/svg" class="mb-px mr-1" width="18" height="18" viewBox="0 0 24 24" role="presentation">
+                                                <g fill="currentColor">
+                                                    <path d="M11.03 2.59a1.501 1.501 0 0 1 1.94 0l7.5 6.363a1.5 1.5 0 0 1 .53 1.144V19.5a1.5 1.5 0 0 1-1.5 1.5h-5.75a.75.75 0 0 1-.75-.75V14h-2v6.25a.75.75 0 0 1-.75.75H4.5A1.5 1.5 0 0 1 3 19.5v-9.403c0-.44.194-.859.53-1.144ZM12 3.734l-7.5 6.363V19.5h5v-6.25a.75.75 0 0 1 .75-.75h3.5a.75.75 0 0 1 .75.75v6.25h5v-9.403Z"/>
+                                                </g>
+                                            </svg>
+                                            <span>Home</span>
+                                        </a>
+                                    </li>
+                                    <li class="mr-6">
+                                        <a class="block py-1 inline-flex items-center text-sm whitespace-nowrap transition-colors duration-200 ease-linear md:text-blue-500 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-200" href="https://github.com/gsoft-inc/wl-web-configs/issues" target="_blank">
+                                            <svg xmlns="http://www.w3.org/2000/svg" class="mb-px mr-1" width="18" height="18" viewBox="0 0 24 24" role="presentation">
+                                                <g fill="currentColor">
+                                                    <path d="M12 1c6.075 0 11 4.925 11 11s-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1ZM2.5 12a9.5 9.5 0 0 0 9.5 9.5 9.5 9.5 0 0 0 9.5-9.5A9.5 9.5 0 0 0 12 2.5 9.5 9.5 0 0 0 2.5 12Zm9.5 2a2 2 0 1 1-.001-3.999A2 2 0 0 1 12 14Z"/>
+                                                </g>
+                                            </svg>
+                                            <span>Found a bug?</span>
+                                        </a>
+                                    </li>
+                                    <li class="mr-6">
+                                        <a class="block py-1 inline-flex items-center text-sm whitespace-nowrap transition-colors duration-200 ease-linear md:text-blue-500 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-200" href="https://github.com/gsoft-inc/wl-web-configs/discussions" target="_blank">
+                                            <svg xmlns="http://www.w3.org/2000/svg" class="mb-px mr-1" width="18" height="18" viewBox="0 0 24 24" role="presentation">
+                                                <g fill="currentColor">
+                                                    <path d="M1.75 1h12.5c.966 0 1.75.784 1.75 1.75v9.5A1.75 1.75 0 0 1 14.25 14H8.061l-2.574 2.573A1.458 1.458 0 0 1 3 15.543V14H1.75A1.75 1.75 0 0 1 0 12.25v-9.5C0 1.784.784 1 1.75 1ZM1.5 2.75v9.5c0 .138.112.25.25.25h2a.75.75 0 0 1 .75.75v2.19l2.72-2.72a.749.749 0 0 1 .53-.22h6.5a.25.25 0 0 0 .25-.25v-9.5a.25.25 0 0 0-.25-.25H1.75a.25.25 0 0 0-.25.25Z"/><path d="M22.5 8.75a.25.25 0 0 0-.25-.25h-3.5a.75.75 0 0 1 0-1.5h3.5c.966 0 1.75.784 1.75 1.75v9.5A1.75 1.75 0 0 1 22.25 20H21v1.543a1.457 1.457 0 0 1-2.487 1.03L15.939 20H10.75A1.75 1.75 0 0 1 9 18.25v-1.465a.75.75 0 0 1 1.5 0v1.465c0 .138.112.25.25.25h5.5a.75.75 0 0 1 .53.22l2.72 2.72v-2.19a.75.75 0 0 1 .75-.75h2a.25.25 0 0 0 .25-.25v-9.5Z"/>
+                                                </g>
+                                            </svg>
+                                            <span>Feature requests</span>
+                                        </a>
+                                    </li>
+                                    <li class="mr-6">
+                                        <a class="block py-1 inline-flex items-center text-sm whitespace-nowrap transition-colors duration-200 ease-linear md:text-blue-500 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-200" href="https://github.com/gsoft-inc/wl-web-configs/releases" target="_blank">
+                                            <svg xmlns="http://www.w3.org/2000/svg" class="mb-px mr-1" width="18" height="18" viewBox="0 0 24 24" role="presentation">
+                                                <g fill="currentColor">
+                                                    <path d="M7.75 6.5a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5Z"/><path d="M2.5 1h8.44a1.5 1.5 0 0 1 1.06.44l10.25 10.25a1.5 1.5 0 0 1 0 2.12l-8.44 8.44a1.5 1.5 0 0 1-2.12 0L1.44 12A1.497 1.497 0 0 1 1 10.94V2.5A1.5 1.5 0 0 1 2.5 1Zm0 1.5v8.44l10.25 10.25 8.44-8.44L10.94 2.5Z"/>
+                                                </g>
+                                            </svg>
+                                            <span>Releases</span>
+                                        </a>
+                                    </li>
+                                    <li class="mr-6">
+                                        <a class="block py-1 inline-flex items-center text-sm whitespace-nowrap transition-colors duration-200 ease-linear md:text-blue-500 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-200" href="https://github.com/gsoft-inc/wl-web-configs" target="_blank">
+                                            <svg xmlns="http://www.w3.org/2000/svg" class="mb-px mr-1" width="18" height="18" viewBox="0 0 24 24" role="presentation">
+                                                <g fill="currentColor">
+                                                    <symbol id="mark-github-icon-symbol" viewBox="0 0 16 16"><path d="M8 0c4.42 0 8 3.58 8 8a8.013 8.013 0 0 1-5.45 7.59c-.4.08-.55-.17-.55-.38 0-.27.01-1.13.01-2.2 0-.75-.25-1.23-.54-1.48 1.78-.2 3.65-.88 3.65-3.95 0-.88-.31-1.59-.82-2.15.08-.2.36-1.02-.08-2.12 0 0-.67-.22-2.2.82-.64-.18-1.32-.27-2-.27-.68 0-1.36.09-2 .27-1.53-1.03-2.2-.82-2.2-.82-.44 1.1-.16 1.92-.08 2.12-.51.56-.82 1.28-.82 2.15 0 3.06 1.86 3.75 3.64 3.95-.23.2-.44.55-.51 1.07-.46.21-1.61.55-2.33-.66-.15-.24-.6-.83-1.23-.82-.67.01-.27.38.01.53.34.19.73.9.82 1.13.16.45.68 1.31 2.69.94 0 .67.01 1.3.01 1.49 0 .21-.15.45-.55.38A7.995 7.995 0 0 1 0 8c0-4.42 3.58-8 8-8Z"/></symbol><use xlink:href="#mark-github-icon-symbol" />
+                                                </g>
+                                            </svg>
+                                            <span>Github</span>
+                                        </a>
+                                    </li>
+                                    <li class="mr-6">
+                                        <a class="block py-1 inline-flex items-center text-sm whitespace-nowrap transition-colors duration-200 ease-linear md:text-blue-500 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-200" href="https://www.npmjs.com/settings/workleap/packages" target="_blank">
+                                            <svg xmlns="http://www.w3.org/2000/svg" class="mb-px mr-1" width="18" height="18" viewBox="0 0 24 24" role="presentation">
+                                                <g fill="currentColor">
+                                                    <path d="M0 0H24V24H0V0Z" fill="#CC0000"/><path d="M11.9184 2.57758H2.57764V21.4214H11.9175V7.32958H16.6695V21.4214H21.4215V2.57758H11.9184Z" fill="white"/>
+                                                </g>
+                                            </svg>
+                                            <span>NPM</span>
+                                        </a>
+                                    </li>
+            
+                                </ul>
+                            </nav>
+                        </div>
+                    </div>
+                </template>
+            </doc-sidebar>
+    
+            <div class="grow min-w-0 dark:bg-dark-850">
+                <!-- Render "toolbar" template here on api pages --><!-- Render page content -->
+                <div class="flex">
+                    <div class="min-w-0 p-4 grow md:px-16">
+                        <main class="relative pb-12 lg:pt-2">
+                            <div class="docs-markdown" id="docs-content">
+                                <!-- Rendered if sidebar right is enabled -->
+                                <div id="docs-sidebar-right-toggle"></div>
+                                <nav class="breadcrumb" aria-label="Breadcrumb">
+                                    <ol role="list">
+                                        <li class="pr-4">
+                                            <a href="../../rslib/" class="pr-4">
+                                                Rslib
+                                            </a>
+                                            <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" width="18" height="18" viewBox="0 0 24 24" aria-hidden="true">
+                                                <path d="M8.72 18.78a.75.75 0 0 1 0-1.06L14.44 12 8.72 6.28a.751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018l6.25 6.25a.75.75 0 0 1 0 1.06l-6.25 6.25a.75.75 0 0 1-1.06 0Z"/>
+                                            </svg>
+                                        </li>
+                                        <li class="pr-4">
+                                            <a href="../../rslib/migrate-from-tsup/" class="pr-4">
+                                                Migrate from tsup
+                                            </a>
+                                        </li>
+                                    </ol>
+                                </nav>
+                
+                                <!-- Page content  -->
+<doc-anchor-target id="migrate-from-tsup" class="break-words">
+    <h1>
+        <doc-anchor-trigger class="header-anchor-trigger" to="#migrate-from-tsup">#</doc-anchor-trigger>
+        <span>Migrate from tsup</span>
+    </h1>
+</doc-anchor-target>
+<p>To migrate from <code v-pre>@workleap/tsup-configs</code> to <code v-pre>@workleap/rslib-configs</code>, execute the following steps <span class="docs-emoji">&#x1F447;</span></p>
+<doc-anchor-target id="update-packages">
+    <h2>
+        <doc-anchor-trigger class="header-anchor-trigger" to="#update-packages">#</doc-anchor-trigger>
+        <span>Update packages</span>
+    </h2>
+</doc-anchor-target>
+<p>Open a terminal at the root of the library project and install the following packages:</p>
+<doc-tabs>
+<doc-tab v-cloak id="pnpm">
+<template #title>pnpm</template>
+<div class="codeblock-wrapper"><doc-codeblock>
+<pre class="language-bash"><code v-pre class="language-bash">pnpm add -D @workleap/rslib-configs @rslib/core @rsbuild/core</code></pre>
+</doc-codeblock></div>
+</doc-tab>
+<doc-tab v-cloak id="yarn">
+<template #title>yarn</template>
+<div class="codeblock-wrapper"><doc-codeblock>
+<pre class="language-bash"><code v-pre class="language-bash">yarn add -D @workleap/rslib-configs @rslib/core @rsbuild/core</code></pre>
+</doc-codeblock></div>
+</doc-tab>
+<doc-tab v-cloak id="npm">
+<template #title>npm</template>
+<div class="codeblock-wrapper"><doc-codeblock>
+<pre class="language-bash"><code v-pre class="language-bash">npm install -D @workleap/rslib-configs @rslib/core @rsbuild/core</code></pre>
+</doc-codeblock></div>
+</doc-tab>
+</doc-tabs>
+<p>Then, using the same terminal, remove the following packages:</p>
+<doc-tabs>
+<doc-tab v-cloak id="pnpm">
+<template #title>pnpm</template>
+<div class="codeblock-wrapper"><doc-codeblock>
+<pre class="language-bash"><code v-pre class="language-bash">pnpm remove @workleap/tsup-configs tsup</code></pre>
+</doc-codeblock></div>
+</doc-tab>
+<doc-tab v-cloak id="yarn">
+<template #title>yarn</template>
+<div class="codeblock-wrapper"><doc-codeblock>
+<pre class="language-bash"><code v-pre class="language-bash">yarn remove @workleap/tsup-configs tsup</code></pre>
+</doc-codeblock></div>
+</doc-tab>
+<doc-tab v-cloak id="npm">
+<template #title>npm</template>
+<div class="codeblock-wrapper"><doc-codeblock>
+<pre class="language-bash"><code v-pre class="language-bash">npm uninstall @workleap/tsup-configs tsup</code></pre>
+</doc-codeblock></div>
+</doc-tab>
+</doc-tabs>
+<doc-anchor-target id="create-a-new-tsconfigbuildjson-file">
+    <h2>
+        <doc-anchor-trigger class="header-anchor-trigger" to="#create-a-new-tsconfigbuildjson-file">#</doc-anchor-trigger>
+        <span>Create a new <code v-pre>tsconfig.build.json</code> file</span>
+    </h2>
+</doc-anchor-target>
+<p>TBD</p>
+<doc-anchor-target id="update-files">
+    <h2>
+        <doc-anchor-trigger class="header-anchor-trigger" to="#update-files">#</doc-anchor-trigger>
+        <span>Update files</span>
+    </h2>
+</doc-anchor-target>
+<div class="codeblock-wrapper"><doc-codeblock>
+<pre class="language-none"><code v-pre class="language-none">library-project
+├── tsup.dev.ts     --&gt;  rslib.dev.ts
+├── tsup.build.ts   --&gt;  rslib.build.ts
+├── tsconfig.json
+├── package.json</code></pre>
+</doc-codeblock></div>
+<doc-anchor-target id="tsupdevts">
+    <h3>
+        <doc-anchor-trigger class="header-anchor-trigger" to="#tsupdevts">#</doc-anchor-trigger>
+        <span><code v-pre>tsup.dev.ts</code></span>
+    </h3>
+</doc-anchor-target>
+<p>Rename the file from <code v-pre>tsup.dev.ts</code> to <code v-pre>rslib.dev.ts</code>.</p>
+<p>Then, open the <code v-pre>rslib.dev.ts</code> file and and apply the following changes:</p>
+<ul>
+<li>Replace <code v-pre>&quot;@workleap/tsup-configs&quot;</code> for <code v-pre>&quot;@workleap/rslib-configs&quot;</code>.</li>
+<li>Add a <code v-pre>tsconfigPath</code> option and reference the previously created <code v-pre>tsconfig.build.json</code> file.</li>
+</ul>
+<p>Before:</p>
+<div class="codeblock-wrapper"><doc-codeblock>
+<div class="codeblock-title">tsup.dev.ts</div>
+<pre class="language-typescript"><code v-pre class="language-typescript">import { defineDevConfig } from &quot;@workleap/tsup-configs&quot;;
+
+export default defineDevConfig();</code></pre>
+</doc-codeblock></div>
+<p>After:</p>
+<div class="codeblock-wrapper"><doc-codeblock>
+<div class="codeblock-title">rslib.dev.ts</div>
+<pre class="language-typescript"><code v-pre class="language-typescript">import { defineDevConfig } from &quot;@workleap/rslib-configs&quot;;
+import path from &quot;node:path&quot;;
+
+export default defineDevConfig({
+    tsconfigPath: path.resolve(&quot;./tsconfig.build.json&quot;)
+});</code></pre>
+</doc-codeblock></div>
+<doc-anchor-target id="tsupbuildts">
+    <h3>
+        <doc-anchor-trigger class="header-anchor-trigger" to="#tsupbuildts">#</doc-anchor-trigger>
+        <span><code v-pre>tsup.build.ts</code></span>
+    </h3>
+</doc-anchor-target>
+<p>Rename the file from <code v-pre>tsup.build.ts</code> to <code v-pre>rslib.build.ts</code>.</p>
+<p>Then, open the <code v-pre>rslib.build.ts</code> file and and apply the following changes:</p>
+<ul>
+<li>Replace <code v-pre>&quot;@workleap/tsup-configs&quot;</code> for <code v-pre>&quot;@workleap/rslib-configs&quot;</code>.</li>
+<li>Add a <code v-pre>tsconfigPath</code> option and reference the previously created <code v-pre>tsconfig.build.json</code> file.</li>
+</ul>
+<p>Before:</p>
+<div class="codeblock-wrapper"><doc-codeblock>
+<div class="codeblock-title">tsup.build.ts</div>
+<pre class="language-typescript"><code v-pre class="language-typescript">import { defineBuildConfig } from &quot;@workleap/tsup-configs&quot;;
+
+export default defineBuildConfig();</code></pre>
+</doc-codeblock></div>
+<p>After:</p>
+<div class="codeblock-wrapper"><doc-codeblock>
+<div class="codeblock-title">rslib.build.ts</div>
+<pre class="language-typescript"><code v-pre class="language-typescript">import { defineBuildConfig } from &quot;@workleap/rslib-configs&quot;;
+import path from &quot;node:path&quot;;
+
+export default defineBuildConfig({
+    tsconfigPath: path.resolve(&quot;./tsconfig.build.json&quot;)
+});</code></pre>
+</doc-codeblock></div>
+<doc-anchor-target id="update-scripts">
+    <h2>
+        <doc-anchor-trigger class="header-anchor-trigger" to="#update-scripts">#</doc-anchor-trigger>
+        <span>Update scripts</span>
+    </h2>
+</doc-anchor-target>
+<doc-anchor-target id="dev">
+    <h3>
+        <doc-anchor-trigger class="header-anchor-trigger" to="#dev">#</doc-anchor-trigger>
+        <span><code v-pre>dev</code></span>
+    </h3>
+</doc-anchor-target>
+<p>Update the <code v-pre>dev</code> script to run Rslib instead of tsup.</p>
+<p>Before:</p>
+<div class="codeblock-wrapper"><doc-codeblock>
+<div class="codeblock-title">package.json</div>
+<pre class="language-json"><code v-pre class="language-json">&quot;scripts&quot;: {
+    &quot;dev&quot;: &quot;tsup --config ./tsup.dev.ts&quot;
+}</code></pre>
+</doc-codeblock></div>
+<p>After:</p>
+<div class="codeblock-wrapper"><doc-codeblock>
+<div class="codeblock-title">package.json</div>
+<pre class="language-json"><code v-pre class="language-json">&quot;scripts&quot;: {
+    &quot;dev&quot;: &quot;rslib build -w -c ./rslib.dev.ts&quot;
+}</code></pre>
+</doc-codeblock></div>
+<doc-anchor-target id="build">
+    <h3>
+        <doc-anchor-trigger class="header-anchor-trigger" to="#build">#</doc-anchor-trigger>
+        <span><code v-pre>build</code></span>
+    </h3>
+</doc-anchor-target>
+<p>Update the <code v-pre>build</code> script to run Rslib instead of tsup.</p>
+<p>Before:</p>
+<div class="codeblock-wrapper"><doc-codeblock>
+<div class="codeblock-title">package.json</div>
+<pre class="language-json"><code v-pre class="language-json">&quot;scripts&quot;: {
+    &quot;build&quot;: &quot;tsup&quot;
+}</code></pre>
+</doc-codeblock></div>
+<p>After:</p>
+<div class="codeblock-wrapper"><doc-codeblock>
+<div class="codeblock-title">package.json</div>
+<pre class="language-json"><code v-pre class="language-json">&quot;scripts&quot;: {
+    &quot;build&quot;: &quot;rslib build -c ./rslib.build.ts&quot;
+}</code></pre>
+</doc-codeblock></div>
+<doc-anchor-target id="typings">
+    <h2>
+        <doc-anchor-trigger class="header-anchor-trigger" to="#typings">#</doc-anchor-trigger>
+        <span>Typings</span>
+    </h2>
+</doc-anchor-target>
+<p>If you&#x27;re encountering typing issues, consider adding type declarations for the following</p>
+<ul>
+<li><a href="../configure-dev/#typings">SVGR</a></li>
+<li><a href="../configure-dev/#css-modules-typings">CSS Module</a></li>
+</ul>
+<doc-anchor-target id="storybook">
+    <h2>
+        <doc-anchor-trigger class="header-anchor-trigger" to="#storybook">#</doc-anchor-trigger>
+        <span>Storybook</span>
+    </h2>
+</doc-anchor-target>
+<p>Consider using the new Rslib <a href="../configure-storybook/">Storybook</a> shared configurations.</p>
+<doc-anchor-target id="try-it">
+    <h2>
+        <doc-anchor-trigger class="header-anchor-trigger" to="#try-it">#</doc-anchor-trigger>
+        <span>Try it <span class="docs-emoji">&#x1F680;</span></span>
+    </h2>
+</doc-anchor-target>
+<p>Start the application in a development environment using the <code v-pre>dev</code> and <code v-pre>build</code> script. Everything should run smoothly without any warnings or errors outputted in the terminal.</p>
+
+                                
+                                <!-- Required only on API pages -->
+                                <doc-toolbar-member-filter-no-results></doc-toolbar-member-filter-no-results>
+                            </div>
+                            <footer class="clear-both">
+                                <div class="flex flex-wrap items-center justify-between mt-14">
+                                    <a class="my-2.5 inline-flex items-center text-sm whitespace-nowrap text-blue-500 dark:text-blue-400 hover:text-blue-700 hover:underline" href="https://github.com/gsoft-inc/wl-web-configs/blob/main/docs/rslib/migrate-from-tsup.md" target="_blank" rel="noopener">
+                                        <svg class="mr-1.5" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="currentColor" overflow="visible"><path d="M20 12c-.55 0-1 .45-1 1v7c0 .55-.45 1-1 1H4c-.55 0-1-.45-1-1V6c0-.55.45-1 1-1h7c.55 0 1-.45 1-1s-.45-1-1-1H4C2.35 3 1 4.35 1 6v14c0 1.65 1.35 3 3 3h14c1.65 0 3-1.35 3-3v-7c0-.55-.45-1-1-1z" /><path d="M22.21 1.79c-1.18-1.18-3.24-1.18-4.41 0l-9.5 9.5c-.13.13-.22.29-.26.46l-1 4c-.08.34.01.7.26.95.18.2.44.3.7.3.08 0 .16-.01.24-.03l4-1c.18-.04.34-.13.46-.26l9.5-9.5c1.22-1.22 1.22-3.2.01-4.42zm-1.42 3l-9.3 9.3-2.11.53.53-2.11 9.3-9.3c.42-.42 1.16-.42 1.59 0 .43.43.43 1.15-.01 1.58z" /><path fill="none" d="M0 0h24v24H0z" /></svg>
+                                        <span>Edit this page</span>
+                                    </a>
+                                </div>
+                            
+                                <nav class="flex mt-14">
+                                    <div class="w-1/2">
+                                        <a class="px-5 py-4 h-full flex items-center break-normal font-medium text-blue-500 dark:text-blue-400 border border-gray-300 hover:border-gray-400 dark:border-dark-650 dark:hover:border-dark-450 rounded-l-lg transition-colors duration-150 relative hover:z-5" href="../../rslib/configure-storybook/">
+                                            <svg xmlns="http://www.w3.org/2000/svg" class="mr-3" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" overflow="visible"><path d="M19 11H7.41l5.29-5.29a.996.996 0 10-1.41-1.41l-7 7a1 1 0 000 1.42l7 7a1.024 1.024 0 001.42-.01.996.996 0 000-1.41L7.41 13H19c.55 0 1-.45 1-1s-.45-1-1-1z" /><path fill="none" d="M0 0h24v24H0z" /></svg>
+                                            <span>
+                                                <span class="block text-xs font-normal text-gray-400 dark:text-dark-400">Previous</span>
+                                                <span class="block mt-1">Configure for Storybook</span>
+                                            </span>
+                                        </a>
+                                    </div>
+                            
+                                    <div class="w-1/2">
+                                        <a class="px-5 py-4 -mx-px h-full flex items-center justify-end break-normal font-medium text-blue-500 dark:text-blue-400 border border-gray-300 hover:border-gray-400 dark:border-dark-650 dark:hover:border-dark-450 rounded-r-lg transition-colors duration-150 relative hover:z-5" href="../../postcss/">
+                                            <span>
+                                                <span class="block text-xs font-normal text-right text-gray-400 dark:text-dark-400">Next</span>
+                                                <span class="block mt-1">Post​CSS</span>
+                                            </span>
+                                            <svg xmlns="http://www.w3.org/2000/svg" class="ml-3" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" overflow="visible"><path d="M19.92 12.38a1 1 0 00-.22-1.09l-7-7a.996.996 0 10-1.41 1.41l5.3 5.3H5c-.55 0-1 .45-1 1s.45 1 1 1h11.59l-5.29 5.29a.996.996 0 000 1.41c.19.2.44.3.7.3s.51-.1.71-.29l7-7c.09-.09.16-.21.21-.33z" /><path fill="none" d="M0 0h24v24H0z" /></svg>
+                                        </a>
+                                    </div>
+                                </nav>
+                            </footer>
+                        </main>
+                
+                        <div class="border-t dark:border-dark-650 pt-6 mb-8">
+                            <footer class="flex flex-wrap items-center justify-between">
+                                <div>
+                                    <ul class="flex flex-wrap items-center text-sm">
+                                        <li>
+                                            <a class="inline-flex items-center mr-4 py-2 text-sm whitespace-nowrap transition-colors duration-200 ease-linear text-blue-500 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-200 md:mb-0" href="../../about/">
+                                                <svg xmlns="http://www.w3.org/2000/svg" class="mb-px mr-1" width="18" height="18" viewBox="0 0 24 24" role="presentation">
+                                                    <g fill="currentColor">
+                                                        <path d="M10.97 8.265a1.45 1.45 0 0 0-.487.57.75.75 0 0 1-1.341-.67c.2-.402.513-.826.997-1.148C10.627 6.69 11.244 6.5 12 6.5c.658 0 1.369.195 1.934.619a2.45 2.45 0 0 1 1.004 2.006c0 1.033-.513 1.72-1.027 2.215-.19.183-.399.358-.579.508l-.147.123a4.329 4.329 0 0 0-.435.409v1.37a.75.75 0 1 1-1.5 0v-1.473c0-.237.067-.504.247-.736.22-.28.486-.517.718-.714l.183-.153.001-.001c.172-.143.324-.27.47-.412.368-.355.569-.676.569-1.136a.953.953 0 0 0-.404-.806C12.766 8.118 12.384 8 12 8c-.494 0-.814.121-1.03.265ZM13 17a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"/><path d="M12 1c6.075 0 11 4.925 11 11s-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1ZM2.5 12a9.5 9.5 0 0 0 9.5 9.5 9.5 9.5 0 0 0 9.5-9.5A9.5 9.5 0 0 0 12 2.5 9.5 9.5 0 0 0 2.5 12Z"/>
+                                                    </g>
+                                                </svg>
+                                                <span>About</span>
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a class="inline-flex items-center mr-4 py-2 text-sm whitespace-nowrap transition-colors duration-200 ease-linear text-blue-500 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-200 md:mb-0" href="https://github.com/gsoft-inc/wl-web-configs/blob/main/LICENSE" target="_blank">
+                                                <svg xmlns="http://www.w3.org/2000/svg" class="mb-px mr-1" width="18" height="18" viewBox="0 0 24 24" role="presentation">
+                                                    <g fill="currentColor">
+                                                        <path d="M16.53 9.78a.75.75 0 0 0-1.06-1.06L11 13.19l-1.97-1.97a.75.75 0 0 0-1.06 1.06l2.5 2.5a.75.75 0 0 0 1.06 0l5-5Z"/><path d="m12.54.637 8.25 2.675A1.75 1.75 0 0 1 22 4.976V10c0 6.19-3.771 10.704-9.401 12.83a1.704 1.704 0 0 1-1.198 0C5.77 20.705 2 16.19 2 10V4.976c0-.758.489-1.43 1.21-1.664L11.46.637a1.748 1.748 0 0 1 1.08 0Zm-.617 1.426-8.25 2.676a.249.249 0 0 0-.173.237V10c0 5.46 3.28 9.483 8.43 11.426a.199.199 0 0 0 .14 0C17.22 19.483 20.5 15.461 20.5 10V4.976a.25.25 0 0 0-.173-.237l-8.25-2.676a.253.253 0 0 0-.154 0Z"/>
+                                                    </g>
+                                                </svg>
+                                                <span>License</span>
+                                            </a>
+                                        </li>
+                                    </ul>
+                                </div>
+                                <div class="docs-copyright py-2 text-gray-500 dark:text-dark-350 text-sm leading-relaxed"><p>© Copyright 2025 - Workleap</p></div>
+                            </footer>
+                        </div>
+                    </div>
+                
+                    <!-- Rendered if sidebar right is enabled -->
+                    <!-- Sidebar right skeleton-->
+                    <div v-cloak class="fixed top-0 bottom-0 right-0 translate-x-full bg-white border-gray-200 lg:sticky lg:border-l lg:shrink-0 lg:pt-6 lg:transform-none sm:w-1/2 lg:w-64 lg:z-0 md:w-104 sidebar-right skeleton dark:bg-dark-850 dark:border-dark-650">
+                        <div class="pl-5">
+                            <div class="w-32 h-3 mb-4 bg-gray-200 dark:bg-dark-600 rounded-full loading"></div>
+                            <div class="w-48 h-3 mb-4 bg-gray-200 dark:bg-dark-600 rounded-full loading"></div>
+                            <div class="w-40 h-3 mb-4 bg-gray-200 dark:bg-dark-600 rounded-full loading"></div>
+                        </div>
+                    </div>
+                
+                    <!-- User should be able to hide sidebar right -->
+                    <doc-sidebar-right v-cloak></doc-sidebar-right>
+                </div>
+
+            </div>
+        </div>
+    
+        <doc-search-mobile></doc-search-mobile>
+        <doc-back-to-top></doc-back-to-top>
+    </div>
+
+
+    <div id="docs-overlay-target"></div>
+
+    <script data-cfasync="false">window.__DOCS__ = { "title": "Migrate from tsup", level: 2, icon: "file", hasPrism: true, hasMermaid: false, hasMath: false, tocDepth: 23 }</script>
+</body>
+</html>
diff --git a/samples/index.html b/samples/index.html
index d8a684f2..0643e5ae 100644
--- a/samples/index.html
+++ b/samples/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <meta name="turbo-root" content="/wl-web-configs">
-    <meta name="turbo-cache-control" content="no-cache" data-turbo-track="reload" data-track-token="3.6.0.789492583867">
+    <meta name="turbo-cache-control" content="no-cache" data-turbo-track="reload" data-track-token="3.6.0.790190789202">
 
     <!-- See retype.com -->
     <meta name="generator" content="Retype 3.6.0">
@@ -32,11 +32,11 @@
     <script data-cfasync="false">(function () { var el = document.documentElement, m = localStorage.getItem("doc_theme"), wm = window.matchMedia; if (m === "dark" || (!m && wm && wm("(prefers-color-scheme: dark)").matches)) { el.classList.add("dark") } else { el.classList.remove("dark") } })();</script>
 
     <link href="../static/favicon.png" rel="icon">
-    <link href="../resources/css/retype.css?v=3.6.0.789492583867" rel="stylesheet">
+    <link href="../resources/css/retype.css?v=3.6.0.790190789202" rel="stylesheet">
 
-    <script data-cfasync="false" src="../resources/js/config.js?v=3.6.0.789492583867" data-turbo-eval="false" defer></script>
+    <script data-cfasync="false" src="../resources/js/config.js?v=3.6.0.790190789202" data-turbo-eval="false" defer></script>
     <script data-cfasync="false" src="../resources/js/retype.js?v=3.6.0" data-turbo-eval="false" defer></script>
-    <script id="lunr-js" data-cfasync="false" src="../resources/js/lunr.js?v=3.6.0.789492583867" data-turbo-eval="false" defer></script>
+    <script id="lunr-js" data-cfasync="false" src="../resources/js/lunr.js?v=3.6.0.790190789202" data-turbo-eval="false" defer></script>
 
     <link href="https://gsoft-inc.github.io/wl-idp-docs-hub/static/retype-customization.css" rel="stylesheet" />
 
@@ -331,11 +331,11 @@ <h2>
                             
                                 <nav class="flex mt-14">
                                     <div class="w-1/2">
-                                        <a class="px-5 py-4 h-full flex items-center break-normal font-medium text-blue-500 dark:text-blue-400 border border-gray-300 hover:border-gray-400 dark:border-dark-650 dark:hover:border-dark-450 rounded-r rounded-l-lg transition-colors duration-150 relative hover:z-5" href="../webpack/transformer-utilities/">
+                                        <a class="px-5 py-4 h-full flex items-center break-normal font-medium text-blue-500 dark:text-blue-400 border border-gray-300 hover:border-gray-400 dark:border-dark-650 dark:hover:border-dark-450 rounded-r rounded-l-lg transition-colors duration-150 relative hover:z-5" href="../tsup/configure-build/">
                                             <svg xmlns="http://www.w3.org/2000/svg" class="mr-3" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" overflow="visible"><path d="M19 11H7.41l5.29-5.29a.996.996 0 10-1.41-1.41l-7 7a1 1 0 000 1.42l7 7a1.024 1.024 0 001.42-.01.996.996 0 000-1.41L7.41 13H19c.55 0 1-.45 1-1s-.45-1-1-1z" /><path fill="none" d="M0 0h24v24H0z" /></svg>
                                             <span>
                                                 <span class="block text-xs font-normal text-gray-400 dark:text-dark-400">Previous</span>
-                                                <span class="block mt-1">Transformer utilities</span>
+                                                <span class="block mt-1">Configure for build</span>
                                             </span>
                                         </a>
                                     </div>
diff --git a/sitemap.xml.gz b/sitemap.xml.gz
index 1094193fcb7ba7970a240fb2c61ae44a70b4d443..e29d1f8499d109e552faf58b4b29fb6023639b4e 100644
GIT binary patch
literal 664
zcmV;J0%!dniwFP!000001Jsz$a+@#^#_xU#4|l+T|HK}f-1-FRr8kgetQ3$&D@^?M
z6*g{Sx2N>mPJ8eGLK=QveY@J-?ekkxPfya4((NutqFFGNt<ZbbR=eQq%a`yec+Mx=
z&ekN|)K6|{7aW~4n>g<KJ|g90Qy7Z0tzr^K|3L9L7|)`0a9y)`JG!R6TiIuqHOYFt
zjxTS6d@`L5UmC9duGS(S=96Dgkv_OkwIZsNJ9cHHbllfrFUwHq_Mj??xACxGTw0K8
z^gd5#=^~sZVKRS7R-1IWN#@`Dyz%XIuCYp6<<7bP^V|66)4&psFrSCARCcP~|2f<&
zdV<4As#WU{Y%4sR^>8JEZHZ?icdjMMcFPr<ue7=+IarV|hzmHPI~z&DD)X-b`g>D|
z?+CiZ8n3`!K*;dgGn$+rKsfevbG+=RGZ3^4j#iYqgE+$?<vJ-uM@~26XlD!OlLiFw
z9KX>cu}@k$6E?clRvHaq#qa!GxV{-zhQ{hwDIk)Vvq_@ZpNdw<y&rG9>noTf@Wk(@
zHk*zapo_-T5)w}NL~!*oqw6!w%M!-zX9x;hmi0ebd4bCCM7}DM2-u7v9eJ=VQVI;X
zACgb5P{2!#S8&EzC9$X&pSpf9FxRohOU>YXOSYECd!n<Kr~if(*3S7Wv_7`kbE!3?
zjLq;x_Kmnv*YI$#J{AKjZwBNW9bUd1<{f%ycv5`2^Q%>Hj)tdwv@4DkUtB)2VnYI+
zcj#>470YGUyTFBNE@cd5<egP<dgUg4m6#4Te*bTMPL_U6imx7S5!TtFrGvJOv|;B|
y?NeJ!dm+VF5EqAHkZp?3y&h0OaV!0OPH?&SWIvz$00030{{sLRuC)lj9RL6^Qc7_E

literal 640
zcmV-`0)PD<iwFP!000001I(Dqa^f%$MfZFK<-H%+KrjW)E?<yrW@pR7C?i`cwT#2x
zj|?UxlbTKDYHAjgUsCzdzTLX&-Q!y;=O=DRsBRxDq9mB}j;UI7%|3W}ehN3iV=>$H
zMiRGkH@KsHaI{u$<9HZ`h=k>BsVP#XiHRNE1;x|NIEnJ$I%oTKw5|L!bI2}p7I~h>
zm#0B7o6pBLjYoGT6)VQ^<R&zv4mK1WiyC2%eH9564>BBh6*AQwL__f|9w$swOR}x1
zi!@1BVX_F5_48u2P4jKK{^7<=Pp@OO5y}XAF5I8r#qU=mOFY4RABvL{o&9^ZB-*5K
zI73x0WR0MEc!1N9Jxh*?-a3c#*|X-vjL;ZBd;lw>26CA#1z`}^_-{Ng2-y-&=FWA=
zenRN*(xYA@$X0mKX+@S1pc*^63{F>8s)yvl3SW(<rGoWjRXg47O=;c2j38d(WjGN#
zW6<lcRh=?iD+nt-pFb7DTX1=(je6w_B8eqlu2X=^`c!s|*Y1An@=L%ZfhWE%+TL{R
z0lI9p<dB->PXyO2(@LIUS%$A+_s{R4C@g%1*8O<n6w1RBxvdX}(E9Y7-g3*kAdvda
z@ScA3qxZ$3=BNLZ^Me-fiI#0V#}&5g^g;SASRYj(!yE1oQt;&yJW$`ZSNLS}8etDb
z3~$T7#uk@wep&!`(pQe@Rb(q~-7>sn@yqU4R-6R>1+B9;=3FTS>Az%nPktkA#dU=^
z7-z?TEh7)em!6RiJ>YHmZ>XR&OYt`B*6i}qPe}3R=B7|<%8m}owA_Tf71B8c%=Y&W
a%$I{(JB!&b00030{{sM=MV2~n8UO%<COZ89

diff --git a/static/rslib.svg b/static/rslib.svg
new file mode 100644
index 00000000..06521cc8
--- /dev/null
+++ b/static/rslib.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1110 983"><g transform="translate(1 1)" fill="none"><path d="m211.5 125.1 35.9-30L260.2 79s12.7-19 14-14.9c1.3 4.2 7.5 22.8 7 26.3-.4 3.5-5.7 11-9 13.8-3.3 2.8-13.4 12.3-15.8 13.8-2.4 1.5-10.6 10.5-14.8 12.5-4.2 2-16.5 16.7-17.2 17.3-.7.6-12.7 5.5-17.1 7.5-4.4 2-24.3 8-24.3 8" fill="#54484A"/><path d="M259.6 919a213 213 0 0 1-15.4 7 67 67 0 0 1-33.4 3.8c-3.7-.5-7.2-1.5-10.4-3a65.4 65.4 0 0 1-25.3-21.4c-1.1-1.5-3.6-5.8-7.5-12.8-4-7-7.8-12.7-11.6-16.9a347 347 0 0 0-7.8-8.4 78.5 78.5 0 0 0-8.2-7.9 64.8 64.8 0 0 0-32-11.8 105.1 105.1 0 0 0-47.1 6.4l-8.8 3.5a119.2 119.2 0 0 0-30.7 17.7 43 43 0 0 0-7.7 8.5c-2.2 3.1-4.3 4-8 3.1-4.5-.9-6.2-5.3-5.5-9.5.5-2.8 1.4-5.6 2.7-8.3 3.5-7 8-14.8 13.5-23.2A496 496 0 0 1 80.2 767a693.9 693.9 0 0 1 46.2-42c0-.2.2-.4 0-.5h-.1a276.7 276.7 0 0 1-56.4-56 261.8 261.8 0 0 1-36.7-67c-.7-2-1.8-5-3.1-9.3-1.3-4.2-3-8.3-4-12.5l-2.8-13.2c-1.3-5.9-2.1-10.3-2.6-13.3a206.5 206.5 0 0 1 16.4-118 185 185 0 0 1 74.2-81.5c.6-.4 2.3-.9 3-1.6.3-.2.5-.5.4-.8a1636.3 1636.3 0 0 1-5.9-45.4c-.8-7-1.7-13.7-2.6-19.8-2.2-14.5-3.7-30.8-6.1-46.7-1-5.6-1.7-11.7-2.4-18.3-.2-1.4-.2-2.9-.2-4.3 0-1.6.3-3.8-.1-5.7-1-4.3-1.1-8.6-.4-13 .5-3.2 1.5-6 2.9-8.4.9-1.6 2.8-3.9 5.6-6.8A42352 42352 0 0 1 268.7 13c4.2-4.4 8.8-3.5 13.5-.4l26 16.8c2.5 1.5 4 2.8 4.7 4 1.6 2.8 1 5.5-.3 8.4-3 6-5.1 11.7-6.8 17.3-.1.3 0 .5.4.3.4 0 6.4-2.4 17.8-6.6 1.3-.5 2.2-.9 2.6-1.3.7-.7 1.5-1.3 2.4-1.8 2.6-1.6 4.8-1.7 6.6-.4l5.2 3.8c42.3 35.3 70.2 58.6 83.6 70 .7.4 1.2.7 1.6.7h4.3c2.9.1 4.8 3.8 6.4 7a19 19 0 0 1 1.6 6c1 8.8 2 18.7 3.7 29.8 2.4 17 3.8 32.7 6.3 49.2 1 7 2 15.2 3 25.1 1.3 11.4 3.4 22.8 4.6 34.2l3.5 31.2c.6 5 1.4 10.6 2.5 16.8.8 4.6 1.5 10.3 2 17 0 .2.3.4.6.4 1.7-.5 3.4-1.2 5-2 4.9-2.4 10.4-3.9 14.7-5.5 11.2-4.2 23.6-6.5 35.4-7.9.4 0 .7-.4.7-.8.5-7.3 1.8-14.4 3.8-21a31 31 0 0 1 3.7-7.7c3.3-5.2 8.9-4.8 14.5-4.8.5 0 .9-.2 1.2-.7 1-2.2 1.8-4.6 2.2-7.2 1.5-11.4 2.5-25.3 3-41.7.4-8.2 1.7-15.6 4-22 1.4-3.8 5.5-6.4 9-8 8.6-4 16.6-9.4 23.9-16 .8-.8 1.4-2.3 1.8-4.5l2.2-11.8c.5-2.7 2-7.9 4.8-15.7 1.9-5.6 4-10.7 6-15.2 11.4-24.7 26-46.6 43.7-65.8a197.4 197.4 0 0 1 83.3-53.9c5.4-1.8 9.9-3.4 15-4.6l18.7-4.3c7.4-1.7 18.8-2.8 34.3-3.4.6 0 1.2-.2 1.8-.4a52 52 0 0 1 21.3-11.3A132 132 0 0 1 849.7 0a85.9 85.9 0 0 1 35.5 6.6c14.3 6 27 14.1 38 24.4a339.2 339.2 0 0 1 23.2 25A123 123 0 0 1 964 84.7c4 9.2 6.6 18.4 7.9 27.4a177 177 0 0 1-.2 49.3c-1 7.2-3.6 15.2-5.3 22-1 3.7-2.5 5.2-6.3 7.4l-4.2 2.7a28.7 28.7 0 0 1-20.6 5.1c-4.8-.5-9.2-2.5-13.2-6a48 48 0 0 1-8.8-10.2c-2-3.2-3.5-5.5-5-8.5a291 291 0 0 0-8.1-15.3A675 675 0 0 0 884 132a32.5 32.5 0 0 0-5-6.4 46 46 0 0 0-6.4-5.3c-.8-.5-1.3-.3-1.2.7.2 8.8-.8 18-3 27.2a468.9 468.9 0 0 1-11 39.3l-3.3 9a20.3 20.3 0 0 1-4.7 8 14.8 14.8 0 0 1-10.5 3.4c-2.6 0-5.6-.6-9-1.4-.2 0-.5.1-.5.3v13.3c0 4.6-1.3 10.8-4 18.8 0 .3 0 .5.4.6a41 41 0 0 1 22.3 16.2 98.8 98.8 0 0 1 9.6 34.2c.6 10 1 16 1 18.2.9 12.7 3.7 25.1 8.6 37 .2.5.8 1 1.3.8 6-.7 9.6-1 10.6-1 6-.6 9 1 12 6.1a35 35 0 0 1 3.8 12.3c.7 5.2 1 10.7.8 16.6 0 .4.2.7.6 1a123 123 0 0 1 16 8.3 277.9 277.9 0 0 1 60 48.1 52 52 0 0 1 12.5 26.2c0 .6.4.8 1 .8 6.5 0 12.4 1.1 19.2 3.5l15 5.5c6.2 2.2 12.7 5 17.8 7.5a105.6 105.6 0 0 1 24.4 16.5 129 129 0 0 1 38.8 54.4c6.7 19 9.3 38 7.8 56.8a173.2 173.2 0 0 1-16.3 61 161 161 0 0 1-23 35.5 126.2 126.2 0 0 1-27.5 24.2 148.6 148.6 0 0 1-38.5 17.6 130 130 0 0 1-19 3.8c-6.8 1-13.2 1.7-19.1 2.3-5.2.5-12.1.2-20.6-.9-.3 0-.6 0-1 .2-1.7 1.4-1.8 3.2-.1 5.4a629.5 629.5 0 0 1 52 78c2.9 5.1 5.5 10.3 8 15.7 4 8.4 9.2 17.4 4.3 26.2-.7 1.3-2.2 2.6-4.6 4-1.1.6-2.8 1.8-5.2 3.5-1.3 1-3 .8-5-.2-7.2-3.6-11.8-5.8-13.8-6.6a49.6 49.6 0 0 0-27.1-3.5 26 26 0 0 0-10 3.7l-6.8 3.8a8 8 0 0 0-2.7 2.8c-1.4 3.6-2.7 6-4.1 7.2a44.4 44.4 0 0 1-13 6.5c-.2.1-.3.3-.2.7 4 9.4 8.2 27.8-.5 36a19.3 19.3 0 0 1-5.6 4.1c-1.3.4-2.3.8-2.8 1.1-.3.1-.4.4-.3.7l2.2 7.1c3 10.5 1 19.5-6.1 27.1-5 5.3-11.1 7.7-18.5 7.2-2.8-.2-6.3-1.4-10.4-3.5-5.3-2.8-10.1-5.8-14.5-8a192.6 192.6 0 0 0-24-10.4c-10-3-16.1-5.5-24.4-7.3-7.6-1.6-17.6-4.5-25.6-5.9l-19.3-3.7c-2.5-.5-9.7-1.3-21.5-2.5-7.8-.7-11.7-1-18.4.3l-12.6 2.5c-4.6 1-8.8 1.6-12.7 2.2-15.3 2.1-31 3.5-47.2 4.4-6 .3-13.8.3-24 0a368 368 0 0 1-63.3-7.2 331.6 331.6 0 0 0-42.6-5.2c-3.7-.2-7.6-.2-11.5 0-13.6.5-27 1.7-40 3.4-10.4 1.4-20.8 4-31.3 5.8-2.6.4-7.4 1.5-14.4 3-9.4 2.1-18 3.3-26.6 5.6l-12.1 2.8c-6.1 1.3-11.3 2.6-15.7 3.8-7.2 2-13.8 3.2-21 5.5a983 983 0 0 1-24.5 6.8 228 228 0 0 1-14.6 3.3c-11.6 2.2-16.4 3.5-25.5 3.7-8.7.2-16.2-1.8-22.6-5.9-2.7-1.7-5-4.4-7-8a24 24 0 0 1-2.7-9.9c-.6-7.5-.3-14.4.7-20.7a128 128 0 0 1 5-18c.4-.8.2-.9-.1-.7ZM826.3 31.4l7.4 12.1 2.9 6.5c0 .3 0 .5-.3.4-.4 0-1-.3-1.3-.6a512.6 512.6 0 0 1-23-13.6 49.6 49.6 0 0 1-8.5-6.6c-.3-.3-.6-.4-1-.4l-2.7.4-3.4.4c-16.8 1-33 3.3-48.1 7.1-12.1 3-23.5 7-34.3 12a175 175 0 0 0-39 24.1 210.5 210.5 0 0 0-42.8 47.7 252.4 252.4 0 0 0-19 34.1 104 104 0 0 0-6.7 18.5c-1.3 6-2.7 10.8-4.1 14.7-.1.3 0 .5.3.6h.2c12.7-1.8 25-1.9 37.3-.4a303 303 0 0 1 42.9 8.2l.8.2 5.2 1.1.5.5v.4c0 .2-.1.2-.2.2h-6.3l-67.4 3.5-18.8 2c-.4 0-.6.1-.8.4a15 15 0 0 1-3.6 3.5 123 123 0 0 1-24.8 15.7 3.3 3.3 0 0 0-2.1 2.4c-.8 3.5-1.4 7.8-1.7 13-.5 8-.5 19.2-1.4 27.3-.8 6.7-2 14.4-3.3 23.2 0 .2 0 .4.3.5l17.8-1.7c.4 0 .9-.4 1.4-.9l4.2-5a47 47 0 0 1 13.4-11c2.4-1.4 5.3-2.2 8.8-2.5 14.4-1.2 27.8-1.4 40.2-.6 9.2.6 16.8 1.2 23.3 7.2 2.8 2.6 4.8 6.5 6.6 10a8.1 8.1 0 0 0 2.4 2.8l.9.3 17.2.5a140 140 0 0 1 24.3 4c6 1.4 12.6 4.1 18.9 6.3l10.9 5.5c16 8.3 30.6 16.1 43.4 23.3a229.7 229.7 0 0 0 34.7 16.4c2.2.8 4.6 1.3 7 1.4 5.9.3 11.4.3 16.5 0 .7-.2.9-.5.6-1a82 82 0 0 1-6.3-24.4c-.1-1.2-.7-2-1.8-2.5-8.8-3.8-19.3-8.6-31.5-14.3-10-4.7-18.2-9-24.7-13.3a755.3 755.3 0 0 1-41.4-28.3c-1.7-1.3-1.6-1.6.5-1a4642.4 4642.4 0 0 1 39.3 14.6l11.7 4.8c3.6 1.5 7.4 3.3 11.5 5.2 8.2 4 16.4 7.8 24.7 11.7l4.5 1.8a32 32 0 0 1 4.5 2.3c.3.2.4.1.4-.2-.3-10.7-1.5-20.2-3.6-28.6-1-4-3-8.5-5.3-11.8-3.7-5.3-10.6-8-16.8-9.2-7-1.2-9.6-5.4-7.8-12.6l3.2-12.5c.9-2.9 1.4-5.3 1.5-7.3.4-6.8.2-12 0-18.3a1 1 0 0 0-.4-.9c-6.5-3.9-13-6.5-20.1-10.6-2.3-1.4-5-3-7.8-4.9l-18.4-12-5.4-3.6c-.5-.4-1-.9-1.5-1.7-.2-.3-.1-.4.2-.4l5.4.8 20.2 5c8 2 15.5 4.6 22 7.8l11.9 6c3.5 1.8 6.4 3 8.8 3.4 3 .6 6.2 1 9.5 1.2.5 0 1-.3 1.2-.8 2-6.6 4.6-12 6-17.9l5.3-18.3c.9-2.9 2.5-11 4.8-24 .5-2.8.7-6.6.6-11.4-.1-2.9-.6-6.4-1.7-10.5-1.4-5.4-2.2-12-2.5-19.9 0-.4.3-.8.7-.8a70 70 0 0 1 14.8 15.2c.2.2.4.4.7.4 5.9.2 11.4 2.3 16.5 6.5 4 3.3 7 6.5 9 9.6a667.6 667.6 0 0 1 24.9 41.8c3.8 7.5 6.5 13.5 12.2 18.7 4 3.7 8.6 4.2 13.6 1.5 3.6-2 6-3.9 7.2-5.8.8-1.3 1.5-3.2 2-5.9A136.4 136.4 0 0 0 953 96a114.7 114.7 0 0 0-21.7-35.6c-7.4-8.4-13.7-15-19-19.8a112.4 112.4 0 0 0-38.1-23 49 49 0 0 0-16.2-2.8c-11.8-.6-23.3.3-34.3 2.7a29 29 0 0 0-7 2.4c-.3.1-.4.5-.3.7l.2.2 3.2 2.8c2.3 2.6 4.2 5.5 6.4 8ZM276.7 27a1 1 0 0 0-1.1 0 200588.7 200588.7 0 0 1-160.4 167 12.8 12.8 0 0 0-2.6 15.3c1.3 3 3 5.6 5.3 7.7 10.3 10 25 13.5 39 10.4 2.3-.5 3.3-1.3 5.4-2.6 1-.6 2.3-1.3 4-1.9l242.6-93c.2 0 .3-.2 0-.4-1.7-2-4.5-4-6-5.2a12023.4 12023.4 0 0 1-68-57c-1.4-1.5-2.7-1.9-4-1.5-15.3 6-25.1 9.5-29 11a17.6 17.6 0 0 1-9 1c-5.4-1.4-7.5-5-6-10.7.4-1.7 2.9-8.6 7.4-20.5l2.2-6c.2-.5 0-1-.5-1.4A305 305 0 0 0 276.7 27ZM218 450.4l9.4-.5 6.6.7a42 42 0 0 1 18.3 6.6c3.4 2.2 6.5 5.4 9.4 9.8 2 3.1 3.8 7.1 5.2 12.1 2.6 9.2 3 19.2 1.4 30-2.2 14.6-5 28-8.4 39.8l-2.6 10.4a23.5 23.5 0 0 0-2.8 6.3 107.5 107.5 0 0 1-5 14.8h.3l213.4-78.8c.8-.3 1.3-.9 1.5-1.7l2.2-11a46 46 0 0 0-.5-15c-2-12-3.2-26.2-4.7-37.3-2.7-19.2-5-36.8-6.7-53-.3-2.9-1.1-6.2-1.4-8.7-2.2-18.5-4.5-36.3-6.8-53.3-.7-5.5-1.5-11.3-2.1-17.4-.7-6.3-1.4-12-2.2-17.3-1.5-10-2.2-16.4-3.7-29l-2.6-19.8c-1.6-11.4-3.2-24.2-4.7-38.4-.5-4.2-1.5-8.9-2-12.6L425 150l-1.1-8.2c-.1-.5-.6-.9-1.1-.8h-.1l-5.5 2-128.8 49.3-19.8 7.7c-5.4 2.1-11.7 4.2-17.5 6.5l-13 5.1-52.6 20.1a409 409 0 0 1-9.3 3.3c-2.8 1-5.7 2.3-7.7 3.4-.7.4-1 1-1 1.7 1.7 14.5 3.3 27.4 5 38.7a399 399 0 0 1 2.8 19.8 645 645 0 0 0 5.7 37.8c0 .3.4.5.7.6a23 23 0 0 1 13.4 12 50 50 0 0 1 5.3 19c.5 7.8.6 16.2.3 25.2-.6 15-2.1 32.6-4.4 53-.4 3-.2 6.4.4 10.3 0 .6.6 1 1.2 1l20-7ZM114.9 233.8h-.2v2.1a528 528 0 0 0 3 23.4l2.7 19.8c1.3 11.6 3 24 4.9 37.4l3.5 27.4c0 .3.3.5.6.5h.2c1-.7 2-1.3 3.2-1.8l15.5-5.8c5.3-2 10.4-3.3 15.4-3.9.6 0 1-.6.9-1.2-1.5-13-3.4-27.6-5.8-43.5l-2.6-19.8c-1-7.9-2.2-16-3.6-24.5 0-.3-.3-.5-.6-.5a57.4 57.4 0 0 1-37.1-9.6ZM586.4 347c3.3 3 6.6 5 9.9 6a183 183 0 0 0 43.3 4.2c1.8 0 3.7-.2 5.8-.6 2.5-.4 3.8-2 5.3-4a66.5 66.5 0 0 0 9.7-20.5 192 192 0 0 0 3.2-12.7 76 76 0 0 0 2-16.4c.2-2.3-.1-4-.8-5.2a403 403 0 0 1-4.6-8.2c-1.2-2.2-2.6-3.5-5-4a93 93 0 0 0-13.4-1.8 178.6 178.6 0 0 0-37 1.3c-5.4 1.4-10.2 6.8-13.5 11.3a21 21 0 0 0-2.7 7.1l-3.7 15.7a74 74 0 0 0-.1 25.8c0 .6.3 1.1.6 1.3.4.1.7.4 1 .7Zm-51-10c.2.4.4.6.9.6 11.9-1 20.2-1.5 24.7-1.5 3 0 5.5.2 7.7.3.2 0 .4 0 .4-.4a103 103 0 0 1 2-23.3l1.4-7.6c0-.4-.1-.5-.4-.5-11.1.6-21.1.8-30 .7-1 0-1.6.1-2.1.3-.5.2-1 .7-1.2 1.6a67.4 67.4 0 0 0-3.3 29.7Zm137.9 3.8c-.1.2 0 .3.2.3 16.8.7 35.4 4.1 50.2 6.2a258 258 0 0 1 28.6 6.4c4.8 1.3 11 3.8 14.4 5.1l10.6 4.5a523 523 0 0 0 28.5 12.4l11 3.8a80.6 80.6 0 0 0 31.3 5.5 303 303 0 0 0 32.9-1.5c.2 0 .3 0 .3-.3.8-6.9.4-14.2-1.2-21.9-.3-1.3-1.1-1.9-2.3-1.8a1359 1359 0 0 1-26.4 2.1c-11.2.8-21.3.6-32-3.6-4.7-1.9-10.2-4.3-16.5-7.2-4.5-2-9.8-4.8-16-8.4-13.1-7.4-27.8-15.4-44.1-23.9-9-4.6-18.5-8.3-29-11-11-2.9-20.5-3.2-32.6-3-.4 0-.6.2-.6.6l-.4 6.3a98.4 98.4 0 0 1-7 29.4Zm-201.1 63.1 2 14.7c0 .3.4.5.7.5a121 121 0 0 0 15.2-2 207 207 0 0 1 23.2-3.8c27.7-2.6 55-4.6 81.8-6.3 10.7-.6 22.6-.2 33.8-.5 10-.3 21.4-.9 30-.7 14.6.3 28.6 1.3 42 2.8l38.7 5c6.2.8 12 1.8 17.5 3 5.6 1.2 11.4 2.3 17.5 3.4 7 1.2 13.8 3.4 20.6 4.8a474.2 474.2 0 0 1 98.4 37.4 1739 1739 0 0 0 19.2 9.8c1.2.6 2.5.6 3.7.1l8.9-4c1.7-.2 4.7-.8 8.9-1.8 5.2-1.2 12.7-2.3 22.5-3.2 4.6-.4 8.8-.5 12.5-.2.2 0 .5-.2.5-.4v-.2a42 42 0 0 0-4.1-10c-1.2-2.2-3-3.8-4.4-5.7l-3.6-4A258.6 258.6 0 0 0 918 410a303.8 303.8 0 0 0-24-14.6c-.5-.3-1.2-.2-1.7.2-2.6 2.3-3.7 3.6-7.6 3-1 0-1.8-.2-2.8 0-4 .3-12 .8-24.4 1.4-16.7.8-32.3-1.5-47-6.9a993.9 993.9 0 0 1-18.4-6.9c-9.4-4-19.2-8.4-29.3-13-.8-.4-5.2-1.9-13.2-4.7a88.7 88.7 0 0 0-13.5-3.6l-18.8-3.7c-4-.8-16.7-2.4-38.3-4.8a67 67 0 0 0-11.6-.6c-.6 0-1.1.3-1.4.8-1 1.2-2.1 3-3.6 5.2a19.2 19.2 0 0 1-12.1 8.8c-3 .6-6 1-9.4 1-12 .3-24.8-.3-38.4-2a50 50 0 0 1-10.7-2.8c-5.5-1.9-10-4.3-13.4-7.3-5-4.4-7.6-7.6-12.2-8.2-3.2-.4-7.3-.4-12.2 0a284 284 0 0 1-20.7 1.1c-7.3 0-11-5.2-12-12-.1-.5-.3-.7-.7-.7a117.4 117.4 0 0 0-21.8 4c-6.3 2-12.3 3.6-18.4 6.1l-13.5 5.4c-.4.2-.6.5-.5 1l1.5 11.2c.2 2.1.8 5.8 1.7 11.2a233 233 0 0 1 2.6 25.3ZM158 350A172.6 172.6 0 0 0 45.5 455c-2.1 5.6-3.2 10.1-5 15.2-1 3.5-2 7.4-2.8 11.6a225.2 225.2 0 0 0-3.8 32.3 221.9 221.9 0 0 0 11.6 76.7 239.7 239.7 0 0 0 29.8 59.4 262.2 262.2 0 0 0 69.6 68.8l11 6.8a175.9 175.9 0 0 0 87.6 27.7 193.8 193.8 0 0 0 90.9-20.8 212.7 212.7 0 0 0 43.8-29.6 221.7 221.7 0 0 0 70.7-123.2c1.4-7.5 2.5-17.3 3.4-29.4.4-9.4.2-18.8-.4-28.2 0-.4-.2-.5-.6-.4l-209.4 77.4c-.6.2-1.1.6-1.4 1.2a512.8 512.8 0 0 0-16.7 33 13 13 0 0 1-2.8 4.3c-3.7 3-8.5.5-11-3-.3-4.3.3-8 1.9-11.6 1.6-3.5 4-8 7-13.8 5.4-10.2 9-18.4 14.3-29.7 1.8-3.8 3-7.9 4.7-12 1.5-3.8 2.5-6.9 3-9.2 1-3.8 2.2-7.4 3.4-10.9l3-11L251 522c2.3-9.2 3.2-19.4 2.7-30.6-.3-8.6-3.4-17-10.7-21.8-7.3-4.8-20-4.2-28.4-2a53 53 0 0 0-19 9.6c-2.1 1.7-4.4 4.7-6.6 6.3-2.1 1.5-6.1 3.2-9 2.5-5.4-1.3-6-5.4-5.4-10.4.3-3 .8-6 1.5-8.7 2.9-12.3 4.9-23.8 6-34.8 2-20 3.6-36.2 3.6-55.5 0-7.6-1.5-14.7-4.4-21.3a6.3 6.3 0 0 0-3.6-3c-6.1-2.6-13.4-4.6-19.6-2.3Zm462.2 71.5H617c-.3 0-.5.2-.5.5l-2 48.3c-.4 13.7-2.3 26.2-5.6 37.7a120.2 120.2 0 0 1-34 53.7 85.9 85.9 0 0 1-45.1 24.2c-8.4 1.3-16.3 1.8-23.8 1.7-1.8 0-2 .3-.3 1.2l15.9 7.8c1.7.8 3.7 1.4 6.2 1.8a90.2 90.2 0 0 0 33.2.1c3-.5 6.7-1.7 11.2-3.4 8.6-3.3 13.3-4.6 19.5-9.8l10.4-9c1.7-1.6 3.2-3 4.5-4.6l4.3-4.7c4.4-5 9.4-12 12.4-16 8.8-11.5 12-21.2 17.8-36.2 2.5-6.6 3.3-12.2 4.8-19.3a251.2 251.2 0 0 0 4.7-59.6 135 135 0 0 0-1.3-14c-.1-1-1-1.6-1.8-1.5-12.7 1-21.8 1.3-27.2 1.1Zm-8.7 163.3c-10 9.4-21 16.6-33.4 21.6a83.7 83.7 0 0 1-19.2 5.3 87.6 87.6 0 0 1-50.4-6.7 112.3 112.3 0 0 1-40.8-30.6 12 12 0 0 0-2.1-1.9l-.4.1v.1c-.2 1.8 0 4 .9 6.2 3 8.7 6.9 17.1 11.3 25.2a134.5 134.5 0 0 0 22.5 30.6 94.7 94.7 0 0 0 27.8 19.6 76.8 76.8 0 0 0 64.7-1.8c7.5-3.7 14-8 19.9-13a148 148 0 0 0 41.8-58c1-2.7 2-4.8 2.9-6.3 3-5.5 5-12.8 6.6-17.5 1.4-4 2.5-7.8 3.3-11.4l4.6-20.2c2.8-17.5 3.9-35.7 3.3-54.6-.6-18-3-35-7.4-50.6-.2-.6-.6-.9-1.3-.9l-3.6.3c-.4 0-.5.2-.5.6a243 243 0 0 1-3 73.2 648 648 0 0 1-5.4 20.4c-1 3.8-2.7 7.3-4 11.2l-3.3 8.3c-3.7 8.1-7.6 15.5-11.8 22.3a132.5 132.5 0 0 1-23 28.5ZM533 559.4c25-.2 45-28.2 44.7-62.5-.3-34.3-20.8-62-45.8-61.7-25 .2-45 28.2-44.7 62.5.3 34.3 20.8 62 45.8 61.7Zm185.8 62.1c5.3 1.5 10.4 2.6 15.2 3.3a66.5 66.5 0 0 0 42.6-8.9c5-2.9 10.2-6.9 15.5-11.9 4.6-4.3 8-7.9 10.3-10.9 7.3-9.4 13.3-19.7 18-30.8a46 46 0 0 0 3.2-9.2 246 246 0 0 0 8-35c1.6-8.3 2-16.7 2-24.6 0-5 0-13.5.2-25.6 0-2-.2-4.4-.6-6.7-.5-2.8-.8-5-.8-6.7-.1-2.6-1.2-4.3-3.5-5-6.2-2-11-3.7-14.5-5-1-.5-2.5-.9-4.4-1.3-.3 0-.6 0-.8.3a35 35 0 0 0-6 19.6c0 10.3 0 18.6-1 27.2A244.3 244.3 0 0 1 794 529a161.6 161.6 0 0 1-42.2 68.8 137.2 137.2 0 0 1-33 23.6v.2ZM783 513c-.4-34.4-21-62-45.8-61.8-25 .3-45 28.3-44.5 62.7.3 34.4 20.8 62 45.8 61.8 25-.3 44.9-28.3 44.5-62.7Zm45.6 60a119.5 119.5 0 0 1-47.2 53.8 81.1 81.1 0 0 1-53.1 9.5c-6.6-1-13-2.8-19.2-5.3a110.5 110.5 0 0 1-35-23.3 129 129 0 0 0-6-5.7c-.2-.3-.3-.2-.3.2.2 1.4.4 2.7.8 4 2 6.8 3.6 12 4.8 15.2a107.9 107.9 0 0 0 19.2 34.5 69.9 69.9 0 0 0 24.6 19.4 60.3 60.3 0 0 0 23.2 5.6c6 .2 12.6-.7 19.7-2.8a84 84 0 0 0 20.7-9.3c11-7 20.8-15.9 29.4-26.5a177.4 177.4 0 0 0 24-39.3 210.9 210.9 0 0 0 13-36.8c.5-1.5 1-4.8 1.7-9.9a206 206 0 0 1 1.8-9.8 137 137 0 0 0 2.8-16.8c1.3-13.2 1.2-27.9-.4-44.2-.6-6.4-1.6-11.9-2.8-16.7l-2.6-10.5-.2-.5c-.5-1-1.1-1.4-1.8-1.3-.5 0-.8.3-.7.8 1.8 15.2 2 30.8 1.2 46.8a230.4 230.4 0 0 1-7.2 41.6c-3 9.6-6.4 18.7-10.4 27.3Zm68.6-92.3a480.5 480.5 0 0 0-33.8-16.7c-.3 0-.6 0-.7.3v.3a251.4 251.4 0 0 1 4.5 49.8c0 .7.3.8.7.2 4.3-5.7 10.2-12.9 17.6-21.6 4-4.6 7.8-8.5 11.7-11.6.2-.2.2-.4 0-.6Zm49 121.1 3.3 19.2c0 .4.4.6.8.6 3 0 5.9-.4 8.5-1l12.4-2.7c11.8-2.4 15.4 6.8 16.4 16.2 1.6 14.1.7 27.5-1 42-.8 6.4-2.4 9-9.1 9-3 0-4.6-1.5-5.2-4.4a53 53 0 0 1-.8-16c1.2-11.9 2-20.9 2.4-27 .2-2.4-1-5.7-3.8-5-8.6 2.2-16.4 4.2-25 3.8-3.3-.2-5.7-1.6-7-4.3a52.9 52.9 0 0 1-5.1-15.9c-1.3-7.8-2.5-16-3.6-24.8-.1-.7-.6-1.2-1.3-1.4a14 14 0 0 0-3 0 262 262 0 0 1-40.6.1c-1.8-.6-3.2-.5-4.1.5a58 58 0 0 0-13 25.7 66.4 66.4 0 0 0 1 34.7c3.7 13 8.5 24 14.5 33.2a406 406 0 0 0 8.8 13.1 96.6 96.6 0 0 0 18.9 20 80 80 0 0 0 16.9 10.1 100.5 100.5 0 0 0 61.4 6.3 121.4 121.4 0 0 0 70.6-41A149.7 149.7 0 0 0 1094 599c.3-18.6-3.3-35.7-10.7-51.4l-3.5-7.4a117.2 117.2 0 0 0-30.3-34.7c-3-2.3-8.1-5.5-15.3-9.5a127.4 127.4 0 0 0-37.2-15 143.8 143.8 0 0 0-44-3.2 100.5 100.5 0 0 0-73 41 60 60 0 0 0-3.7 5.7c-1.5 2.7-2.6 4.7-3.5 5.8a29.2 29.2 0 0 0-4.6 8.4 79.5 79.5 0 0 0-3.6 29.1c0 2 1.3 3.4 3.7 4 5.4 1.4 9.6 2.2 12.6 2.4 9 .7 17.2 1 24.5.8 11.2-.3 19.2-.5 24-.8 6.7-.4 11 2.5 13.3 8.5.8 2.2 1.3 3.7 1.4 4.4.5 5.3 1.3 10 2 14.6ZM670 585.1c0 .1 0 .1 0 0 .2.1.2.1.2 0h-.2Zm192.8 1.7-2.4-1c-.4-.3-1 0-1 .3l-.1.2c-4.4 9.6-7.3 17.6-6.5 18l.8.4c.9.4 5-7 9.5-16.6v-.2c.2-.5 0-1-.3-1Zm-456.7 110a227.2 227.2 0 0 1-66.8 50.4c-1.2.6-2 1.7-2.1 3.2-.6 5.1 0 9.8 2 14.2a84.6 84.6 0 0 0 6 12.1 170.6 170.6 0 0 0 60.2 53.8 1104 1104 0 0 1 25.2 14 111.5 111.5 0 0 1 18.4 13.3 142 142 0 0 1 24.2 24.8 597 597 0 0 1 13.3 18 30 30 0 0 1 2.3 4c.7 1.1 2.3 2.2 4.8 3.1a480 480 0 0 0 106.9 25c25.3 3 52.3 3.3 81 1 5.3-.4 11.9-1.3 19.8-2.7 9.5-1.7 18-3.5 25.6-5.4 11.6-3 22.7-6.9 33.2-11.7a124.5 124.5 0 0 0 31.4-20.6A446 446 0 0 0 811 875a279 279 0 0 0 55.6-94.9c1.8-5.2 3.4-10.8 4.8-16.8a147 147 0 0 0 5.3-45.5c-.2-4.4-.7-8.9-1.6-13.6a31.1 31.1 0 0 0-3.4-8.5 137.6 137.6 0 0 1-18.4-41 94.7 94.7 0 0 1-2.7-31 1 1 0 0 0-.3-.8l-4.7-4.7a.8.8 0 0 0-1.1 0l-.1.2-2 4c-.6 1-1 1-1.2-.3-.2-.9 0-2 .6-3.3h-.5a509.2 509.2 0 0 1-9.2 14.9 161.4 161.4 0 0 1-23.6 29.1 119.3 119.3 0 0 1-36.3 24.7l-4.7 1.7-4.8 1.4c-4.5 1.1-7.6 2-9.4 2.2a63 63 0 0 1-25.3-.6 75.4 75.4 0 0 1-16.5-5.5c-22.3-10.9-37.5-30.8-47.1-53.6-3.3-7.8-6.1-17.7-8.5-24.6-.1-.4-.3-.4-.5 0-6 9.5-12.1 18-18.4 25.1a131.7 131.7 0 0 1-27 23.6 91 91 0 0 1-62.9 15.7 87.3 87.3 0 0 1-30.7-10 114.1 114.1 0 0 1-28-21.9 154.3 154.3 0 0 1-27.6-41.8c-.4-.8-.6-.8-.8.1-1 4.4-2.2 9-3.8 13.5a240 240 0 0 1-36.6 68.4c-2.8 3.5-7.2 8.6-13.4 15.6Zm487 24a150.8 150.8 0 0 1-.7 42.6c-2.2 14.1-4 23.1-5.1 26.8l-5.6 18.2c-.1.4 0 1 .5 1.1a105.8 105.8 0 0 1 41.9 36 73 73 0 0 1 9.5 21.4c0 .3.4.5.7.4h.2c3.9-2.7 8-4.4 12.3-5.3 12-2.6 23.8-1.7 35.6 2.5l10.7 4.4 2.9 1c.4 0 .9-.3 1-.7v-.4c-.4-1.7-.8-3-1.3-4.2-4-9-8.5-17.9-13.6-26.7a628.7 628.7 0 0 0-41-62.3c-11-14.6-20.8-27-29.4-37-1.7-2-4-4-7.1-6a36 36 0 0 1-6.7-5.4 37 37 0 0 1-4.7-6.5Zm-727.5 28.4v-.3h-.1a318 318 0 0 1-27-15.6.6.6 0 0 0-.6 0 561.8 561.8 0 0 0-69.5 66.2c-14 15.8-27 33-39.2 51.5-1 1.4-2 2.4-2.7 3.6-.4.8-.3 1 .5.5 7.3-4.8 15.6-8.6 24.3-11.9 4.8-1.8 8-3 9.8-3.5 10-3 19.6-4.9 28.6-5.8.9 0 1.7-.6 2.2-1.3 16.2-22.7 34-44 53.7-63.8a1288 1288 0 0 1 20-19.6Zm113.6 136a126.3 126.3 0 0 1-31.5 9c-5.5.8-9.7 1-12.6.5a19 19 0 0 1-15.5-12.7 44.7 44.7 0 0 1 .2-26.6c1.9-6 3.6-10.6 5.2-13.7 0-.2 0-.4-.2-.5h-.2c-5.3 1-10.7.7-16.1-.4-4.6-1-8.4-3-11.5-6.3a19.9 19.9 0 0 1-4.8-11.3c-.8-6.8.4-13 3.4-18.8a89.1 89.1 0 0 1 20.8-24.2c4.6-4 9.6-8 14.8-11.9.4-.3.4-.5-.1-.5a187.2 187.2 0 0 1-44.1-9.6c-3-1.2-5.8-2.7-7.2-2.4-.4.1-1 .4-1.6 1a560.8 560.8 0 0 0-69.7 77.2 99.7 99.7 0 0 1 28.3 8 56 56 0 0 1 16.9 11.7c5 5 10 10.5 15.2 16.7 3.2 3.8 6.8 9.4 10.9 16.7 3.3 6 5.6 9.8 7.2 11.8 3.5 4.4 7.6 8.4 12.3 11.8a31 31 0 0 0 15 6c7.8 1 15.6-.2 23.3-3 12.2-4.7 22.7-9.9 31.6-15.6 1-.6 1.9-1.5 2.8-2.7l7.5-9.9c.3-.5.2-.6-.3-.4Zm24.6-96c7.3-1 15.2-1.3 23.7-.7.3 0 .5-.2.5-.5l-.1-.3a33.8 33.8 0 0 0-17-11 54 54 0 0 0-12.3-2.9c-7-.6-16.4-.7-24 .4a112 112 0 0 0-26 7 71.6 71.6 0 0 0-27.5 19.5c-1.6 2-3.1 4-4.4 6.3-2 3.4-5 8.7-4.1 12 .3 1.1.9 2 1.9 2.7 5.3 3.5 9.5 2.3 16 .7a47.5 47.5 0 0 0 18-8.7 110.9 110.9 0 0 1 55.3-24.5Zm-4 20.1a40 40 0 0 0-6.8 1.8 105 105 0 0 0-32.7 18.6 60.2 60.2 0 0 0-22.6 45 2 2 0 0 0 1.9 1.8c2 0 3.7-.2 5.3-.7a283.5 283.5 0 0 0 19.8-6.2l15.9-4.6c3.7-1 11.2-2.5 22.7-4 1.4-.3 2.7-.8 3.8-1.7a159.7 159.7 0 0 1 34.7-19c9.2-3.5 18.5-6 27.7-7.6.4 0 .5-.3.3-.6a43 43 0 0 0-30.1-23.2 91.2 91.2 0 0 0-40 .4Zm568.6 30c-.3.6-.1 1.2.5 1.5a122 122 0 0 1 40.7 44c.2.4.6.6 1 .5.2 0 .3 0 .4-.2 1.5-1.4 3.2-3.2 5-5.3 2.2-2.5 1.5-6 .7-9a62.7 62.7 0 0 0-21.1-32.4 119.3 119.3 0 0 0-19.1-12.5c-1-.4-1.8 0-2.2 1l-6 12.4Zm-518 18.6a133.9 133.9 0 0 0-54.7 37.5 108.5 108.5 0 0 0-22.6 40.4 82.2 82.2 0 0 0-3.3 23c0 2.1.5 5 2.2 6.2 6 4.8 14.9 4.2 22.8 3a519 519 0 0 0 21-3.8c2-.4 5.6-1.4 10.9-2.9 5.9-1.7 12-3 17.8-4.8 3.5-1 5.8-1.8 6.9-2a1363.4 1363.4 0 0 1 65.2-15.4c2.8-.6 4.9-2.4 7.9-3 4.2-1 7.4-1.7 10.8-3.7 3.5-2 8.2-3.5 11-6.3a26.8 26.8 0 0 0 7.7-20.3 50 50 0 0 0-14.8-32c-2-2-5-4-7.2-5.6a23.4 23.4 0 0 1-5-4.5c-2-2.4-3.6-4-4.8-4.8a30.1 30.1 0 0 0-6.5-3.2 73.4 73.4 0 0 0-23.4-4.8c-14.2-.4-28.2 2-41.8 7Zm488 23-1.2 1.1c-.2.2-.2.4 0 .5l12.8 4.2a117.3 117.3 0 0 1 49.4 40.8c.2.2.5.3.7.1 1.7-2.2 2.8-4.3 3.6-6.5 1.5-4 0-8.7-1.4-13.2a97.3 97.3 0 0 0-17.6-31.7 61.1 61.1 0 0 0-26.7-18c-.6-.3-1.3 0-1.6.5a118.2 118.2 0 0 1-18 22.1Zm-10.8 63.6c2.9 1 5.9 2 8.8 2.8a199.8 199.8 0 0 1 32.4 13.9l12.8 7.1c2.2 1.2 7.3 2.5 8.7-.5 1-2.3 1.6-4.5 1.3-7.2a55.3 55.3 0 0 0-4.6-17.8 73 73 0 0 0-31.2-33 77.8 77.8 0 0 0-39.7-10.4c-1.4 0-2.7.2-3.8.5-1.1.3-2.2 1-3.5 1.5-6 3.2-11.4 6.5-16.4 10a47.6 47.6 0 0 0-13.1 13.4c-.5.7-.8 1.5-1 2.2 0 .3 0 .6.3 1l2.6 4.4c.3.6.9 1 1.6 1.1 7 1.3 12.8 2.2 19.4 4l20.7 5.3 4.7 1.7Z" fill="#54484A"/><path d="m858 15.2-10 8.2c-.6.5-.8 1.5-.5 2.3a29 29 0 0 0 2.7 4.8c.9 1.3 1.5 3 .8 4.1-1.4 2.4-3.4 3.2-6.1 2.3-4.7-1.5-10-5.3-13.7-7.5-.4-.2-.8-.3-1.2 0-1.4.5-2 1.7-3.6 2-2.2-2.4-4.1-5.3-6.4-7.4a80 80 0 0 0-3.2-2.8c-.2-.2-.3-.5-.1-.8l.2-.2c2.3-1 4.6-1.9 7-2.4 11-2.3 22.4-3.2 34.2-2.6Z" fill="#FFF"/><path d="M945.9 81a29.2 29.2 0 0 0-2.8 5.2 69 69 0 0 1-2.4 5.3c-1.7 3.2-3.2 6.3-4.6 9.4-1.7 3.6-3.6 5.6-7.5 5.8-7.5.5-17.2.7-25.4 2.4a2 2 0 0 0-.8.4c-1.8 1.6-1.8 3-.1 4.2 1.9 1.3 6.4 3.6 13.4 7 2.3 1 4.8 2.7 7.4 3.7.7.3 1 1 1 1.6l-.5 20.7c0 2 .3 3.5 1 4.8.3.5.8.8 1.4.6 2.2-.7 4.3-1.9 6.3-3.8 1.7-1.5 3.8-3.6 6.4-6.3.5-.5 1.2-.6 1.8-.2l4.6 3.3a60 60 0 0 1 4.2 3.8l8 7.6c-.3 2.4-1.2 7.1-2.7 14.1a20 20 0 0 1-2 6 19.7 19.7 0 0 1-7.2 5.7c-5 2.7-9.5 2.2-13.6-1.5-5.7-5.2-8.5-11.2-12.2-18.7a46.9 46.9 0 0 0-33.9-51.4c-5-4.2-10.5-6.3-16.5-6.5a.8.8 0 0 1-.7-.4 70 70 0 0 0-14.3-15c-.3-.3-.8-.2-1 .1l-.2.5c.3 8 1 14.5 2.5 20a47.1 47.1 0 0 1 1 21.7 283.6 283.6 0 0 1-4.7 24.1c-2.4 8-4.1 14-5.2 18.3-1.5 6-4 11.3-6.1 18-.2.4-.6.7-1.2.7-3.2-.2-6.4-.6-9.5-1.2-2.4-.5-5.4-1.6-8.8-3.4l-11.8-6c-6.6-3.3-14-5.9-22.1-7.9l-20.2-4.9c13.6-7.4 27.4-14.9 41.2-22.6 1.9-1 3.4-2 4.5-3.2.5-.5.7-1.3.3-2a6 6 0 0 0-3.2-2.9l-8.8-3.7c-7-2.6-15-4.5-21.3-6.5a96 96 0 0 0-17-3.5c-.5 0-1-.6-1.1-1.2-1.6-9.7-2.8-19.6-3.5-29.8l-.6-4.5c-.5-2.3-1-3.7-1.4-4.3-2.5-3.5-6.4-1.8-8.8.5a122 122 0 0 0-11.6 12.2 280 280 0 0 0-13.3 16.7 39.4 39.4 0 0 0-4 7 2 2 0 0 1-1.4 1.1 673 673 0 0 0-41.6 2.8 20 20 0 0 0-5.1 1c-1.2.4-1.8 1.8-1.4 3l.3.6c3.3 4.5 7 8.7 11.2 12.7 2.7 2.6 6.8 6.6 12.2 12.1.6.6 1.9 1.3 2.3 2.1.2.3.2.6 0 1L684.2 197l-.8-.2a289.5 289.5 0 0 0-43-8.2 145.8 145.8 0 0 0-37.2.4.7.7 0 0 1-.6-.4v-.2a107 107 0 0 0 4-14.7c1.2-4.8 3.4-11 6.9-18.5a240.8 240.8 0 0 1 18.9-34A210.5 210.5 0 0 1 675 73.4a175 175 0 0 1 39-24.2c10.8-4.9 22.2-8.9 34.3-11.9 15.2-3.8 31.2-6.2 48-7a29 29 0 0 0 3.5-.5c1.2-.3 2-.4 2.7-.4.4 0 .7.1 1 .4 2.6 2.5 5.4 4.7 8.5 6.6 5.9 3.6 13 7.8 21.5 12.6l1.4 1.1c.4.4.9.6 1.3.6s.5 0 .3-.4c-1.6-3.8-2.6-6-3-6.5l-7.3-12c1.6-.4 2.2-1.6 3.6-2.2.4-.2.8 0 1.2.1 3.8 2.2 9 6 13.7 7.5 2.7 1 4.7.1 6-2.3.8-1.2.2-2.8-.7-4a23.8 23.8 0 0 1-2.7-4.9 2 2 0 0 1 .6-2.3l10-8.2a49 49 0 0 1 16.2 2.7c14.3 5.1 27 12.8 38.2 23.1 5.3 4.8 11.6 11.4 18.9 19.8A93 93 0 0 1 945.9 81Z" fill="#BEACE6"/><path d="M276.7 27A289 289 0 0 1 296 39c.5.3.7 1 .5 1.4l-2.2 6c-4.5 12-7 18.8-7.4 20.5-1.4 5.7.6 9.3 6 10.7a17.6 17.6 0 0 0 8.9-1c4-1.5 13.8-5 29.2-11 1.2-.4 2.5 0 3.9 1.4l2.9 2.6 65 54.5c1.6 1.2 4.5 3.2 6.2 5.2.2.2 0 .3-.1.4l-242.6 93c-1.7.7-3.1 1.3-4 2-2 1.2-3.1 2-5.4 2.5a42 42 0 0 1-39-10.4c-2.2-2-4-4.7-5.3-7.7a13 13 0 0 1 2.6-15.3L268 34.5c4.2-4.5 6.7-7 7.5-7.5.4-.2.7-.3 1 0Zm1.8 56a4.4 4.4 0 0 0-6.2-.4L205 140.7a4.4 4.4 0 0 0-.4 6.2v.1c1.7 1.8 4.5 2 6.3.4l67.2-58.2a4.5 4.5 0 0 0 .3-6.2Zm-32.1 58.5a4.3 4.3 0 0 0-6.1-.7l-52 41a4.3 4.3 0 0 0-.7 6.1v.1a4.3 4.3 0 0 0 6.2.7l52-41c1.8-1.4 2-4.2.6-6.2ZM193 155a4.4 4.4 0 0 0-6.1-.7l-16.3 13.1a4.4 4.4 0 0 0-.7 6.1v.2a4.4 4.4 0 0 0 6.2.7l16.3-13a4.4 4.4 0 0 0 .7-6.2l-.1-.2Zm-31 25.6a4.3 4.3 0 0 0-6-.6l-15.8 12.7a4.3 4.3 0 0 0-.6 6.1v.2a4.3 4.3 0 0 0 6.2.6l15.8-12.7a4.3 4.3 0 0 0 .6-6l-.1-.3ZM945.9 81a151 151 0 0 1 7.2 15.4c5.8 19.5 7 39.5 4 60-2.8-2.5-5.5-5-8-7.6a42.3 42.3 0 0 0-8.8-7c-.6-.5-1.3-.4-1.8.1l-6.4 6.3c-2 1.8-4.1 3.1-6.3 3.8-.5.2-1.1 0-1.4-.6a10 10 0 0 1-1-4.8c0-8 .3-14.9.6-20.7 0-.7-.4-1.4-1.1-1.6-2.6-1-5.1-2.8-7.4-3.8-7-3.3-11.4-5.6-13.4-6.9-1.7-1.2-1.7-2.6 0-4.2.3-.2.6-.4.9-.4 8.2-1.7 17.9-1.9 25.4-2.4 3.9-.2 5.8-2.2 7.5-5.8l4.6-9.4a69 69 0 0 0 2.4-5.3c1-1.7 1.9-3.4 3-5Z" fill="#FFF"/><path d="m291 136.8 67.3-58.2a4.4 4.4 0 0 1 6.2.4v.1a4.4 4.4 0 0 1-.3 6.2L297 143.5a4.4 4.4 0 0 1-6.2-.4h-.1a4.4 4.4 0 0 1 .4-6.3Z" fill="#54484A"/><path d="m766.8 168.6-5.4-.8c-.3 0-.4.1-.2.4a5 5 0 0 0 1.5 1.7l5.4 3.5c-.3 10.8 0 21.3 1 31.6.3 1.7.3 3.3.2 4.7-.1.7-.4 1-1.1 1-1 0-2-.2-2.7-.5a137.3 137.3 0 0 1-39.1-24c-1-.9-2.2-.9-3.2-.3a510.7 510.7 0 0 1-27.8 16.5c-3 1.6-6.1 2.7-9.5 3.1-1.5.2-2.4-.4-2.7-1.9-.3-1.6-.3-3 0-4.2l6.4.1c.2 0 .2 0 .2-.2v-.4c0-.3-.2-.5-.5-.5l-5.2-1 10.9-40a1 1 0 0 0-.1-.9c-.5-.8-1.7-1.5-2.3-2a419 419 0 0 0-12.2-12.2c-4.2-4-8-8.2-11.2-12.7-.8-1-.5-2.5.5-3.3l.6-.3c1.3-.5 3-.8 5-1 12.8-1.3 26.7-2.2 41.7-2.8.7 0 1.3-.5 1.5-1a30 30 0 0 1 3.9-7 280 280 0 0 1 13.3-16.8 149 149 0 0 1 11.6-12.2c2.5-2.3 6.3-3.9 8.8-.5.4.6.9 2 1.4 4.3l.6 4.5c.7 10.1 1.8 20.1 3.5 29.8 0 .6.6 1.1 1.2 1.2a96 96 0 0 1 16.9 3.5c6.2 2 14.3 3.8 21.3 6.5l8.8 3.7c1.4.6 2.5 1.6 3.2 3 .3.6.2 1.4-.3 2a23.7 23.7 0 0 1-4.5 3.1c-14 7.4-27.8 15-41.4 22.3Z" fill="#FFF"/><path d="m188.3 181.8 52-41a4.3 4.3 0 0 1 6 .7l.2.1a4.3 4.3 0 0 1-.7 6.1l-52 41a4.3 4.3 0 0 1-6.1-.7h-.1a4.3 4.3 0 0 1 .7-6.2Z" fill="#54484A"/><path d="M257.5 559.1c4.6-1.4 9-2.9 13.4-4.6l11-4.2a40009.6 40009.6 0 0 0 166.9-61c1.2-.4 2-.9 2.3-1.7 1.3-3.2 1.8-6.6 1.5-10.2-1-9.6-2.7-22.9-5.1-39.8a1095.7 1095.7 0 0 0-5.7-43.6c-1.1-7.5-2.2-16.6-3.3-27.4-.3-2.7-1-7.8-2.2-15.3l-2.1-15.3a890 890 0 0 0-4-30l-2.6-19.9a678.5 678.5 0 0 0-3.8-28.8 1304.4 1304.4 0 0 0-6.1-46.1c-.5-3.4-2-15-4.4-35.2-.2-1.6-1-2.8-2.5-3.8-1-.6-2.3-.7-4 0-3.2 1-5 1.7-5.4 2L202 251.6c-1.5.6-3.4 1.1-5.7 1.6-3.5.7-4.6 2.8-4.2 6.2a673 673 0 0 0 4 30.7c1.2 6.4 2 13 2.8 19.8.7 6.7 1.8 14.1 3 22.2l1.9 12.7c1.5 12 2.8 22.5 4.3 32a463 463 0 0 1 3.5 26c.3 2.4 1.2 9 2.9 19.7 1.4 9.2 2.6 18.5 3.6 28l-20.2 6.6c-.6.2-1.2 0-1.3-.7-.6-3.9-.8-7.4-.4-10.4a648 648 0 0 0 4.4-53c.4-9 .3-17.4-.3-25.2a48.7 48.7 0 0 0-5.3-19c-3-6-7.5-9.9-13.4-12-.3 0-.6-.3-.7-.6l-.7-3a764 764 0 0 1-5-34.8 399 399 0 0 0-2.7-19.8 714.9 714.9 0 0 1-5-38.7c-.1-.8.2-1.4.9-1.7 2-1 4.9-2.5 7.7-3.4 3.5-1.2 6.6-2.2 9.3-3.3 19.7-7.6 37.3-14.4 52.6-20 .4-.3 4.8-2 13-5.2 5.7-2.3 12-4.4 17.5-6.5a843 843 0 0 1 19.8-7.7C329 176.7 372 160.2 417 143l5.5-2c.5-.2 1 .1 1.2.6v.1a13702 13702 0 0 1 5.6 45.4c.5 3.7 1.5 8.4 2 12.6 1.5 14.2 3 27 4.7 38.4l2.6 19.8c1.5 12.5 2.2 19 3.7 29 .8 5.3 1.5 11.1 2.2 17.3l2 17.4c2.4 17 4.7 34.8 6.9 53.3.3 2.6 1 5.8 1.4 8.6 1.8 16.2 4 34 6.7 53.1 1.6 11 2.8 25.2 4.7 37.2.9 5.5 1.3 11 .5 15.1l-2.2 11c-.2.8-.7 1.4-1.5 1.7l-213.4 78.8h-.3v-.3c2-4.6 3.6-9.4 5-14.5.7-1.9 1.6-4 3-6.4Z" fill="#7C5DBC"/><path d="m170.7 167.5 16.3-13a4.3 4.3 0 0 1 6 .6l.2.2a4.3 4.3 0 0 1-.7 6.1l-16.3 13.1a4.3 4.3 0 0 1-6.1-.7l-.1-.2a4.5 4.5 0 0 1 .7-6Z" fill="#54484A"/><path d="m257.5 559.1 2.6-10.4 182.9-67c.8-.4 1.3-1.2 1.2-2-.5-4.9-1-9.3-1.7-13.3-2.5-15.2-4.2-33-5.7-43.8-2.8-20.2-4.7-34.6-5.6-43-.5-5-2.1-11.8-2.7-17.3a1141.6 1141.6 0 0 0-6.6-51.9l-3.4-26.8c-2.4-15-4-32.6-6-45l-2.6-19.9a813.5 813.5 0 0 0-4.7-35.4c-.1-.4-.4-.6-.8-.6h-.1L202.9 261c-1 .4-1.4 1.1-1.2 2.1l26 187-9.4.4c-1-9.5-2.1-18.8-3.6-28a612.1 612.1 0 0 1-3-19.8 560 560 0 0 0-3.4-26c-1.5-9.3-2.8-19.9-4.3-31.9-.4-3.5-1.1-7.7-2-12.7a410 410 0 0 1-3-22.2 379 379 0 0 0-2.6-19.8 673 673 0 0 1-4.1-30.7c-.4-3.4.7-5.5 4.2-6.2 2.3-.5 4.2-1 5.7-1.6L401.6 174l5.4-2c1.6-.6 3-.6 4 .1 1.5 1 2.3 2.2 2.5 3.8a2280.7 2280.7 0 0 0 8 61.5l2.5 19.8c1.3 8.4 2.5 18 3.8 28.8l2.7 19.8c1.2 8 2.4 18 3.9 30.1.7 5.7 1.3 10.8 2 15.3a362 362 0 0 1 2.3 15.3 853 853 0 0 0 6 47.2l3 23.8c2.4 17 4 30.2 5 39.8.5 3.6 0 7-1.4 10.2-.3.7-1.1 1.3-2.3 1.7-2.1.6-10.7 3.8-26 9.4a40009.6 40009.6 0 0 1-152 55.8c-4.5 2-9 3.4-13.5 4.8Z" fill="#FEE5A5"/><path d="m739 300.2 2-9.2c.3-1-.3-2-1.3-2.3h-.3c-1.1 0-2.6.1-4.5.4-2.3.4-5.5 1.1-9.7 2.2-1.2.3-2.5-.2-3-1.3-3.2-6-6.1-10.9-8.7-14.6a4 4 0 0 0-2.5-1.8c-1-.2-2 .4-2.4 1.4l-4.1 11.4c-.3 1-1.2 1.5-2.1 1.5-2.2 0-4.4.7-6.5 2l-17.2-.5c-.3 0-.6 0-1-.3-1-.8-1.7-1.7-2.3-2.8-1.8-3.5-3.8-7.4-6.6-10-6.5-6-14-6.6-23.3-7.2-12.4-.8-25.8-.6-40.2.6-3.4.3-6.4 1.1-8.8 2.5a47 47 0 0 0-13.4 11l-4.2 5c-.5.5-1 1-1.4 1l-17.7 1.6c-.2 0-.4 0-.4-.4 1.4-8.9 2.5-16.6 3.3-23.3 1-8 1-19.3 1.4-27.4.3-5 .8-9.3 1.7-12.9a4 4 0 0 1 2-2.4c7.6-3.5 14.6-7.7 21-12.6 2.9 2.2 3 4.1.4 6a134 134 0 0 1-8.4 5.5 19.6 19.6 0 0 0-4.2 3.6c-.6.7-.5 1.8.2 2.4l.2.1a14 14 0 0 0 4.5 1.4l7.7 1.1c.6.1 1 .5 1.2 1.1l3.8 13.3c.3 1 1.2 1.4 2 1.1 1.6-.5 2.7-1.6 3.5-3.4a70 70 0 0 1 5.7-11c.5-.8 1.5-1.4 2.3-1.5l14.2-.7a4 4 0 0 0 2-.5c1-.5 1.3-1.7.8-2.6l-.3-.5-11.8-11.8c-1-.9-1.1-1.9-.7-3l3.7-9.6 67.4-3.6a8.4 8.4 0 0 0-.1 4.2c.3 1.4 1.2 2 2.7 2a26 26 0 0 0 9.5-3.2c8.4-4.6 17.6-10.2 27.8-16.5 1-.6 2.3-.5 3.2.2a159.5 159.5 0 0 0 39.1 24.2c.8.2 1.7.4 2.7.4.7 0 1-.3 1-1 .2-1.4.2-2.9 0-4.7-1-10.2-1.4-20.8-1.1-31.6l18.4 12.1a134 134 0 0 0 7.8 5c7 4 13.6 6.7 20 10.5.5.2.6.5.6 1 0 6 .3 11.4-.1 18.2-.1 2-.6 4.4-1.5 7.3a253 253 0 0 0-3.2 12.5c-1.8 7.2.8 11.4 7.8 12.6 6.2 1.1 13 4 16.8 9.2 2.3 3.2 4.3 7.8 5.3 11.8 2 8.4 3.2 18 3.6 28.6 0 .3-.1.4-.4.2a24 24 0 0 0-4.5-2.3l-4.5-1.8c-8.3-3.8-16.5-7.7-24.7-11.7a442.7 442.7 0 0 0-23.2-10l-33.8-12.7-5.5-1.9c-2.1-.6-2.2-.3-.5 1 14.5 10.6 28.3 20 41.4 28.3 6.6 4.1 14.8 8.6 24.7 13.3a973.2 973.2 0 0 0 31.5 14.3 3 3 0 0 1 1.8 2.5 82 82 0 0 0 6.3 24.3c.3.6 0 1-.6 1-5.1.4-10.6.4-16.5.1-2.4 0-4.8-.6-7-1.4a260.7 260.7 0 0 1-34.7-16.4c-12.8-7.2-27.3-15-43.4-23.3l-10.7-5.3Z" fill="#BEACE6"/><path d="m140.4 192.6 15.8-12.7a4.4 4.4 0 0 1 6 .6l.2.2a4.4 4.4 0 0 1-.6 6.1L146 199.5a4.4 4.4 0 0 1-6.1-.6l-.1-.2a4.4 4.4 0 0 1 .6-6Z" fill="#54484A"/><path d="M260 548.7c3.4-11.9 6.2-25.2 8.4-39.9A72.5 72.5 0 0 0 267 479c-1.4-5-3.1-9-5.2-12a34 34 0 0 0-9.4-9.9 42 42 0 0 0-18.3-6.6l-6.6-.7-26-186.9c-.1-1 .3-1.7 1.2-2L404 182.4c.4 0 .8 0 .9.4v.1c1.6 10.2 3.2 22 4.7 35.4.6 5.2 1.5 11.8 2.7 19.8 1.9 12.5 3.5 30.1 5.9 45.1l3.4 26.8 2.7 20c1.4 9.3 2.7 20 3.9 32 .6 5.4 2.2 12.2 2.7 17.2.9 8.5 2.7 22.8 5.6 43 1.5 10.7 3.2 28.6 5.7 43.8.6 4 1.2 8.4 1.7 13.2 0 1-.4 1.7-1.2 2L260 548.7Zm51.5-268.5c.2-.3.6-.5.9-.3l.2.1a567.3 567.3 0 0 1 26.6 23.6 6 6 0 0 0 2.6 1.3c.3.1.6 0 .7-.3l5.4-11.2c.5-.9.9-2 1.4-3.4.2-.6 0-1.2-.4-1.6l-40.3-35.2a.7.7 0 0 0-1.1.1l-.1.1-3 5.6c-8 18-14.1 31.3-18.2 40.2-2 4.1-3.4 7.6-4.6 10.6-.6 1.6-1.7 3.2-2.5 4.5-.2.3-.1.8.2 1.1l10 8.7c.6.5 1.4.4 1.9 0l.2-.4 20-43.5Zm76.8 66.7c-.6 1-1.5 2.2-2 3.6-2 5-4.8 10.2-6.5 14.1-4.2 9.3-7.8 17.2-11 23.6 0 .3 0 .6.3.8l10 8.8c.3.2.5.2.6 0 1.7-3 3.3-6.3 4.9-9.8l4.4-9.7 3-6.8c4.6-10 9.7-20.2 13-28.5.6-1.2.9-2.4 1-3.7l-.2-.8a15 15 0 0 0-2.7-2.9c-8.4-7-19.1-16.4-32-28a41.2 41.2 0 0 0-4.1-3.2c-.3-.2-.5 0-.7.2l-7.1 15.2c-.2.4-.1.8.2 1A759.2 759.2 0 0 1 388 346c.4.3.4.6.2 1Zm-97.5 9.7a5.8 5.8 0 0 0-2.6 4.1c-.3 2.1-.3 4.3 0 6.5.6 3.5.9 5.6.9 6.4 0 2.8.3 5 .6 6.5.6 3 .4 6.2.8 9.5.6 4.3.5 7.6.6 11.4 0 .4.3.8.7 1 3.2 1.3 7 2.5 11.4 3.7l13.2 3.3c2.2.6 3.6 1.8 5.6 2a32.5 32.5 0 0 1 3.4 1c1.9 1 3.5.5 4.6-1.5 6.4-7 12.8-13.9 19.4-20.6l4.4-5c1.7-2 3.4-3.6 5-4.7.5-.3.8-.8.7-1.3-.6-4.4-.4-8.2-1.5-12.8-.7-3.2-1.1-6.2-1.2-8.8-.1-2.8-1-5.9-1-8.5a21 21 0 0 0-.5-4.9 12 12 0 0 1-.2-5c0-.6 0-1-.2-1.3a3 3 0 0 0-1-.9l-4.7-1.3-30.7-7.5c-.5 0-1 0-1.3.4l-26.4 28.3Zm-31.5 37c1.7-3 3-5.7 4.2-8l15.6-34.4c.3-.6 0-1.4-.4-1.9l-10-8.6c-.3-.4-.7-.3-1.1.1l-.5 1c-3 6.1-5.5 11.7-7.7 16.7l-18.7 41.2a2 2 0 0 0 .4 2.1l37.6 32.8c.3.2.7.2.9 0v-.3l6.5-14.4c.5-1.2.3-2.2-.6-3-3.3-3.4-8.2-7.2-10.6-9.3a1714.9 1714.9 0 0 0-11.3-10 18.9 18.9 0 0 0-4.1-3c-.4-.3-.5-.6-.2-1Zm76.9 65.5c-.4.5-1.2.5-2 0l-28.3-24.8c-.3-.2-.6-.2-.8 0-1 1-1.6 1.8-2 2.7-2.4 6-4.3 10.1-5.7 12.4-.2.3-.2.6 0 1 1.2 1.2 2.4 2.5 3.7 3.6l37 32.5c.3.2.7.2.9 0v-.2l27.9-60c.4-1 .2-2-.6-2.7l-9.4-8.2c-.4-.4-.7-.3-1 .2l-19.5 42.1-.2.7v.7Z" fill="#9870E3"/><path d="m615.9 202.8-3.7 9.5c-.4 1.2-.2 2.2.7 3.1l11.8 11.8c.8.8.8 2 0 2.8-.1.1-.3.3-.5.3-.5.3-1.2.4-2 .5l-14.2.7c-.8.1-1.8.7-2.3 1.5a70 70 0 0 0-5.7 11 5.6 5.6 0 0 1-3.5 3.4c-1 .3-1.8-.2-2-1l-3.8-13.4c-.2-.6-.6-1-1.2-1l-7.7-1.2c-2-.3-3.5-.7-4.5-1.4-.8-.5-1.1-1.5-.6-2.3v-.2c1-1.2 2.5-2.4 4.3-3.6l8.4-5.6c2.5-1.8 2.4-3.7-.3-5.9 1.2-1.2 2.5-2.2 3.8-3 1.7-1.2 2.5-2.2 3.6-3.6.2-.3.5-.4.8-.5l18.6-1.9Z" fill="#FFF"/><path d="M114.9 233.8a57.3 57.3 0 0 0 37 9.7c.3 0 .6.2.6.5 1.5 8.5 2.7 16.6 3.6 24.5 1.2 9.7 2 16.3 2.6 19.8 2.4 16 4.3 30.4 5.8 43.5 0 .6-.3 1.1-1 1.2-5 .6-10 2-15.3 4a720.2 720.2 0 0 0-15.5 5.7c-1.2.5-2.2 1.1-3.2 1.7-.3.2-.6.1-.8-.2l-.1-.2c-1.7-13.9-2.8-23-3.5-27.4-2-13.3-3.6-25.8-5-37.4-.6-6.4-1.5-13-2.6-19.8a547.9 547.9 0 0 1-3-25.4c.2-.2.3-.3.4-.2Z" fill="#9870E3"/><path d="m311.5 280.2-20.2 43.5c-.3.7-1.1 1-1.8.6-.1 0-.2 0-.3-.2l-10-8.7c-.3-.3-.4-.7-.2-1 .8-1.4 1.8-3 2.5-4.6l4.6-10.6 18.3-40.2 2.9-5.6c.2-.4.7-.5 1-.3l.2.1 40.3 35.2c.5.4.6 1 .4 1.6l-1.4 3.4-5.4 11.2c-.1.3-.4.4-.7.3-1.4-.4-2.3-.9-2.6-1.3-.6-.8-2.1-2.2-4.4-4.3a1274 1274 0 0 0-22.2-19.3.8.8 0 0 0-1 .1v.1Z" fill="#FFD779"/><path d="M739 300.2c-6.3-2.2-13-4.9-19-6.4-7.8-2-16-3.3-24.2-3.9 2-1.3 4.3-2 6.5-2 1 0 1.8-.6 2-1.5l4.2-11.4c.3-1 1.4-1.6 2.4-1.4a4 4 0 0 1 2.5 1.8c2.6 3.8 5.5 8.6 8.7 14.6.6 1.1 1.8 1.7 3 1.3 4-1 7.4-1.8 9.7-2.2 1.9-.3 3.4-.5 4.5-.4 1 .1 1.9 1 1.8 2v.3l-2.1 9.2Z" fill="#FFF"/><path d="m586.4 347-1-.9c-.3-.2-.5-.7-.6-1.3a74 74 0 0 1 0-25.8l3.8-15.7a21 21 0 0 1 2.7-7c3.2-4.6 8-9.9 13.5-11.4a178.6 178.6 0 0 1 37-1.3c5.4.4 9.9 1 13.5 1.8 2.3.5 3.6 2 4.9 4l4.6 8.2c.6 1.1.9 3 .9 5.2a76 76 0 0 1-2.1 16.4 192 192 0 0 1-3.2 12.7 66.5 66.5 0 0 1-9.7 20.5c-1.5 2-2.8 3.6-5.3 4-2.1.4-4 .6-5.8.6a183 183 0 0 1-43.3-4.2c-3.3-1-6.6-3-10-5.9Z" fill="#FFBC83"/><path d="m388.3 346-3-2.7a1028 1028 0 0 0-25.7-22.5c-.3-.3-.4-.6-.2-1l7-15.2c.2-.3.5-.4.8-.2 1.4 1 2.8 2 4 3.2l32 28a15 15 0 0 1 2.8 3c.2.1.3.4.2.7a9.3 9.3 0 0 1-1 3.7c-3.4 8.2-8.4 18.4-13 28.5l-3 6.8-4.4 9.7a125 125 0 0 1-5 9.7c0 .3-.2.3-.4.1L369 389c-.3-.2-.3-.5-.2-.8l10.9-23.6c1.7-3.9 4.6-9.2 6.5-14 .5-1.4 1.4-2.7 2-3.7.2-.2.2-.5 0-.8Z" fill="#FFD779"/><path d="M535.5 336.8a66 66 0 0 1 3.2-29.7c.3-.8.7-1.4 1.2-1.6.5-.2 1.2-.3 2-.3 9 .1 19 0 30-.7.5 0 .6.1.5.5l-1.4 7.6c-1.6 8-2.2 15.7-2 23.2 0 .2-.2.4-.4.4h-.1c-2.1-.2-4.7-.3-7.7-.3a257 257 0 0 0-24.7 1.5c-.2.1-.5 0-.6-.6Zm137.8 3.9 2.5-8.2a87 87 0 0 0 4-21c.2-1 .3-3 .5-6.3 0-.4.2-.6.6-.6 12.2-.2 21.8.1 32.7 3 10.4 2.7 20 6.4 28.9 11 16.3 8.5 31 16.4 44 24a268 268 0 0 0 32.7 15.5 67.7 67.7 0 0 0 31.9 3.6l26.4-2c1.3-.2 2 .4 2.3 1.7 1.7 7.7 2 15 1.2 22l-.3.2a303 303 0 0 1-33 1.5c-6.6 0-13.2-.8-20-2-2.7-.7-6.4-1.8-11.1-3.5-2.7-1-6.4-2.3-11.1-3.8a523 523 0 0 1-28.5-12.4l-10.6-4.5c-3.4-1.3-9.6-3.8-14.4-5a258 258 0 0 0-28.6-6.5c-14.8-2-33.4-5.5-50.2-6.2v-.5Zm-324-5.3c-2 1.6-4 3.2-5.5 5l-21.8 22c-.2.3-.5.3-1 .2-1.7-.5-3.2-1.3-5.3-1.7-8.3-1.7-16.6-3.2-25-4.5l26.4-28.3c.3-.4.8-.5 1.3-.4l30.8 7.6Z" fill="#FEE5A5"/><path d="M354 336.7c.2 1.2 0 2-.3 2.4l-26.8 27.6c-.4.4-.6 1-.5 1.6.8 5.1.9 9.7 1.7 15.5 1.2 8.8 1.9 17.7 2 26.7-1.1 2-2.6 2.4-4.5 1.5a50 50 0 0 1-1.5-8.6l-.6-8.4c-.5-4.5-.4-9.3-1.1-13.5a87 87 0 0 1-1.3-11.7c0-.3-.2-.6-.5-.6-7-2-14.3-3.8-22.1-5-3.8-.7-7.1-1.8-10.1-3.4a5.8 5.8 0 0 1 2.6-4c8.4 1.3 16.7 2.8 25 4.4 2.2.4 3.6 1.2 5.4 1.7.3.1.6 0 .9-.2 4-4.3 11.2-11.7 21.7-22.2a66 66 0 0 1 5.5-4.9l4.5 1.1Z" fill="#F28974"/><path d="M330.2 410.5c-.2-9-1-17.9-2.1-26.7-.8-5.8-1-10.4-1.7-15.5-.1-.6 0-1.2.5-1.6l26.8-27.6c.4-.4.5-1.2.3-2.4.4.2.8.5 1 1 .2.2.3.6.2 1.1-.3 1.8-.2 3.5.2 5.1.4 1.7.6 3.3.6 5 0 2.4.8 5.5.9 8.4 0 2.6.5 5.5 1.2 8.8 1 4.6.9 8.4 1.5 12.8 0 .5-.2 1-.6 1.3a23.6 23.6 0 0 0-5.1 4.6l-4.4 5.1a955.2 955.2 0 0 0-19.3 20.6Z" fill="#FFD779"/><path d="M925.3 467.8a22.7 22.7 0 0 0-8.8-12.2c-5-3.5-10.4-6.7-16.5-9.8a483.7 483.7 0 0 0-63-26.3l-11.1-3.7c-5-1.7-8.7-2.9-11.2-3.5-6-1.4-11.1-3.3-17.6-4.9l-13.5-3.4c-9.4-2.6-18-4-28-6.2-4.6-1-9.5-1.9-14.5-2.7l-31.7-4.8c-18.8-2.4-35.1-3-52.7-4.6-6.6-.6-24.2-.9-52.8-1a335 335 0 0 0-36 1.4l-32 3c-10.8 1-26.8 3.7-48 8.1a49.5 49.5 0 0 0-15.6 6.5c-.4-8.5-1.4-16.9-2.8-25.2-1-5.3-1.5-9-1.7-11.2l-1.5-11.2c-.1-.5 0-.8.5-1l13.5-5.4c6-2.5 12-4 18.4-6a117.4 117.4 0 0 1 21.8-4c.4 0 .6.1.7.5 1 6.8 4.7 12.1 12 12.1 3.9 0 10.8-.4 20.7-1 5-.5 9-.5 12.2 0 4.6.5 7.3 3.7 12.2 8.1a38 38 0 0 0 13.4 7.3c4.5 1.5 8 2.4 10.7 2.8 13.6 1.6 26.5 2.3 38.4 2 3.4 0 6.6-.4 9.4-1 2.5-.5 5.2-1.9 8-4a21 21 0 0 0 4-4.8l3.7-5.2a2 2 0 0 1 1.4-.8 67 67 0 0 1 11.6.6c21.6 2.4 34.4 4 38.3 4.8l18.8 3.7c4.8 1 9.3 2.1 13.5 3.6 8 2.8 12.4 4.3 13.2 4.7 10.2 4.6 20 9 29.3 13a223 223 0 0 0 18.4 7c14.6 5.4 30.3 7.7 47 6.8 12.4-.6 20.5-1 24.4-1.5l2.8.1c3.9.6 5-.7 7.6-3 .5-.4 1.2-.5 1.8-.2 7.3 4 15.3 8.8 23.9 14.6a253.9 253.9 0 0 1 43.3 36.6c1.5 2 3 3.5 4.4 5.6a39 39 0 0 1 4 10.1c.2.2 0 .5-.2.5h-.2c-3.7-.3-8-.3-12.5.2-10 1-17.4 2-22.5 3.2-4.1 1-7.1 1.5-9 1.7Z" fill="#BEACE6"/><path d="M259.5 394.5c1.6 1 3 2 4 3l2.9 2.7 8.5 7.4c2.5 2.2 7.3 6 10.6 9.2.9 1 1 2 .6 3.1l-6.4 14.4c-.1.3-.5.5-.8.3h-.2l-37.7-33c-.6-.5-.8-1.3-.4-2l18.7-41.3 7.7-16.8.5-.9c.4-.4.8-.5 1.2 0l9.9 8.5c.5.5.7 1.2.4 2l-15.6 34.2c-1.1 2.4-2.5 5.1-4.2 8.1-.3.5-.2.8.2 1Z" fill="#FFD779"/><path d="M210 634.4c-2.3-.2-3.6-1.6-4-4-.3-2.5-.1-5 .8-7.8 2-6.3 4.3-13.9 6.6-20.2 2-5.6 3.3-10.5 5-15.6l9.6-26a179 179 0 0 0 9.4-35.5 62.9 62.9 0 0 0-3.7-35.4 33.3 33.3 0 0 0-10-11.2 10.2 10.2 0 0 0-8.1-1.6 74.4 74.4 0 0 0-27 11 11 11 0 0 1-11.3.8A15.5 15.5 0 0 1 171 477a90 90 0 0 1 .3-16.8c1.5-10.6 2.6-21.3 3.3-32 .8-11.3 2.2-19.8 4.4-33.9.7-4.4.9-10 .7-17a40.7 40.7 0 0 0-4-16.8c-2-4-5-6.9-9.1-8.8-1.1-.5-2.6-.9-4.3-1.2l-4.4-.8c6.3-2.3 13.5-.3 19.6 2.1 1.8.7 3 1.8 3.6 3.1 3 6.6 4.4 13.7 4.4 21.3a529 529 0 0 1-3.6 55.5 270.6 270.6 0 0 1-6 34.8 98 98 0 0 0-1.5 8.7c-.5 5 0 9 5.4 10.4 2.8.7 6.9-.9 9-2.5 2.2-1.7 4.5-4.6 6.7-6.3 6-4.6 12.3-7.8 18.9-9.6 8.3-2.3 21-2.8 28.4 2 7.3 4.8 10.4 13.2 10.7 21.8a114 114 0 0 1-2.7 30.6l-3.6 14.6a86 86 0 0 1-3.1 11c-1.2 3.5-2.3 7.2-3.3 11-.6 2.2-1.7 5.2-3.1 9.1-1.6 4.1-3 8.2-4.7 12-5.1 11.3-8.8 19.5-14.3 29.7-3 5.7-5.4 10.3-7 13.8a23.7 23.7 0 0 0-1.7 11.6Z" fill="#F28974"/><path d="m158 350 4.5.7c1.7.3 3.2.7 4.3 1.2 4 2 7 4.8 9 8.8a40.7 40.7 0 0 1 4 16.8c.3 7 0 12.6-.6 17-2.3 14.1-3.7 22.6-4.4 34a445 445 0 0 1-3.3 32c-.6 4.4-.7 10-.3 16.7.3 5.1 2.4 9.1 6.2 12a189.3 189.3 0 0 1-35.5 30c-6.7-11.2-18.8-21.8-32.2-23.2a31.6 31.6 0 0 0-28.2 11 42 42 0 0 0-9.5 17.5A67.8 67.8 0 0 0 87.4 587l-24.8 27c-4.1-6-8-12.3-11.5-18.6a10.1 10.1 0 0 0-5.4-4.6A221.5 221.5 0 0 1 34 514.1c.3-9.3 1.6-20 3.8-32.3.8-4.2 1.7-8 2.9-11.6 1.7-5 2.7-9.6 4.9-15.2a170 170 0 0 1 63.5-81.6A169 169 0 0 1 158 350Z" fill="#FFC98A"/><path d="M288.2 360.7c3 1.6 6.3 2.7 10 3.3 8 1.3 15.3 3 22.2 5.1.3.1.5.3.5.6.2 3.5.6 7.4 1.3 11.7.7 4.2.7 9 1 13.5l.7 8.4c.2 3 .7 5.8 1.5 8.6a7 7 0 0 1-1.7-.6c-.7-.3-1.2-.4-1.7-.4-2-.2-3.5-1.4-5.6-2l-13.2-3.3a72.8 72.8 0 0 1-11.4-3.7c-.4-.2-.7-.5-.7-1-.1-3.8 0-7-.6-11.4-.4-3.2-.2-6.5-.8-9.5-.3-1.5-.5-3.7-.6-6.5l-.8-6.4c-.3-2-.4-4.3-.1-6.4Z" fill="#FFBC83"/><path d="m925.3 467.8-9 4c-1.1.5-2.4.5-3.6 0l-19.2-9.9a474.2 474.2 0 0 0-98.4-37.4c-6.8-1.5-13.5-3.6-20.6-4.8-6.1-1-12-2.2-17.5-3.4l-17.5-3c-21.6-2.9-34.5-4.6-38.7-5a504.5 504.5 0 0 0-42-2.8c-8.6-.2-20 .4-30 .7-11.2.3-23.1 0-33.8.5a2438 2438 0 0 0-81.8 6.3 207 207 0 0 0-23.2 3.7 121 121 0 0 1-15.2 2.1c-.3 0-.5-.2-.6-.5l-2.1-14.7a50.4 50.4 0 0 1 15.7-6.5c21-4.4 37-7 47.9-8l32-3a362 362 0 0 1 36-1.5c28.6.1 46.2.5 52.8 1 17.6 1.5 33.9 2.2 52.7 4.6l31.7 4.8c5 .8 9.9 1.7 14.5 2.7 10.2 2.2 18.6 3.6 28 6.2 2.7.7 7.2 2 13.5 3.4 6.5 1.6 11.7 3.5 17.6 5 2.5.5 6.3 1.7 11.2 3.4l11 3.7a475.7 475.7 0 0 1 63 26.3c6.2 3 11.7 6.3 16.6 9.8a23 23 0 0 1 9 12.3Z" fill="#FFF"/><path d="M336.2 459.1v-.7c0-.2 0-.4.2-.7l19.5-42c.2-.6.6-.7 1-.3l9.4 8.2c.7.6 1 1.7.6 2.6L339 486.3c-.1.3-.5.4-.8.3h-.2L301 454a41.7 41.7 0 0 1-3.6-3.7 1 1 0 0 1-.1-.9c1.4-2.4 3.3-6.5 5.8-12.4a9 9 0 0 1 1.9-2.7c.3-.3.5-.3.8 0L334 459c.8.6 1.7.7 2 .1 0 .1 0 .1 0 0Z" fill="#FFD779"/><path d="M620.4 421.3c5.5.2 14.4 0 27-1 1-.2 2.3.7 2.4 1.5a252 252 0 0 1-1.3 62.1l-2.2 11.4c-1.4 7.1-2.1 13.7-4.7 20.3a126 126 0 0 1-18.3 36.1c-3.1 4-6.6 9.2-11 14.1-1.4 1.5-4 4-5.4 5.7-1.4 1.5-3.4 3.8-5 5.3-5.4 4.7-8.3 7.6-9.9 9-6 5.1-9.7 5.7-18.3 9a83.8 83.8 0 0 1-12.7 3.9c-5.7 1-11.3 2.3-15.7 2.3-5.2 0-10.1-1.2-17-2.3-2.5-.4-4.9-1.2-6.5-2l-16.1-8c-1.7-.8-1.6-1.3.3-1.3 7.5.2 15.5-.4 23.8-1.7a85.5 85.5 0 0 0 45-24.2 119.5 119.5 0 0 0 33.4-53.7c3.3-11.4 5.3-23.9 5.8-37.6a5772 5772 0 0 1 2-48.4c0-.3.7-.5 1-.5h3.4Z" fill="#715451"/><path d="M611.6 584.7c8.9-8.4 16.5-17.8 22.9-28a202.1 202.1 0 0 0 15-30.7c1.4-3.9 3-7.4 4-11.2a648 648 0 0 0 5.5-20.4 243 243 0 0 0 3-73.2c0-.4 0-.6.5-.6l3.6-.3c.7 0 1 .2 1.3 1 4.3 15.5 6.8 32.4 7.4 50.5.6 19-.5 37.1-3.3 54.6a511 511 0 0 1-4.6 20.2c-.8 3.6-2 7.4-3.3 11.4-1.6 4.7-3.5 12.1-6.6 17.5a47 47 0 0 0-3 6.2c-9.3 23-23.2 42.4-41.7 58.1a102 102 0 0 1-20 13 76.8 76.8 0 0 1-64.6 1.8 94.7 94.7 0 0 1-27.8-19.6 136.7 136.7 0 0 1-22.5-30.6 183 183 0 0 1-11.3-25.2 15 15 0 0 1-1-6.2c0-.2.3-.3.4-.2a12 12 0 0 1 2.2 2c2.9 3.2 5.9 6.3 9 9.2 9.8 9.2 20.4 16.3 31.8 21.3 6.9 3 13.2 5 18.9 6.1a97.9 97.9 0 0 0 31.5.6c6.3-.9 12.8-2.7 19.2-5.3a115.8 115.8 0 0 0 33.5-22Z" fill="#FFF"/><ellipse fill="#FFF" cx="532.6" cy="497.3" rx="45.2" ry="62.1"/><path d="M718.9 621.5h-.9a138 138 0 0 0 33-24.5c19.5-19.2 33.4-43 41.3-69.2 3.8-13 7-25.5 8.7-38.3 1.1-8.7 1.5-16.3 1.6-26.6a35 35 0 0 1 6.7-19.4c.2-.3 1.2-1 1.6-1 2 .4 3.1 1.5 4.1 2 3.5 1.3 7.8 3 14 5 2.3.7 3.5 2.5 3.6 5.1 0 1.7.3 4 .8 6.7.4 2.4.6 4.6.6 6.7l-.1 25.6c0 8-.5 16.3-2.1 24.6-1.5 8-3.3 18.4-5.5 25.6-1.1 3.7-2 6.8-2.5 9.4-.6 2.8-1.6 5.8-3.1 9.2a141.6 141.6 0 0 1-18.1 30.8 104 104 0 0 1-25.8 22.8 66 66 0 0 1-42.6 9c-5-.9-10-2-15.3-3.5Z" fill="#715451"/><ellipse fill="#FFF" transform="rotate(-1 737.8 513.4)" cx="737.8" cy="513.4" rx="45.2" ry="62.2"/><path d="M781.5 626.8a118.3 118.3 0 0 0 47.2-53.8 207 207 0 0 0 10.3-27.4 230.4 230.4 0 0 0 6-88.4c-.1-.5.2-.8.7-.8.7 0 1.3.4 1.8 1.3a192 192 0 0 0 2.8 11c1.2 4.8 2.2 10.4 2.8 16.7 1.6 16.3 1.8 31.1.4 44.2-.6 5.6-1.5 11.2-2.8 16.8-.8 3.4-1.4 6.6-1.8 9.8l-1.6 10a210.9 210.9 0 0 1-13 36.7c-6.2 14-14.3 27.2-24.1 39.3a120.7 120.7 0 0 1-29.4 26.5 77.3 77.3 0 0 1-40.4 12.1 58.6 58.6 0 0 1-23.2-5.6 69.9 69.9 0 0 1-24.6-19.4 111.8 111.8 0 0 1-19.2-34.5 819 819 0 0 1-4.8-15.2c-.4-1.3-.6-2.6-.8-4 0-.4 0-.5.4-.2l5.9 5.7a110 110 0 0 0 35 23.3 76.1 76.1 0 0 0 19.2 5.3 80.7 80.7 0 0 0 53.2-9.4Z" fill="#FFF"/><path d="M897.3 480.7c.2.1.3.4.2.6l-.1.1a90.8 90.8 0 0 0-11.7 11.6 502.5 502.5 0 0 0-17.6 21.6c-.5.6-.7.5-.7-.2l-.3-12.8a251.4 251.4 0 0 0-4.2-37c-.1-.3 0-.6.4-.6h.3c11.2 5 22.5 10.6 33.7 16.7Z" fill="#7C5DBC"/><path d="M210 634.4c2.5 3.6 7.4 6 11 3.1.9-.7 1.8-2.2 2.8-4.3a512.8 512.8 0 0 1 16.7-33c.3-.5.8-.9 1.4-1.2l209.4-77.4c.4 0 .6 0 .6.4.7 9.4.8 18.8.4 28.2a23.5 23.5 0 0 0-2.8 6.2c-1 4-1.8 9.3-2.8 16-.4 3-1.5 7.3-3.1 13.3-1.2 4.4-3.4 9.2-5.1 13.8a42.9 42.9 0 0 1-7.1 11.7c-1 1.3-2.8 4.8-5.4 10.5-1 2.1-3.6 5.7-8 11.1a182.8 182.8 0 0 1-75.8 54l-13.6 4.7c-5.5 1.8-10.1 3.2-14 4-5.5 1.2-13.1 3.3-19.2 4.2a283.6 283.6 0 0 1-85.3.1c-2.4-.4-5.5-1-9.4-1.9-6.7-1.5-16.2-3.6-23.2-5.7A259.7 259.7 0 0 1 135 675c-12.3-6.3-24-13.8-35.1-22.4a198 198 0 0 1-37.7-38.8L87 587c11.5 12.1 28.4 17.7 43.6 9.6 7.9-4.2 14-12.2 17-20.5a67 67 0 0 0-6.3-56.8 189.3 189.3 0 0 0 35.5-30 11 11 0 0 0 11.3-.9 72.7 72.7 0 0 1 27-11c2.9-.6 5.6-.2 8 1.6 4.4 3 7.7 6.8 10 11.2a55 55 0 0 1 4.6 17.7c.9 5.8.2 11.3-.8 17.7a179 179 0 0 1-9.4 35.5l-9.5 26c-2 5-3.1 10-5.1 15.6-2.3 6.3-4.4 14-6.6 20.2a16 16 0 0 0-.8 7.7c.7 2.3 2 3.7 4.5 4Zm-42.8 16.8a18.3 18.3 0 0 0 13.8-21.9c-2-10.2-11.4-17-21-15.2a18.3 18.3 0 0 0-13.8 22c2 10.2 11.4 17 21 15.1Z" fill="#FEBC9C"/><path d="M1034.3 496.1a335.4 335.4 0 0 1-21.5 36 42.6 42.6 0 0 0-24.2-20.2c-18.1-6-36.3 3-38 23a32 32 0 0 0 3.4 17.2 42.7 42.7 0 0 0 29.8 23.7c6 1.4 12.5.7 19.3-2.2a51.8 51.8 0 0 1-25.6 20.6c-9.6 3.6-20 6.2-31.2 7.8l-2.5-14.2c-.1-.7-.6-2.2-1.4-4.4-2.2-6-6.6-8.9-13.3-8.5-4.7.3-12.7.5-24 .8-7.3.2-15.5 0-24.5-.8-3-.2-7.2-1-12.6-2.4-2.4-.6-3.6-1.9-3.7-4a79 79 0 0 1 3.6-29c1-2.9 2.5-5.7 4.6-8.5.9-1.2 2-3 3.5-5.8a91.5 91.5 0 0 1 17.1-20.9 101.8 101.8 0 0 1 80-26.8c9 .4 16.9 1.8 24 3.6a120 120 0 0 1 37.2 15Z" fill="#FFC98A"/><path d="M141.8 519.1a67.6 67.6 0 0 1 6.4 56.8 38.8 38.8 0 0 1-17.1 20.5c-15.2 8.1-32.1 2.5-43.6-9.6A67.5 67.5 0 0 1 72 524.3a41.5 41.5 0 0 1 9.5-17.6c7.6-8.4 17-12 28.2-10.9 13 1.5 25.2 12.1 32 23.3Z" fill="#FFF"/><path d="M1083.3 548.1c-.1 2 0 3.8.5 5.6.8 3.1 1.2 5 1.2 5.4.7 6.4.5 12.8-.7 19.2-2 11-3 17.6-5.4 25.7a187.2 187.2 0 0 1-45.1 77.8 135.3 135.3 0 0 1-32.7 25.3 73.7 73.7 0 0 1-41.8 7.8 82.7 82.7 0 0 1-33.7-10.6 74.8 74.8 0 0 1-23-21 124.8 124.8 0 0 1-15.1-23.8 80.6 80.6 0 0 1-4.2-11c-1-3.2-2-7-3-11.4a67.9 67.9 0 0 1 .7-32.3l3.6-14.4c13.5 1 27 1 40.6-.2l3 .1c.7.1 1.2.7 1.3 1.4 1 8.8 2.3 17 3.6 24.8.9 5.7 2.6 11 5 16a7.8 7.8 0 0 0 7.2 4.2c8.6.4 16.3-1.5 24.9-3.8 2.9-.8 3.9 2.6 3.8 5-.4 6.1-1.2 15.1-2.4 27a50 50 0 0 0 .8 16c.6 3 2.3 4.3 5.2 4.3 6.8 0 8.3-2.5 9-9 1.8-14.4 2.7-27.8 1-41.9-1-9.3-4.4-18.6-16.3-16.2l-12.4 2.7a46 46 0 0 1-8.5 1 .9.9 0 0 1-.8-.6l-3.3-19.2c11.2-1.6 21.6-4.2 31.2-7.8a51.2 51.2 0 0 0 25.6-20.6c10.5-5.8 15.2-14.9 14.2-27.3-.4-4.8-2-9.5-4.5-14a363.2 363.2 0 0 0 21.4-35.6c7.2 4 12.3 7.1 15.3 9.5a117.2 117.2 0 0 1 30.3 34.7 53 53 0 0 1 3.5 7.2Zm-56.5 66.7c7.9.1 14.3-6.7 14.4-15.2 0-8.5-6.2-15.4-14.1-15.5-8 0-14.3 6.7-14.4 15.2-.1 8.5 6.2 15.4 14 15.5Z" fill="#FEBC9C"/><path d="M1012.8 532c2.6 4.6 4 9.3 4.5 14.1a26.2 26.2 0 0 1-14.2 27.3 30 30 0 0 1-19.3 2.2A43 43 0 0 1 954 552a32 32 0 0 1-3.4-17.3c1.7-19.8 19.9-28.9 38-22.9a43.5 43.5 0 0 1 24.2 20.3Z" fill="#FFF"/><path d="m884.5 590.5-3.6 14.4a67.9 67.9 0 0 0-.6 32.3c1 4.4 2 8.2 2.9 11.4 1.2 4 2.6 7.6 4.2 11 3.5 7.5 8.6 15.4 15.2 23.8a76 76 0 0 0 56.6 31.6 72.9 72.9 0 0 0 41.8-7.8c12-6.7 23-15 32.7-25.3a187.8 187.8 0 0 0 45-77.8c2.5-8 3.5-14.8 5.5-25.7 1.2-6.4 1.4-12.8.7-19.2l-1.2-5.4c-.4-1.8-.6-3.7-.5-5.6 7.4 15.7 11 32.8 10.7 51.3-.2 14-2.1 27.1-5.8 39.3-6 20.2-15.5 38.3-28.7 54.4a121.4 121.4 0 0 1-70.6 41.1c-21.5 4.3-42 2.2-61.4-6.3a80 80 0 0 1-17-10.2 96.6 96.6 0 0 1-18.8-19.9l-8.8-13a124 124 0 0 1-14.4-33.3 67.5 67.5 0 0 1-1.1-34.7c2.6-10.4 7-19 13-25.7 1-1.2 2.4-1.4 4.2-.7Zm-432.1-40.3c-1 12.2-2 22-3.4 29.4a217.5 217.5 0 0 1-8.4 31 215.4 215.4 0 0 1-106.1 121.9 195.1 195.1 0 0 1-90.9 20.8 172.7 172.7 0 0 1-87.6-27.7l-11-6.9A260.3 260.3 0 0 1 75.4 650a243.2 243.2 0 0 1-29.8-59.4c2.4.8 4.2 2.3 5.4 4.6a237 237 0 0 0 11.5 18.5 192.5 192.5 0 0 0 37.7 38.8 224.1 224.1 0 0 0 35 22.4c13.8 7 27.9 12.7 42.5 17.2 7 2.1 16.5 4.2 23.2 5.7 3.9 1 7 1.5 9.4 2a287 287 0 0 0 85.3-.2c6-.9 13.7-3 19.3-4.2 3.7-.8 8.3-2 13.9-4l13.6-4.8a184.3 184.3 0 0 0 75.8-53.9c4.4-5.3 7-9 8-11 2.6-5.8 4.4-9.3 5.4-10.6 3.5-4.4 5.9-8.3 7-11.7 1.7-4.5 4-9.4 5.2-13.8a107 107 0 0 0 3-13.3c1-6.8 2-12 2.9-16a17 17 0 0 1 2.7-6Z" fill="#F28974"/><circle fill="#715451" transform="rotate(-69 672.4 571)" cx="672.4" cy="571" r="1"/><path d="M671.6 573.2c0 .1 0 .1 0 0Z" fill="#715451"/><ellipse fill="#FFF" transform="rotate(-89 1026.8 599.6)" cx="1026.8" cy="599.6" rx="15.4" ry="14.2"/><path d="M670 585.1h.3c0 .1 0 .1-.2 0 0 .1 0 .1 0 0Z" fill="#715451"/><path d="M862.9 586.8c.4.2.6.7.4 1l-.1.2c-4.4 9.6-8.7 17-9.5 16.6l-.8-.4c-.8-.4 2-8.5 6.5-18v-.2c.3-.4.7-.6 1-.4l2.5 1.2Z" fill="#7C5DBC"/><path d="M547 673c.2 9-2.3 17.1-7.3 24a64.2 64.2 0 0 1-29 22c-6.2 2.5-10.4 4.1-12.6 4.7a106.2 106.2 0 0 1-31.5.7c-6-.7-12-2.4-18.4-5.4-11.7-5.4-22-10.2-30.5-14.4a65 65 0 0 1-11.5-7.8 240 240 0 0 0 49.9-84 116 116 0 0 0 3.8-13.5c.2-.8.5-.9.8 0l4.6 9.2c6.5 12.2 14 23 23 32.5 8 8.7 17.4 16 28 21.8A85.5 85.5 0 0 0 547 673Z" fill="#F28974"/><path d="M762.6 690.6c-.3 5 .9 10 3.4 15a62.8 62.8 0 0 0 58.6 34.7c6.3-.7 11.5-1.6 15.7-2.8a96.6 96.6 0 0 0 29.9-14.8c2-1.6 4.3-3 6.5-4.6a148 148 0 0 1-5.3 45.5c-1.4 6-3 11.6-4.8 16.8a280.2 280.2 0 0 1-55.6 95 446 446 0 0 1-19.4 18.2 121.9 121.9 0 0 1-31.4 20.6A186.6 186.6 0 0 1 727 926a342.4 342.4 0 0 1-45.4 8.1 426 426 0 0 1-121.6-7.4 480 480 0 0 1-66.3-18.6c-2.5-.9-4.1-2-4.8-3.2l-2.3-3.9c-4.3-6-8.8-12-13.3-18a145.6 145.6 0 0 0-24.2-24.8c-5-4-8-6.4-9-7a71 71 0 0 0-9.4-6.4c-5.7-3.3-14.1-8-25.2-13.9a171.6 171.6 0 0 1-60.1-53.8c-1.4-2-3.4-6-6.1-12a27 27 0 0 1-2-14.3c.2-1.5.9-2.6 2-3.2a223.8 223.8 0 0 0 66.9-50.4c4.2 3.5 8 6.1 11.5 7.8a900 900 0 0 0 30.5 14.4 62.5 62.5 0 0 0 18.4 5.4c7.3.8 13.2 1.1 17.5 1 6.4-.4 11-.9 14-1.7 2.2-.6 6.4-2 12.7-4.7a65 65 0 0 0 28.9-22c5-6.9 7.5-15 7.3-24a90.8 90.8 0 0 0 62.9-15.8c10-6.7 19-14.6 26.9-23.6 6.3-7.3 12.4-15.7 18.4-25.2.2-.4.4-.3.5.1 2.4 7 5.2 16.8 8.5 24.6 9.6 22.8 24.8 42.7 47 53.6 4.3 2.1 9.8 4 16.6 5.5a63 63 0 0 0 25.3.6c1.9-.7 5-1.4 9.5-2.5Zm-79.2 12c.3 0 .5-.2.5-.5 0-.2-.1-.3-.4-.4-3.8-1-7.4-2-11-3.3l-10.6-3.8-13.7-4.4c-4-1.3-7-2.5-9-3.4a53.2 53.2 0 0 1-18.2-12.6 11.5 11.5 0 0 0-3.3-3 6.1 6.1 0 0 0-8.5 5.3c-.1 1.3.6 3.1 1.9 5.2 1.7 2.5 2.8 4.1 3.5 4.6a95.3 95.3 0 0 0 31.8 16.8 46 46 0 0 0 13.6 2.4c5 .1 9.8-.2 14-.9l9.4-2Z" fill="#FEBC9C"/><ellipse fill="#FFF" transform="rotate(-11 163.7 632.7)" cx="163.7" cy="632.7" rx="17.7" ry="18.9"/><path d="M876.8 718c-2.3 1.4-4.4 3-6.5 4.5a92.9 92.9 0 0 1-29.9 14.8 93.8 93.8 0 0 1-15.7 2.8c-5.3.6-10.5.2-15.7-1a67.4 67.4 0 0 1-27-13.5 61.5 61.5 0 0 1-16-20.3 29 29 0 0 1-3.3-14.9l4.8-1.4a117.6 117.6 0 0 0 41-26.4c9-8.8 16.8-18.6 23.6-29.2a509.2 509.2 0 0 0 9.5-15.4 8.6 8.6 0 0 1 1.7-.7h.4a6 6 0 0 1 1.8.6l.2.1 4.7 4.7c.2.2.3.4.3.7-.8 10.6 0 21 2.7 31 3.8 14.5 9.9 28.2 18.4 41.1a39.7 39.7 0 0 1 3.4 8.5c.9 5 1.5 9.5 1.6 14Z" fill="#F28974"/><path d="m683.4 702.6-9.4 2c-4.2.6-9 1-14 .8-4 0-8.6-.9-13.6-2.4a95.3 95.3 0 0 1-31.8-16.8c-.7-.5-1.8-2-3.5-4.6-1.4-2-2-3.8-2-5.2.4-4.3 4.4-7 8.6-5.4.7.3 1.8 1.3 3.3 3.1a53.2 53.2 0 0 0 18.2 12.6c1.9 1 4.9 2.1 9 3.4l13.7 4.4 10.7 3.8c3.5 1.2 7 2.3 10.9 3.3.3.1.4.2.4.4 0 .4-.2.6-.5.6Z" fill="#54484A"/><path d="M893.3 720.7a30 30 0 0 0 4.9 6.5c1.4 1.5 3.7 3.3 6.7 5.3s5.4 4 7 6a980.1 980.1 0 0 1 29.5 37.1c14 18.6 27.7 39.3 41 62.3 5 8.7 9.6 17.6 13.6 26.7.5 1.1.9 2.5 1.3 4.2 0 .5-.2 1-.6 1h-.4a19 19 0 0 1-3-.9l-10.6-4.4A62.8 62.8 0 0 0 947 862a36 36 0 0 0-12.3 5.2c-.3.2-.7.1-1-.2v-.2c-2-7.9-5.2-15-9.5-21.5a105.8 105.8 0 0 0-42-35.9 1 1 0 0 1-.4-1 655 655 0 0 1 5.6-18.3c1.2-3.7 2.9-12.7 5.2-26.9 2-13.5 2.3-27.6.4-42.5-.1-.4-.1-.4.2 0Z" fill="#BEACE6"/><path d="M165.7 749.2a944 944 0 0 0-20 19.6 519.6 519.6 0 0 0-53.6 63.8c-.5.7-1.3 1.2-2.2 1.3a159.5 159.5 0 0 0-38.4 9.3c-8.7 3.3-17 7.1-24.3 12-.8.4-1 .2-.5-.6.7-1.3 1.8-2.3 2.7-3.6a467.8 467.8 0 0 1 39.2-51.5 547.8 547.8 0 0 1 69.5-66.2h.6a303 303 0 0 0 27 15.6v.3Z" fill="#E3D7FF"/><path d="M279.3 885.1c.5-.2.6 0 .3.4l-7.5 10c-1 1.1-1.8 2-2.8 2.6a175.6 175.6 0 0 1-31.6 15.5c-7.7 3-15.5 4-23.3 3.1a30.6 30.6 0 0 1-15-6A65.7 65.7 0 0 1 187 899a122 122 0 0 1-7.2-11.8c-4-7.3-7.6-12.9-11-16.7a260 260 0 0 0-15.1-16.7 55.7 55.7 0 0 0-17-11.8 97.4 97.4 0 0 0-28.3-8 550.5 550.5 0 0 1 69.8-77c.6-.7 1-1 1.6-1 1.3-.4 4.2 1.1 7.2 2.3l5.5 2c13.5 3.7 25.5 6.7 38.6 7.6.5 0 .6.2 0 .5-5.2 4-10.1 8-14.7 12a89.1 89.1 0 0 0-20.8 24.1 31 31 0 0 0-3.4 18.8c.5 4.8 2 8.5 4.8 11.3 3 3.3 6.9 5.4 11.5 6.3a43.7 43.7 0 0 0 16 .4c.3 0 .5.1.5.3v.2a93.8 93.8 0 0 0-5.2 13.7c-2.5 7.8-3 19.2-.2 26.6a19.2 19.2 0 0 0 15.5 12.7c2.9.5 7 .3 12.6-.6a121.4 121.4 0 0 0 31.5-9Z" fill="#BEACE6"/><path d="M303.9 789.2a113 113 0 0 0-55.6 24.5c-5 4-11 7-18 8.7-6.5 1.7-10.7 3-16-.7a5 5 0 0 1-2-2.7c-.7-3.3 2.3-8.6 4.2-12 1.3-2.3 2.8-4.4 4.4-6.3 7-8.4 17-15.3 27.5-19.5a107.3 107.3 0 0 1 50-7.4c4 .4 8.2 1.3 12.4 3a33.4 33.4 0 0 1 16.9 11c.2.1 0 .4-.1.6l-.3.1a106 106 0 0 0-23.4.7Z" fill="#FFBC83"/><path d="M333.2 844.2a354 354 0 0 1-33.3-34.9c14-3 27.3-3.3 40-.4a43.2 43.2 0 0 1 30 23.2c.3.4.2.6-.2.6a150.4 150.4 0 0 0-32.1 9.5c-1.5.8-3 1.5-4.4 2Z" fill="#F28974"/><path d="M299.9 809.3a379 379 0 0 0 33.3 35c-9.1 4.1-17.8 9.2-26 15.1a9.1 9.1 0 0 1-3.7 1.6c-11.5 1.6-19 3-22.7 4.1l-16 4.6-9.8 3.2-10 3c-1.5.4-3.2.7-5.2.7a2 2 0 0 1-2-1.8 59.6 59.6 0 0 1 22.6-45 104.2 104.2 0 0 1 39.5-20.5Zm568.6 30 5.7-12.4c.5-1 1.2-1.3 2.2-.9a119.3 119.3 0 0 1 19.1 12.5 62.9 62.9 0 0 1 21 32.4c.9 3 1.6 6.5-.6 9a67.2 67.2 0 0 1-5 5.3 1 1 0 0 1-1.2 0l-.2-.3a122 122 0 0 0-40.7-44c-.4-.4-.6-1-.3-1.6Z" fill="#FFBC83"/><path d="M401.4 942.3a136.2 136.2 0 0 1-34.3-37c-8.3-14-13-31-16.6-47.5 13.6-5 27.6-7.4 41.9-6.9 8 .3 15.8 2 23.4 4.8 2.9 1.1 5 2.2 6.5 3.2a30 30 0 0 1 4.8 4.8c1.5 1.8 3.2 3.3 5 4.5 2.2 1.5 5.2 3.5 7.2 5.5a50 50 0 0 1 14.8 32.1c.6 7-2.5 15.5-7.6 20.3-3 2.7-7.7 4.2-11.1 6.3-3.4 2-6.6 2.6-10.8 3.6-3 .7-5 2.5-8 3.1a344 344 0 0 1-15.2 3.2Z" fill="#F28974"/><path d="M350.6 858c3.7 16.3 8.3 33.3 16.6 47.3a136 136 0 0 0 34.3 37.1c-19.8 4.5-36.4 8.5-49.8 12.1l-7 2.1c-5.7 1.8-11.8 3.1-17.7 4.8l-10.8 3A519 519 0 0 1 295 968c-8 1.3-16.7 1.8-22.8-3-1.7-1.3-2.2-4-2.2-6.3 0-8.3 1.2-16 3.3-22.9a107 107 0 0 1 22.6-40.4 131.2 131.2 0 0 1 54.6-37.6Z" fill="#FFBC83"/><path d="M838.5 880.8c6.7-6.5 12.8-13.8 18-22 .5-.5 1-.8 1.7-.6a60.3 60.3 0 0 1 26.7 18.1 97.3 97.3 0 0 1 17.6 31.7c1.4 4.5 2.9 9.2 1.4 13.2-.8 2.2-2 4.3-3.5 6.4-.2.2-.5.3-.7.1h-.1a117.3 117.3 0 0 0-49.4-40.9c-2.8-1-7-2.5-12.7-4.2-.3 0-.3-.3-.1-.5 0-.2.4-.6 1-1.3Zm17.5 29c-8.6 12.2-18 23.8-28.3 34.7a31 31 0 0 0-4.6-1.5c-5.4-1.4-12.3-3-20.7-5.3-6.7-1.8-12.4-2.7-19.4-4a2 2 0 0 1-1.6-1l-2.6-4.6c-.2-.3-.2-.6-.2-.9 0-.7.4-1.5.9-2.2a49 49 0 0 1 13-13.4c5-3.5 10.6-6.9 16.5-10a14 14 0 0 1 7.3-2 75.9 75.9 0 0 1 39.7 10.2Z" fill="#F28974"/><path d="M827.7 944.5a312.8 312.8 0 0 0 28.3-34.7c14.2 8 24.7 19 31.2 33 2.4 5.1 3.9 11 4.6 17.8.3 2.7-.2 5-1.3 7.2-1.4 3-6.4 1.7-8.7.5-3.6-1.9-8-4.2-12.8-7a207.8 207.8 0 0 0-32.4-14l-9-2.8Z" fill="#FFBC83"/></g></svg>
\ No newline at end of file
diff --git a/stylelint/custom-configuration/index.html b/stylelint/custom-configuration/index.html
index c21d4ef0..234613f4 100644
--- a/stylelint/custom-configuration/index.html
+++ b/stylelint/custom-configuration/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <meta name="turbo-root" content="/wl-web-configs">
-    <meta name="turbo-cache-control" content="no-cache" data-turbo-track="reload" data-track-token="3.6.0.789492583867">
+    <meta name="turbo-cache-control" content="no-cache" data-turbo-track="reload" data-track-token="3.6.0.790190789202">
 
     <!-- See retype.com -->
     <meta name="generator" content="Retype 3.6.0">
@@ -32,12 +32,12 @@
     <script data-cfasync="false">(function () { var el = document.documentElement, m = localStorage.getItem("doc_theme"), wm = window.matchMedia; if (m === "dark" || (!m && wm && wm("(prefers-color-scheme: dark)").matches)) { el.classList.add("dark") } else { el.classList.remove("dark") } })();</script>
 
     <link href="../../static/favicon.png" rel="icon">
-    <link href="../../resources/css/retype.css?v=3.6.0.789492583867" rel="stylesheet">
+    <link href="../../resources/css/retype.css?v=3.6.0.790190789202" rel="stylesheet">
 
-    <script data-cfasync="false" src="../../resources/js/config.js?v=3.6.0.789492583867" data-turbo-eval="false" defer></script>
+    <script data-cfasync="false" src="../../resources/js/config.js?v=3.6.0.790190789202" data-turbo-eval="false" defer></script>
     <script data-cfasync="false" src="../../resources/js/retype.js?v=3.6.0" data-turbo-eval="false" defer></script>
-    <script id="lunr-js" data-cfasync="false" src="../../resources/js/lunr.js?v=3.6.0.789492583867" data-turbo-eval="false" defer></script>
-    <script id="prism-js" data-cfasync="false" src="../../resources/js/prism.js?v=3.6.0.789492583867" defer></script>
+    <script id="lunr-js" data-cfasync="false" src="../../resources/js/lunr.js?v=3.6.0.790190789202" data-turbo-eval="false" defer></script>
+    <script id="prism-js" data-cfasync="false" src="../../resources/js/prism.js?v=3.6.0.790190789202" defer></script>
 
     <link href="https://gsoft-inc.github.io/wl-idp-docs-hub/static/retype-customization.css" rel="stylesheet" />
 
diff --git a/stylelint/index.html b/stylelint/index.html
index a02f59d0..b7facfc7 100644
--- a/stylelint/index.html
+++ b/stylelint/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <meta name="turbo-root" content="/wl-web-configs">
-    <meta name="turbo-cache-control" content="no-cache" data-turbo-track="reload" data-track-token="3.6.0.789492583867">
+    <meta name="turbo-cache-control" content="no-cache" data-turbo-track="reload" data-track-token="3.6.0.790190789202">
 
     <!-- See retype.com -->
     <meta name="generator" content="Retype 3.6.0">
@@ -32,11 +32,11 @@
     <script data-cfasync="false">(function () { var el = document.documentElement, m = localStorage.getItem("doc_theme"), wm = window.matchMedia; if (m === "dark" || (!m && wm && wm("(prefers-color-scheme: dark)").matches)) { el.classList.add("dark") } else { el.classList.remove("dark") } })();</script>
 
     <link href="../static/favicon.png" rel="icon">
-    <link href="../resources/css/retype.css?v=3.6.0.789492583867" rel="stylesheet">
+    <link href="../resources/css/retype.css?v=3.6.0.790190789202" rel="stylesheet">
 
-    <script data-cfasync="false" src="../resources/js/config.js?v=3.6.0.789492583867" data-turbo-eval="false" defer></script>
+    <script data-cfasync="false" src="../resources/js/config.js?v=3.6.0.790190789202" data-turbo-eval="false" defer></script>
     <script data-cfasync="false" src="../resources/js/retype.js?v=3.6.0" data-turbo-eval="false" defer></script>
-    <script id="lunr-js" data-cfasync="false" src="../resources/js/lunr.js?v=3.6.0.789492583867" data-turbo-eval="false" defer></script>
+    <script id="lunr-js" data-cfasync="false" src="../resources/js/lunr.js?v=3.6.0.790190789202" data-turbo-eval="false" defer></script>
 
     <link href="https://gsoft-inc.github.io/wl-idp-docs-hub/static/retype-customization.css" rel="stylesheet" />
 
diff --git a/stylelint/integrate-vscode/index.html b/stylelint/integrate-vscode/index.html
index 322d94bf..2b3ff7db 100644
--- a/stylelint/integrate-vscode/index.html
+++ b/stylelint/integrate-vscode/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <meta name="turbo-root" content="/wl-web-configs">
-    <meta name="turbo-cache-control" content="no-cache" data-turbo-track="reload" data-track-token="3.6.0.789492583867">
+    <meta name="turbo-cache-control" content="no-cache" data-turbo-track="reload" data-track-token="3.6.0.790190789202">
 
     <!-- See retype.com -->
     <meta name="generator" content="Retype 3.6.0">
@@ -32,12 +32,12 @@
     <script data-cfasync="false">(function () { var el = document.documentElement, m = localStorage.getItem("doc_theme"), wm = window.matchMedia; if (m === "dark" || (!m && wm && wm("(prefers-color-scheme: dark)").matches)) { el.classList.add("dark") } else { el.classList.remove("dark") } })();</script>
 
     <link href="../../static/favicon.png" rel="icon">
-    <link href="../../resources/css/retype.css?v=3.6.0.789492583867" rel="stylesheet">
+    <link href="../../resources/css/retype.css?v=3.6.0.790190789202" rel="stylesheet">
 
-    <script data-cfasync="false" src="../../resources/js/config.js?v=3.6.0.789492583867" data-turbo-eval="false" defer></script>
+    <script data-cfasync="false" src="../../resources/js/config.js?v=3.6.0.790190789202" data-turbo-eval="false" defer></script>
     <script data-cfasync="false" src="../../resources/js/retype.js?v=3.6.0" data-turbo-eval="false" defer></script>
-    <script id="lunr-js" data-cfasync="false" src="../../resources/js/lunr.js?v=3.6.0.789492583867" data-turbo-eval="false" defer></script>
-    <script id="prism-js" data-cfasync="false" src="../../resources/js/prism.js?v=3.6.0.789492583867" defer></script>
+    <script id="lunr-js" data-cfasync="false" src="../../resources/js/lunr.js?v=3.6.0.790190789202" data-turbo-eval="false" defer></script>
+    <script id="prism-js" data-cfasync="false" src="../../resources/js/prism.js?v=3.6.0.790190789202" defer></script>
 
     <link href="https://gsoft-inc.github.io/wl-idp-docs-hub/static/retype-customization.css" rel="stylesheet" />
 
diff --git a/stylelint/setup-monorepo/index.html b/stylelint/setup-monorepo/index.html
index 20c410d9..73804951 100644
--- a/stylelint/setup-monorepo/index.html
+++ b/stylelint/setup-monorepo/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <meta name="turbo-root" content="/wl-web-configs">
-    <meta name="turbo-cache-control" content="no-cache" data-turbo-track="reload" data-track-token="3.6.0.789492583867">
+    <meta name="turbo-cache-control" content="no-cache" data-turbo-track="reload" data-track-token="3.6.0.790190789202">
 
     <!-- See retype.com -->
     <meta name="generator" content="Retype 3.6.0">
@@ -32,12 +32,12 @@
     <script data-cfasync="false">(function () { var el = document.documentElement, m = localStorage.getItem("doc_theme"), wm = window.matchMedia; if (m === "dark" || (!m && wm && wm("(prefers-color-scheme: dark)").matches)) { el.classList.add("dark") } else { el.classList.remove("dark") } })();</script>
 
     <link href="../../static/favicon.png" rel="icon">
-    <link href="../../resources/css/retype.css?v=3.6.0.789492583867" rel="stylesheet">
+    <link href="../../resources/css/retype.css?v=3.6.0.790190789202" rel="stylesheet">
 
-    <script data-cfasync="false" src="../../resources/js/config.js?v=3.6.0.789492583867" data-turbo-eval="false" defer></script>
+    <script data-cfasync="false" src="../../resources/js/config.js?v=3.6.0.790190789202" data-turbo-eval="false" defer></script>
     <script data-cfasync="false" src="../../resources/js/retype.js?v=3.6.0" data-turbo-eval="false" defer></script>
-    <script id="lunr-js" data-cfasync="false" src="../../resources/js/lunr.js?v=3.6.0.789492583867" data-turbo-eval="false" defer></script>
-    <script id="prism-js" data-cfasync="false" src="../../resources/js/prism.js?v=3.6.0.789492583867" defer></script>
+    <script id="lunr-js" data-cfasync="false" src="../../resources/js/lunr.js?v=3.6.0.790190789202" data-turbo-eval="false" defer></script>
+    <script id="prism-js" data-cfasync="false" src="../../resources/js/prism.js?v=3.6.0.790190789202" defer></script>
 
     <link href="https://gsoft-inc.github.io/wl-idp-docs-hub/static/retype-customization.css" rel="stylesheet" />
 
diff --git a/stylelint/setup-polyrepo/index.html b/stylelint/setup-polyrepo/index.html
index 093a9349..141ecd68 100644
--- a/stylelint/setup-polyrepo/index.html
+++ b/stylelint/setup-polyrepo/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <meta name="turbo-root" content="/wl-web-configs">
-    <meta name="turbo-cache-control" content="no-cache" data-turbo-track="reload" data-track-token="3.6.0.789492583867">
+    <meta name="turbo-cache-control" content="no-cache" data-turbo-track="reload" data-track-token="3.6.0.790190789202">
 
     <!-- See retype.com -->
     <meta name="generator" content="Retype 3.6.0">
@@ -32,12 +32,12 @@
     <script data-cfasync="false">(function () { var el = document.documentElement, m = localStorage.getItem("doc_theme"), wm = window.matchMedia; if (m === "dark" || (!m && wm && wm("(prefers-color-scheme: dark)").matches)) { el.classList.add("dark") } else { el.classList.remove("dark") } })();</script>
 
     <link href="../../static/favicon.png" rel="icon">
-    <link href="../../resources/css/retype.css?v=3.6.0.789492583867" rel="stylesheet">
+    <link href="../../resources/css/retype.css?v=3.6.0.790190789202" rel="stylesheet">
 
-    <script data-cfasync="false" src="../../resources/js/config.js?v=3.6.0.789492583867" data-turbo-eval="false" defer></script>
+    <script data-cfasync="false" src="../../resources/js/config.js?v=3.6.0.790190789202" data-turbo-eval="false" defer></script>
     <script data-cfasync="false" src="../../resources/js/retype.js?v=3.6.0" data-turbo-eval="false" defer></script>
-    <script id="lunr-js" data-cfasync="false" src="../../resources/js/lunr.js?v=3.6.0.789492583867" data-turbo-eval="false" defer></script>
-    <script id="prism-js" data-cfasync="false" src="../../resources/js/prism.js?v=3.6.0.789492583867" defer></script>
+    <script id="lunr-js" data-cfasync="false" src="../../resources/js/lunr.js?v=3.6.0.790190789202" data-turbo-eval="false" defer></script>
+    <script id="prism-js" data-cfasync="false" src="../../resources/js/prism.js?v=3.6.0.790190789202" defer></script>
 
     <link href="https://gsoft-inc.github.io/wl-idp-docs-hub/static/retype-customization.css" rel="stylesheet" />
 
diff --git a/swc/configure-build/index.html b/swc/configure-build/index.html
index d302b984..a1b69b20 100644
--- a/swc/configure-build/index.html
+++ b/swc/configure-build/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <meta name="turbo-root" content="/wl-web-configs">
-    <meta name="turbo-cache-control" content="no-cache" data-turbo-track="reload" data-track-token="3.6.0.789492583867">
+    <meta name="turbo-cache-control" content="no-cache" data-turbo-track="reload" data-track-token="3.6.0.790190789202">
 
     <!-- See retype.com -->
     <meta name="generator" content="Retype 3.6.0">
@@ -12,7 +12,7 @@
     <!-- Primary Meta Tags -->
     <title>Configure for build - SWC</title>
     <meta name="title" content="Configure for build - SWC">
-    <meta name="description" content="To configure SWC for a production environment, execute the following steps 👇">
+    <meta name="description" content="@workleap/swc-configs is now in maintenance mode for the shared build configuration. If you're starting a new project, consider using ">
 
     <!-- Canonical -->
     <link rel="canonical" href="https://gsoft-inc.github.io/wl-web-configs/swc/configure-build/">
@@ -21,23 +21,23 @@
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://gsoft-inc.github.io/wl-web-configs/swc/configure-build/">
     <meta property="og:title" content="Configure for build - SWC">
-    <meta property="og:description" content="To configure SWC for a production environment, execute the following steps 👇">
+    <meta property="og:description" content="@workleap/swc-configs is now in maintenance mode for the shared build configuration. If you're starting a new project, consider using ">
 
     <!-- Twitter -->
     <meta property="twitter:card" content="summary_large_image">
     <meta property="twitter:url" content="https://gsoft-inc.github.io/wl-web-configs/swc/configure-build/">
     <meta property="twitter:title" content="Configure for build - SWC">
-    <meta property="twitter:description" content="To configure SWC for a production environment, execute the following steps 👇">
+    <meta property="twitter:description" content="@workleap/swc-configs is now in maintenance mode for the shared build configuration. If you're starting a new project, consider using ">
 
     <script data-cfasync="false">(function () { var el = document.documentElement, m = localStorage.getItem("doc_theme"), wm = window.matchMedia; if (m === "dark" || (!m && wm && wm("(prefers-color-scheme: dark)").matches)) { el.classList.add("dark") } else { el.classList.remove("dark") } })();</script>
 
     <link href="../../static/favicon.png" rel="icon">
-    <link href="../../resources/css/retype.css?v=3.6.0.789492583867" rel="stylesheet">
+    <link href="../../resources/css/retype.css?v=3.6.0.790190789202" rel="stylesheet">
 
-    <script data-cfasync="false" src="../../resources/js/config.js?v=3.6.0.789492583867" data-turbo-eval="false" defer></script>
+    <script data-cfasync="false" src="../../resources/js/config.js?v=3.6.0.790190789202" data-turbo-eval="false" defer></script>
     <script data-cfasync="false" src="../../resources/js/retype.js?v=3.6.0" data-turbo-eval="false" defer></script>
-    <script id="lunr-js" data-cfasync="false" src="../../resources/js/lunr.js?v=3.6.0.789492583867" data-turbo-eval="false" defer></script>
-    <script id="prism-js" data-cfasync="false" src="../../resources/js/prism.js?v=3.6.0.789492583867" defer></script>
+    <script id="lunr-js" data-cfasync="false" src="../../resources/js/lunr.js?v=3.6.0.790190789202" data-turbo-eval="false" defer></script>
+    <script id="prism-js" data-cfasync="false" src="../../resources/js/prism.js?v=3.6.0.790190789202" defer></script>
 
     <link href="https://gsoft-inc.github.io/wl-idp-docs-hub/static/retype-customization.css" rel="stylesheet" />
 
@@ -305,6 +305,22 @@ <h1>
         <span>Configure for build</span>
     </h1>
 </doc-anchor-target>
+<div class="flex mb-6">
+    <div class="shrink-0 w-1 rounded-tl rounded-bl bg-yellow-500"></div>
+    <div class="flex w-full py-4 border border-l-0 border-gray-300 rounded-tr rounded-br doc-alert bg-white dark:bg-dark-700 dark:border-dark-700" role="alert">
+        <div class="flex items-center ml-4 h-7">
+            <svg xmlns="http://www.w3.org/2000/svg" class="mb-px text-yellow-500" width="22" height="22" viewBox="0 0 24 24" role="presentation">
+                <g fill="currentColor"><g>
+                    <path d="M22.48 15.59L14.01 1.45A2.968 2.968 0 0012.16.09c-.78-.19-1.58-.07-2.27.35-.41.25-.76.6-1.01 1.01v.01L.4 15.6c-.83 1.43-.33 3.27 1.1 4.1.45.26.95.4 1.48.4h16.95c.8-.01 1.55-.33 2.11-.9.56-.57.87-1.33.86-2.13a3.04 3.04 0 00-.42-1.48zm-1.87 2.21c-.19.19-.44.3-.69.3H2.99c-.17 0-.34-.05-.49-.13a.992.992 0 01-.37-1.35L10.6 2.48c.08-.14.2-.25.34-.33a.992.992 0 011.37.33l8.46 14.13c.09.15.13.32.13.49 0 .26-.1.51-.29.7z"></path>
+                    <path d="M11.45 12.1c.55 0 1-.45 1-1v-4c0-.55-.45-1-1-1s-1 .45-1 1v4c0 .56.45 1 1 1zM11.46 14.1c-.56 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1z"></path>
+                </g></g>
+            </svg>
+        </div>
+        <div class="pr-5 ml-3 w-full">
+<p><code v-pre>@workleap/swc-configs</code> is now in maintenance mode for the shared <strong>build</strong> configuration. If you&#x27;re starting a new project, consider using <a href="../../rsbuild/">@workleap/rsbuild-configs</a> instead for better performance and modern tooling which eliminates the needs for a custom SWC configuration.</p>
+        </div>
+    </div>
+</div>
 <p>To configure <a href="https://swc.rs/" class="outbound" target="_blank">SWC</a> for a production environment, execute the following steps <span class="docs-emoji">&#x1F447;</span></p>
 <doc-anchor-target id="install-the-packages">
     <h2>
diff --git a/swc/configure-dev/index.html b/swc/configure-dev/index.html
index 5c899668..132a954d 100644
--- a/swc/configure-dev/index.html
+++ b/swc/configure-dev/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <meta name="turbo-root" content="/wl-web-configs">
-    <meta name="turbo-cache-control" content="no-cache" data-turbo-track="reload" data-track-token="3.6.0.789492583867">
+    <meta name="turbo-cache-control" content="no-cache" data-turbo-track="reload" data-track-token="3.6.0.790190789202">
 
     <!-- See retype.com -->
     <meta name="generator" content="Retype 3.6.0">
@@ -12,7 +12,7 @@
     <!-- Primary Meta Tags -->
     <title>Configure for development - SWC</title>
     <meta name="title" content="Configure for development - SWC">
-    <meta name="description" content="To configure SWC for a development environment, execute the following steps 👇">
+    <meta name="description" content="@workleap/swc-configs is now in maintenance mode for the shared development configuration. If you're starting a new project, consider using ">
 
     <!-- Canonical -->
     <link rel="canonical" href="https://gsoft-inc.github.io/wl-web-configs/swc/configure-dev/">
@@ -21,23 +21,23 @@
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://gsoft-inc.github.io/wl-web-configs/swc/configure-dev/">
     <meta property="og:title" content="Configure for development - SWC">
-    <meta property="og:description" content="To configure SWC for a development environment, execute the following steps 👇">
+    <meta property="og:description" content="@workleap/swc-configs is now in maintenance mode for the shared development configuration. If you're starting a new project, consider using ">
 
     <!-- Twitter -->
     <meta property="twitter:card" content="summary_large_image">
     <meta property="twitter:url" content="https://gsoft-inc.github.io/wl-web-configs/swc/configure-dev/">
     <meta property="twitter:title" content="Configure for development - SWC">
-    <meta property="twitter:description" content="To configure SWC for a development environment, execute the following steps 👇">
+    <meta property="twitter:description" content="@workleap/swc-configs is now in maintenance mode for the shared development configuration. If you're starting a new project, consider using ">
 
     <script data-cfasync="false">(function () { var el = document.documentElement, m = localStorage.getItem("doc_theme"), wm = window.matchMedia; if (m === "dark" || (!m && wm && wm("(prefers-color-scheme: dark)").matches)) { el.classList.add("dark") } else { el.classList.remove("dark") } })();</script>
 
     <link href="../../static/favicon.png" rel="icon">
-    <link href="../../resources/css/retype.css?v=3.6.0.789492583867" rel="stylesheet">
+    <link href="../../resources/css/retype.css?v=3.6.0.790190789202" rel="stylesheet">
 
-    <script data-cfasync="false" src="../../resources/js/config.js?v=3.6.0.789492583867" data-turbo-eval="false" defer></script>
+    <script data-cfasync="false" src="../../resources/js/config.js?v=3.6.0.790190789202" data-turbo-eval="false" defer></script>
     <script data-cfasync="false" src="../../resources/js/retype.js?v=3.6.0" data-turbo-eval="false" defer></script>
-    <script id="lunr-js" data-cfasync="false" src="../../resources/js/lunr.js?v=3.6.0.789492583867" data-turbo-eval="false" defer></script>
-    <script id="prism-js" data-cfasync="false" src="../../resources/js/prism.js?v=3.6.0.789492583867" defer></script>
+    <script id="lunr-js" data-cfasync="false" src="../../resources/js/lunr.js?v=3.6.0.790190789202" data-turbo-eval="false" defer></script>
+    <script id="prism-js" data-cfasync="false" src="../../resources/js/prism.js?v=3.6.0.790190789202" defer></script>
 
     <link href="https://gsoft-inc.github.io/wl-idp-docs-hub/static/retype-customization.css" rel="stylesheet" />
 
@@ -305,6 +305,22 @@ <h1>
         <span>Configure for development</span>
     </h1>
 </doc-anchor-target>
+<div class="flex mb-6">
+    <div class="shrink-0 w-1 rounded-tl rounded-bl bg-yellow-500"></div>
+    <div class="flex w-full py-4 border border-l-0 border-gray-300 rounded-tr rounded-br doc-alert bg-white dark:bg-dark-700 dark:border-dark-700" role="alert">
+        <div class="flex items-center ml-4 h-7">
+            <svg xmlns="http://www.w3.org/2000/svg" class="mb-px text-yellow-500" width="22" height="22" viewBox="0 0 24 24" role="presentation">
+                <g fill="currentColor"><g>
+                    <path d="M22.48 15.59L14.01 1.45A2.968 2.968 0 0012.16.09c-.78-.19-1.58-.07-2.27.35-.41.25-.76.6-1.01 1.01v.01L.4 15.6c-.83 1.43-.33 3.27 1.1 4.1.45.26.95.4 1.48.4h16.95c.8-.01 1.55-.33 2.11-.9.56-.57.87-1.33.86-2.13a3.04 3.04 0 00-.42-1.48zm-1.87 2.21c-.19.19-.44.3-.69.3H2.99c-.17 0-.34-.05-.49-.13a.992.992 0 01-.37-1.35L10.6 2.48c.08-.14.2-.25.34-.33a.992.992 0 011.37.33l8.46 14.13c.09.15.13.32.13.49 0 .26-.1.51-.29.7z"></path>
+                    <path d="M11.45 12.1c.55 0 1-.45 1-1v-4c0-.55-.45-1-1-1s-1 .45-1 1v4c0 .56.45 1 1 1zM11.46 14.1c-.56 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1z"></path>
+                </g></g>
+            </svg>
+        </div>
+        <div class="pr-5 ml-3 w-full">
+<p><code v-pre>@workleap/swc-configs</code> is now in maintenance mode for the shared <strong>development</strong> configuration. If you&#x27;re starting a new project, consider using <a href="../../rsbuild/">@workleap/rsbuild-configs</a> instead for better performance and modern tooling which eliminates the needs for a custom SWC configuration.</p>
+        </div>
+    </div>
+</div>
 <p>To configure <a href="https://swc.rs/" class="outbound" target="_blank">SWC</a> for a development environment, execute the following steps <span class="docs-emoji">&#x1F447;</span></p>
 <doc-anchor-target id="install-the-packages">
     <h2>
diff --git a/swc/configure-jest/index.html b/swc/configure-jest/index.html
index 5394f170..3024e898 100644
--- a/swc/configure-jest/index.html
+++ b/swc/configure-jest/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <meta name="turbo-root" content="/wl-web-configs">
-    <meta name="turbo-cache-control" content="no-cache" data-turbo-track="reload" data-track-token="3.6.0.789492583867">
+    <meta name="turbo-cache-control" content="no-cache" data-turbo-track="reload" data-track-token="3.6.0.790190789202">
 
     <!-- See retype.com -->
     <meta name="generator" content="Retype 3.6.0">
@@ -32,12 +32,12 @@
     <script data-cfasync="false">(function () { var el = document.documentElement, m = localStorage.getItem("doc_theme"), wm = window.matchMedia; if (m === "dark" || (!m && wm && wm("(prefers-color-scheme: dark)").matches)) { el.classList.add("dark") } else { el.classList.remove("dark") } })();</script>
 
     <link href="../../static/favicon.png" rel="icon">
-    <link href="../../resources/css/retype.css?v=3.6.0.789492583867" rel="stylesheet">
+    <link href="../../resources/css/retype.css?v=3.6.0.790190789202" rel="stylesheet">
 
-    <script data-cfasync="false" src="../../resources/js/config.js?v=3.6.0.789492583867" data-turbo-eval="false" defer></script>
+    <script data-cfasync="false" src="../../resources/js/config.js?v=3.6.0.790190789202" data-turbo-eval="false" defer></script>
     <script data-cfasync="false" src="../../resources/js/retype.js?v=3.6.0" data-turbo-eval="false" defer></script>
-    <script id="lunr-js" data-cfasync="false" src="../../resources/js/lunr.js?v=3.6.0.789492583867" data-turbo-eval="false" defer></script>
-    <script id="prism-js" data-cfasync="false" src="../../resources/js/prism.js?v=3.6.0.789492583867" defer></script>
+    <script id="lunr-js" data-cfasync="false" src="../../resources/js/lunr.js?v=3.6.0.790190789202" data-turbo-eval="false" defer></script>
+    <script id="prism-js" data-cfasync="false" src="../../resources/js/prism.js?v=3.6.0.790190789202" defer></script>
 
     <link href="https://gsoft-inc.github.io/wl-idp-docs-hub/static/retype-customization.css" rel="stylesheet" />
 
@@ -614,10 +614,10 @@ <h2>
                                     </div>
                             
                                     <div class="w-1/2">
-                                        <a class="px-5 py-4 -mx-px h-full flex items-center justify-end break-normal font-medium text-blue-500 dark:text-blue-400 border border-gray-300 hover:border-gray-400 dark:border-dark-650 dark:hover:border-dark-450 rounded-r-lg transition-colors duration-150 relative hover:z-5" href="../../rsbuild/">
+                                        <a class="px-5 py-4 -mx-px h-full flex items-center justify-end break-normal font-medium text-blue-500 dark:text-blue-400 border border-gray-300 hover:border-gray-400 dark:border-dark-650 dark:hover:border-dark-450 rounded-r-lg transition-colors duration-150 relative hover:z-5" href="../../webpack/">
                                             <span>
                                                 <span class="block text-xs font-normal text-right text-gray-400 dark:text-dark-400">Next</span>
-                                                <span class="block mt-1">Rsbuild</span>
+                                                <span class="block mt-1">webpack</span>
                                             </span>
                                             <svg xmlns="http://www.w3.org/2000/svg" class="ml-3" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" overflow="visible"><path d="M19.92 12.38a1 1 0 00-.22-1.09l-7-7a.996.996 0 10-1.41 1.41l5.3 5.3H5c-.55 0-1 .45-1 1s.45 1 1 1h11.59l-5.29 5.29a.996.996 0 000 1.41c.19.2.44.3.7.3s.51-.1.71-.29l7-7c.09-.09.16-.21.21-.33z" /><path fill="none" d="M0 0h24v24H0z" /></svg>
                                         </a>
diff --git a/swc/index.html b/swc/index.html
index 98e752de..2e92b087 100644
--- a/swc/index.html
+++ b/swc/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <meta name="turbo-root" content="/wl-web-configs">
-    <meta name="turbo-cache-control" content="no-cache" data-turbo-track="reload" data-track-token="3.6.0.789492583867">
+    <meta name="turbo-cache-control" content="no-cache" data-turbo-track="reload" data-track-token="3.6.0.790190789202">
 
     <!-- See retype.com -->
     <meta name="generator" content="Retype 3.6.0">
@@ -12,7 +12,7 @@
     <!-- Primary Meta Tags -->
     <title>SWC</title>
     <meta name="title" content="SWC">
-    <meta name="description" content="The shared configurations offered by @workleap/swc-configs includes the following features 👇">
+    <meta name="description" content="@workleap/swc-configs is now in maintenance mode, with the exception of the Jest shared configurations">
 
     <!-- Canonical -->
     <link rel="canonical" href="https://gsoft-inc.github.io/wl-web-configs/swc/">
@@ -21,22 +21,22 @@
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://gsoft-inc.github.io/wl-web-configs/swc/">
     <meta property="og:title" content="SWC">
-    <meta property="og:description" content="The shared configurations offered by @workleap/swc-configs includes the following features 👇">
+    <meta property="og:description" content="@workleap/swc-configs is now in maintenance mode, with the exception of the Jest shared configurations">
 
     <!-- Twitter -->
     <meta property="twitter:card" content="summary_large_image">
     <meta property="twitter:url" content="https://gsoft-inc.github.io/wl-web-configs/swc/">
     <meta property="twitter:title" content="SWC">
-    <meta property="twitter:description" content="The shared configurations offered by @workleap/swc-configs includes the following features 👇">
+    <meta property="twitter:description" content="@workleap/swc-configs is now in maintenance mode, with the exception of the Jest shared configurations">
 
     <script data-cfasync="false">(function () { var el = document.documentElement, m = localStorage.getItem("doc_theme"), wm = window.matchMedia; if (m === "dark" || (!m && wm && wm("(prefers-color-scheme: dark)").matches)) { el.classList.add("dark") } else { el.classList.remove("dark") } })();</script>
 
     <link href="../static/favicon.png" rel="icon">
-    <link href="../resources/css/retype.css?v=3.6.0.789492583867" rel="stylesheet">
+    <link href="../resources/css/retype.css?v=3.6.0.790190789202" rel="stylesheet">
 
-    <script data-cfasync="false" src="../resources/js/config.js?v=3.6.0.789492583867" data-turbo-eval="false" defer></script>
+    <script data-cfasync="false" src="../resources/js/config.js?v=3.6.0.790190789202" data-turbo-eval="false" defer></script>
     <script data-cfasync="false" src="../resources/js/retype.js?v=3.6.0" data-turbo-eval="false" defer></script>
-    <script id="lunr-js" data-cfasync="false" src="../resources/js/lunr.js?v=3.6.0.789492583867" data-turbo-eval="false" defer></script>
+    <script id="lunr-js" data-cfasync="false" src="../resources/js/lunr.js?v=3.6.0.790190789202" data-turbo-eval="false" defer></script>
 
     <link href="https://gsoft-inc.github.io/wl-idp-docs-hub/static/retype-customization.css" rel="stylesheet" />
 
@@ -286,6 +286,22 @@ <h1>
         <span>SWC</span>
     </h1>
 </doc-anchor-target>
+<div class="flex mb-6">
+    <div class="shrink-0 w-1 rounded-tl rounded-bl bg-yellow-500"></div>
+    <div class="flex w-full py-4 border border-l-0 border-gray-300 rounded-tr rounded-br doc-alert bg-white dark:bg-dark-700 dark:border-dark-700" role="alert">
+        <div class="flex items-center ml-4 h-7">
+            <svg xmlns="http://www.w3.org/2000/svg" class="mb-px text-yellow-500" width="22" height="22" viewBox="0 0 24 24" role="presentation">
+                <g fill="currentColor"><g>
+                    <path d="M22.48 15.59L14.01 1.45A2.968 2.968 0 0012.16.09c-.78-.19-1.58-.07-2.27.35-.41.25-.76.6-1.01 1.01v.01L.4 15.6c-.83 1.43-.33 3.27 1.1 4.1.45.26.95.4 1.48.4h16.95c.8-.01 1.55-.33 2.11-.9.56-.57.87-1.33.86-2.13a3.04 3.04 0 00-.42-1.48zm-1.87 2.21c-.19.19-.44.3-.69.3H2.99c-.17 0-.34-.05-.49-.13a.992.992 0 01-.37-1.35L10.6 2.48c.08-.14.2-.25.34-.33a.992.992 0 011.37.33l8.46 14.13c.09.15.13.32.13.49 0 .26-.1.51-.29.7z"></path>
+                    <path d="M11.45 12.1c.55 0 1-.45 1-1v-4c0-.55-.45-1-1-1s-1 .45-1 1v4c0 .56.45 1 1 1zM11.46 14.1c-.56 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1z"></path>
+                </g></g>
+            </svg>
+        </div>
+        <div class="pr-5 ml-3 w-full">
+<p><code v-pre>@workleap/swc-configs</code> is now in maintenance mode, with the exception of the <a href="configure-jest/">Jest shared configurations</a>, which remain actively maintained. If you&#x27;re starting a new project, consider using <a href="../rsbuild/">@workleap/rsbuild-configs</a> or <a href="../rslib/">@workleap/rslib-configs</a> instead for better performance and modern tooling.</p>
+        </div>
+    </div>
+</div>
 <!-- !!!warning Before you continue...
 
 The preferred way for using `@workleap/swc-configs` is **not** by installing the library manually, but rather by **scaffolding** your application with Workleap's [foundry-cli](https://github.com/gsoft-inc/wl-foundry-cli).
@@ -380,11 +396,11 @@ <h2>
                             
                                 <nav class="flex mt-14">
                                     <div class="w-1/2">
-                                        <a class="px-5 py-4 h-full flex items-center break-normal font-medium text-blue-500 dark:text-blue-400 border border-gray-300 hover:border-gray-400 dark:border-dark-650 dark:hover:border-dark-450 rounded-l-lg transition-colors duration-150 relative hover:z-5" href="../typescript/advanced-composition/">
+                                        <a class="px-5 py-4 h-full flex items-center break-normal font-medium text-blue-500 dark:text-blue-400 border border-gray-300 hover:border-gray-400 dark:border-dark-650 dark:hover:border-dark-450 rounded-l-lg transition-colors duration-150 relative hover:z-5" href="../postcss/configure-project/">
                                             <svg xmlns="http://www.w3.org/2000/svg" class="mr-3" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" overflow="visible"><path d="M19 11H7.41l5.29-5.29a.996.996 0 10-1.41-1.41l-7 7a1 1 0 000 1.42l7 7a1.024 1.024 0 001.42-.01.996.996 0 000-1.41L7.41 13H19c.55 0 1-.45 1-1s-.45-1-1-1z" /><path fill="none" d="M0 0h24v24H0z" /></svg>
                                             <span>
                                                 <span class="block text-xs font-normal text-gray-400 dark:text-dark-400">Previous</span>
-                                                <span class="block mt-1">Advanced composition</span>
+                                                <span class="block mt-1">Configure a project</span>
                                             </span>
                                         </a>
                                     </div>
diff --git a/tsup/configure-build/index.html b/tsup/configure-build/index.html
index 176aa52e..a1cd5758 100644
--- a/tsup/configure-build/index.html
+++ b/tsup/configure-build/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <meta name="turbo-root" content="/wl-web-configs">
-    <meta name="turbo-cache-control" content="no-cache" data-turbo-track="reload" data-track-token="3.6.0.789492583867">
+    <meta name="turbo-cache-control" content="no-cache" data-turbo-track="reload" data-track-token="3.6.0.790190789202">
 
     <!-- See retype.com -->
     <meta name="generator" content="Retype 3.6.0">
@@ -12,7 +12,7 @@
     <!-- Primary Meta Tags -->
     <title>Configure for build - tsup</title>
     <meta name="title" content="Configure for build - tsup">
-    <meta name="description" content="To configure tsup for a build environment, execute the following steps 👇">
+    <meta name="description" content="@workleap/tsup-configs is now in maintenance mode. If you're starting a new project, consider using @workleap/rslib-configs">
 
     <!-- Canonical -->
     <link rel="canonical" href="https://gsoft-inc.github.io/wl-web-configs/tsup/configure-build/">
@@ -21,23 +21,23 @@
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://gsoft-inc.github.io/wl-web-configs/tsup/configure-build/">
     <meta property="og:title" content="Configure for build - tsup">
-    <meta property="og:description" content="To configure tsup for a build environment, execute the following steps 👇">
+    <meta property="og:description" content="@workleap/tsup-configs is now in maintenance mode. If you're starting a new project, consider using @workleap/rslib-configs">
 
     <!-- Twitter -->
     <meta property="twitter:card" content="summary_large_image">
     <meta property="twitter:url" content="https://gsoft-inc.github.io/wl-web-configs/tsup/configure-build/">
     <meta property="twitter:title" content="Configure for build - tsup">
-    <meta property="twitter:description" content="To configure tsup for a build environment, execute the following steps 👇">
+    <meta property="twitter:description" content="@workleap/tsup-configs is now in maintenance mode. If you're starting a new project, consider using @workleap/rslib-configs">
 
     <script data-cfasync="false">(function () { var el = document.documentElement, m = localStorage.getItem("doc_theme"), wm = window.matchMedia; if (m === "dark" || (!m && wm && wm("(prefers-color-scheme: dark)").matches)) { el.classList.add("dark") } else { el.classList.remove("dark") } })();</script>
 
     <link href="../../static/favicon.png" rel="icon">
-    <link href="../../resources/css/retype.css?v=3.6.0.789492583867" rel="stylesheet">
+    <link href="../../resources/css/retype.css?v=3.6.0.790190789202" rel="stylesheet">
 
-    <script data-cfasync="false" src="../../resources/js/config.js?v=3.6.0.789492583867" data-turbo-eval="false" defer></script>
+    <script data-cfasync="false" src="../../resources/js/config.js?v=3.6.0.790190789202" data-turbo-eval="false" defer></script>
     <script data-cfasync="false" src="../../resources/js/retype.js?v=3.6.0" data-turbo-eval="false" defer></script>
-    <script id="lunr-js" data-cfasync="false" src="../../resources/js/lunr.js?v=3.6.0.789492583867" data-turbo-eval="false" defer></script>
-    <script id="prism-js" data-cfasync="false" src="../../resources/js/prism.js?v=3.6.0.789492583867" defer></script>
+    <script id="lunr-js" data-cfasync="false" src="../../resources/js/lunr.js?v=3.6.0.790190789202" data-turbo-eval="false" defer></script>
+    <script id="prism-js" data-cfasync="false" src="../../resources/js/prism.js?v=3.6.0.790190789202" defer></script>
 
     <link href="https://gsoft-inc.github.io/wl-idp-docs-hub/static/retype-customization.css" rel="stylesheet" />
 
@@ -305,6 +305,22 @@ <h1>
         <span>Configure for build</span>
     </h1>
 </doc-anchor-target>
+<div class="flex mb-6">
+    <div class="shrink-0 w-1 rounded-tl rounded-bl bg-yellow-500"></div>
+    <div class="flex w-full py-4 border border-l-0 border-gray-300 rounded-tr rounded-br doc-alert bg-white dark:bg-dark-700 dark:border-dark-700" role="alert">
+        <div class="flex items-center ml-4 h-7">
+            <svg xmlns="http://www.w3.org/2000/svg" class="mb-px text-yellow-500" width="22" height="22" viewBox="0 0 24 24" role="presentation">
+                <g fill="currentColor"><g>
+                    <path d="M22.48 15.59L14.01 1.45A2.968 2.968 0 0012.16.09c-.78-.19-1.58-.07-2.27.35-.41.25-.76.6-1.01 1.01v.01L.4 15.6c-.83 1.43-.33 3.27 1.1 4.1.45.26.95.4 1.48.4h16.95c.8-.01 1.55-.33 2.11-.9.56-.57.87-1.33.86-2.13a3.04 3.04 0 00-.42-1.48zm-1.87 2.21c-.19.19-.44.3-.69.3H2.99c-.17 0-.34-.05-.49-.13a.992.992 0 01-.37-1.35L10.6 2.48c.08-.14.2-.25.34-.33a.992.992 0 011.37.33l8.46 14.13c.09.15.13.32.13.49 0 .26-.1.51-.29.7z"></path>
+                    <path d="M11.45 12.1c.55 0 1-.45 1-1v-4c0-.55-.45-1-1-1s-1 .45-1 1v4c0 .56.45 1 1 1zM11.46 14.1c-.56 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1z"></path>
+                </g></g>
+            </svg>
+        </div>
+        <div class="pr-5 ml-3 w-full">
+<p><code v-pre>@workleap/tsup-configs</code> is now in maintenance mode. If you&#x27;re starting a new project, consider using <a href="../../rslib/">@workleap/rslib-configs</a> instead for better performance and modern tooling.</p>
+        </div>
+    </div>
+</div>
 <p>To configure <a href="https://tsup.egoist.dev/" class="outbound" target="_blank">tsup</a> for a build environment, execute the following steps <span class="docs-emoji">&#x1F447;</span></p>
 <doc-anchor-target id="install-the-packages">
     <h2>
@@ -495,10 +511,10 @@ <h2>
                                     </div>
                             
                                     <div class="w-1/2">
-                                        <a class="px-5 py-4 -mx-px h-full flex items-center justify-end break-normal font-medium text-blue-500 dark:text-blue-400 border border-gray-300 hover:border-gray-400 dark:border-dark-650 dark:hover:border-dark-450 rounded-r-lg transition-colors duration-150 relative hover:z-5" href="../../postcss/">
+                                        <a class="px-5 py-4 -mx-px h-full flex items-center justify-end break-normal font-medium text-blue-500 dark:text-blue-400 border border-gray-300 hover:border-gray-400 dark:border-dark-650 dark:hover:border-dark-450 rounded-r-lg transition-colors duration-150 relative hover:z-5" href="../../samples/">
                                             <span>
                                                 <span class="block text-xs font-normal text-right text-gray-400 dark:text-dark-400">Next</span>
-                                                <span class="block mt-1">Post​CSS</span>
+                                                <span class="block mt-1">Samples</span>
                                             </span>
                                             <svg xmlns="http://www.w3.org/2000/svg" class="ml-3" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" overflow="visible"><path d="M19.92 12.38a1 1 0 00-.22-1.09l-7-7a.996.996 0 10-1.41 1.41l5.3 5.3H5c-.55 0-1 .45-1 1s.45 1 1 1h11.59l-5.29 5.29a.996.996 0 000 1.41c.19.2.44.3.7.3s.51-.1.71-.29l7-7c.09-.09.16-.21.21-.33z" /><path fill="none" d="M0 0h24v24H0z" /></svg>
                                         </a>
diff --git a/tsup/configure-dev/index.html b/tsup/configure-dev/index.html
index 55dfe0c0..3670e365 100644
--- a/tsup/configure-dev/index.html
+++ b/tsup/configure-dev/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <meta name="turbo-root" content="/wl-web-configs">
-    <meta name="turbo-cache-control" content="no-cache" data-turbo-track="reload" data-track-token="3.6.0.789492583867">
+    <meta name="turbo-cache-control" content="no-cache" data-turbo-track="reload" data-track-token="3.6.0.790190789202">
 
     <!-- See retype.com -->
     <meta name="generator" content="Retype 3.6.0">
@@ -12,7 +12,7 @@
     <!-- Primary Meta Tags -->
     <title>Configure for development - tsup</title>
     <meta name="title" content="Configure for development - tsup">
-    <meta name="description" content="To configure tsup for a development environment, execute the following steps 👇">
+    <meta name="description" content="@workleap/tsup-configs is now in maintenance mode. If you're starting a new project, consider using @workleap/rslib-configs">
 
     <!-- Canonical -->
     <link rel="canonical" href="https://gsoft-inc.github.io/wl-web-configs/tsup/configure-dev/">
@@ -21,23 +21,23 @@
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://gsoft-inc.github.io/wl-web-configs/tsup/configure-dev/">
     <meta property="og:title" content="Configure for development - tsup">
-    <meta property="og:description" content="To configure tsup for a development environment, execute the following steps 👇">
+    <meta property="og:description" content="@workleap/tsup-configs is now in maintenance mode. If you're starting a new project, consider using @workleap/rslib-configs">
 
     <!-- Twitter -->
     <meta property="twitter:card" content="summary_large_image">
     <meta property="twitter:url" content="https://gsoft-inc.github.io/wl-web-configs/tsup/configure-dev/">
     <meta property="twitter:title" content="Configure for development - tsup">
-    <meta property="twitter:description" content="To configure tsup for a development environment, execute the following steps 👇">
+    <meta property="twitter:description" content="@workleap/tsup-configs is now in maintenance mode. If you're starting a new project, consider using @workleap/rslib-configs">
 
     <script data-cfasync="false">(function () { var el = document.documentElement, m = localStorage.getItem("doc_theme"), wm = window.matchMedia; if (m === "dark" || (!m && wm && wm("(prefers-color-scheme: dark)").matches)) { el.classList.add("dark") } else { el.classList.remove("dark") } })();</script>
 
     <link href="../../static/favicon.png" rel="icon">
-    <link href="../../resources/css/retype.css?v=3.6.0.789492583867" rel="stylesheet">
+    <link href="../../resources/css/retype.css?v=3.6.0.790190789202" rel="stylesheet">
 
-    <script data-cfasync="false" src="../../resources/js/config.js?v=3.6.0.789492583867" data-turbo-eval="false" defer></script>
+    <script data-cfasync="false" src="../../resources/js/config.js?v=3.6.0.790190789202" data-turbo-eval="false" defer></script>
     <script data-cfasync="false" src="../../resources/js/retype.js?v=3.6.0" data-turbo-eval="false" defer></script>
-    <script id="lunr-js" data-cfasync="false" src="../../resources/js/lunr.js?v=3.6.0.789492583867" data-turbo-eval="false" defer></script>
-    <script id="prism-js" data-cfasync="false" src="../../resources/js/prism.js?v=3.6.0.789492583867" defer></script>
+    <script id="lunr-js" data-cfasync="false" src="../../resources/js/lunr.js?v=3.6.0.790190789202" data-turbo-eval="false" defer></script>
+    <script id="prism-js" data-cfasync="false" src="../../resources/js/prism.js?v=3.6.0.790190789202" defer></script>
 
     <link href="https://gsoft-inc.github.io/wl-idp-docs-hub/static/retype-customization.css" rel="stylesheet" />
 
@@ -305,6 +305,22 @@ <h1>
         <span>Configure for development</span>
     </h1>
 </doc-anchor-target>
+<div class="flex mb-6">
+    <div class="shrink-0 w-1 rounded-tl rounded-bl bg-yellow-500"></div>
+    <div class="flex w-full py-4 border border-l-0 border-gray-300 rounded-tr rounded-br doc-alert bg-white dark:bg-dark-700 dark:border-dark-700" role="alert">
+        <div class="flex items-center ml-4 h-7">
+            <svg xmlns="http://www.w3.org/2000/svg" class="mb-px text-yellow-500" width="22" height="22" viewBox="0 0 24 24" role="presentation">
+                <g fill="currentColor"><g>
+                    <path d="M22.48 15.59L14.01 1.45A2.968 2.968 0 0012.16.09c-.78-.19-1.58-.07-2.27.35-.41.25-.76.6-1.01 1.01v.01L.4 15.6c-.83 1.43-.33 3.27 1.1 4.1.45.26.95.4 1.48.4h16.95c.8-.01 1.55-.33 2.11-.9.56-.57.87-1.33.86-2.13a3.04 3.04 0 00-.42-1.48zm-1.87 2.21c-.19.19-.44.3-.69.3H2.99c-.17 0-.34-.05-.49-.13a.992.992 0 01-.37-1.35L10.6 2.48c.08-.14.2-.25.34-.33a.992.992 0 011.37.33l8.46 14.13c.09.15.13.32.13.49 0 .26-.1.51-.29.7z"></path>
+                    <path d="M11.45 12.1c.55 0 1-.45 1-1v-4c0-.55-.45-1-1-1s-1 .45-1 1v4c0 .56.45 1 1 1zM11.46 14.1c-.56 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1z"></path>
+                </g></g>
+            </svg>
+        </div>
+        <div class="pr-5 ml-3 w-full">
+<p><code v-pre>@workleap/tsup-configs</code> is now in maintenance mode. If you&#x27;re starting a new project, consider using <a href="../../rslib/">@workleap/rslib-configs</a> instead for better performance and modern tooling.</p>
+        </div>
+    </div>
+</div>
 <p>To configure <a href="https://tsup.egoist.dev/" class="outbound" target="_blank">tsup</a> for a development environment, execute the following steps <span class="docs-emoji">&#x1F447;</span></p>
 <doc-anchor-target id="install-the-packages">
     <h2>
diff --git a/tsup/index.html b/tsup/index.html
index af99d40f..c5e1554b 100644
--- a/tsup/index.html
+++ b/tsup/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <meta name="turbo-root" content="/wl-web-configs">
-    <meta name="turbo-cache-control" content="no-cache" data-turbo-track="reload" data-track-token="3.6.0.789492583867">
+    <meta name="turbo-cache-control" content="no-cache" data-turbo-track="reload" data-track-token="3.6.0.790190789202">
 
     <!-- See retype.com -->
     <meta name="generator" content="Retype 3.6.0">
@@ -12,7 +12,7 @@
     <!-- Primary Meta Tags -->
     <title>tsup</title>
     <meta name="title" content="tsup">
-    <meta name="description" content="tsc, the native TypeScript CLI, pretty much offers everything that we need to compile and bundle our TypeScript libraries. We opted for ">
+    <meta name="description" content="@workleap/tsup-configs is now in maintenance mode. If you're starting a new project, consider using @workleap/rslib-configs">
 
     <!-- Canonical -->
     <link rel="canonical" href="https://gsoft-inc.github.io/wl-web-configs/tsup/">
@@ -21,22 +21,22 @@
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://gsoft-inc.github.io/wl-web-configs/tsup/">
     <meta property="og:title" content="tsup">
-    <meta property="og:description" content="tsc, the native TypeScript CLI, pretty much offers everything that we need to compile and bundle our TypeScript libraries. We opted for ">
+    <meta property="og:description" content="@workleap/tsup-configs is now in maintenance mode. If you're starting a new project, consider using @workleap/rslib-configs">
 
     <!-- Twitter -->
     <meta property="twitter:card" content="summary_large_image">
     <meta property="twitter:url" content="https://gsoft-inc.github.io/wl-web-configs/tsup/">
     <meta property="twitter:title" content="tsup">
-    <meta property="twitter:description" content="tsc, the native TypeScript CLI, pretty much offers everything that we need to compile and bundle our TypeScript libraries. We opted for ">
+    <meta property="twitter:description" content="@workleap/tsup-configs is now in maintenance mode. If you're starting a new project, consider using @workleap/rslib-configs">
 
     <script data-cfasync="false">(function () { var el = document.documentElement, m = localStorage.getItem("doc_theme"), wm = window.matchMedia; if (m === "dark" || (!m && wm && wm("(prefers-color-scheme: dark)").matches)) { el.classList.add("dark") } else { el.classList.remove("dark") } })();</script>
 
     <link href="../static/favicon.png" rel="icon">
-    <link href="../resources/css/retype.css?v=3.6.0.789492583867" rel="stylesheet">
+    <link href="../resources/css/retype.css?v=3.6.0.790190789202" rel="stylesheet">
 
-    <script data-cfasync="false" src="../resources/js/config.js?v=3.6.0.789492583867" data-turbo-eval="false" defer></script>
+    <script data-cfasync="false" src="../resources/js/config.js?v=3.6.0.790190789202" data-turbo-eval="false" defer></script>
     <script data-cfasync="false" src="../resources/js/retype.js?v=3.6.0" data-turbo-eval="false" defer></script>
-    <script id="lunr-js" data-cfasync="false" src="../resources/js/lunr.js?v=3.6.0.789492583867" data-turbo-eval="false" defer></script>
+    <script id="lunr-js" data-cfasync="false" src="../resources/js/lunr.js?v=3.6.0.790190789202" data-turbo-eval="false" defer></script>
 
     <link href="https://gsoft-inc.github.io/wl-idp-docs-hub/static/retype-customization.css" rel="stylesheet" />
 
@@ -286,6 +286,22 @@ <h1>
         <span>tsup</span>
     </h1>
 </doc-anchor-target>
+<div class="flex mb-6">
+    <div class="shrink-0 w-1 rounded-tl rounded-bl bg-yellow-500"></div>
+    <div class="flex w-full py-4 border border-l-0 border-gray-300 rounded-tr rounded-br doc-alert bg-white dark:bg-dark-700 dark:border-dark-700" role="alert">
+        <div class="flex items-center ml-4 h-7">
+            <svg xmlns="http://www.w3.org/2000/svg" class="mb-px text-yellow-500" width="22" height="22" viewBox="0 0 24 24" role="presentation">
+                <g fill="currentColor"><g>
+                    <path d="M22.48 15.59L14.01 1.45A2.968 2.968 0 0012.16.09c-.78-.19-1.58-.07-2.27.35-.41.25-.76.6-1.01 1.01v.01L.4 15.6c-.83 1.43-.33 3.27 1.1 4.1.45.26.95.4 1.48.4h16.95c.8-.01 1.55-.33 2.11-.9.56-.57.87-1.33.86-2.13a3.04 3.04 0 00-.42-1.48zm-1.87 2.21c-.19.19-.44.3-.69.3H2.99c-.17 0-.34-.05-.49-.13a.992.992 0 01-.37-1.35L10.6 2.48c.08-.14.2-.25.34-.33a.992.992 0 011.37.33l8.46 14.13c.09.15.13.32.13.49 0 .26-.1.51-.29.7z"></path>
+                    <path d="M11.45 12.1c.55 0 1-.45 1-1v-4c0-.55-.45-1-1-1s-1 .45-1 1v4c0 .56.45 1 1 1zM11.46 14.1c-.56 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1z"></path>
+                </g></g>
+            </svg>
+        </div>
+        <div class="pr-5 ml-3 w-full">
+<p><code v-pre>@workleap/tsup-configs</code> is now in maintenance mode. If you&#x27;re starting a new project, consider using <a href="../rslib/">@workleap/rslib-configs</a> instead for better performance and modern tooling.</p>
+        </div>
+    </div>
+</div>
 <!-- !!!warning Before you continue...
 
 The preferred way for using `@workleap/tsup-configs` is **not** by installing the library manually, but rather by **scaffolding** your application with Workleap's [foundry-cli](https://github.com/gsoft-inc/wl-foundry-cli).
@@ -379,11 +395,11 @@ <h2>
                             
                                 <nav class="flex mt-14">
                                     <div class="w-1/2">
-                                        <a class="px-5 py-4 h-full flex items-center break-normal font-medium text-blue-500 dark:text-blue-400 border border-gray-300 hover:border-gray-400 dark:border-dark-650 dark:hover:border-dark-450 rounded-l-lg transition-colors duration-150 relative hover:z-5" href="../rsbuild/migrate-from-webpack/">
+                                        <a class="px-5 py-4 h-full flex items-center break-normal font-medium text-blue-500 dark:text-blue-400 border border-gray-300 hover:border-gray-400 dark:border-dark-650 dark:hover:border-dark-450 rounded-l-lg transition-colors duration-150 relative hover:z-5" href="../webpack/transformer-utilities/">
                                             <svg xmlns="http://www.w3.org/2000/svg" class="mr-3" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" overflow="visible"><path d="M19 11H7.41l5.29-5.29a.996.996 0 10-1.41-1.41l-7 7a1 1 0 000 1.42l7 7a1.024 1.024 0 001.42-.01.996.996 0 000-1.41L7.41 13H19c.55 0 1-.45 1-1s-.45-1-1-1z" /><path fill="none" d="M0 0h24v24H0z" /></svg>
                                             <span>
                                                 <span class="block text-xs font-normal text-gray-400 dark:text-dark-400">Previous</span>
-                                                <span class="block mt-1">Migrate from Webpack</span>
+                                                <span class="block mt-1">Transformer utilities</span>
                                             </span>
                                         </a>
                                     </div>
diff --git a/typescript/advanced-composition/index.html b/typescript/advanced-composition/index.html
index a87d240b..652257c0 100644
--- a/typescript/advanced-composition/index.html
+++ b/typescript/advanced-composition/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <meta name="turbo-root" content="/wl-web-configs">
-    <meta name="turbo-cache-control" content="no-cache" data-turbo-track="reload" data-track-token="3.6.0.789492583867">
+    <meta name="turbo-cache-control" content="no-cache" data-turbo-track="reload" data-track-token="3.6.0.790190789202">
 
     <!-- See retype.com -->
     <meta name="generator" content="Retype 3.6.0">
@@ -32,12 +32,12 @@
     <script data-cfasync="false">(function () { var el = document.documentElement, m = localStorage.getItem("doc_theme"), wm = window.matchMedia; if (m === "dark" || (!m && wm && wm("(prefers-color-scheme: dark)").matches)) { el.classList.add("dark") } else { el.classList.remove("dark") } })();</script>
 
     <link href="../../static/favicon.png" rel="icon">
-    <link href="../../resources/css/retype.css?v=3.6.0.789492583867" rel="stylesheet">
+    <link href="../../resources/css/retype.css?v=3.6.0.790190789202" rel="stylesheet">
 
-    <script data-cfasync="false" src="../../resources/js/config.js?v=3.6.0.789492583867" data-turbo-eval="false" defer></script>
+    <script data-cfasync="false" src="../../resources/js/config.js?v=3.6.0.790190789202" data-turbo-eval="false" defer></script>
     <script data-cfasync="false" src="../../resources/js/retype.js?v=3.6.0" data-turbo-eval="false" defer></script>
-    <script id="lunr-js" data-cfasync="false" src="../../resources/js/lunr.js?v=3.6.0.789492583867" data-turbo-eval="false" defer></script>
-    <script id="prism-js" data-cfasync="false" src="../../resources/js/prism.js?v=3.6.0.789492583867" defer></script>
+    <script id="lunr-js" data-cfasync="false" src="../../resources/js/lunr.js?v=3.6.0.790190789202" data-turbo-eval="false" defer></script>
+    <script id="prism-js" data-cfasync="false" src="../../resources/js/prism.js?v=3.6.0.790190789202" defer></script>
 
     <link href="https://gsoft-inc.github.io/wl-idp-docs-hub/static/retype-customization.css" rel="stylesheet" />
 
@@ -398,10 +398,10 @@ <h3>
                                     </div>
                             
                                     <div class="w-1/2">
-                                        <a class="px-5 py-4 -mx-px h-full flex items-center justify-end break-normal font-medium text-blue-500 dark:text-blue-400 border border-gray-300 hover:border-gray-400 dark:border-dark-650 dark:hover:border-dark-450 rounded-r-lg transition-colors duration-150 relative hover:z-5" href="../../swc/">
+                                        <a class="px-5 py-4 -mx-px h-full flex items-center justify-end break-normal font-medium text-blue-500 dark:text-blue-400 border border-gray-300 hover:border-gray-400 dark:border-dark-650 dark:hover:border-dark-450 rounded-r-lg transition-colors duration-150 relative hover:z-5" href="../../rsbuild/">
                                             <span>
                                                 <span class="block text-xs font-normal text-right text-gray-400 dark:text-dark-400">Next</span>
-                                                <span class="block mt-1">SWC</span>
+                                                <span class="block mt-1">Rsbuild</span>
                                             </span>
                                             <svg xmlns="http://www.w3.org/2000/svg" class="ml-3" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" overflow="visible"><path d="M19.92 12.38a1 1 0 00-.22-1.09l-7-7a.996.996 0 10-1.41 1.41l5.3 5.3H5c-.55 0-1 .45-1 1s.45 1 1 1h11.59l-5.29 5.29a.996.996 0 000 1.41c.19.2.44.3.7.3s.51-.1.71-.29l7-7c.09-.09.16-.21.21-.33z" /><path fill="none" d="M0 0h24v24H0z" /></svg>
                                         </a>
diff --git a/typescript/custom-configuration/index.html b/typescript/custom-configuration/index.html
index 7095a4aa..8025f2fb 100644
--- a/typescript/custom-configuration/index.html
+++ b/typescript/custom-configuration/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <meta name="turbo-root" content="/wl-web-configs">
-    <meta name="turbo-cache-control" content="no-cache" data-turbo-track="reload" data-track-token="3.6.0.789492583867">
+    <meta name="turbo-cache-control" content="no-cache" data-turbo-track="reload" data-track-token="3.6.0.790190789202">
 
     <!-- See retype.com -->
     <meta name="generator" content="Retype 3.6.0">
@@ -32,12 +32,12 @@
     <script data-cfasync="false">(function () { var el = document.documentElement, m = localStorage.getItem("doc_theme"), wm = window.matchMedia; if (m === "dark" || (!m && wm && wm("(prefers-color-scheme: dark)").matches)) { el.classList.add("dark") } else { el.classList.remove("dark") } })();</script>
 
     <link href="../../static/favicon.png" rel="icon">
-    <link href="../../resources/css/retype.css?v=3.6.0.789492583867" rel="stylesheet">
+    <link href="../../resources/css/retype.css?v=3.6.0.790190789202" rel="stylesheet">
 
-    <script data-cfasync="false" src="../../resources/js/config.js?v=3.6.0.789492583867" data-turbo-eval="false" defer></script>
+    <script data-cfasync="false" src="../../resources/js/config.js?v=3.6.0.790190789202" data-turbo-eval="false" defer></script>
     <script data-cfasync="false" src="../../resources/js/retype.js?v=3.6.0" data-turbo-eval="false" defer></script>
-    <script id="lunr-js" data-cfasync="false" src="../../resources/js/lunr.js?v=3.6.0.789492583867" data-turbo-eval="false" defer></script>
-    <script id="prism-js" data-cfasync="false" src="../../resources/js/prism.js?v=3.6.0.789492583867" defer></script>
+    <script id="lunr-js" data-cfasync="false" src="../../resources/js/lunr.js?v=3.6.0.790190789202" data-turbo-eval="false" defer></script>
+    <script id="prism-js" data-cfasync="false" src="../../resources/js/prism.js?v=3.6.0.790190789202" defer></script>
 
     <link href="https://gsoft-inc.github.io/wl-idp-docs-hub/static/retype-customization.css" rel="stylesheet" />
 
diff --git a/typescript/index.html b/typescript/index.html
index b682f830..941a4f47 100644
--- a/typescript/index.html
+++ b/typescript/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <meta name="turbo-root" content="/wl-web-configs">
-    <meta name="turbo-cache-control" content="no-cache" data-turbo-track="reload" data-track-token="3.6.0.789492583867">
+    <meta name="turbo-cache-control" content="no-cache" data-turbo-track="reload" data-track-token="3.6.0.790190789202">
 
     <!-- See retype.com -->
     <meta name="generator" content="Retype 3.6.0">
@@ -32,11 +32,11 @@
     <script data-cfasync="false">(function () { var el = document.documentElement, m = localStorage.getItem("doc_theme"), wm = window.matchMedia; if (m === "dark" || (!m && wm && wm("(prefers-color-scheme: dark)").matches)) { el.classList.add("dark") } else { el.classList.remove("dark") } })();</script>
 
     <link href="../static/favicon.png" rel="icon">
-    <link href="../resources/css/retype.css?v=3.6.0.789492583867" rel="stylesheet">
+    <link href="../resources/css/retype.css?v=3.6.0.790190789202" rel="stylesheet">
 
-    <script data-cfasync="false" src="../resources/js/config.js?v=3.6.0.789492583867" data-turbo-eval="false" defer></script>
+    <script data-cfasync="false" src="../resources/js/config.js?v=3.6.0.790190789202" data-turbo-eval="false" defer></script>
     <script data-cfasync="false" src="../resources/js/retype.js?v=3.6.0" data-turbo-eval="false" defer></script>
-    <script id="lunr-js" data-cfasync="false" src="../resources/js/lunr.js?v=3.6.0.789492583867" data-turbo-eval="false" defer></script>
+    <script id="lunr-js" data-cfasync="false" src="../resources/js/lunr.js?v=3.6.0.790190789202" data-turbo-eval="false" defer></script>
 
     <link href="https://gsoft-inc.github.io/wl-idp-docs-hub/static/retype-customization.css" rel="stylesheet" />
 
diff --git a/typescript/setup-monorepo/index.html b/typescript/setup-monorepo/index.html
index abdf7d78..8fda2115 100644
--- a/typescript/setup-monorepo/index.html
+++ b/typescript/setup-monorepo/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <meta name="turbo-root" content="/wl-web-configs">
-    <meta name="turbo-cache-control" content="no-cache" data-turbo-track="reload" data-track-token="3.6.0.789492583867">
+    <meta name="turbo-cache-control" content="no-cache" data-turbo-track="reload" data-track-token="3.6.0.790190789202">
 
     <!-- See retype.com -->
     <meta name="generator" content="Retype 3.6.0">
@@ -32,12 +32,12 @@
     <script data-cfasync="false">(function () { var el = document.documentElement, m = localStorage.getItem("doc_theme"), wm = window.matchMedia; if (m === "dark" || (!m && wm && wm("(prefers-color-scheme: dark)").matches)) { el.classList.add("dark") } else { el.classList.remove("dark") } })();</script>
 
     <link href="../../static/favicon.png" rel="icon">
-    <link href="../../resources/css/retype.css?v=3.6.0.789492583867" rel="stylesheet">
+    <link href="../../resources/css/retype.css?v=3.6.0.790190789202" rel="stylesheet">
 
-    <script data-cfasync="false" src="../../resources/js/config.js?v=3.6.0.789492583867" data-turbo-eval="false" defer></script>
+    <script data-cfasync="false" src="../../resources/js/config.js?v=3.6.0.790190789202" data-turbo-eval="false" defer></script>
     <script data-cfasync="false" src="../../resources/js/retype.js?v=3.6.0" data-turbo-eval="false" defer></script>
-    <script id="lunr-js" data-cfasync="false" src="../../resources/js/lunr.js?v=3.6.0.789492583867" data-turbo-eval="false" defer></script>
-    <script id="prism-js" data-cfasync="false" src="../../resources/js/prism.js?v=3.6.0.789492583867" defer></script>
+    <script id="lunr-js" data-cfasync="false" src="../../resources/js/lunr.js?v=3.6.0.790190789202" data-turbo-eval="false" defer></script>
+    <script id="prism-js" data-cfasync="false" src="../../resources/js/prism.js?v=3.6.0.790190789202" defer></script>
 
     <link href="https://gsoft-inc.github.io/wl-idp-docs-hub/static/retype-customization.css" rel="stylesheet" />
 
diff --git a/typescript/setup-polyrepo/index.html b/typescript/setup-polyrepo/index.html
index e2977287..e38862bc 100644
--- a/typescript/setup-polyrepo/index.html
+++ b/typescript/setup-polyrepo/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <meta name="turbo-root" content="/wl-web-configs">
-    <meta name="turbo-cache-control" content="no-cache" data-turbo-track="reload" data-track-token="3.6.0.789492583867">
+    <meta name="turbo-cache-control" content="no-cache" data-turbo-track="reload" data-track-token="3.6.0.790190789202">
 
     <!-- See retype.com -->
     <meta name="generator" content="Retype 3.6.0">
@@ -32,12 +32,12 @@
     <script data-cfasync="false">(function () { var el = document.documentElement, m = localStorage.getItem("doc_theme"), wm = window.matchMedia; if (m === "dark" || (!m && wm && wm("(prefers-color-scheme: dark)").matches)) { el.classList.add("dark") } else { el.classList.remove("dark") } })();</script>
 
     <link href="../../static/favicon.png" rel="icon">
-    <link href="../../resources/css/retype.css?v=3.6.0.789492583867" rel="stylesheet">
+    <link href="../../resources/css/retype.css?v=3.6.0.790190789202" rel="stylesheet">
 
-    <script data-cfasync="false" src="../../resources/js/config.js?v=3.6.0.789492583867" data-turbo-eval="false" defer></script>
+    <script data-cfasync="false" src="../../resources/js/config.js?v=3.6.0.790190789202" data-turbo-eval="false" defer></script>
     <script data-cfasync="false" src="../../resources/js/retype.js?v=3.6.0" data-turbo-eval="false" defer></script>
-    <script id="lunr-js" data-cfasync="false" src="../../resources/js/lunr.js?v=3.6.0.789492583867" data-turbo-eval="false" defer></script>
-    <script id="prism-js" data-cfasync="false" src="../../resources/js/prism.js?v=3.6.0.789492583867" defer></script>
+    <script id="lunr-js" data-cfasync="false" src="../../resources/js/lunr.js?v=3.6.0.790190789202" data-turbo-eval="false" defer></script>
+    <script id="prism-js" data-cfasync="false" src="../../resources/js/prism.js?v=3.6.0.790190789202" defer></script>
 
     <link href="https://gsoft-inc.github.io/wl-idp-docs-hub/static/retype-customization.css" rel="stylesheet" />
 
diff --git a/webpack/configure-build/index.html b/webpack/configure-build/index.html
index ebfe07aa..b59b06eb 100644
--- a/webpack/configure-build/index.html
+++ b/webpack/configure-build/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <meta name="turbo-root" content="/wl-web-configs">
-    <meta name="turbo-cache-control" content="no-cache" data-turbo-track="reload" data-track-token="3.6.0.789492583867">
+    <meta name="turbo-cache-control" content="no-cache" data-turbo-track="reload" data-track-token="3.6.0.790190789202">
 
     <!-- See retype.com -->
     <meta name="generator" content="Retype 3.6.0">
@@ -32,12 +32,12 @@
     <script data-cfasync="false">(function () { var el = document.documentElement, m = localStorage.getItem("doc_theme"), wm = window.matchMedia; if (m === "dark" || (!m && wm && wm("(prefers-color-scheme: dark)").matches)) { el.classList.add("dark") } else { el.classList.remove("dark") } })();</script>
 
     <link href="../../static/favicon.png" rel="icon">
-    <link href="../../resources/css/retype.css?v=3.6.0.789492583867" rel="stylesheet">
+    <link href="../../resources/css/retype.css?v=3.6.0.790190789202" rel="stylesheet">
 
-    <script data-cfasync="false" src="../../resources/js/config.js?v=3.6.0.789492583867" data-turbo-eval="false" defer></script>
+    <script data-cfasync="false" src="../../resources/js/config.js?v=3.6.0.790190789202" data-turbo-eval="false" defer></script>
     <script data-cfasync="false" src="../../resources/js/retype.js?v=3.6.0" data-turbo-eval="false" defer></script>
-    <script id="lunr-js" data-cfasync="false" src="../../resources/js/lunr.js?v=3.6.0.789492583867" data-turbo-eval="false" defer></script>
-    <script id="prism-js" data-cfasync="false" src="../../resources/js/prism.js?v=3.6.0.789492583867" defer></script>
+    <script id="lunr-js" data-cfasync="false" src="../../resources/js/lunr.js?v=3.6.0.790190789202" data-turbo-eval="false" defer></script>
+    <script id="prism-js" data-cfasync="false" src="../../resources/js/prism.js?v=3.6.0.790190789202" defer></script>
 
     <link href="https://gsoft-inc.github.io/wl-idp-docs-hub/static/retype-customization.css" rel="stylesheet" />
 
@@ -510,7 +510,7 @@ <h3>
 
 import { defineBuildConfig } from &quot;@workleap/webpack-configs&quot;;
 import { swcConfig } from &quot;./swc.build.js&quot;;
-import path from &quot;path&quot;;
+import path from &quot;node:path&quot;;
 
 export default defineBuildConfig(swcConfig, {
     outputPath: path.resolve(&quot;./a-custom-folder&quot;)
@@ -640,7 +640,7 @@ <h3>
 
 import { defineBuildConfig, defineBuildHtmlWebpackPluginConfig } from &quot;@workleap/webpack-configs&quot;;
 import { swcConfig } from &quot;./swc.build.js&quot;;
-import path from &quot;path&quot;;
+import path from &quot;node:path&quot;;
 
 export default defineBuildConfig(swcConfig, {
     htmlWebpackPlugin: defineBuildHtmlWebpackPluginConfig({
@@ -666,7 +666,7 @@ <h3>
 
 import { defineBuildConfig, defineMiniCssExtractPluginConfig } from &quot;@workleap/webpack-configs&quot;;
 import { swcConfig } from &quot;./swc.build.js&quot;;
-import path from &quot;path&quot;;
+import path from &quot;node:path&quot;;
 
 export default defineBuildConfig(swcConfig, {
     htmlWebpackPluginOptions: defineMiniCssExtractPluginConfig({
diff --git a/webpack/configure-dev/index.html b/webpack/configure-dev/index.html
index 460b73ee..0b4fc7bd 100644
--- a/webpack/configure-dev/index.html
+++ b/webpack/configure-dev/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <meta name="turbo-root" content="/wl-web-configs">
-    <meta name="turbo-cache-control" content="no-cache" data-turbo-track="reload" data-track-token="3.6.0.789492583867">
+    <meta name="turbo-cache-control" content="no-cache" data-turbo-track="reload" data-track-token="3.6.0.790190789202">
 
     <!-- See retype.com -->
     <meta name="generator" content="Retype 3.6.0">
@@ -32,12 +32,12 @@
     <script data-cfasync="false">(function () { var el = document.documentElement, m = localStorage.getItem("doc_theme"), wm = window.matchMedia; if (m === "dark" || (!m && wm && wm("(prefers-color-scheme: dark)").matches)) { el.classList.add("dark") } else { el.classList.remove("dark") } })();</script>
 
     <link href="../../static/favicon.png" rel="icon">
-    <link href="../../resources/css/retype.css?v=3.6.0.789492583867" rel="stylesheet">
+    <link href="../../resources/css/retype.css?v=3.6.0.790190789202" rel="stylesheet">
 
-    <script data-cfasync="false" src="../../resources/js/config.js?v=3.6.0.789492583867" data-turbo-eval="false" defer></script>
+    <script data-cfasync="false" src="../../resources/js/config.js?v=3.6.0.790190789202" data-turbo-eval="false" defer></script>
     <script data-cfasync="false" src="../../resources/js/retype.js?v=3.6.0" data-turbo-eval="false" defer></script>
-    <script id="lunr-js" data-cfasync="false" src="../../resources/js/lunr.js?v=3.6.0.789492583867" data-turbo-eval="false" defer></script>
-    <script id="prism-js" data-cfasync="false" src="../../resources/js/prism.js?v=3.6.0.789492583867" defer></script>
+    <script id="lunr-js" data-cfasync="false" src="../../resources/js/lunr.js?v=3.6.0.790190789202" data-turbo-eval="false" defer></script>
+    <script id="prism-js" data-cfasync="false" src="../../resources/js/prism.js?v=3.6.0.790190789202" defer></script>
 
     <link href="https://gsoft-inc.github.io/wl-idp-docs-hub/static/retype-customization.css" rel="stylesheet" />
 
@@ -706,7 +706,7 @@ <h3>
 
 import { defineDevConfig, defineDevHtmlWebpackPluginConfig } from &quot;@workleap/webpack-configs&quot;;
 import { swcConfig } from &quot;./swc.dev.js&quot;;
-import path from &quot;path&quot;;
+import path from &quot;node:path&quot;;
 
 export default defineDevConfig(swcConfig, {
     htmlWebpackPlugin: defineDevHtmlWebpackPluginConfig({
diff --git a/webpack/index.html b/webpack/index.html
index 6b561753..d4dcaf10 100644
--- a/webpack/index.html
+++ b/webpack/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <meta name="turbo-root" content="/wl-web-configs">
-    <meta name="turbo-cache-control" content="no-cache" data-turbo-track="reload" data-track-token="3.6.0.789492583867">
+    <meta name="turbo-cache-control" content="no-cache" data-turbo-track="reload" data-track-token="3.6.0.790190789202">
 
     <!-- See retype.com -->
     <meta name="generator" content="Retype 3.6.0">
@@ -32,11 +32,11 @@
     <script data-cfasync="false">(function () { var el = document.documentElement, m = localStorage.getItem("doc_theme"), wm = window.matchMedia; if (m === "dark" || (!m && wm && wm("(prefers-color-scheme: dark)").matches)) { el.classList.add("dark") } else { el.classList.remove("dark") } })();</script>
 
     <link href="../static/favicon.png" rel="icon">
-    <link href="../resources/css/retype.css?v=3.6.0.789492583867" rel="stylesheet">
+    <link href="../resources/css/retype.css?v=3.6.0.790190789202" rel="stylesheet">
 
-    <script data-cfasync="false" src="../resources/js/config.js?v=3.6.0.789492583867" data-turbo-eval="false" defer></script>
+    <script data-cfasync="false" src="../resources/js/config.js?v=3.6.0.790190789202" data-turbo-eval="false" defer></script>
     <script data-cfasync="false" src="../resources/js/retype.js?v=3.6.0" data-turbo-eval="false" defer></script>
-    <script id="lunr-js" data-cfasync="false" src="../resources/js/lunr.js?v=3.6.0.789492583867" data-turbo-eval="false" defer></script>
+    <script id="lunr-js" data-cfasync="false" src="../resources/js/lunr.js?v=3.6.0.790190789202" data-turbo-eval="false" defer></script>
 
     <link href="https://gsoft-inc.github.io/wl-idp-docs-hub/static/retype-customization.css" rel="stylesheet" />
 
@@ -411,11 +411,11 @@ <h2>
                             
                                 <nav class="flex mt-14">
                                     <div class="w-1/2">
-                                        <a class="px-5 py-4 h-full flex items-center break-normal font-medium text-blue-500 dark:text-blue-400 border border-gray-300 hover:border-gray-400 dark:border-dark-650 dark:hover:border-dark-450 rounded-l-lg transition-colors duration-150 relative hover:z-5" href="../postcss/configure-project/">
+                                        <a class="px-5 py-4 h-full flex items-center break-normal font-medium text-blue-500 dark:text-blue-400 border border-gray-300 hover:border-gray-400 dark:border-dark-650 dark:hover:border-dark-450 rounded-l-lg transition-colors duration-150 relative hover:z-5" href="../swc/configure-jest/">
                                             <svg xmlns="http://www.w3.org/2000/svg" class="mr-3" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" overflow="visible"><path d="M19 11H7.41l5.29-5.29a.996.996 0 10-1.41-1.41l-7 7a1 1 0 000 1.42l7 7a1.024 1.024 0 001.42-.01.996.996 0 000-1.41L7.41 13H19c.55 0 1-.45 1-1s-.45-1-1-1z" /><path fill="none" d="M0 0h24v24H0z" /></svg>
                                             <span>
                                                 <span class="block text-xs font-normal text-gray-400 dark:text-dark-400">Previous</span>
-                                                <span class="block mt-1">Configure a project</span>
+                                                <span class="block mt-1">Configure for Jest</span>
                                             </span>
                                         </a>
                                     </div>
diff --git a/webpack/transformer-utilities/index.html b/webpack/transformer-utilities/index.html
index 6669fb3d..0207af05 100644
--- a/webpack/transformer-utilities/index.html
+++ b/webpack/transformer-utilities/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <meta name="turbo-root" content="/wl-web-configs">
-    <meta name="turbo-cache-control" content="no-cache" data-turbo-track="reload" data-track-token="3.6.0.789492583867">
+    <meta name="turbo-cache-control" content="no-cache" data-turbo-track="reload" data-track-token="3.6.0.790190789202">
 
     <!-- See retype.com -->
     <meta name="generator" content="Retype 3.6.0">
@@ -32,12 +32,12 @@
     <script data-cfasync="false">(function () { var el = document.documentElement, m = localStorage.getItem("doc_theme"), wm = window.matchMedia; if (m === "dark" || (!m && wm && wm("(prefers-color-scheme: dark)").matches)) { el.classList.add("dark") } else { el.classList.remove("dark") } })();</script>
 
     <link href="../../static/favicon.png" rel="icon">
-    <link href="../../resources/css/retype.css?v=3.6.0.789492583867" rel="stylesheet">
+    <link href="../../resources/css/retype.css?v=3.6.0.790190789202" rel="stylesheet">
 
-    <script data-cfasync="false" src="../../resources/js/config.js?v=3.6.0.789492583867" data-turbo-eval="false" defer></script>
+    <script data-cfasync="false" src="../../resources/js/config.js?v=3.6.0.790190789202" data-turbo-eval="false" defer></script>
     <script data-cfasync="false" src="../../resources/js/retype.js?v=3.6.0" data-turbo-eval="false" defer></script>
-    <script id="lunr-js" data-cfasync="false" src="../../resources/js/lunr.js?v=3.6.0.789492583867" data-turbo-eval="false" defer></script>
-    <script id="prism-js" data-cfasync="false" src="../../resources/js/prism.js?v=3.6.0.789492583867" defer></script>
+    <script id="lunr-js" data-cfasync="false" src="../../resources/js/lunr.js?v=3.6.0.790190789202" data-turbo-eval="false" defer></script>
+    <script id="prism-js" data-cfasync="false" src="../../resources/js/prism.js?v=3.6.0.790190789202" defer></script>
 
     <link href="https://gsoft-inc.github.io/wl-idp-docs-hub/static/retype-customization.css" rel="stylesheet" />
 
@@ -1097,10 +1097,10 @@ <h4>
                                     </div>
                             
                                     <div class="w-1/2">
-                                        <a class="px-5 py-4 -mx-px h-full flex items-center justify-end break-normal font-medium text-blue-500 dark:text-blue-400 border border-gray-300 hover:border-gray-400 dark:border-dark-650 dark:hover:border-dark-450 rounded-r-lg transition-colors duration-150 relative hover:z-5" href="../../samples/">
+                                        <a class="px-5 py-4 -mx-px h-full flex items-center justify-end break-normal font-medium text-blue-500 dark:text-blue-400 border border-gray-300 hover:border-gray-400 dark:border-dark-650 dark:hover:border-dark-450 rounded-r-lg transition-colors duration-150 relative hover:z-5" href="../../tsup/">
                                             <span>
                                                 <span class="block text-xs font-normal text-right text-gray-400 dark:text-dark-400">Next</span>
-                                                <span class="block mt-1">Samples</span>
+                                                <span class="block mt-1">tsup</span>
                                             </span>
                                             <svg xmlns="http://www.w3.org/2000/svg" class="ml-3" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" overflow="visible"><path d="M19.92 12.38a1 1 0 00-.22-1.09l-7-7a.996.996 0 10-1.41 1.41l5.3 5.3H5c-.55 0-1 .45-1 1s.45 1 1 1h11.59l-5.29 5.29a.996.996 0 000 1.41c.19.2.44.3.7.3s.51-.1.71-.29l7-7c.09-.09.16-.21.21-.33z" /><path fill="none" d="M0 0h24v24H0z" /></svg>
                                         </a>