diff --git a/.pnp.cjs b/.pnp.cjs
index 7eaf3ca..333b69e 100755
--- a/.pnp.cjs
+++ b/.pnp.cjs
@@ -896,11 +896,14 @@ const RAW_RUNTIME_STATE =
           ["@rollup/plugin-typescript", "virtual:2a41e375ad1745f4c69d568329bd8e93efd510482b591608adf07903c1c7c5da80f70ebacb4333f4d323a30d1e56bc854b865daa7bb0df195591c42c3c3dc214#npm:12.1.2"],\
           ["@storybook/addon-essentials", "virtual:2a41e375ad1745f4c69d568329bd8e93efd510482b591608adf07903c1c7c5da80f70ebacb4333f4d323a30d1e56bc854b865daa7bb0df195591c42c3c3dc214#npm:8.4.7"],\
           ["@storybook/addon-interactions", "virtual:2a41e375ad1745f4c69d568329bd8e93efd510482b591608adf07903c1c7c5da80f70ebacb4333f4d323a30d1e56bc854b865daa7bb0df195591c42c3c3dc214#npm:8.4.7"],\
+          ["@storybook/addon-links", "virtual:2a41e375ad1745f4c69d568329bd8e93efd510482b591608adf07903c1c7c5da80f70ebacb4333f4d323a30d1e56bc854b865daa7bb0df195591c42c3c3dc214#npm:8.4.7"],\
+          ["@storybook/addon-styling-webpack", "virtual:2a41e375ad1745f4c69d568329bd8e93efd510482b591608adf07903c1c7c5da80f70ebacb4333f4d323a30d1e56bc854b865daa7bb0df195591c42c3c3dc214#npm:1.0.1"],\
           ["@storybook/addon-webpack5-compiler-swc", "npm:1.0.5"],\
           ["@storybook/blocks", "virtual:2a41e375ad1745f4c69d568329bd8e93efd510482b591608adf07903c1c7c5da80f70ebacb4333f4d323a30d1e56bc854b865daa7bb0df195591c42c3c3dc214#npm:8.4.7"],\
           ["@storybook/manager-api", "virtual:2a41e375ad1745f4c69d568329bd8e93efd510482b591608adf07903c1c7c5da80f70ebacb4333f4d323a30d1e56bc854b865daa7bb0df195591c42c3c3dc214#npm:8.4.7"],\
           ["@storybook/preact", "virtual:2a41e375ad1745f4c69d568329bd8e93efd510482b591608adf07903c1c7c5da80f70ebacb4333f4d323a30d1e56bc854b865daa7bb0df195591c42c3c3dc214#npm:8.4.7"],\
           ["@storybook/preact-webpack5", "virtual:2a41e375ad1745f4c69d568329bd8e93efd510482b591608adf07903c1c7c5da80f70ebacb4333f4d323a30d1e56bc854b865daa7bb0df195591c42c3c3dc214#npm:8.4.7"],\
+          ["@storybook/preset-scss", "virtual:2a41e375ad1745f4c69d568329bd8e93efd510482b591608adf07903c1c7c5da80f70ebacb4333f4d323a30d1e56bc854b865daa7bb0df195591c42c3c3dc214#npm:1.0.3"],\
           ["@storybook/react", "virtual:2a41e375ad1745f4c69d568329bd8e93efd510482b591608adf07903c1c7c5da80f70ebacb4333f4d323a30d1e56bc854b865daa7bb0df195591c42c3c3dc214#npm:8.4.7"],\
           ["@storybook/test", "virtual:2a41e375ad1745f4c69d568329bd8e93efd510482b591608adf07903c1c7c5da80f70ebacb4333f4d323a30d1e56bc854b865daa7bb0df195591c42c3c3dc214#npm:8.4.7"],\
           ["@storybook/theming", "virtual:2a41e375ad1745f4c69d568329bd8e93efd510482b591608adf07903c1c7c5da80f70ebacb4333f4d323a30d1e56bc854b865daa7bb0df195591c42c3c3dc214#npm:8.4.7"],\
@@ -956,8 +959,8 @@ const RAW_RUNTIME_STATE =
           ["rollup-plugin-copy", "npm:3.5.0"],\
           ["rollup-plugin-postcss", "virtual:2a41e375ad1745f4c69d568329bd8e93efd510482b591608adf07903c1c7c5da80f70ebacb4333f4d323a30d1e56bc854b865daa7bb0df195591c42c3c3dc214#npm:4.0.2"],\
           ["rollup-plugin-svg-sprites", "virtual:2a41e375ad1745f4c69d568329bd8e93efd510482b591608adf07903c1c7c5da80f70ebacb4333f4d323a30d1e56bc854b865daa7bb0df195591c42c3c3dc214#npm:1.2.5"],\
-          ["sass", "npm:1.79.1"],\
-          ["sass-loader", "virtual:2a41e375ad1745f4c69d568329bd8e93efd510482b591608adf07903c1c7c5da80f70ebacb4333f4d323a30d1e56bc854b865daa7bb0df195591c42c3c3dc214#npm:16.0.1"],\
+          ["sass", "npm:1.83.1"],\
+          ["sass-loader", "virtual:2a41e375ad1745f4c69d568329bd8e93efd510482b591608adf07903c1c7c5da80f70ebacb4333f4d323a30d1e56bc854b865daa7bb0df195591c42c3c3dc214#npm:16.0.4"],\
           ["storybook", "virtual:2a41e375ad1745f4c69d568329bd8e93efd510482b591608adf07903c1c7c5da80f70ebacb4333f4d323a30d1e56bc854b865daa7bb0df195591c42c3c3dc214#npm:8.4.7"],\
           ["style-loader", "virtual:2a41e375ad1745f4c69d568329bd8e93efd510482b591608adf07903c1c7c5da80f70ebacb4333f4d323a30d1e56bc854b865daa7bb0df195591c42c3c3dc214#npm:4.0.0"],\
           ["svg-sprite-loader", "npm:6.0.11"],\
@@ -965,11 +968,7 @@ const RAW_RUNTIME_STATE =
           ["tslib", "npm:2.7.0"],\
           ["typescript", "patch:typescript@npm%3A5.6.3#optional!builtin<compat/typescript>::version=5.6.3&hash=8c6c40"],\
           ["typescript-eslint", "virtual:2a41e375ad1745f4c69d568329bd8e93efd510482b591608adf07903c1c7c5da80f70ebacb4333f4d323a30d1e56bc854b865daa7bb0df195591c42c3c3dc214#npm:8.6.0"],\
-          ["vitest", "virtual:e545774f2ccef2393aca5c009a358532c03f065393263f9cbb3ab67366c2879624d5c1730fe5313387f3f2857386a5904c6581787f320ce570367a0ce47cf7b2#npm:2.1.8"],\
-          ["webpack", "virtual:2a41e375ad1745f4c69d568329bd8e93efd510482b591608adf07903c1c7c5da80f70ebacb4333f4d323a30d1e56bc854b865daa7bb0df195591c42c3c3dc214#npm:5.94.0"],\
-          ["webpack-cli", "virtual:2a41e375ad1745f4c69d568329bd8e93efd510482b591608adf07903c1c7c5da80f70ebacb4333f4d323a30d1e56bc854b865daa7bb0df195591c42c3c3dc214#npm:5.1.4"],\
-          ["webpack-dev-server", "virtual:2a41e375ad1745f4c69d568329bd8e93efd510482b591608adf07903c1c7c5da80f70ebacb4333f4d323a30d1e56bc854b865daa7bb0df195591c42c3c3dc214#npm:5.1.0"],\
-          ["webpack-manifest-plugin", "virtual:2a41e375ad1745f4c69d568329bd8e93efd510482b591608adf07903c1c7c5da80f70ebacb4333f4d323a30d1e56bc854b865daa7bb0df195591c42c3c3dc214#npm:5.0.0"]\
+          ["vitest", "virtual:e545774f2ccef2393aca5c009a358532c03f065393263f9cbb3ab67366c2879624d5c1730fe5313387f3f2857386a5904c6581787f320ce570367a0ce47cf7b2#npm:2.1.8"]\
         ],\
         "linkType": "SOFT"\
       }]\
@@ -8715,6 +8714,150 @@ const RAW_RUNTIME_STATE =
         "linkType": "HARD"\
       }]\
     ]],\
+    ["@parcel/watcher", [\
+      ["npm:2.5.0", {\
+        "packageLocation": "./.yarn/unplugged/@parcel-watcher-npm-2.5.0-f36bd41c3b/node_modules/@parcel/watcher/",\
+        "packageDependencies": [\
+          ["@parcel/watcher", "npm:2.5.0"],\
+          ["@parcel/watcher-android-arm64", "npm:2.5.0"],\
+          ["@parcel/watcher-darwin-arm64", "npm:2.5.0"],\
+          ["@parcel/watcher-darwin-x64", "npm:2.5.0"],\
+          ["@parcel/watcher-freebsd-x64", "npm:2.5.0"],\
+          ["@parcel/watcher-linux-arm-glibc", "npm:2.5.0"],\
+          ["@parcel/watcher-linux-arm-musl", "npm:2.5.0"],\
+          ["@parcel/watcher-linux-arm64-glibc", "npm:2.5.0"],\
+          ["@parcel/watcher-linux-arm64-musl", "npm:2.5.0"],\
+          ["@parcel/watcher-linux-x64-glibc", "npm:2.5.0"],\
+          ["@parcel/watcher-linux-x64-musl", "npm:2.5.0"],\
+          ["@parcel/watcher-win32-arm64", "npm:2.5.0"],\
+          ["@parcel/watcher-win32-ia32", "npm:2.5.0"],\
+          ["@parcel/watcher-win32-x64", "npm:2.5.0"],\
+          ["detect-libc", "npm:1.0.3"],\
+          ["is-glob", "npm:4.0.3"],\
+          ["micromatch", "npm:4.0.8"],\
+          ["node-addon-api", "npm:7.1.1"],\
+          ["node-gyp", "npm:10.0.1"]\
+        ],\
+        "linkType": "HARD"\
+      }]\
+    ]],\
+    ["@parcel/watcher-android-arm64", [\
+      ["npm:2.5.0", {\
+        "packageLocation": "./.yarn/unplugged/@parcel-watcher-android-arm64-npm-2.5.0-aad24ab0d3/node_modules/@parcel/watcher-android-arm64/",\
+        "packageDependencies": [\
+          ["@parcel/watcher-android-arm64", "npm:2.5.0"]\
+        ],\
+        "linkType": "HARD"\
+      }]\
+    ]],\
+    ["@parcel/watcher-darwin-arm64", [\
+      ["npm:2.5.0", {\
+        "packageLocation": "./.yarn/unplugged/@parcel-watcher-darwin-arm64-npm-2.5.0-4eab519184/node_modules/@parcel/watcher-darwin-arm64/",\
+        "packageDependencies": [\
+          ["@parcel/watcher-darwin-arm64", "npm:2.5.0"]\
+        ],\
+        "linkType": "HARD"\
+      }]\
+    ]],\
+    ["@parcel/watcher-darwin-x64", [\
+      ["npm:2.5.0", {\
+        "packageLocation": "./.yarn/unplugged/@parcel-watcher-darwin-x64-npm-2.5.0-4c4c1c789c/node_modules/@parcel/watcher-darwin-x64/",\
+        "packageDependencies": [\
+          ["@parcel/watcher-darwin-x64", "npm:2.5.0"]\
+        ],\
+        "linkType": "HARD"\
+      }]\
+    ]],\
+    ["@parcel/watcher-freebsd-x64", [\
+      ["npm:2.5.0", {\
+        "packageLocation": "./.yarn/unplugged/@parcel-watcher-freebsd-x64-npm-2.5.0-c53a8a1666/node_modules/@parcel/watcher-freebsd-x64/",\
+        "packageDependencies": [\
+          ["@parcel/watcher-freebsd-x64", "npm:2.5.0"]\
+        ],\
+        "linkType": "HARD"\
+      }]\
+    ]],\
+    ["@parcel/watcher-linux-arm-glibc", [\
+      ["npm:2.5.0", {\
+        "packageLocation": "./.yarn/unplugged/@parcel-watcher-linux-arm-glibc-npm-2.5.0-a9a2b72920/node_modules/@parcel/watcher-linux-arm-glibc/",\
+        "packageDependencies": [\
+          ["@parcel/watcher-linux-arm-glibc", "npm:2.5.0"]\
+        ],\
+        "linkType": "HARD"\
+      }]\
+    ]],\
+    ["@parcel/watcher-linux-arm-musl", [\
+      ["npm:2.5.0", {\
+        "packageLocation": "./.yarn/unplugged/@parcel-watcher-linux-arm-musl-npm-2.5.0-ab73404001/node_modules/@parcel/watcher-linux-arm-musl/",\
+        "packageDependencies": [\
+          ["@parcel/watcher-linux-arm-musl", "npm:2.5.0"]\
+        ],\
+        "linkType": "HARD"\
+      }]\
+    ]],\
+    ["@parcel/watcher-linux-arm64-glibc", [\
+      ["npm:2.5.0", {\
+        "packageLocation": "./.yarn/unplugged/@parcel-watcher-linux-arm64-glibc-npm-2.5.0-e2245511c0/node_modules/@parcel/watcher-linux-arm64-glibc/",\
+        "packageDependencies": [\
+          ["@parcel/watcher-linux-arm64-glibc", "npm:2.5.0"]\
+        ],\
+        "linkType": "HARD"\
+      }]\
+    ]],\
+    ["@parcel/watcher-linux-arm64-musl", [\
+      ["npm:2.5.0", {\
+        "packageLocation": "./.yarn/unplugged/@parcel-watcher-linux-arm64-musl-npm-2.5.0-beb60d14d1/node_modules/@parcel/watcher-linux-arm64-musl/",\
+        "packageDependencies": [\
+          ["@parcel/watcher-linux-arm64-musl", "npm:2.5.0"]\
+        ],\
+        "linkType": "HARD"\
+      }]\
+    ]],\
+    ["@parcel/watcher-linux-x64-glibc", [\
+      ["npm:2.5.0", {\
+        "packageLocation": "./.yarn/unplugged/@parcel-watcher-linux-x64-glibc-npm-2.5.0-32a578ae14/node_modules/@parcel/watcher-linux-x64-glibc/",\
+        "packageDependencies": [\
+          ["@parcel/watcher-linux-x64-glibc", "npm:2.5.0"]\
+        ],\
+        "linkType": "HARD"\
+      }]\
+    ]],\
+    ["@parcel/watcher-linux-x64-musl", [\
+      ["npm:2.5.0", {\
+        "packageLocation": "./.yarn/unplugged/@parcel-watcher-linux-x64-musl-npm-2.5.0-a376e4ad21/node_modules/@parcel/watcher-linux-x64-musl/",\
+        "packageDependencies": [\
+          ["@parcel/watcher-linux-x64-musl", "npm:2.5.0"]\
+        ],\
+        "linkType": "HARD"\
+      }]\
+    ]],\
+    ["@parcel/watcher-win32-arm64", [\
+      ["npm:2.5.0", {\
+        "packageLocation": "./.yarn/unplugged/@parcel-watcher-win32-arm64-npm-2.5.0-03ae8e56b6/node_modules/@parcel/watcher-win32-arm64/",\
+        "packageDependencies": [\
+          ["@parcel/watcher-win32-arm64", "npm:2.5.0"]\
+        ],\
+        "linkType": "HARD"\
+      }]\
+    ]],\
+    ["@parcel/watcher-win32-ia32", [\
+      ["npm:2.5.0", {\
+        "packageLocation": "./.yarn/unplugged/@parcel-watcher-win32-ia32-npm-2.5.0-6382221b1b/node_modules/@parcel/watcher-win32-ia32/",\
+        "packageDependencies": [\
+          ["@parcel/watcher-win32-ia32", "npm:2.5.0"]\
+        ],\
+        "linkType": "HARD"\
+      }]\
+    ]],\
+    ["@parcel/watcher-win32-x64", [\
+      ["npm:2.5.0", {\
+        "packageLocation": "./.yarn/unplugged/@parcel-watcher-win32-x64-npm-2.5.0-1076df0673/node_modules/@parcel/watcher-win32-x64/",\
+        "packageDependencies": [\
+          ["@parcel/watcher-win32-x64", "npm:2.5.0"]\
+        ],\
+        "linkType": "HARD"\
+      }]\
+    ]],\
     ["@pkgjs/parseargs", [\
       ["npm:0.11.0", {\
         "packageLocation": "./.yarn/cache/@pkgjs-parseargs-npm-0.11.0-cd2a3fe948-115e8ceeec.zip/node_modules/@pkgjs/parseargs/",\
@@ -9456,6 +9599,35 @@ const RAW_RUNTIME_STATE =
         "linkType": "HARD"\
       }]\
     ]],\
+    ["@storybook/addon-links", [\
+      ["npm:8.4.7", {\
+        "packageLocation": "./.yarn/cache/@storybook-addon-links-npm-8.4.7-1480bc861f-3d64225348.zip/node_modules/@storybook/addon-links/",\
+        "packageDependencies": [\
+          ["@storybook/addon-links", "npm:8.4.7"]\
+        ],\
+        "linkType": "SOFT"\
+      }],\
+      ["virtual:2a41e375ad1745f4c69d568329bd8e93efd510482b591608adf07903c1c7c5da80f70ebacb4333f4d323a30d1e56bc854b865daa7bb0df195591c42c3c3dc214#npm:8.4.7", {\
+        "packageLocation": "./.yarn/__virtual__/@storybook-addon-links-virtual-a1732c3104/0/cache/@storybook-addon-links-npm-8.4.7-1480bc861f-3d64225348.zip/node_modules/@storybook/addon-links/",\
+        "packageDependencies": [\
+          ["@storybook/addon-links", "virtual:2a41e375ad1745f4c69d568329bd8e93efd510482b591608adf07903c1c7c5da80f70ebacb4333f4d323a30d1e56bc854b865daa7bb0df195591c42c3c3dc214#npm:8.4.7"],\
+          ["@storybook/csf", "npm:0.1.12"],\
+          ["@storybook/global", "npm:5.0.0"],\
+          ["@types/react", null],\
+          ["@types/storybook", null],\
+          ["react", null],\
+          ["storybook", "virtual:2a41e375ad1745f4c69d568329bd8e93efd510482b591608adf07903c1c7c5da80f70ebacb4333f4d323a30d1e56bc854b865daa7bb0df195591c42c3c3dc214#npm:8.4.7"],\
+          ["ts-dedent", "npm:2.2.0"]\
+        ],\
+        "packagePeers": [\
+          "@types/react",\
+          "@types/storybook",\
+          "react",\
+          "storybook"\
+        ],\
+        "linkType": "HARD"\
+      }]\
+    ]],\
     ["@storybook/addon-measure", [\
       ["npm:8.4.7", {\
         "packageLocation": "./.yarn/cache/@storybook-addon-measure-npm-8.4.7-9ccef1866e-d7c39c6048.zip/node_modules/@storybook/addon-measure/",\
@@ -9504,6 +9676,29 @@ const RAW_RUNTIME_STATE =
         "linkType": "HARD"\
       }]\
     ]],\
+    ["@storybook/addon-styling-webpack", [\
+      ["npm:1.0.1", {\
+        "packageLocation": "./.yarn/cache/@storybook-addon-styling-webpack-npm-1.0.1-050f57bb5b-449682f889.zip/node_modules/@storybook/addon-styling-webpack/",\
+        "packageDependencies": [\
+          ["@storybook/addon-styling-webpack", "npm:1.0.1"]\
+        ],\
+        "linkType": "SOFT"\
+      }],\
+      ["virtual:2a41e375ad1745f4c69d568329bd8e93efd510482b591608adf07903c1c7c5da80f70ebacb4333f4d323a30d1e56bc854b865daa7bb0df195591c42c3c3dc214#npm:1.0.1", {\
+        "packageLocation": "./.yarn/__virtual__/@storybook-addon-styling-webpack-virtual-7d48eae4f0/0/cache/@storybook-addon-styling-webpack-npm-1.0.1-050f57bb5b-449682f889.zip/node_modules/@storybook/addon-styling-webpack/",\
+        "packageDependencies": [\
+          ["@storybook/addon-styling-webpack", "virtual:2a41e375ad1745f4c69d568329bd8e93efd510482b591608adf07903c1c7c5da80f70ebacb4333f4d323a30d1e56bc854b865daa7bb0df195591c42c3c3dc214#npm:1.0.1"],\
+          ["@storybook/node-logger", "virtual:7d48eae4f0b98d2a354fc3db6f0d9675052c59812a5562930057049ba9cf592433372e1fd99e86395ad7c63b3463589e9ee33d6e98e4272dba9306d58c6ecb86#npm:8.4.7"],\
+          ["@types/webpack", null],\
+          ["webpack", null]\
+        ],\
+        "packagePeers": [\
+          "@types/webpack",\
+          "webpack"\
+        ],\
+        "linkType": "HARD"\
+      }]\
+    ]],\
     ["@storybook/addon-toolbars", [\
       ["npm:8.4.7", {\
         "packageLocation": "./.yarn/cache/@storybook-addon-toolbars-npm-8.4.7-e1d9757be7-dff15abb49.zip/node_modules/@storybook/addon-toolbars/",\
@@ -9878,6 +10073,28 @@ const RAW_RUNTIME_STATE =
         "linkType": "HARD"\
       }]\
     ]],\
+    ["@storybook/node-logger", [\
+      ["npm:8.4.7", {\
+        "packageLocation": "./.yarn/cache/@storybook-node-logger-npm-8.4.7-f36b0d34a8-de906f1cfc.zip/node_modules/@storybook/node-logger/",\
+        "packageDependencies": [\
+          ["@storybook/node-logger", "npm:8.4.7"]\
+        ],\
+        "linkType": "SOFT"\
+      }],\
+      ["virtual:7d48eae4f0b98d2a354fc3db6f0d9675052c59812a5562930057049ba9cf592433372e1fd99e86395ad7c63b3463589e9ee33d6e98e4272dba9306d58c6ecb86#npm:8.4.7", {\
+        "packageLocation": "./.yarn/__virtual__/@storybook-node-logger-virtual-ece1f63c26/0/cache/@storybook-node-logger-npm-8.4.7-f36b0d34a8-de906f1cfc.zip/node_modules/@storybook/node-logger/",\
+        "packageDependencies": [\
+          ["@storybook/node-logger", "virtual:7d48eae4f0b98d2a354fc3db6f0d9675052c59812a5562930057049ba9cf592433372e1fd99e86395ad7c63b3463589e9ee33d6e98e4272dba9306d58c6ecb86#npm:8.4.7"],\
+          ["@types/storybook", null],\
+          ["storybook", null]\
+        ],\
+        "packagePeers": [\
+          "@types/storybook",\
+          "storybook"\
+        ],\
+        "linkType": "HARD"\
+      }]\
+    ]],\
     ["@storybook/preact", [\
       ["npm:8.4.7", {\
         "packageLocation": "./.yarn/cache/@storybook-preact-npm-8.4.7-a584bed8a5-e44d16da2d.zip/node_modules/@storybook/preact/",\
@@ -9968,6 +10185,36 @@ const RAW_RUNTIME_STATE =
         "linkType": "HARD"\
       }]\
     ]],\
+    ["@storybook/preset-scss", [\
+      ["npm:1.0.3", {\
+        "packageLocation": "./.yarn/cache/@storybook-preset-scss-npm-1.0.3-e8dd2db2e3-4f1cf1f57a.zip/node_modules/@storybook/preset-scss/",\
+        "packageDependencies": [\
+          ["@storybook/preset-scss", "npm:1.0.3"]\
+        ],\
+        "linkType": "SOFT"\
+      }],\
+      ["virtual:2a41e375ad1745f4c69d568329bd8e93efd510482b591608adf07903c1c7c5da80f70ebacb4333f4d323a30d1e56bc854b865daa7bb0df195591c42c3c3dc214#npm:1.0.3", {\
+        "packageLocation": "./.yarn/__virtual__/@storybook-preset-scss-virtual-780befd008/0/cache/@storybook-preset-scss-npm-1.0.3-e8dd2db2e3-4f1cf1f57a.zip/node_modules/@storybook/preset-scss/",\
+        "packageDependencies": [\
+          ["@storybook/preset-scss", "virtual:2a41e375ad1745f4c69d568329bd8e93efd510482b591608adf07903c1c7c5da80f70ebacb4333f4d323a30d1e56bc854b865daa7bb0df195591c42c3c3dc214#npm:1.0.3"],\
+          ["@types/css-loader", null],\
+          ["@types/sass-loader", null],\
+          ["@types/style-loader", null],\
+          ["css-loader", "virtual:2a41e375ad1745f4c69d568329bd8e93efd510482b591608adf07903c1c7c5da80f70ebacb4333f4d323a30d1e56bc854b865daa7bb0df195591c42c3c3dc214#npm:7.1.2"],\
+          ["sass-loader", "virtual:2a41e375ad1745f4c69d568329bd8e93efd510482b591608adf07903c1c7c5da80f70ebacb4333f4d323a30d1e56bc854b865daa7bb0df195591c42c3c3dc214#npm:16.0.4"],\
+          ["style-loader", "virtual:2a41e375ad1745f4c69d568329bd8e93efd510482b591608adf07903c1c7c5da80f70ebacb4333f4d323a30d1e56bc854b865daa7bb0df195591c42c3c3dc214#npm:4.0.0"]\
+        ],\
+        "packagePeers": [\
+          "@types/css-loader",\
+          "@types/sass-loader",\
+          "@types/style-loader",\
+          "css-loader",\
+          "sass-loader",\
+          "style-loader"\
+        ],\
+        "linkType": "HARD"\
+      }]\
+    ]],\
     ["@storybook/preview-api", [\
       ["npm:8.4.7", {\
         "packageLocation": "./.yarn/cache/@storybook-preview-api-npm-8.4.7-5f4a091585-1c467bb2c1.zip/node_modules/@storybook/preview-api/",\
@@ -12452,23 +12699,6 @@ const RAW_RUNTIME_STATE =
         ],\
         "linkType": "SOFT"\
       }],\
-      ["virtual:2f109eb2d119dff9c1ede7154d1dff7658ab541455d58bd0221fc7743d3d730175e534a316a887da0c0ae2dde87f7754b5481c65a695d0030d55fc40c82994ad#npm:2.1.1", {\
-        "packageLocation": "./.yarn/__virtual__/@webpack-cli-configtest-virtual-d15c9f281a/0/cache/@webpack-cli-configtest-npm-2.1.1-2aa637b6bc-9f9f9145c2.zip/node_modules/@webpack-cli/configtest/",\
-        "packageDependencies": [\
-          ["@webpack-cli/configtest", "virtual:2f109eb2d119dff9c1ede7154d1dff7658ab541455d58bd0221fc7743d3d730175e534a316a887da0c0ae2dde87f7754b5481c65a695d0030d55fc40c82994ad#npm:2.1.1"],\
-          ["@types/webpack", null],\
-          ["@types/webpack-cli", null],\
-          ["webpack", "virtual:2a41e375ad1745f4c69d568329bd8e93efd510482b591608adf07903c1c7c5da80f70ebacb4333f4d323a30d1e56bc854b865daa7bb0df195591c42c3c3dc214#npm:5.94.0"],\
-          ["webpack-cli", "virtual:2a41e375ad1745f4c69d568329bd8e93efd510482b591608adf07903c1c7c5da80f70ebacb4333f4d323a30d1e56bc854b865daa7bb0df195591c42c3c3dc214#npm:5.1.4"]\
-        ],\
-        "packagePeers": [\
-          "@types/webpack-cli",\
-          "@types/webpack",\
-          "webpack-cli",\
-          "webpack"\
-        ],\
-        "linkType": "HARD"\
-      }],\
       ["virtual:8a1377f1ccdb16f8c9e48db120e4ef1d1ddf8e7ee72d85cfe90f27f5823514608bcc3f2f3a92d0a087c90e6cc9ca66b28f4bc5fa9b3f616c1fa94ebd07598f97#npm:2.1.1", {\
         "packageLocation": "./.yarn/__virtual__/@webpack-cli-configtest-virtual-479b4bc920/0/cache/@webpack-cli-configtest-npm-2.1.1-2aa637b6bc-9f9f9145c2.zip/node_modules/@webpack-cli/configtest/",\
         "packageDependencies": [\
@@ -12512,23 +12742,6 @@ const RAW_RUNTIME_STATE =
         ],\
         "linkType": "SOFT"\
       }],\
-      ["virtual:2f109eb2d119dff9c1ede7154d1dff7658ab541455d58bd0221fc7743d3d730175e534a316a887da0c0ae2dde87f7754b5481c65a695d0030d55fc40c82994ad#npm:2.0.2", {\
-        "packageLocation": "./.yarn/__virtual__/@webpack-cli-info-virtual-0200e227a4/0/cache/@webpack-cli-info-npm-2.0.2-494be2e91a-8f9a178afc.zip/node_modules/@webpack-cli/info/",\
-        "packageDependencies": [\
-          ["@webpack-cli/info", "virtual:2f109eb2d119dff9c1ede7154d1dff7658ab541455d58bd0221fc7743d3d730175e534a316a887da0c0ae2dde87f7754b5481c65a695d0030d55fc40c82994ad#npm:2.0.2"],\
-          ["@types/webpack", null],\
-          ["@types/webpack-cli", null],\
-          ["webpack", "virtual:2a41e375ad1745f4c69d568329bd8e93efd510482b591608adf07903c1c7c5da80f70ebacb4333f4d323a30d1e56bc854b865daa7bb0df195591c42c3c3dc214#npm:5.94.0"],\
-          ["webpack-cli", "virtual:2a41e375ad1745f4c69d568329bd8e93efd510482b591608adf07903c1c7c5da80f70ebacb4333f4d323a30d1e56bc854b865daa7bb0df195591c42c3c3dc214#npm:5.1.4"]\
-        ],\
-        "packagePeers": [\
-          "@types/webpack-cli",\
-          "@types/webpack",\
-          "webpack-cli",\
-          "webpack"\
-        ],\
-        "linkType": "HARD"\
-      }],\
       ["virtual:8a1377f1ccdb16f8c9e48db120e4ef1d1ddf8e7ee72d85cfe90f27f5823514608bcc3f2f3a92d0a087c90e6cc9ca66b28f4bc5fa9b3f616c1fa94ebd07598f97#npm:2.0.2", {\
         "packageLocation": "./.yarn/__virtual__/@webpack-cli-info-virtual-88cc9a0587/0/cache/@webpack-cli-info-npm-2.0.2-494be2e91a-8f9a178afc.zip/node_modules/@webpack-cli/info/",\
         "packageDependencies": [\
@@ -12572,27 +12785,6 @@ const RAW_RUNTIME_STATE =
         ],\
         "linkType": "SOFT"\
       }],\
-      ["virtual:2f109eb2d119dff9c1ede7154d1dff7658ab541455d58bd0221fc7743d3d730175e534a316a887da0c0ae2dde87f7754b5481c65a695d0030d55fc40c82994ad#npm:2.0.5", {\
-        "packageLocation": "./.yarn/__virtual__/@webpack-cli-serve-virtual-601723f048/0/cache/@webpack-cli-serve-npm-2.0.5-5a220c2601-20424e5c1e.zip/node_modules/@webpack-cli/serve/",\
-        "packageDependencies": [\
-          ["@webpack-cli/serve", "virtual:2f109eb2d119dff9c1ede7154d1dff7658ab541455d58bd0221fc7743d3d730175e534a316a887da0c0ae2dde87f7754b5481c65a695d0030d55fc40c82994ad#npm:2.0.5"],\
-          ["@types/webpack", null],\
-          ["@types/webpack-cli", null],\
-          ["@types/webpack-dev-server", null],\
-          ["webpack", "virtual:2a41e375ad1745f4c69d568329bd8e93efd510482b591608adf07903c1c7c5da80f70ebacb4333f4d323a30d1e56bc854b865daa7bb0df195591c42c3c3dc214#npm:5.94.0"],\
-          ["webpack-cli", "virtual:2a41e375ad1745f4c69d568329bd8e93efd510482b591608adf07903c1c7c5da80f70ebacb4333f4d323a30d1e56bc854b865daa7bb0df195591c42c3c3dc214#npm:5.1.4"],\
-          ["webpack-dev-server", "virtual:2a41e375ad1745f4c69d568329bd8e93efd510482b591608adf07903c1c7c5da80f70ebacb4333f4d323a30d1e56bc854b865daa7bb0df195591c42c3c3dc214#npm:5.1.0"]\
-        ],\
-        "packagePeers": [\
-          "@types/webpack-cli",\
-          "@types/webpack-dev-server",\
-          "@types/webpack",\
-          "webpack-cli",\
-          "webpack-dev-server",\
-          "webpack"\
-        ],\
-        "linkType": "HARD"\
-      }],\
       ["virtual:8a1377f1ccdb16f8c9e48db120e4ef1d1ddf8e7ee72d85cfe90f27f5823514608bcc3f2f3a92d0a087c90e6cc9ca66b28f4bc5fa9b3f616c1fa94ebd07598f97#npm:2.0.5", {\
         "packageLocation": "./.yarn/__virtual__/@webpack-cli-serve-virtual-e35c239652/0/cache/@webpack-cli-serve-npm-2.0.5-5a220c2601-20424e5c1e.zip/node_modules/@webpack-cli/serve/",\
         "packageDependencies": [\
@@ -13590,7 +13782,7 @@ const RAW_RUNTIME_STATE =
           ["@types/webpack", null],\
           ["find-cache-dir", "npm:4.0.0"],\
           ["schema-utils", "npm:4.2.0"],\
-          ["webpack", "virtual:2a41e375ad1745f4c69d568329bd8e93efd510482b591608adf07903c1c7c5da80f70ebacb4333f4d323a30d1e56bc854b865daa7bb0df195591c42c3c3dc214#npm:5.94.0"]\
+          ["webpack", null]\
         ],\
         "packagePeers": [\
           "@babel/core",\
@@ -15068,7 +15260,7 @@ const RAW_RUNTIME_STATE =
           ["postcss-modules-values", "virtual:b7541ca4ee1960cfae87ed81ef705f21d5a6203f1336bb953f2f998348da1081eaead5794496a61687b64231619d26dbe93f3d87ca3c496020808d30aa848667#npm:4.0.0"],\
           ["postcss-value-parser", "npm:4.2.0"],\
           ["semver", "npm:7.6.0"],\
-          ["webpack", "virtual:2a41e375ad1745f4c69d568329bd8e93efd510482b591608adf07903c1c7c5da80f70ebacb4333f4d323a30d1e56bc854b865daa7bb0df195591c42c3c3dc214#npm:5.94.0"]\
+          ["webpack", null]\
         ],\
         "packagePeers": [\
           "@rspack/core",\
@@ -16052,6 +16244,15 @@ const RAW_RUNTIME_STATE =
         "linkType": "HARD"\
       }]\
     ]],\
+    ["detect-libc", [\
+      ["npm:1.0.3", {\
+        "packageLocation": "./.yarn/cache/detect-libc-npm-1.0.3-c30ac344d4-3849fe7720.zip/node_modules/detect-libc/",\
+        "packageDependencies": [\
+          ["detect-libc", "npm:1.0.3"]\
+        ],\
+        "linkType": "HARD"\
+      }]\
+    ]],\
     ["detect-newline", [\
       ["npm:4.0.1", {\
         "packageLocation": "./.yarn/cache/detect-newline-npm-4.0.1-ae81f0d4d3-0409ecdfb9.zip/node_modules/detect-newline/",\
@@ -19011,7 +19212,7 @@ const RAW_RUNTIME_STATE =
           ["lodash", "npm:4.17.21"],\
           ["pretty-error", "npm:4.0.0"],\
           ["tapable", "npm:2.2.1"],\
-          ["webpack", "virtual:2a41e375ad1745f4c69d568329bd8e93efd510482b591608adf07903c1c7c5da80f70ebacb4333f4d323a30d1e56bc854b865daa7bb0df195591c42c3c3dc214#npm:5.94.0"]\
+          ["webpack", null]\
         ],\
         "packagePeers": [\
           "@rspack/core",\
@@ -19175,10 +19376,10 @@ const RAW_RUNTIME_STATE =
         ],\
         "linkType": "SOFT"\
       }],\
-      ["virtual:a52e8ad740aceb34c92d6fb9ad765cf5dc098d657711dc6fe4e57bde406a61aa8f9f1ac627e9e80031e9320afe4b2f3c42fcb969adf9392838b7caae95087eb9#npm:2.0.7", {\
-        "packageLocation": "./.yarn/__virtual__/http-proxy-middleware-virtual-9d5521cd80/0/cache/http-proxy-middleware-npm-2.0.7-886a673e85-4a51bf612b.zip/node_modules/http-proxy-middleware/",\
+      ["virtual:e42e1c2ca7a4e868e5c8cac968a5710c9c70e7a33f225de69b59a73906788e4ea392ee5dd14202f2c31cc0236bcf8e57b5d2e47b1b9cafe2c8a2df868104561e#npm:2.0.7", {\
+        "packageLocation": "./.yarn/__virtual__/http-proxy-middleware-virtual-b42de521c1/0/cache/http-proxy-middleware-npm-2.0.7-886a673e85-4a51bf612b.zip/node_modules/http-proxy-middleware/",\
         "packageDependencies": [\
-          ["http-proxy-middleware", "virtual:a52e8ad740aceb34c92d6fb9ad765cf5dc098d657711dc6fe4e57bde406a61aa8f9f1ac627e9e80031e9320afe4b2f3c42fcb969adf9392838b7caae95087eb9#npm:2.0.7"],\
+          ["http-proxy-middleware", "virtual:e42e1c2ca7a4e868e5c8cac968a5710c9c70e7a33f225de69b59a73906788e4ea392ee5dd14202f2c31cc0236bcf8e57b5d2e47b1b9cafe2c8a2df868104561e#npm:2.0.7"],\
           ["@types/express", "npm:4.17.21"],\
           ["@types/http-proxy", "npm:1.17.15"],\
           ["http-proxy", "npm:1.18.1"],\
@@ -19354,6 +19555,13 @@ const RAW_RUNTIME_STATE =
           ["immutable", "npm:4.3.5"]\
         ],\
         "linkType": "HARD"\
+      }],\
+      ["npm:5.0.3", {\
+        "packageLocation": "./.yarn/cache/immutable-npm-5.0.3-c4195fd7f3-9aca1c7839.zip/node_modules/immutable/",\
+        "packageDependencies": [\
+          ["immutable", "npm:5.0.3"]\
+        ],\
+        "linkType": "HARD"\
       }]\
     ]],\
     ["import-cwd", [\
@@ -21129,7 +21337,7 @@ const RAW_RUNTIME_STATE =
           ["@types/webpack", null],\
           ["schema-utils", "npm:4.2.0"],\
           ["tapable", "npm:2.2.1"],\
-          ["webpack", "virtual:2a41e375ad1745f4c69d568329bd8e93efd510482b591608adf07903c1c7c5da80f70ebacb4333f4d323a30d1e56bc854b865daa7bb0df195591c42c3c3dc214#npm:5.94.0"]\
+          ["webpack", null]\
         ],\
         "packagePeers": [\
           "@types/webpack",\
@@ -21446,6 +21654,16 @@ const RAW_RUNTIME_STATE =
         "linkType": "HARD"\
       }]\
     ]],\
+    ["node-addon-api", [\
+      ["npm:7.1.1", {\
+        "packageLocation": "./.yarn/unplugged/node-addon-api-npm-7.1.1-bfb302df19/node_modules/node-addon-api/",\
+        "packageDependencies": [\
+          ["node-addon-api", "npm:7.1.1"],\
+          ["node-gyp", "npm:10.0.1"]\
+        ],\
+        "linkType": "HARD"\
+      }]\
+    ]],\
     ["node-forge", [\
       ["npm:1.3.1", {\
         "packageLocation": "./.yarn/cache/node-forge-npm-1.3.1-f31fd566cc-05bab68686.zip/node_modules/node-forge/",\
@@ -25020,6 +25238,17 @@ const RAW_RUNTIME_STATE =
           ["source-map-js", "npm:1.0.2"]\
         ],\
         "linkType": "HARD"\
+      }],\
+      ["npm:1.83.1", {\
+        "packageLocation": "./.yarn/cache/sass-npm-1.83.1-543e7bb3e0-ee4ea5573f.zip/node_modules/sass/",\
+        "packageDependencies": [\
+          ["sass", "npm:1.83.1"],\
+          ["@parcel/watcher", "npm:2.5.0"],\
+          ["chokidar", "npm:4.0.0"],\
+          ["immutable", "npm:5.0.3"],\
+          ["source-map-js", "npm:1.0.2"]\
+        ],\
+        "linkType": "HARD"\
       }]\
     ]],\
     ["sass-loader", [\
@@ -25030,6 +25259,13 @@ const RAW_RUNTIME_STATE =
         ],\
         "linkType": "SOFT"\
       }],\
+      ["npm:16.0.4", {\
+        "packageLocation": "./.yarn/cache/sass-loader-npm-16.0.4-58fd3a0682-16e3552e04.zip/node_modules/sass-loader/",\
+        "packageDependencies": [\
+          ["sass-loader", "npm:16.0.4"]\
+        ],\
+        "linkType": "SOFT"\
+      }],\
       ["virtual:24e0b849dfb6c9034992217368f7c7994d5eed61245606aebf649c30ac09a93fedc2a6b35eca5fc98c9ff108db7646895ee940e0375055ff3a6531a474d48905#npm:16.0.1", {\
         "packageLocation": "./.yarn/__virtual__/sass-loader-virtual-ff4fc8b716/0/cache/sass-loader-npm-16.0.1-0d9dc804c0-3ba0ecfbfd.zip/node_modules/sass-loader/",\
         "packageDependencies": [\
@@ -25060,10 +25296,10 @@ const RAW_RUNTIME_STATE =
         ],\
         "linkType": "HARD"\
       }],\
-      ["virtual:2a41e375ad1745f4c69d568329bd8e93efd510482b591608adf07903c1c7c5da80f70ebacb4333f4d323a30d1e56bc854b865daa7bb0df195591c42c3c3dc214#npm:16.0.1", {\
-        "packageLocation": "./.yarn/__virtual__/sass-loader-virtual-98f9b47bb0/0/cache/sass-loader-npm-16.0.1-0d9dc804c0-3ba0ecfbfd.zip/node_modules/sass-loader/",\
+      ["virtual:2a41e375ad1745f4c69d568329bd8e93efd510482b591608adf07903c1c7c5da80f70ebacb4333f4d323a30d1e56bc854b865daa7bb0df195591c42c3c3dc214#npm:16.0.4", {\
+        "packageLocation": "./.yarn/__virtual__/sass-loader-virtual-ac24a3da4a/0/cache/sass-loader-npm-16.0.4-58fd3a0682-16e3552e04.zip/node_modules/sass-loader/",\
         "packageDependencies": [\
-          ["sass-loader", "virtual:2a41e375ad1745f4c69d568329bd8e93efd510482b591608adf07903c1c7c5da80f70ebacb4333f4d323a30d1e56bc854b865daa7bb0df195591c42c3c3dc214#npm:16.0.1"],\
+          ["sass-loader", "virtual:2a41e375ad1745f4c69d568329bd8e93efd510482b591608adf07903c1c7c5da80f70ebacb4333f4d323a30d1e56bc854b865daa7bb0df195591c42c3c3dc214#npm:16.0.4"],\
           ["@rspack/core", null],\
           ["@types/node-sass", null],\
           ["@types/rspack__core", null],\
@@ -25072,9 +25308,9 @@ const RAW_RUNTIME_STATE =
           ["@types/webpack", null],\
           ["neo-async", "npm:2.6.2"],\
           ["node-sass", null],\
-          ["sass", "npm:1.79.1"],\
+          ["sass", "npm:1.83.1"],\
           ["sass-embedded", null],\
-          ["webpack", "virtual:2a41e375ad1745f4c69d568329bd8e93efd510482b591608adf07903c1c7c5da80f70ebacb4333f4d323a30d1e56bc854b865daa7bb0df195591c42c3c3dc214#npm:5.94.0"]\
+          ["webpack", null]\
         ],\
         "packagePeers": [\
           "@rspack/core",\
@@ -26171,7 +26407,7 @@ const RAW_RUNTIME_STATE =
         "packageDependencies": [\
           ["style-loader", "virtual:2a41e375ad1745f4c69d568329bd8e93efd510482b591608adf07903c1c7c5da80f70ebacb4333f4d323a30d1e56bc854b865daa7bb0df195591c42c3c3dc214#npm:4.0.0"],\
           ["@types/webpack", null],\
-          ["webpack", "virtual:2a41e375ad1745f4c69d568329bd8e93efd510482b591608adf07903c1c7c5da80f70ebacb4333f4d323a30d1e56bc854b865daa7bb0df195591c42c3c3dc214#npm:5.94.0"]\
+          ["webpack", null]\
         ],\
         "packagePeers": [\
           "@types/webpack",\
@@ -26528,36 +26764,6 @@ const RAW_RUNTIME_STATE =
         ],\
         "linkType": "SOFT"\
       }],\
-      ["virtual:2014242cc9955f85c49b6a82cb2c22a5035365a338f0e89a003255eda2ef278530943fbe1c39ddcf68c69244ad8f29008ee42f6fb5b5e0493e37f31522ec8a6d#npm:5.3.10", {\
-        "packageLocation": "./.yarn/__virtual__/terser-webpack-plugin-virtual-29efc26da0/0/cache/terser-webpack-plugin-npm-5.3.10-3bde1920fb-fb1c2436ae.zip/node_modules/terser-webpack-plugin/",\
-        "packageDependencies": [\
-          ["terser-webpack-plugin", "virtual:2014242cc9955f85c49b6a82cb2c22a5035365a338f0e89a003255eda2ef278530943fbe1c39ddcf68c69244ad8f29008ee42f6fb5b5e0493e37f31522ec8a6d#npm:5.3.10"],\
-          ["@jridgewell/trace-mapping", "npm:0.3.25"],\
-          ["@swc/core", null],\
-          ["@types/esbuild", null],\
-          ["@types/swc__core", null],\
-          ["@types/uglify-js", null],\
-          ["@types/webpack", null],\
-          ["esbuild", null],\
-          ["jest-worker", "npm:27.5.1"],\
-          ["schema-utils", "npm:3.3.0"],\
-          ["serialize-javascript", "npm:6.0.2"],\
-          ["terser", "npm:5.30.4"],\
-          ["uglify-js", null],\
-          ["webpack", "virtual:2a41e375ad1745f4c69d568329bd8e93efd510482b591608adf07903c1c7c5da80f70ebacb4333f4d323a30d1e56bc854b865daa7bb0df195591c42c3c3dc214#npm:5.94.0"]\
-        ],\
-        "packagePeers": [\
-          "@swc/core",\
-          "@types/esbuild",\
-          "@types/swc__core",\
-          "@types/uglify-js",\
-          "@types/webpack",\
-          "esbuild",\
-          "uglify-js",\
-          "webpack"\
-        ],\
-        "linkType": "HARD"\
-      }],\
       ["virtual:6253bbf9e303787febdf721f1d33d4db7a812c6c417eeb8d9f67079a1284619bda34b451d2c75fcd94373e4be82e96106debbe0d68247401c8c3d8aa394b08d9#npm:5.3.10", {\
         "packageLocation": "./.yarn/__virtual__/terser-webpack-plugin-virtual-b04e30e9fa/0/cache/terser-webpack-plugin-npm-5.3.10-3bde1920fb-fb1c2436ae.zip/node_modules/terser-webpack-plugin/",\
         "packageDependencies": [\
@@ -27924,42 +28130,6 @@ const RAW_RUNTIME_STATE =
         ],\
         "linkType": "HARD"\
       }],\
-      ["virtual:2a41e375ad1745f4c69d568329bd8e93efd510482b591608adf07903c1c7c5da80f70ebacb4333f4d323a30d1e56bc854b865daa7bb0df195591c42c3c3dc214#npm:5.94.0", {\
-        "packageLocation": "./.yarn/__virtual__/webpack-virtual-2014242cc9/0/cache/webpack-npm-5.94.0-d1e43de389-648449c5fb.zip/node_modules/webpack/",\
-        "packageDependencies": [\
-          ["webpack", "virtual:2a41e375ad1745f4c69d568329bd8e93efd510482b591608adf07903c1c7c5da80f70ebacb4333f4d323a30d1e56bc854b865daa7bb0df195591c42c3c3dc214#npm:5.94.0"],\
-          ["@types/estree", "npm:1.0.5"],\
-          ["@types/webpack-cli", null],\
-          ["@webassemblyjs/ast", "npm:1.12.1"],\
-          ["@webassemblyjs/wasm-edit", "npm:1.12.1"],\
-          ["@webassemblyjs/wasm-parser", "npm:1.12.1"],\
-          ["acorn", "npm:8.11.3"],\
-          ["acorn-import-attributes", "virtual:9bfbb2031ec4fa32ae107272247a31ed4b79055c12f8ae23759ede943d42f66de729cb14f911a12c473ccbd5eff6e63258aff6c32bef8f14e2aa23cc54d7e13f#npm:1.9.5"],\
-          ["browserslist", "npm:4.23.0"],\
-          ["chrome-trace-event", "npm:1.0.3"],\
-          ["enhanced-resolve", "npm:5.17.1"],\
-          ["es-module-lexer", "npm:1.5.0"],\
-          ["eslint-scope", "npm:5.1.1"],\
-          ["events", "npm:3.3.0"],\
-          ["glob-to-regexp", "npm:0.4.1"],\
-          ["graceful-fs", "npm:4.2.11"],\
-          ["json-parse-even-better-errors", "npm:2.3.1"],\
-          ["loader-runner", "npm:4.3.0"],\
-          ["mime-types", "npm:2.1.35"],\
-          ["neo-async", "npm:2.6.2"],\
-          ["schema-utils", "npm:3.3.0"],\
-          ["tapable", "npm:2.2.1"],\
-          ["terser-webpack-plugin", "virtual:2014242cc9955f85c49b6a82cb2c22a5035365a338f0e89a003255eda2ef278530943fbe1c39ddcf68c69244ad8f29008ee42f6fb5b5e0493e37f31522ec8a6d#npm:5.3.10"],\
-          ["watchpack", "npm:2.4.1"],\
-          ["webpack-cli", "virtual:2a41e375ad1745f4c69d568329bd8e93efd510482b591608adf07903c1c7c5da80f70ebacb4333f4d323a30d1e56bc854b865daa7bb0df195591c42c3c3dc214#npm:5.1.4"],\
-          ["webpack-sources", "npm:3.2.3"]\
-        ],\
-        "packagePeers": [\
-          "@types/webpack-cli",\
-          "webpack-cli"\
-        ],\
-        "linkType": "HARD"\
-      }],\
       ["virtual:7e3e1e48d458583323f2aa3ae07f1c51e979fadc535ce7c90254e2ea9a17d889c0e588a8fd8ac40f89ceb54158116f7ff759fe823428d7b2cb663144074416b0#npm:5.93.0", {\
         "packageLocation": "./.yarn/__virtual__/webpack-virtual-9bfbb2031e/0/cache/webpack-npm-5.93.0-10ee698c0b-a48bef7a51.zip/node_modules/webpack/",\
         "packageDependencies": [\
@@ -28116,44 +28286,6 @@ const RAW_RUNTIME_STATE =
         ],\
         "linkType": "HARD"\
       }],\
-      ["virtual:2a41e375ad1745f4c69d568329bd8e93efd510482b591608adf07903c1c7c5da80f70ebacb4333f4d323a30d1e56bc854b865daa7bb0df195591c42c3c3dc214#npm:5.1.4", {\
-        "packageLocation": "./.yarn/__virtual__/webpack-cli-virtual-2f109eb2d1/0/cache/webpack-cli-npm-5.1.4-7be5b53b38-9ac3ae7c43.zip/node_modules/webpack-cli/",\
-        "packageDependencies": [\
-          ["webpack-cli", "virtual:2a41e375ad1745f4c69d568329bd8e93efd510482b591608adf07903c1c7c5da80f70ebacb4333f4d323a30d1e56bc854b865daa7bb0df195591c42c3c3dc214#npm:5.1.4"],\
-          ["@discoveryjs/json-ext", "npm:0.5.7"],\
-          ["@types/webpack", null],\
-          ["@types/webpack-bundle-analyzer", null],\
-          ["@types/webpack-cli__generators", null],\
-          ["@types/webpack-dev-server", null],\
-          ["@webpack-cli/configtest", "virtual:2f109eb2d119dff9c1ede7154d1dff7658ab541455d58bd0221fc7743d3d730175e534a316a887da0c0ae2dde87f7754b5481c65a695d0030d55fc40c82994ad#npm:2.1.1"],\
-          ["@webpack-cli/generators", null],\
-          ["@webpack-cli/info", "virtual:2f109eb2d119dff9c1ede7154d1dff7658ab541455d58bd0221fc7743d3d730175e534a316a887da0c0ae2dde87f7754b5481c65a695d0030d55fc40c82994ad#npm:2.0.2"],\
-          ["@webpack-cli/serve", "virtual:2f109eb2d119dff9c1ede7154d1dff7658ab541455d58bd0221fc7743d3d730175e534a316a887da0c0ae2dde87f7754b5481c65a695d0030d55fc40c82994ad#npm:2.0.5"],\
-          ["colorette", "npm:2.0.20"],\
-          ["commander", "npm:10.0.1"],\
-          ["cross-spawn", "npm:7.0.3"],\
-          ["envinfo", "npm:7.12.0"],\
-          ["fastest-levenshtein", "npm:1.0.16"],\
-          ["import-local", "npm:3.1.0"],\
-          ["interpret", "npm:3.1.1"],\
-          ["rechoir", "npm:0.8.0"],\
-          ["webpack", "virtual:2a41e375ad1745f4c69d568329bd8e93efd510482b591608adf07903c1c7c5da80f70ebacb4333f4d323a30d1e56bc854b865daa7bb0df195591c42c3c3dc214#npm:5.94.0"],\
-          ["webpack-bundle-analyzer", null],\
-          ["webpack-dev-server", "virtual:2a41e375ad1745f4c69d568329bd8e93efd510482b591608adf07903c1c7c5da80f70ebacb4333f4d323a30d1e56bc854b865daa7bb0df195591c42c3c3dc214#npm:5.1.0"],\
-          ["webpack-merge", "npm:5.10.0"]\
-        ],\
-        "packagePeers": [\
-          "@types/webpack-bundle-analyzer",\
-          "@types/webpack-cli__generators",\
-          "@types/webpack-dev-server",\
-          "@types/webpack",\
-          "@webpack-cli/generators",\
-          "webpack-bundle-analyzer",\
-          "webpack-dev-server",\
-          "webpack"\
-        ],\
-        "linkType": "HARD"\
-      }],\
       ["virtual:c66117924d74d8c8383240e41a734c2dff366c7d2dad6ebb4c4773d406855c169bc14100c6748dbcf0914889503173bd2df7fadd09b71fe9c0a978616d948a39#npm:5.1.4", {\
         "packageLocation": "./.yarn/__virtual__/webpack-cli-virtual-dc4af52e62/0/cache/webpack-cli-npm-5.1.4-7be5b53b38-9ac3ae7c43.zip/node_modules/webpack-cli/",\
         "packageDependencies": [\
@@ -28208,25 +28340,6 @@ const RAW_RUNTIME_STATE =
         ],\
         "linkType": "SOFT"\
       }],\
-      ["virtual:a52e8ad740aceb34c92d6fb9ad765cf5dc098d657711dc6fe4e57bde406a61aa8f9f1ac627e9e80031e9320afe4b2f3c42fcb969adf9392838b7caae95087eb9#npm:7.4.2", {\
-        "packageLocation": "./.yarn/__virtual__/webpack-dev-middleware-virtual-93801e351a/0/cache/webpack-dev-middleware-npm-7.4.2-4c13142935-608d101b82.zip/node_modules/webpack-dev-middleware/",\
-        "packageDependencies": [\
-          ["webpack-dev-middleware", "virtual:a52e8ad740aceb34c92d6fb9ad765cf5dc098d657711dc6fe4e57bde406a61aa8f9f1ac627e9e80031e9320afe4b2f3c42fcb969adf9392838b7caae95087eb9#npm:7.4.2"],\
-          ["@types/webpack", null],\
-          ["colorette", "npm:2.0.20"],\
-          ["memfs", "npm:4.14.0"],\
-          ["mime-types", "npm:2.1.35"],\
-          ["on-finished", "npm:2.4.1"],\
-          ["range-parser", "npm:1.2.1"],\
-          ["schema-utils", "npm:4.2.0"],\
-          ["webpack", "virtual:2a41e375ad1745f4c69d568329bd8e93efd510482b591608adf07903c1c7c5da80f70ebacb4333f4d323a30d1e56bc854b865daa7bb0df195591c42c3c3dc214#npm:5.94.0"]\
-        ],\
-        "packagePeers": [\
-          "@types/webpack",\
-          "webpack"\
-        ],\
-        "linkType": "HARD"\
-      }],\
       ["virtual:e42e1c2ca7a4e868e5c8cac968a5710c9c70e7a33f225de69b59a73906788e4ea392ee5dd14202f2c31cc0236bcf8e57b5d2e47b1b9cafe2c8a2df868104561e#npm:7.4.2", {\
         "packageLocation": "./.yarn/__virtual__/webpack-dev-middleware-virtual-af0211a7b4/0/cache/webpack-dev-middleware-npm-7.4.2-4c13142935-608d101b82.zip/node_modules/webpack-dev-middleware/",\
         "packageDependencies": [\
@@ -28273,51 +28386,6 @@ const RAW_RUNTIME_STATE =
         ],\
         "linkType": "SOFT"\
       }],\
-      ["virtual:2a41e375ad1745f4c69d568329bd8e93efd510482b591608adf07903c1c7c5da80f70ebacb4333f4d323a30d1e56bc854b865daa7bb0df195591c42c3c3dc214#npm:5.1.0", {\
-        "packageLocation": "./.yarn/__virtual__/webpack-dev-server-virtual-a52e8ad740/0/cache/webpack-dev-server-npm-5.1.0-e0775caea7-f23255681c.zip/node_modules/webpack-dev-server/",\
-        "packageDependencies": [\
-          ["webpack-dev-server", "virtual:2a41e375ad1745f4c69d568329bd8e93efd510482b591608adf07903c1c7c5da80f70ebacb4333f4d323a30d1e56bc854b865daa7bb0df195591c42c3c3dc214#npm:5.1.0"],\
-          ["@types/bonjour", "npm:3.5.13"],\
-          ["@types/connect-history-api-fallback", "npm:1.5.4"],\
-          ["@types/express", "npm:4.17.21"],\
-          ["@types/serve-index", "npm:1.9.4"],\
-          ["@types/serve-static", "npm:1.15.7"],\
-          ["@types/sockjs", "npm:0.3.36"],\
-          ["@types/webpack", null],\
-          ["@types/webpack-cli", null],\
-          ["@types/ws", "npm:8.5.13"],\
-          ["ansi-html-community", "npm:0.0.8"],\
-          ["bonjour-service", "npm:1.2.1"],\
-          ["chokidar", "npm:3.6.0"],\
-          ["colorette", "npm:2.0.20"],\
-          ["compression", "npm:1.7.5"],\
-          ["connect-history-api-fallback", "npm:2.0.0"],\
-          ["express", "npm:4.21.1"],\
-          ["graceful-fs", "npm:4.2.11"],\
-          ["html-entities", "npm:2.5.2"],\
-          ["http-proxy-middleware", "virtual:a52e8ad740aceb34c92d6fb9ad765cf5dc098d657711dc6fe4e57bde406a61aa8f9f1ac627e9e80031e9320afe4b2f3c42fcb969adf9392838b7caae95087eb9#npm:2.0.7"],\
-          ["ipaddr.js", "npm:2.2.0"],\
-          ["launch-editor", "npm:2.9.1"],\
-          ["open", "npm:10.1.0"],\
-          ["p-retry", "npm:6.2.0"],\
-          ["schema-utils", "npm:4.2.0"],\
-          ["selfsigned", "npm:2.4.1"],\
-          ["serve-index", "npm:1.9.1"],\
-          ["sockjs", "npm:0.3.24"],\
-          ["spdy", "npm:4.0.2"],\
-          ["webpack", "virtual:2a41e375ad1745f4c69d568329bd8e93efd510482b591608adf07903c1c7c5da80f70ebacb4333f4d323a30d1e56bc854b865daa7bb0df195591c42c3c3dc214#npm:5.94.0"],\
-          ["webpack-cli", "virtual:2a41e375ad1745f4c69d568329bd8e93efd510482b591608adf07903c1c7c5da80f70ebacb4333f4d323a30d1e56bc854b865daa7bb0df195591c42c3c3dc214#npm:5.1.4"],\
-          ["webpack-dev-middleware", "virtual:a52e8ad740aceb34c92d6fb9ad765cf5dc098d657711dc6fe4e57bde406a61aa8f9f1ac627e9e80031e9320afe4b2f3c42fcb969adf9392838b7caae95087eb9#npm:7.4.2"],\
-          ["ws", "virtual:f2853e42b286009d094c8eb693f99de30be6a7ef44811592997281abdb6c1d956dccdb88b765f849bc8621b25120207a127347e901af55f5be92890f004c5ad5#npm:8.18.0"]\
-        ],\
-        "packagePeers": [\
-          "@types/webpack-cli",\
-          "@types/webpack",\
-          "webpack-cli",\
-          "webpack"\
-        ],\
-        "linkType": "HARD"\
-      }],\
       ["virtual:c66117924d74d8c8383240e41a734c2dff366c7d2dad6ebb4c4773d406855c169bc14100c6748dbcf0914889503173bd2df7fadd09b71fe9c0a978616d948a39#npm:5.1.0", {\
         "packageLocation": "./.yarn/__virtual__/webpack-dev-server-virtual-e42e1c2ca7/0/cache/webpack-dev-server-npm-5.1.0-e0775caea7-f23255681c.zip/node_modules/webpack-dev-server/",\
         "packageDependencies": [\
@@ -28340,7 +28408,7 @@ const RAW_RUNTIME_STATE =
           ["express", "npm:4.21.1"],\
           ["graceful-fs", "npm:4.2.11"],\
           ["html-entities", "npm:2.5.2"],\
-          ["http-proxy-middleware", "virtual:a52e8ad740aceb34c92d6fb9ad765cf5dc098d657711dc6fe4e57bde406a61aa8f9f1ac627e9e80031e9320afe4b2f3c42fcb969adf9392838b7caae95087eb9#npm:2.0.7"],\
+          ["http-proxy-middleware", "virtual:e42e1c2ca7a4e868e5c8cac968a5710c9c70e7a33f225de69b59a73906788e4ea392ee5dd14202f2c31cc0236bcf8e57b5d2e47b1b9cafe2c8a2df868104561e#npm:2.0.7"],\
           ["ipaddr.js", "npm:2.2.0"],\
           ["launch-editor", "npm:2.9.1"],\
           ["open", "npm:10.1.0"],\
@@ -28399,21 +28467,6 @@ const RAW_RUNTIME_STATE =
         ],\
         "linkType": "HARD"\
       }],\
-      ["virtual:2a41e375ad1745f4c69d568329bd8e93efd510482b591608adf07903c1c7c5da80f70ebacb4333f4d323a30d1e56bc854b865daa7bb0df195591c42c3c3dc214#npm:5.0.0", {\
-        "packageLocation": "./.yarn/__virtual__/webpack-manifest-plugin-virtual-cf25a922f3/0/cache/webpack-manifest-plugin-npm-5.0.0-d9c03b2f9d-466ade444c.zip/node_modules/webpack-manifest-plugin/",\
-        "packageDependencies": [\
-          ["webpack-manifest-plugin", "virtual:2a41e375ad1745f4c69d568329bd8e93efd510482b591608adf07903c1c7c5da80f70ebacb4333f4d323a30d1e56bc854b865daa7bb0df195591c42c3c3dc214#npm:5.0.0"],\
-          ["@types/webpack", null],\
-          ["tapable", "npm:2.2.1"],\
-          ["webpack", "virtual:2a41e375ad1745f4c69d568329bd8e93efd510482b591608adf07903c1c7c5da80f70ebacb4333f4d323a30d1e56bc854b865daa7bb0df195591c42c3c3dc214#npm:5.94.0"],\
-          ["webpack-sources", "npm:2.3.1"]\
-        ],\
-        "packagePeers": [\
-          "@types/webpack",\
-          "webpack"\
-        ],\
-        "linkType": "HARD"\
-      }],\
       ["virtual:c66117924d74d8c8383240e41a734c2dff366c7d2dad6ebb4c4773d406855c169bc14100c6748dbcf0914889503173bd2df7fadd09b71fe9c0a978616d948a39#npm:5.0.0", {\
         "packageLocation": "./.yarn/__virtual__/webpack-manifest-plugin-virtual-cb3708abed/0/cache/webpack-manifest-plugin-npm-5.0.0-d9c03b2f9d-466ade444c.zip/node_modules/webpack-manifest-plugin/",\
         "packageDependencies": [\
diff --git a/.yarn/cache/@parcel-watcher-darwin-arm64-npm-2.5.0-4eab519184-10.zip b/.yarn/cache/@parcel-watcher-darwin-arm64-npm-2.5.0-4eab519184-10.zip
new file mode 100644
index 0000000..a74eb1f
Binary files /dev/null and b/.yarn/cache/@parcel-watcher-darwin-arm64-npm-2.5.0-4eab519184-10.zip differ
diff --git a/.yarn/cache/@parcel-watcher-darwin-x64-npm-2.5.0-4c4c1c789c-10.zip b/.yarn/cache/@parcel-watcher-darwin-x64-npm-2.5.0-4c4c1c789c-10.zip
new file mode 100644
index 0000000..afa613c
Binary files /dev/null and b/.yarn/cache/@parcel-watcher-darwin-x64-npm-2.5.0-4c4c1c789c-10.zip differ
diff --git a/.yarn/cache/@parcel-watcher-linux-arm64-glibc-npm-2.5.0-e2245511c0-10.zip b/.yarn/cache/@parcel-watcher-linux-arm64-glibc-npm-2.5.0-e2245511c0-10.zip
new file mode 100644
index 0000000..4e3141c
Binary files /dev/null and b/.yarn/cache/@parcel-watcher-linux-arm64-glibc-npm-2.5.0-e2245511c0-10.zip differ
diff --git a/.yarn/cache/@parcel-watcher-linux-arm64-musl-npm-2.5.0-beb60d14d1-10.zip b/.yarn/cache/@parcel-watcher-linux-arm64-musl-npm-2.5.0-beb60d14d1-10.zip
new file mode 100644
index 0000000..e473aca
Binary files /dev/null and b/.yarn/cache/@parcel-watcher-linux-arm64-musl-npm-2.5.0-beb60d14d1-10.zip differ
diff --git a/.yarn/cache/@parcel-watcher-linux-x64-glibc-npm-2.5.0-32a578ae14-10.zip b/.yarn/cache/@parcel-watcher-linux-x64-glibc-npm-2.5.0-32a578ae14-10.zip
new file mode 100644
index 0000000..f217d78
Binary files /dev/null and b/.yarn/cache/@parcel-watcher-linux-x64-glibc-npm-2.5.0-32a578ae14-10.zip differ
diff --git a/.yarn/cache/@parcel-watcher-linux-x64-musl-npm-2.5.0-a376e4ad21-10.zip b/.yarn/cache/@parcel-watcher-linux-x64-musl-npm-2.5.0-a376e4ad21-10.zip
new file mode 100644
index 0000000..3c48a3e
Binary files /dev/null and b/.yarn/cache/@parcel-watcher-linux-x64-musl-npm-2.5.0-a376e4ad21-10.zip differ
diff --git a/.yarn/cache/@parcel-watcher-npm-2.5.0-f36bd41c3b-1e28b1aa9a.zip b/.yarn/cache/@parcel-watcher-npm-2.5.0-f36bd41c3b-1e28b1aa9a.zip
new file mode 100644
index 0000000..9da2e11
Binary files /dev/null and b/.yarn/cache/@parcel-watcher-npm-2.5.0-f36bd41c3b-1e28b1aa9a.zip differ
diff --git a/.yarn/cache/@storybook-addon-links-npm-8.4.7-1480bc861f-3d64225348.zip b/.yarn/cache/@storybook-addon-links-npm-8.4.7-1480bc861f-3d64225348.zip
new file mode 100644
index 0000000..155b3d2
Binary files /dev/null and b/.yarn/cache/@storybook-addon-links-npm-8.4.7-1480bc861f-3d64225348.zip differ
diff --git a/.yarn/cache/@storybook-addon-styling-webpack-npm-1.0.1-050f57bb5b-449682f889.zip b/.yarn/cache/@storybook-addon-styling-webpack-npm-1.0.1-050f57bb5b-449682f889.zip
new file mode 100644
index 0000000..c3373e7
Binary files /dev/null and b/.yarn/cache/@storybook-addon-styling-webpack-npm-1.0.1-050f57bb5b-449682f889.zip differ
diff --git a/.yarn/cache/@storybook-node-logger-npm-8.4.7-f36b0d34a8-de906f1cfc.zip b/.yarn/cache/@storybook-node-logger-npm-8.4.7-f36b0d34a8-de906f1cfc.zip
new file mode 100644
index 0000000..3f39210
Binary files /dev/null and b/.yarn/cache/@storybook-node-logger-npm-8.4.7-f36b0d34a8-de906f1cfc.zip differ
diff --git a/.yarn/cache/@storybook-preset-scss-npm-1.0.3-e8dd2db2e3-4f1cf1f57a.zip b/.yarn/cache/@storybook-preset-scss-npm-1.0.3-e8dd2db2e3-4f1cf1f57a.zip
new file mode 100644
index 0000000..d3bbca2
Binary files /dev/null and b/.yarn/cache/@storybook-preset-scss-npm-1.0.3-e8dd2db2e3-4f1cf1f57a.zip differ
diff --git a/.yarn/cache/detect-libc-npm-1.0.3-c30ac344d4-3849fe7720.zip b/.yarn/cache/detect-libc-npm-1.0.3-c30ac344d4-3849fe7720.zip
new file mode 100644
index 0000000..3f842cb
Binary files /dev/null and b/.yarn/cache/detect-libc-npm-1.0.3-c30ac344d4-3849fe7720.zip differ
diff --git a/.yarn/cache/immutable-npm-5.0.3-c4195fd7f3-9aca1c7839.zip b/.yarn/cache/immutable-npm-5.0.3-c4195fd7f3-9aca1c7839.zip
new file mode 100644
index 0000000..5912ef5
Binary files /dev/null and b/.yarn/cache/immutable-npm-5.0.3-c4195fd7f3-9aca1c7839.zip differ
diff --git a/.yarn/cache/node-addon-api-npm-7.1.1-bfb302df19-ee1e1ed628.zip b/.yarn/cache/node-addon-api-npm-7.1.1-bfb302df19-ee1e1ed628.zip
new file mode 100644
index 0000000..12b52b8
Binary files /dev/null and b/.yarn/cache/node-addon-api-npm-7.1.1-bfb302df19-ee1e1ed628.zip differ
diff --git a/.yarn/cache/sass-loader-npm-16.0.4-58fd3a0682-16e3552e04.zip b/.yarn/cache/sass-loader-npm-16.0.4-58fd3a0682-16e3552e04.zip
new file mode 100644
index 0000000..c5fe00a
Binary files /dev/null and b/.yarn/cache/sass-loader-npm-16.0.4-58fd3a0682-16e3552e04.zip differ
diff --git a/.yarn/cache/sass-npm-1.83.1-543e7bb3e0-ee4ea5573f.zip b/.yarn/cache/sass-npm-1.83.1-543e7bb3e0-ee4ea5573f.zip
new file mode 100644
index 0000000..2d30f1c
Binary files /dev/null and b/.yarn/cache/sass-npm-1.83.1-543e7bb3e0-ee4ea5573f.zip differ
diff --git a/packages/web-components/.storybook/main.ts b/packages/web-components/.storybook/main.ts
index a9683dc..dc63bdf 100644
--- a/packages/web-components/.storybook/main.ts
+++ b/packages/web-components/.storybook/main.ts
@@ -9,19 +9,20 @@ import { dirname, join, resolve } from "path";
 function getAbsolutePath(value: string): any {
   return dirname(require.resolve(join(value, "package.json")));
 }
-const baseDir = dirname(fileURLToPath(import.meta.url));
 
-// @ts-ignore
-const devMode = process?.mode === "development";
+const baseDir = dirname(fileURLToPath(import.meta.url));
 
 const config: StorybookConfig = {
-  // stories: ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"],
   stories: ["../stories/**/*.stories.@(js|jsx|mjs|ts|tsx)"],
+  staticDirs: ["../src/assets"],
   addons: [
     getAbsolutePath("@storybook/addon-webpack5-compiler-swc"),
     getAbsolutePath("@storybook/addon-essentials"),
     getAbsolutePath("@chromatic-com/storybook"),
     getAbsolutePath("@storybook/addon-interactions"),
+    // getAbsolutePath("@storybook/addon-links"),
+    // getAbsolutePath("@storybook/addon-essentials"),
+    // getAbsolutePath("@storybook/addon-interactions"),
   ],
   framework: {
     name: getAbsolutePath("@storybook/preact-webpack5"),
@@ -34,24 +35,11 @@ const config: StorybookConfig = {
     );
     config!.resolve!.alias = {
       ...config.resolve!.alias,
-      "@": join(baseDir, "../src"),
+      "@": join(baseDir, "./src"),
     };
-    // Add SCSS support
     config.module!.rules.push({
       test: /\.scss$/,
-      use: [
-        "style-loader",
-        {
-          loader: "css-loader",
-          options: {
-            modules: {
-              localIdentName: devMode ? "[path][name]__[local]" : "[hash:base64:8]",
-            },
-          },
-        },
-        "sass-loader",
-      ],
-      include: resolve(__dirname, "../"),
+      use: ["style-loader", "css-loader", "sass-loader"],
     });
 
     return config;
diff --git a/packages/web-components/README.md b/packages/web-components/README.md
index ff02c2b..7083066 100644
--- a/packages/web-components/README.md
+++ b/packages/web-components/README.md
@@ -1,4 +1,4 @@
-# Allure Web Commons
+# Allure Web Components
 
 [<img src="https://allurereport.org/public/img/allure-report.svg" height="85px" alt="Allure Report logo" align="right" />](https://allurereport.org "Allure Report")
 
@@ -12,14 +12,19 @@
 
 ## Overview
 
-The package includes utilities which are used in web-implementations of Allure reports.
+The package includes Design System Components which are used in web-implementations of Allure reports and Storybook.
 
 ## Install
 
 Use your favorite package manager to install the package:
 
 ```shell
-npm add @allurereport/web-commons
-yarn add @allurereport/web-commons
-pnpm add @allurereport/web-commons
+npm add @allurereport/web-components
+yarn add @allurereport/web-components
+pnpm add @allurereport/web-components
+```
+
+Add styles to App.ts
+```shell
+import "@allurereport/web-components/index.css";
 ```
diff --git a/packages/web-components/package.json b/packages/web-components/package.json
index 75a49db..ee30fd9 100644
--- a/packages/web-components/package.json
+++ b/packages/web-components/package.json
@@ -36,7 +36,6 @@
     "@allurereport/core-api": "workspace:*",
     "@allurereport/web-commons": "workspace:*",
     "@preact/signals": "^1.3.0",
-    "clsx": "^2.1.1",
     "d3-shape": "^3.2.0",
     "i18next": "^24.0.2",
     "md5": "^2.3.0",
@@ -61,11 +60,14 @@
     "@rollup/plugin-typescript": "^12.1.2",
     "@storybook/addon-essentials": "^8.4.7",
     "@storybook/addon-interactions": "^8.4.7",
+    "@storybook/addon-links": "^8.4.7",
+    "@storybook/addon-styling-webpack": "^1.0.1",
     "@storybook/addon-webpack5-compiler-swc": "^1.0.5",
     "@storybook/blocks": "^8.4.7",
     "@storybook/manager-api": "^8.4.7",
     "@storybook/preact": "^8.4.7",
     "@storybook/preact-webpack5": "^8.4.7",
+    "@storybook/preset-scss": "^1.0.3",
     "@storybook/react": "^8.4.7",
     "@storybook/test": "^8.4.7",
     "@storybook/theming": "^8.4.7",
@@ -120,8 +122,8 @@
     "rollup-plugin-copy": "^3.5.0",
     "rollup-plugin-postcss": "^4.0.2",
     "rollup-plugin-svg-sprites": "^1.2.5",
-    "sass": "^1.79.1",
-    "sass-loader": "^16.0.1",
+    "sass": "^1.83.1",
+    "sass-loader": "^16.0.4",
     "storybook": "^8.4.7",
     "style-loader": "^4.0.0",
     "svg-sprite-loader": "^6.0.11",
@@ -129,10 +131,6 @@
     "tslib": "^2.7.0",
     "typescript": "^5.6.3",
     "typescript-eslint": "^8.6.0",
-    "vitest": "^2.1.8",
-    "webpack": "^5.94.0",
-    "webpack-cli": "^5.1.4",
-    "webpack-dev-server": "^5.1.0",
-    "webpack-manifest-plugin": "^5.0.0"
+    "vitest": "^2.1.8"
   }
 }
diff --git a/packages/web-components/rollup.config.js b/packages/web-components/rollup.config.js
index d36faf1..5f923c4 100644
--- a/packages/web-components/rollup.config.js
+++ b/packages/web-components/rollup.config.js
@@ -17,12 +17,12 @@ const BASE_PATH = path.dirname(fileURLToPath(import.meta.url));
 const SRC_PATH = path.resolve(BASE_PATH, "./src");
 
 export default defineConfig({
-  input: "src/index.ts", // Entry point of your design system
+  input: "src/index.ts",
   output: [
     {
       dir: "dist",
       format: "esm",
-      sourcemap: true, // Generate sourcemaps
+      sourcemap: true,
     },
     {
       dir: "dist",
@@ -30,7 +30,7 @@ export default defineConfig({
       sourcemap: true,
     },
   ],
-  external: ["preact", "preact/hooks"], // Mark Preact as external (users will provide it)
+  external: ["preact", "preact/hooks"],
   plugins: [
     alias({
       entries: [
diff --git a/packages/web-components/src/index.ts b/packages/web-components/src/index.ts
index 1bbbc34..aae02db 100644
--- a/packages/web-components/src/index.ts
+++ b/packages/web-components/src/index.ts
@@ -1,3 +1,5 @@
+import "@/assets/scss/index.scss";
+
 export { icons } from "@/components/SvgIcon";
 
 export { DropdownButton, Button, IconButton } from "@/components/Button";
diff --git a/packages/web-components/stories/Button.stories.tsx b/packages/web-components/stories/Button.stories.tsx
index a34d1d6..a483447 100644
--- a/packages/web-components/stories/Button.stories.tsx
+++ b/packages/web-components/stories/Button.stories.tsx
@@ -1,5 +1,5 @@
-import type { Meta, StoryObj } from "@storybook/react";
 import { Button, DropdownButton, IconButton, icons } from "@allurereport/web-components";
+import type { Meta, StoryObj } from "@storybook/react";
 
 const meta: Meta<typeof Button> = {
   title: "Commons/Button",
diff --git a/packages/web-components/stories/SuccessRatePieChart.stories.tsx b/packages/web-components/stories/SuccessRatePieChart.stories.tsx
index 74eb1bf..d9b68df 100644
--- a/packages/web-components/stories/SuccessRatePieChart.stories.tsx
+++ b/packages/web-components/stories/SuccessRatePieChart.stories.tsx
@@ -1,9 +1,17 @@
 import type { TestStatus } from "@allurereport/core-api";
-import type { Meta, StoryObj } from "@storybook/react";
 import { SuccessRatePieChart } from "@allurereport/web-components";
+import type { Meta, StoryObj } from "@storybook/react";
 
 const meta: Meta<typeof SuccessRatePieChart> = {
   title: "Commons/SuccessRatePieChart",
+
+  decorators: [
+    (Story) => (
+      <div style={{ width: "95px", height: "95px" }}>
+        <Story />
+      </div>
+    ),
+  ],
   component: SuccessRatePieChart,
   argTypes: {
     percentage: {
@@ -21,13 +29,27 @@ export default meta;
 type Story = StoryObj<typeof SuccessRatePieChart>;
 
 const mockSlices = [
-  { status: "passed" as TestStatus, count: 60, d: "M 50 0 A 50 50 0 0 1 87 50 L 50 50 Z" },
-  { status: "failed" as TestStatus, count: 30, d: "M 87 50 A 50 50 0 0 1 50 0 L 50 50 Z" },
-  { status: "skipped" as TestStatus, count: 10, d: "M 50 0 A 50 50 0 0 1 50 0 L 50 50 Z" },
+  {
+    d: "M0.96,-47.909A2,2,0,0,1,3.084,-49.905A50,50,0,0,1,44.761,22.282A2,2,0,0,1,41.97,23.123L36.763,20.116A2,2,0,0,1,35.965,17.509A40,40,0,0,0,2.819,-39.901A2,2,0,0,1,0.96,-41.896Z",
+    status: "failed",
+    count: 2,
+  },
+  {
+    d: "M41.01,24.786A2,2,0,0,1,41.677,27.623A50,50,0,0,1,-41.677,27.623A2,2,0,0,1,-41.01,24.786L-35.802,21.78A2,2,0,0,1,-33.145,22.392A40,40,0,0,0,33.145,22.392A2,2,0,0,1,35.802,21.78Z",
+    status: "broken",
+    count: 2,
+  },
+  {
+    d: "M-41.97,23.123A2,2,0,0,1,-44.761,22.282A50,50,0,0,1,-3.084,-49.905A2,2,0,0,1,-0.96,-47.909L-0.96,-41.896A2,2,0,0,1,-2.819,-39.901A40,40,0,0,0,-35.965,17.509A2,2,0,0,1,-36.763,20.116Z",
+    status: "passed",
+    count: 2,
+  },
 ];
 
 export const Default: Story = {
   args: {
+    styles: { width: "75px" },
+
     slices: mockSlices,
     percentage: 75,
   },
@@ -42,11 +64,7 @@ export const WithoutPercentage: Story = {
 
 export const CustomSlices: Story = {
   args: {
-    slices: [
-      { status: "passed" as TestStatus, count: 50, d: "M 50 0 A 50 50 0 0 1 70 70 L 50 50 Z" },
-      { status: "broken" as TestStatus, count: 25, d: "M 70 70 A 50 50 0 0 1 50 0 L 50 50 Z" },
-      { status: "unknown" as TestStatus, count: 25, d: "M 50 0 A 50 50 0 0 1 50 0 L 50 50 Z" },
-    ],
+    slices: mockSlices,
     percentage: 50,
   },
 };
diff --git a/packages/web-components/stories/SvgIcon.stories.tsx b/packages/web-components/stories/SvgIcon.stories.tsx
index e362a87..3ba1ca4 100644
--- a/packages/web-components/stories/SvgIcon.stories.tsx
+++ b/packages/web-components/stories/SvgIcon.stories.tsx
@@ -1,8 +1,8 @@
+import { SvgIcon, icons } from "@allurereport/web-components";
 import type { Meta, StoryObj } from "@storybook/react";
-import { SvgIcon } from "@allurereport/web-components";
 
 // Mock icons
-const mockIconId = "mock-icon-id";
+const mockIconId = icons.lineAlertsNotificationBox;
 
 const meta: Meta<typeof SvgIcon> = {
   title: "Commons/SvgIcon",
diff --git a/yarn.lock b/yarn.lock
index e17ad53..38b05b9 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -700,11 +700,14 @@ __metadata:
     "@rollup/plugin-typescript": "npm:^12.1.2"
     "@storybook/addon-essentials": "npm:^8.4.7"
     "@storybook/addon-interactions": "npm:^8.4.7"
+    "@storybook/addon-links": "npm:^8.4.7"
+    "@storybook/addon-styling-webpack": "npm:^1.0.1"
     "@storybook/addon-webpack5-compiler-swc": "npm:^1.0.5"
     "@storybook/blocks": "npm:^8.4.7"
     "@storybook/manager-api": "npm:^8.4.7"
     "@storybook/preact": "npm:^8.4.7"
     "@storybook/preact-webpack5": "npm:^8.4.7"
+    "@storybook/preset-scss": "npm:^1.0.3"
     "@storybook/react": "npm:^8.4.7"
     "@storybook/test": "npm:^8.4.7"
     "@storybook/theming": "npm:^8.4.7"
@@ -760,8 +763,8 @@ __metadata:
     rollup-plugin-copy: "npm:^3.5.0"
     rollup-plugin-postcss: "npm:^4.0.2"
     rollup-plugin-svg-sprites: "npm:^1.2.5"
-    sass: "npm:^1.79.1"
-    sass-loader: "npm:^16.0.1"
+    sass: "npm:^1.83.1"
+    sass-loader: "npm:^16.0.4"
     storybook: "npm:^8.4.7"
     style-loader: "npm:^4.0.0"
     svg-sprite-loader: "npm:^6.0.11"
@@ -770,10 +773,6 @@ __metadata:
     typescript: "npm:^5.6.3"
     typescript-eslint: "npm:^8.6.0"
     vitest: "npm:^2.1.8"
-    webpack: "npm:^5.94.0"
-    webpack-cli: "npm:^5.1.4"
-    webpack-dev-server: "npm:^5.1.0"
-    webpack-manifest-plugin: "npm:^5.0.0"
   languageName: unknown
   linkType: soft
 
@@ -4875,6 +4874,150 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@parcel/watcher-android-arm64@npm:2.5.0":
+  version: 2.5.0
+  resolution: "@parcel/watcher-android-arm64@npm:2.5.0"
+  conditions: os=android & cpu=arm64
+  languageName: node
+  linkType: hard
+
+"@parcel/watcher-darwin-arm64@npm:2.5.0":
+  version: 2.5.0
+  resolution: "@parcel/watcher-darwin-arm64@npm:2.5.0"
+  conditions: os=darwin & cpu=arm64
+  languageName: node
+  linkType: hard
+
+"@parcel/watcher-darwin-x64@npm:2.5.0":
+  version: 2.5.0
+  resolution: "@parcel/watcher-darwin-x64@npm:2.5.0"
+  conditions: os=darwin & cpu=x64
+  languageName: node
+  linkType: hard
+
+"@parcel/watcher-freebsd-x64@npm:2.5.0":
+  version: 2.5.0
+  resolution: "@parcel/watcher-freebsd-x64@npm:2.5.0"
+  conditions: os=freebsd & cpu=x64
+  languageName: node
+  linkType: hard
+
+"@parcel/watcher-linux-arm-glibc@npm:2.5.0":
+  version: 2.5.0
+  resolution: "@parcel/watcher-linux-arm-glibc@npm:2.5.0"
+  conditions: os=linux & cpu=arm & libc=glibc
+  languageName: node
+  linkType: hard
+
+"@parcel/watcher-linux-arm-musl@npm:2.5.0":
+  version: 2.5.0
+  resolution: "@parcel/watcher-linux-arm-musl@npm:2.5.0"
+  conditions: os=linux & cpu=arm & libc=musl
+  languageName: node
+  linkType: hard
+
+"@parcel/watcher-linux-arm64-glibc@npm:2.5.0":
+  version: 2.5.0
+  resolution: "@parcel/watcher-linux-arm64-glibc@npm:2.5.0"
+  conditions: os=linux & cpu=arm64 & libc=glibc
+  languageName: node
+  linkType: hard
+
+"@parcel/watcher-linux-arm64-musl@npm:2.5.0":
+  version: 2.5.0
+  resolution: "@parcel/watcher-linux-arm64-musl@npm:2.5.0"
+  conditions: os=linux & cpu=arm64 & libc=musl
+  languageName: node
+  linkType: hard
+
+"@parcel/watcher-linux-x64-glibc@npm:2.5.0":
+  version: 2.5.0
+  resolution: "@parcel/watcher-linux-x64-glibc@npm:2.5.0"
+  conditions: os=linux & cpu=x64 & libc=glibc
+  languageName: node
+  linkType: hard
+
+"@parcel/watcher-linux-x64-musl@npm:2.5.0":
+  version: 2.5.0
+  resolution: "@parcel/watcher-linux-x64-musl@npm:2.5.0"
+  conditions: os=linux & cpu=x64 & libc=musl
+  languageName: node
+  linkType: hard
+
+"@parcel/watcher-win32-arm64@npm:2.5.0":
+  version: 2.5.0
+  resolution: "@parcel/watcher-win32-arm64@npm:2.5.0"
+  conditions: os=win32 & cpu=arm64
+  languageName: node
+  linkType: hard
+
+"@parcel/watcher-win32-ia32@npm:2.5.0":
+  version: 2.5.0
+  resolution: "@parcel/watcher-win32-ia32@npm:2.5.0"
+  conditions: os=win32 & cpu=ia32
+  languageName: node
+  linkType: hard
+
+"@parcel/watcher-win32-x64@npm:2.5.0":
+  version: 2.5.0
+  resolution: "@parcel/watcher-win32-x64@npm:2.5.0"
+  conditions: os=win32 & cpu=x64
+  languageName: node
+  linkType: hard
+
+"@parcel/watcher@npm:^2.4.1":
+  version: 2.5.0
+  resolution: "@parcel/watcher@npm:2.5.0"
+  dependencies:
+    "@parcel/watcher-android-arm64": "npm:2.5.0"
+    "@parcel/watcher-darwin-arm64": "npm:2.5.0"
+    "@parcel/watcher-darwin-x64": "npm:2.5.0"
+    "@parcel/watcher-freebsd-x64": "npm:2.5.0"
+    "@parcel/watcher-linux-arm-glibc": "npm:2.5.0"
+    "@parcel/watcher-linux-arm-musl": "npm:2.5.0"
+    "@parcel/watcher-linux-arm64-glibc": "npm:2.5.0"
+    "@parcel/watcher-linux-arm64-musl": "npm:2.5.0"
+    "@parcel/watcher-linux-x64-glibc": "npm:2.5.0"
+    "@parcel/watcher-linux-x64-musl": "npm:2.5.0"
+    "@parcel/watcher-win32-arm64": "npm:2.5.0"
+    "@parcel/watcher-win32-ia32": "npm:2.5.0"
+    "@parcel/watcher-win32-x64": "npm:2.5.0"
+    detect-libc: "npm:^1.0.3"
+    is-glob: "npm:^4.0.3"
+    micromatch: "npm:^4.0.5"
+    node-addon-api: "npm:^7.0.0"
+    node-gyp: "npm:latest"
+  dependenciesMeta:
+    "@parcel/watcher-android-arm64":
+      optional: true
+    "@parcel/watcher-darwin-arm64":
+      optional: true
+    "@parcel/watcher-darwin-x64":
+      optional: true
+    "@parcel/watcher-freebsd-x64":
+      optional: true
+    "@parcel/watcher-linux-arm-glibc":
+      optional: true
+    "@parcel/watcher-linux-arm-musl":
+      optional: true
+    "@parcel/watcher-linux-arm64-glibc":
+      optional: true
+    "@parcel/watcher-linux-arm64-musl":
+      optional: true
+    "@parcel/watcher-linux-x64-glibc":
+      optional: true
+    "@parcel/watcher-linux-x64-musl":
+      optional: true
+    "@parcel/watcher-win32-arm64":
+      optional: true
+    "@parcel/watcher-win32-ia32":
+      optional: true
+    "@parcel/watcher-win32-x64":
+      optional: true
+  checksum: 10/1e28b1aa9a63456ebfa7af3e41297d088bd31d9e32548604f4f26ed96c5808f4330cd515062e879c24a9eaab7894066c8a3951ee30b59e7cbe6786ab2c790dae
+  languageName: node
+  linkType: hard
+
 "@pkgjs/parseargs@npm:^0.11.0":
   version: 0.11.0
   resolution: "@pkgjs/parseargs@npm:0.11.0"
@@ -5390,6 +5533,23 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@storybook/addon-links@npm:^8.4.7":
+  version: 8.4.7
+  resolution: "@storybook/addon-links@npm:8.4.7"
+  dependencies:
+    "@storybook/csf": "npm:^0.1.11"
+    "@storybook/global": "npm:^5.0.0"
+    ts-dedent: "npm:^2.0.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta
+    storybook: ^8.4.7
+  peerDependenciesMeta:
+    react:
+      optional: true
+  checksum: 10/3d64225348f1c72dec069551044c7781de03a4775acfefb8ebe2d0c1a6e0171692a1222e15191bccd57b76ca9a995032df14974b7a6271f7a9b283c90bff1a00
+  languageName: node
+  linkType: hard
+
 "@storybook/addon-measure@npm:8.4.7":
   version: 8.4.7
   resolution: "@storybook/addon-measure@npm:8.4.7"
@@ -5414,6 +5574,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@storybook/addon-styling-webpack@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "@storybook/addon-styling-webpack@npm:1.0.1"
+  dependencies:
+    "@storybook/node-logger": "npm:^8.0.0-alpha.10"
+  peerDependencies:
+    webpack: ^5.0.0
+  checksum: 10/449682f8897cc7c7a8b0098d8c6399455f2c87c625cc2e2bd5a6cf3b747a0c16c4e09d90d0cab6acf8a5a022e7e223b915c02aad988a990ae0357144bf09a50b
+  languageName: node
+  linkType: hard
+
 "@storybook/addon-toolbars@npm:8.4.7":
   version: 8.4.7
   resolution: "@storybook/addon-toolbars@npm:8.4.7"
@@ -5605,6 +5776,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@storybook/node-logger@npm:^8.0.0-alpha.10":
+  version: 8.4.7
+  resolution: "@storybook/node-logger@npm:8.4.7"
+  peerDependencies:
+    storybook: ^8.2.0 || ^8.3.0-0 || ^8.4.0-0 || ^8.5.0-0 || ^8.6.0-0
+  checksum: 10/de906f1cfc81e4109b9a1c1987bd1d7850da3d8907515ee87a7d611a9cec1d368a6c455953355d94d30af600cf007ceb99955391b976ac2de98bc1785f290eb8
+  languageName: node
+  linkType: hard
+
 "@storybook/preact-webpack5@npm:^8.4.7":
   version: 8.4.7
   resolution: "@storybook/preact-webpack5@npm:8.4.7"
@@ -5650,6 +5830,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@storybook/preset-scss@npm:^1.0.3":
+  version: 1.0.3
+  resolution: "@storybook/preset-scss@npm:1.0.3"
+  peerDependencies:
+    css-loader: "*"
+    sass-loader: "*"
+    style-loader: "*"
+  checksum: 10/4f1cf1f57a4cd277d76afad5fc4f677436dc3ae3753ce549a6395c0aa9f3d9cf58e9d04c7f8b2cccd2e01929ae563764cca03c016c7e3fed4044a6409e8ca8cd
+  languageName: node
+  linkType: hard
+
 "@storybook/preview-api@npm:8.4.7":
   version: 8.4.7
   resolution: "@storybook/preview-api@npm:8.4.7"
@@ -9977,6 +10168,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"detect-libc@npm:^1.0.3":
+  version: 1.0.3
+  resolution: "detect-libc@npm:1.0.3"
+  bin:
+    detect-libc: ./bin/detect-libc.js
+  checksum: 10/3849fe7720feb153e4ac9407086956e073f1ce1704488290ef0ca8aab9430a8d48c8a9f8351889e7cdc64e5b1128589501e4fef48f3a4a49ba92cd6d112d0757
+  languageName: node
+  linkType: hard
+
 "detect-newline@npm:^4.0.0":
   version: 4.0.1
   resolution: "detect-newline@npm:4.0.1"
@@ -12697,6 +12897,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"immutable@npm:^5.0.2":
+  version: 5.0.3
+  resolution: "immutable@npm:5.0.3"
+  checksum: 10/9aca1c783951bb204d7036fbcefac6dd42e7c8ad77ff54b38c5fc0924e6e16ce2d123c95db47c1170ba63dd3f6fc7aa74a29be7adef984031936c4cd1e9e8554
+  languageName: node
+  linkType: hard
+
 "import-cwd@npm:^3.0.0":
   version: 3.0.0
   resolution: "import-cwd@npm:3.0.0"
@@ -14226,7 +14433,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"micromatch@npm:^4.0.2, micromatch@npm:^4.0.8, micromatch@npm:~4.0.8":
+"micromatch@npm:^4.0.2, micromatch@npm:^4.0.5, micromatch@npm:^4.0.8, micromatch@npm:~4.0.8":
   version: 4.0.8
   resolution: "micromatch@npm:4.0.8"
   dependencies:
@@ -14584,6 +14791,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"node-addon-api@npm:^7.0.0":
+  version: 7.1.1
+  resolution: "node-addon-api@npm:7.1.1"
+  dependencies:
+    node-gyp: "npm:latest"
+  checksum: 10/ee1e1ed6284a2f8cd1d59ac6175ecbabf8978dcf570345e9a8095a9d0a2b9ced591074ae77f9009287b00c402352b38aa9322a34f2199cdc9f567b842a636b94
+  languageName: node
+  linkType: hard
+
 "node-forge@npm:^1":
   version: 1.3.1
   resolution: "node-forge@npm:1.3.1"
@@ -17296,6 +17512,32 @@ __metadata:
   languageName: node
   linkType: hard
 
+"sass-loader@npm:^16.0.4":
+  version: 16.0.4
+  resolution: "sass-loader@npm:16.0.4"
+  dependencies:
+    neo-async: "npm:^2.6.2"
+  peerDependencies:
+    "@rspack/core": 0.x || 1.x
+    node-sass: ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0 || ^9.0.0
+    sass: ^1.3.0
+    sass-embedded: "*"
+    webpack: ^5.0.0
+  peerDependenciesMeta:
+    "@rspack/core":
+      optional: true
+    node-sass:
+      optional: true
+    sass:
+      optional: true
+    sass-embedded:
+      optional: true
+    webpack:
+      optional: true
+  checksum: 10/16e3552e04301864d59d99f1c90952e0c97cfa793a38a551b6dc19e49a9c0779ec8b3dd8ab39bc79cc4401972f13e8d5baaf577c96ea39911db5866a0b4bdcdd
+  languageName: node
+  linkType: hard
+
 "sass@npm:^1.79.1":
   version: 1.79.1
   resolution: "sass@npm:1.79.1"
@@ -17309,6 +17551,23 @@ __metadata:
   languageName: node
   linkType: hard
 
+"sass@npm:^1.83.1":
+  version: 1.83.1
+  resolution: "sass@npm:1.83.1"
+  dependencies:
+    "@parcel/watcher": "npm:^2.4.1"
+    chokidar: "npm:^4.0.0"
+    immutable: "npm:^5.0.2"
+    source-map-js: "npm:>=0.6.2 <2.0.0"
+  dependenciesMeta:
+    "@parcel/watcher":
+      optional: true
+  bin:
+    sass: sass.js
+  checksum: 10/ee4ea5573faddeed375479eda6ac87a6f34dc6fc5391c6cc2743993f24827f4709f950fba6ef1ad0694215a1df40d43f4ed9006327daa3743c8e3ad1979d3c32
+  languageName: node
+  linkType: hard
+
 "scheduler@npm:^0.23.2":
   version: 0.23.2
   resolution: "scheduler@npm:0.23.2"